.recit-detail-page{position:relative;min-height:100vh;padding:var(--spacing-3xl) var(--spacing-lg);overflow:hidden;isolation:isolate}.recit-detail-page:before{content:"";position:absolute;inset:0;background-image:var(--recit-detail-bg-cover);background-size:cover;background-position:center;filter:blur(2px);transform:scale(1.06);z-index:-3}.recit-detail-overlay{position:absolute;inset:0;background:linear-gradient(120deg,var(--color-background) 8%,transparent 48%),linear-gradient(180deg,color-mix(in srgb,var(--color-background) 78%,transparent),color-mix(in srgb,var(--color-background-alt) 62%,transparent));z-index:-2}.recit-detail-container{max-width:1280px;margin:var(--spacing-md) auto 0 auto;display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:var(--spacing-2xl);align-items:start}.recit-detail-left-panel{position:sticky;top:var(--spacing-2xl);border-radius:var(--radius-2xl);padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-background) 82%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);box-shadow:var(--shadow-xl);backdrop-filter:blur(10px)}.recit-detail-cover-frame{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-md)}.recit-detail-cover-image{display:block;width:100%;aspect-ratio:9 / 16;object-fit:cover;border-radius:8px}.recit-detail-author-name{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);margin-bottom:0}.recit-detail-author-link{display:inline-flex;align-items:center;width:fit-content;text-decoration:none;transition:color var(--transition-base)}.recit-detail-author-link:hover{color:var(--color-primary)}.recit-detail-author-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.recit-detail-author-info{display:flex;flex-direction:column;gap:2px}.recit-detail-author-username{font-size:var(--font-size-xs);color:var(--color-accent);font-weight:500}.recit-detail-author-row,.recit-detail-category-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.recit-detail-meta-icon{color:var(--color-text-light);flex-shrink:0}.recit-detail-category-pill{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-primary) 18%,transparent);color:var(--color-primary);font-weight:600;font-size:var(--font-size-sm);margin:0}.recit-detail-main-panel{border-radius:var(--radius-2xl);padding:var(--spacing-xl);background:color-mix(in srgb,var(--color-background) 86%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);box-shadow:var(--shadow-xl);backdrop-filter:blur(10px)}.recit-detail-breadcrumb{display:flex;gap:var(--spacing-sm);align-items:center;margin-bottom:var(--spacing-xl);font-size:var(--font-size-sm)}.recit-detail-breadcrumb-link{color:var(--color-primary);font-weight:600}.recit-detail-breadcrumb-separator,.recit-detail-breadcrumb-current{color:var(--color-text-light)}.recit-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.recit-detail-read-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-white);font-size:var(--font-size-sm);font-weight:700;white-space:nowrap;box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base)}.recit-detail-read-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg);color:var(--color-text-white)}.recit-detail-title{font-size:clamp(2rem,4.2vw,2rem);color:var(--color-text);line-height:1.15;margin-bottom:var(--spacing-sm)}.recit-detail-subtitle{color:var(--color-text-light);font-size:var(--font-size-lg)}.recit-detail-description-card,.recit-detail-stats-section,.recit-detail-tags-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--color-border) 75%,transparent);background:color-mix(in srgb,var(--color-background-alt) 68%,transparent)}.recit-detail-section-title{font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--spacing-md)}.recit-detail-description-text{font-size:var(--font-size-base);color:var(--color-text);line-height:1.8}.recit-detail-stats-compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-sm) var(--spacing-lg)}.recit-detail-stat-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px dashed color-mix(in srgb,var(--color-border) 65%,transparent)}.recit-detail-stat-label{font-size:var(--font-size-sm);color:var(--color-text-light);margin-bottom:0}.recit-detail-stat-value{font-size:var(--font-size-base);font-weight:700;color:var(--color-text);text-align:right}.recit-detail-tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.recit-detail-tag-item{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--color-secondary) 35%,transparent);background:color-mix(in srgb,var(--color-secondary) 14%,transparent);color:var(--color-text);font-size:var(--font-size-sm);font-weight:500}.recit-detail-not-found{min-height:60vh;display:flex;justify-content:center;align-items:center;padding:var(--spacing-2xl) var(--spacing-lg)}.recit-detail-not-found-container{max-width:640px;text-align:center}.recit-detail-not-found-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm)}.recit-detail-not-found-text{color:var(--color-text-light);margin-bottom:var(--spacing-lg)}.recit-detail-back-link{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);color:var(--color-text-white);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));font-weight:600}@media(max-width:1023px){.recit-detail-container{grid-template-columns:1fr}.recit-detail-left-panel{position:relative;top:0;max-width:420px;width:100%;margin:0 auto}.recit-detail-stats-compact-grid{grid-template-columns:1fr}}.recit-detail-actions-bar{display:flex;align-items:center;gap:1rem;padding:.875rem 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md)}.recit-detail-like-btn{display:inline-flex;align-items:center;gap:.4rem;background:none;border:1.5px solid var(--color-border);border-radius:100px;padding:.35rem .875rem;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-light);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.recit-detail-like-btn:hover:not(:disabled){border-color:#e25b5b;color:#e25b5b}.recit-detail-like-btn--active{border-color:#e25b5b;color:#e25b5b;background:color-mix(in srgb,#e25b5b 8%,transparent)}.recit-detail-like-btn:disabled{cursor:default;opacity:.7}.recit-detail-comments-count{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--font-size-sm);color:var(--color-text-light)}.recit-detail-login-prompt{font-size:.78rem;color:var(--color-text-light);text-decoration:underline;margin-left:auto}.recit-detail-comments-section{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-md)}.recit-detail-comments-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--color-primary);color:var(--color-white);border-radius:100px;font-size:.7rem;font-weight:700;margin-left:.5rem;vertical-align:middle}.recit-detail-comment-form{display:flex;flex-direction:column;gap:.625rem;margin-bottom:var(--spacing-md)}.recit-detail-comment-textarea{width:100%;box-sizing:border-box;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:inherit;color:var(--color-text);background:var(--color-background);resize:vertical;outline:none;transition:border-color .15s ease}.recit-detail-comment-textarea:focus{border-color:var(--color-primary)}.recit-detail-comment-submit{align-self:flex-end;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.125rem;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:opacity .15s ease}.recit-detail-comment-submit:hover{opacity:.88}.recit-detail-comment-submit:disabled{opacity:.5;cursor:not-allowed}.recit-detail-comment-gate,.recit-detail-comment-loading,.recit-detail-comment-empty{font-size:var(--font-size-sm);color:var(--color-text-light);margin:0 0 var(--spacing-sm)}.recit-detail-comment-gate a{color:var(--color-primary);font-weight:600;text-decoration:none}.recit-detail-comments-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.875rem}.recit-detail-comment-item{padding:.75rem;background:var(--color-background-alt);border-radius:var(--radius-md)}.recit-detail-comment-content{font-size:var(--font-size-sm);color:var(--color-text);margin:0 0 .35rem;line-height:1.6;white-space:pre-line}.recit-detail-comment-date{font-size:.72rem;color:var(--color-text-light)}.recit-detail-author-stories{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-md)}.recit-detail-author-stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-sm)}.recit-detail-author-story-card{display:flex;flex-direction:column;gap:.5rem;text-decoration:none;color:var(--color-text);transition:opacity .15s ease}.recit-detail-author-story-card:hover{opacity:.8}.recit-detail-author-story-cover{aspect-ratio:2/3;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-background-alt)}.recit-detail-author-story-cover img{width:100%;height:100%;object-fit:cover}.recit-detail-author-story-title{font-size:.78rem;font-weight:600;color:var(--color-text);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:767px){.recit-detail-container{margin:var(--spacing-2xl) auto 0 auto}.recit-detail-page{padding:var(--spacing-xl) var(--spacing-sm)}.recit-detail-main-panel{padding:var(--spacing-lg)}.recit-detail-header{flex-direction:column;align-items:stretch}.recit-detail-read-button{width:100%}.recit-detail-description-card,.recit-detail-stats-section,.recit-detail-tags-section{padding:var(--spacing-md)}.recit-detail-author-stories-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}