.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y,.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y{opacity:.6}.ps .ps__rail-x:hover,.ps .ps__rail-y:hover,.ps .ps__rail-x:focus,.ps .ps__rail-y:focus,.ps .ps__rail-x.ps--clicking,.ps .ps__rail-y.ps--clicking{background-color:#eee;opacity:.9}.ps__thumb-x{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px;position:absolute}.ps__rail-x:hover>.ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x.ps--clicking .ps__thumb-x{background-color:#999;height:11px}.ps__rail-y:hover>.ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y.ps--clicking .ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style: none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ps{overflow:auto!important}}.scrollbar-container{position:relative;height:100%}.recits-page{min-height:100vh;background:var(--color-white);padding-bottom:var(--spacing-3xl)}.recits-container{max-width:1440px;margin:0 auto;padding:0 var(--spacing-lg)}.recits-hero{width:100%;padding:var(--pagePadding) 0;background:linear-gradient(135deg,var(--color-background) 0%,var(--color-background-alt) 100%);position:relative;overflow:hidden;margin-bottom:var(--spacing-2xl)}.recits-hero:before{content:"";position:absolute;top:-10%;left:-10%;width:120%;height:120%;background:var(--hero-page-before-background);pointer-events:none;z-index:1}.recits-hero-container{max-width:900px;margin:0 auto;padding:0 var(--pagePadding);text-align:center;position:relative;z-index:10}.recits-hero-title{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;background:linear-gradient(120deg,var(--color-primary) 0%,var(--color-secondary) 50%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-lg);line-height:1.2;padding:var(--spacing-xs) 0}.recits-hero-subtitle{font-size:clamp(1rem,2.2vw,1.25rem);color:var(--color-text-light);line-height:1.6;margin-bottom:var(--spacing-2xl)}.recits-hero-search{display:flex;align-items:center;gap:var(--spacing-sm);max-width:680px;margin:0 auto var(--spacing-lg);background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-sm);transition:all var(--transition-base)}.recits-hero-search:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.recits-hero-search svg{color:var(--color-text-light);flex-shrink:0;margin-left:var(--spacing-sm)}.recits-search-input{flex:1;border:none;outline:none;font-size:1rem;color:var(--color-text);background:transparent;padding:var(--spacing-sm)}.recits-search-input::placeholder{color:var(--color-text-light)}.recits-search-button{padding:var(--spacing-sm) var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-cream);border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.recits-search-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.recits-filters-toggle{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-background);border:2px solid var(--color-background-alt);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-base);width:fit-content;justify-content:center;position:relative;margin:0 auto}.recits-filters-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.recits-filters-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:8px;height:8px;background:var(--color-accent);border-radius:50%}.recits-content{display:grid;gap:var(--spacing-2xl)}.recits-filters-panel{background:var(--color-background);border:2px solid var(--color-background-alt);border-radius:var(--radius-xl);padding:var(--spacing-lg);display:none}.recits-filters-scroll{max-height:inherit}.recits-filters-scroll-content{display:flex;flex-direction:column}.recits-filters-panel.show{display:block}.recits-filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-background-alt)}.recits-filters-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.recits-clear-filters{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-base)}.recits-clear-filters:hover{background:#35395b1a}.recits-filter-group{margin-bottom:var(--spacing-lg)}.recits-filter-group:last-child{margin-bottom:0}.recits-filter-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.recits-sort-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.recits-sort-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background-alt);border:2px solid transparent;border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);text-align:left}.recits-sort-option:hover{background:var(--color-background);border-color:var(--color-primary)}.recits-sort-option.active{background:#35395b1a;border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.recits-filter-options{display:flex;flex-direction:column;gap:var(--spacing-xs)}.recits-filter-option{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-full);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);text-align:left;border:1px solid transparent}.recits-filter-option:hover{background:var(--color-background-alt)}.recits-filter-option.active{background:#35395b1a;color:var(--color-primary);font-weight:600;border-color:#35395b59}.recits-filter-options-compact{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.recits-main{min-height:400px}.recits-loading-state{display:flex;justify-content:center;align-items:center;min-height:400px}.recits-loader{position:relative;width:96px;height:96px;display:flex;align-items:center;justify-content:center}.recits-loader-ring{position:absolute;width:72px;height:72px;border:4px solid transparent;border-top-color:var(--color-primary);border-right-color:var(--color-secondary);border-radius:50%;animation:recitsLoaderSpin 1s linear infinite}.recits-loader-ring-delay{width:52px;height:52px;border-width:3px;border-top-color:var(--color-accent);border-right-color:var(--color-primary);animation-direction:reverse;animation-duration:.8s}.recits-loader-text{position:absolute;bottom:-2rem;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-light)}@keyframes recitsLoaderSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.recits-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-3xl);min-height:400px}.recits-empty-state svg{color:var(--color-text-light);margin-bottom:var(--spacing-xl);opacity:.5}.recits-empty-state h2{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-md)}.recits-empty-state p{font-size:var(--font-size-lg);color:var(--color-text-light);margin-bottom:var(--spacing-xl);max-width:500px}.recits-results-info{margin-bottom:var(--spacing-xl)}.recits-results-info p{color:var(--color-text-light);font-size:var(--font-size-sm)}.recits-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.recits-story-card{border-radius:var(--radius-lg);overflow:visible;transition:transform .25s ease,box-shadow .25s ease;position:relative}.recits-story-card:hover{transform:translateY(-5px);z-index:20}.recit-link{text-decoration:none;color:inherit;display:block;position:relative}.recits-story-cover-wrapper{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 16px #00000024;transition:box-shadow .25s ease}.recits-story-card:hover .recits-story-cover-wrapper{box-shadow:0 12px 36px #00000047}.recits-story-category-badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);z-index:3;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);background:#111827b8;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.recit-cover{position:relative;width:100%;aspect-ratio:2 / 3;overflow:hidden;background:var(--color-background-alt)}.recit-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.recit-cover-placeholder{width:100%;height:100%;background:linear-gradient(160deg,var(--color-background-alt) 0%,rgba(53,57,91,.18) 50%,var(--color-border) 100%)}.recits-story-card:hover .recit-cover img{transform:scale(1.06)}.recit-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:3.5rem var(--spacing-sm) var(--spacing-sm);background:linear-gradient(to top,rgba(5,5,12,.96) 0%,rgba(5,5,12,.72) 45%,transparent 100%);display:flex;flex-direction:column;gap:3px}.recit-card-read-btn{align-self:flex-start;display:inline-flex;align-items:center;padding:3px 10px;margin-bottom:4px;background:#ffffff24;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-full);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.02em;opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease}.recits-story-card:hover .recit-card-read-btn{opacity:1;transform:translateY(0)}.recit-card-title{font-size:.8125rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;line-height:1.3}.recit-card-meta{display:flex;align-items:center;gap:var(--spacing-xs);overflow:hidden;min-width:0}.recit-card-author{font-size:.6875rem;color:#ffffffad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.recit-card-chapters{flex-shrink:0;display:inline-flex;align-items:center;gap:3px;font-size:.6875rem;color:#ffffff8c;white-space:nowrap}.recits-story-hover-box{position:absolute;left:50%;width:min(92vw,520px);--recits-hover-shift-x: 0px;transform:translate(calc(-50% + var(--recits-hover-shift-x))) scale(.95);display:grid;grid-template-columns:140px 1fr;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--color-background) 92%,transparent);border:1px solid var(--color-border);box-shadow:var(--shadow-xl);backdrop-filter:blur(12px);z-index:6;opacity:0;pointer-events:none;transition:opacity var(--transition-base),transform var(--transition-base)}.recits-story-hover-box-top{bottom:calc(100% + var(--spacing-sm))}.recits-story-hover-box-bottom{top:calc(100% + var(--spacing-sm))}.recits-story-card:hover .recits-story-hover-box{opacity:1;transform:translate(calc(-50% + var(--recits-hover-shift-x))) scale(1)}.recits-story-hover-cover{border-radius:var(--radius-lg);overflow:hidden;background:var(--color-background-alt);aspect-ratio:2 / 3}.recits-story-hover-cover img{width:100%;height:100%;object-fit:cover}.recits-story-hover-details{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.recits-story-hover-title{font-size:var(--font-size-base);color:var(--color-text);line-height:1.3}.recits-story-hover-author{font-size:var(--font-size-sm);color:var(--color-text-light);display:flex;flex-direction:column;gap:2px}.recits-story-hover-author-handle{font-size:var(--font-size-xs);color:var(--color-accent);font-weight:500}.recits-story-hover-description{font-size:var(--font-size-xs);color:var(--color-text);line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.recits-story-hover-stats{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.recit-description{font-size:var(--font-size-sm);color:var(--color-text);line-height:1.6;margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.recit-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.recits-tag{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-background-alt);color:var(--color-text-light);font-size:var(--font-size-xs);border-radius:var(--radius-full);font-weight:500}.recit-stats{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;padding-top:var(--spacing-sm);border-top:1px solid var(--color-background-alt)}.recits-stat{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-light)}.stat svg{color:var(--color-primary)}.recits-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.recits-pagination-btn{min-width:40px;height:40px;padding:var(--spacing-sm);background:var(--color-background);border:2px solid var(--color-background-alt);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.recits-pagination-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:#35395b0d}.recits-pagination-btn.active{background:var(--color-primary);color:var(--color-cream);border-color:var(--color-primary)}.recits-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.recits-pagination-ellipsis{padding:var(--spacing-sm);color:var(--color-text-light)}.theme-dark .recits-story-card{background:var(--color-background);border-color:#ffffff1a}.theme-dark .recits-story-card:hover{border-color:var(--color-primary)}.theme-dark .recits-search-input,.theme-dark .recits-filters-toggle,.theme-dark .recits-filters-panel{background:var(--color-background-alt);border-color:#ffffff1a}@media(min-width:480px){.recits-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.recits-filters-toggle{display:none}.recits-content{grid-template-columns:280px 1fr}.recits-filters-panel{display:block;position:sticky;top:var(--spacing-xl);align-self:start;max-height:calc(100vh - 5rem);overflow:hidden}.recits-filters-scroll{max-height:calc(100vh - 10.5rem);padding-right:var(--spacing-xs)}.recits-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1023px){.recits-story-hover-box{display:none}}@media(min-width:1024px){.recits-container{padding:0 var(--spacing-2xl)}.recits-content{grid-template-columns:260px 1fr;gap:var(--spacing-2xl)}.recits-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1440px){.recits-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:768px){.recits-hero-container{padding:0 var(--spacing-lg)}.recits-hero-search{flex-direction:column;align-items:stretch}.recits-search-button{width:100%}}@media(max-width:480px){.recits-hero-container{padding:0 var(--spacing-md)}}