@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@300;400;500;600;700&family=Rozha+One&display=swap";:root{--bg-primary:#08090a;--bg-secondary:#111214;--surface:#18191d;--surface-raised:#1f2025;--gold-primary:#c6a15b;--gold-light:#e5c88a;--gold-dark:#8f6a2e;--horror-accent:#3e1218;--text-primary:#f4f1ea;--text-secondary:#9d9d9d;--text-muted:#6b6b6b;--border-subtle:#c6a15b1f;--border-strong:#c6a15b47;--glow-gold:0 20px 60px #c6a15b14;--glow-gold-strong:0 24px 70px #c6a15b29;--shadow-deep:0 30px 80px #0009;--font-heading:"Cinzel", "Times New Roman", serif;--font-serif:"Cormorant Garamond", Georgia, serif;--font-ui:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--font-display:"Rozha One", "Cinzel", serif;--sidebar-width:256px;--player-height:96px;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-ui);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:15px;line-height:1.55;overflow:hidden}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:.02em;color:var(--text-primary);font-weight:600;line-height:1.15}a{color:inherit;text-decoration:none}button{font-family:var(--font-ui);cursor:pointer;color:inherit;background:0 0;border:none}ul{list-style:none}img{max-width:100%;display:block}::selection{background:var(--gold-dark);color:var(--text-primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c6a15b2e padding-box padding-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#c6a15b59 padding-box padding-box}.eyebrow{font-family:var(--font-ui);letter-spacing:.34em;text-transform:uppercase;color:var(--gold-primary);font-size:11px;font-weight:600}.serif{font-family:var(--font-serif)}.gold-text{color:var(--gold-primary)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.fx-layer{pointer-events:none;z-index:50;position:fixed;inset:0}.fx-grain{opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.6s steps(2,end) infinite grain-shift}@keyframes grain-shift{0%{transform:translate(0)}50%{transform:translate(-2%,1%)}to{transform:translate(1%,-1%)}}.fx-vignette{background:radial-gradient(#0000 52%,#00000059 86%,#000000b8 100%)}.fx-cursor-glow{pointer-events:none;z-index:51;mix-blend-mode:screen;will-change:left, top;background:radial-gradient(circle,#c6a15b1a 0%,#c6a15b0a 35%,#0000 70%);border-radius:50%;width:520px;height:520px;transition:opacity .4s;position:fixed;transform:translate(-50%,-50%)}.fx-dust{z-index:49;opacity:.5}.toast-viewport{right:26px;bottom:calc(var(--player-height) + 22px);z-index:80;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed}.toast{border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border-strong);min-width:240px;max-width:360px;box-shadow:var(--shadow-deep);color:var(--text-primary);pointer-events:auto;align-items:center;gap:11px;padding:12px 16px;font-size:13.5px;display:flex}.toast__icon{border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:14px;display:grid}.toast--success .toast__icon{color:var(--bg-primary);background:var(--gold-primary)}.toast--info .toast__icon{color:var(--gold-light);border:1px solid var(--border-strong)}.toast--error .toast__icon{color:#e9b7bd;background:var(--horror-accent)}.toast__msg{line-height:1.3}@media (width<=720px){.toast-viewport{left:12px;right:12px;bottom:calc(var(--player-height) + 12px)}.toast{min-width:0;max-width:none}}.ambience{border-top:1px solid var(--border-subtle);flex-shrink:0;margin-top:14px;padding:14px 10px 8px}.ambience__head{padding:0 2px 12px}.ambience__list{flex-direction:column;gap:3px;display:flex}.ambience__toggle{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);align-items:center;gap:11px;padding:8px 10px;font-size:13px;font-weight:500;transition:color .25s,background .25s;display:flex;position:relative}.ambience__toggle:hover{color:var(--text-primary);background:#c6a15b0a}.ambience__dot{border:1.5px solid var(--text-muted);width:9px;height:9px;transition:all .3s var(--ease-out);border-radius:50%;flex-shrink:0}.ambience__icon{opacity:.7;place-items:center;font-size:16px;transition:opacity .25s,color .25s;display:grid}.ambience__label{text-align:left;flex:1}.ambience__toggle.is-on{color:var(--text-primary)}.ambience__toggle.is-on .ambience__dot{border-color:var(--gold-primary);background:var(--gold-primary);box-shadow:0 0 10px #c6a15bb3}.ambience__toggle.is-on .ambience__icon{opacity:1;color:var(--gold-light)}.ambience__wave{background:linear-gradient(var(--gold-primary), var(--gold-primary)) 0 50% / 2px 40% no-repeat, linear-gradient(var(--gold-primary), var(--gold-primary)) 6px 50% / 2px 100% no-repeat, linear-gradient(var(--gold-primary), var(--gold-primary)) 12px 50% / 2px 65% no-repeat;flex-shrink:0;width:14px;height:12px;animation:.9s ease-in-out infinite alternate eq}@keyframes eq{0%{background-size:2px 30%,2px 80%,2px 45%}to{background-size:2px 90%,2px 35%,2px 100%}}.logo{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-start;line-height:1;display:inline-flex}.logo__hi{font-family:var(--font-display);letter-spacing:.01em;background:linear-gradient(135deg, var(--gold-light) 0%, var(--gold-primary) 55%, var(--gold-dark) 100%);-webkit-text-fill-color:transparent;color:var(--gold-primary);text-shadow:0 2px 18px #c6a15b40;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:400}.logo__en{margin-top:5px}.logo__en-text{font-family:var(--font-heading);letter-spacing:.62em;text-indent:.62em;color:var(--text-primary);border-bottom:1.5px solid var(--gold-primary);padding-bottom:4px;font-size:11px;font-weight:600;display:inline-block}.logo--compact .logo__hi{font-size:23px}.logo--compact .logo__en-text{letter-spacing:.5em;text-indent:.5em;border-bottom-width:1px;padding-bottom:3px;font-size:9.5px}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-subtle);z-index:20;flex-direction:column;flex-shrink:0;height:100%;padding:22px 16px 18px;display:flex;position:relative;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar__brand{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;margin-bottom:6px;padding:4px 8px 22px;display:flex}.sidebar__seal{width:38px;height:38px;color:var(--gold-light);background:radial-gradient(circle at 30% 25%, var(--surface-raised), #0c0c0e);border:1px solid var(--border-strong);border-radius:50%;place-items:center;font-size:19px;display:grid;box-shadow:inset 0 0 12px #c6a15b2e}.sidebar__nav{flex-direction:column;flex-shrink:0;gap:2px;margin-top:14px;display:flex}.sidebar__link{border-radius:var(--radius-sm);color:var(--text-secondary);letter-spacing:.01em;align-items:center;gap:13px;padding:10px 12px;font-size:13.5px;font-weight:500;transition:color .25s,background .25s;display:flex;position:relative}.sidebar__link-icon{transition:color .25s, transform .25s var(--ease-out);place-items:center;font-size:18px;display:grid}.sidebar__link:hover{color:var(--text-primary);background:#c6a15b0d}.sidebar__link:hover .sidebar__link-icon{color:var(--gold-light);transform:translateY(-1px)}.sidebar__link.is-active{color:var(--text-primary);background:linear-gradient(90deg,#c6a15b24,#c6a15b05)}.sidebar__link.is-active .sidebar__link-icon{color:var(--gold-primary)}.sidebar__link-marker{background:var(--gold-primary);border-radius:0 3px 3px 0;width:3px;height:18px;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 10px #c6a15b99}.sidebar__footer{border-top:1px solid var(--border-subtle);flex-shrink:0;padding:16px 10px 4px}.sidebar__quote{color:var(--text-muted);font-size:15px;font-style:italic;line-height:1.35}@media (width<=900px){.sidebar{display:none}}.header{z-index:60;-webkit-backdrop-filter:blur(14px);background:linear-gradient(#08090aeb 0%,#08090ab8 70%,#08090a00 100%);align-items:center;gap:24px;padding:16px 34px;display:flex;position:sticky;top:0}.header__search{background:var(--surface);border:1px solid var(--border-subtle);border-radius:999px;flex:1;align-items:center;max-width:520px;height:44px;padding:0 14px;transition:border-color .3s,box-shadow .3s;display:flex;position:relative}.header__search:focus-within{border-color:var(--border-strong);box-shadow:0 0 0 3px #c6a15b14}.header__search-btn{flex-shrink:0;place-items:center;display:grid}.header__search-icon{color:var(--text-secondary);flex-shrink:0;font-size:18px;transition:color .25s}.header__search-btn:hover .header__search-icon{color:var(--gold-light)}.header__search-input{height:100%;color:var(--text-primary);font-family:var(--font-ui);background:0 0;border:none;outline:none;flex:1;padding:0 12px;font-size:14px}.header__search-input::placeholder{color:var(--text-muted)}.header__kbd{font-family:var(--font-ui);color:var(--text-secondary);border:1px solid var(--border-subtle);background:var(--bg-secondary);border-radius:6px;padding:3px 7px;font-size:11px}.header__actions{align-items:center;gap:16px;margin-left:auto;display:flex}.header__tabs{background:var(--surface);border:1px solid var(--border-subtle);border-radius:999px;gap:4px;padding:4px;display:flex}.header__tab{color:var(--text-secondary);border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:500;transition:color .25s,background .25s}.header__tab:hover{color:var(--text-primary)}.header__tab.is-active{color:var(--bg-primary);background:var(--gold-primary);font-weight:600}.header__icon-btn{width:40px;height:40px;color:var(--text-secondary);border:1px solid var(--border-subtle);background:var(--surface);border-radius:50%;place-items:center;font-size:19px;transition:color .25s,border-color .25s;display:grid;position:relative}.header__icon-btn:hover{color:var(--gold-light);border-color:var(--border-strong)}.header__badge{background:var(--gold-primary);border-radius:50%;width:7px;height:7px;position:absolute;top:9px;right:10px;box-shadow:0 0 8px #c6a15bcc}.header__account{border:1px solid var(--border-subtle);background:var(--surface);border-radius:999px;align-items:center;gap:9px;padding:5px 12px 5px 6px;transition:border-color .25s;display:flex}.header__account:hover{border-color:var(--border-strong)}.header__avatar{width:30px;height:30px;font-family:var(--font-heading);color:var(--bg-primary);background:linear-gradient(135deg, var(--gold-light), var(--gold-dark));border-radius:50%;place-items:center;font-size:14px;display:grid}.header__account-name{color:var(--text-primary);font-size:13px;font-weight:500}.header__account-caret{color:var(--text-secondary);font-size:15px;transition:transform .25s}.header__account.is-open .header__account-caret{transform:rotate(180deg)}.header__icon-btn.is-open,.header__account.is-open{border-color:var(--gold-primary)}.header__menu-anchor{position:relative}.menu{z-index:80;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-deep), var(--glow-gold);max-height:calc(100vh - var(--player-height) - 96px);transform-origin:100% 0;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden auto}.menu::-webkit-scrollbar{width:6px}.menu--profile{width:268px;padding:8px}.menu__head{align-items:center;gap:12px;padding:12px 10px;display:flex}.menu__avatar{width:42px;height:42px;font-family:var(--font-heading);color:var(--bg-primary);background:linear-gradient(135deg, var(--gold-light), var(--gold-dark));border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;display:grid}.menu__id{flex-direction:column;min-width:0;display:flex}.menu__name{font-family:var(--font-heading);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.menu__email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.menu__divider{background:var(--border-subtle);height:1px;margin:6px 2px}.menu__list{flex-direction:column;display:flex}.menu__item{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);align-items:center;gap:12px;padding:10px 12px;font-size:13.5px;font-weight:500;transition:color .2s,background .2s;display:flex}.menu__item:hover{color:var(--text-primary);background:#c6a15b0f}.menu__item-icon{font-size:18px}.menu__item--danger:hover{color:#e0939b;background:#3e121840}.menu__item--accent{color:var(--gold-primary)}.menu__item--accent:hover{color:var(--gold-light);background:#c6a15b14}.menu__role{letter-spacing:.1em;text-transform:uppercase;width:fit-content;color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:999px;align-items:center;gap:5px;margin-top:6px;padding:2px 9px;font-size:10px;font-weight:600;display:inline-flex}.menu__role.is-narrator{color:var(--gold-primary);border-color:var(--border-strong);background:#c6a15b0f}.menu__role svg{font-size:12px}.menu--notes{width:340px}.menu__notes-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.menu__notes-title{font-family:var(--font-heading);color:var(--text-primary);font-size:15px}.menu__notes-clear{color:var(--gold-primary);font-size:12px}.menu__notes-clear:hover{color:var(--gold-light)}.menu__notes-list{max-height:340px;overflow-y:auto}.note{border-bottom:1px solid var(--border-subtle);gap:12px;padding:13px 16px;transition:background .2s;display:flex;position:relative}.note:hover{background:#c6a15b0a}.note.is-unread{background:#c6a15b0d}.note__icon{width:36px;height:36px;color:var(--gold-primary);border:1px solid var(--border-strong);background:var(--bg-secondary);border-radius:50%;flex-shrink:0;place-items:center;font-size:17px;display:grid}.note__text{flex-direction:column;gap:2px;min-width:0;display:flex}.note__title{color:var(--text-primary);font-size:13.5px;font-weight:600}.note__body{color:var(--text-secondary);font-size:12.5px;line-height:1.35}.note__time{color:var(--text-muted);margin-top:3px;font-size:11px}.note__dot{background:var(--gold-primary);border-radius:50%;width:7px;height:7px;position:absolute;top:16px;right:14px;box-shadow:0 0 8px #c6a15bb3}@media (width<=1100px){.header__tabs,.header__account-name{display:none}}@media (width<=720px){.header{padding:14px 18px}.header__kbd{display:none}}.vinyl{flex-shrink:0;width:64px;height:64px;position:relative}.vinyl:before{content:"";opacity:.6;filter:blur(1px);z-index:0;background:conic-gradient(#0000 0deg,#c6a15b59 40deg,#0000 90deg 270deg,#e5c88a40 310deg,#0000 360deg);border-radius:50%;position:absolute;inset:-3px}.vinyl__disc{z-index:1;background:radial-gradient(circle,#15151a 0 34%,#0a0a0c 34% 100%);border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 6px 20px #0009,inset 0 0 0 1px #c6a15b26}.is-spinning .vinyl__disc{animation:4.2s linear infinite vinyl-spin}@keyframes vinyl-spin{to{transform:rotate(360deg)}}.vinyl__grooves{background:repeating-radial-gradient(circle,#ffffff08 0 1px,#0000 1px 3px);border-radius:50%;position:absolute;inset:0}.vinyl__sheen{background:linear-gradient(120deg,#0000 40%,#e5c88a24 50%,#0000 60%);border-radius:50%;position:absolute;inset:0}.vinyl__label{border-radius:50%;place-items:center;display:grid;position:absolute;inset:30%;overflow:hidden;box-shadow:0 0 0 1px #c6a15b66}.vinyl__cover{object-fit:cover;width:100%;height:100%}.vinyl__hole{background:var(--bg-primary);border-radius:50%;width:5px;height:5px;position:absolute;box-shadow:0 0 0 1.5px #c6a15b66}.waveform{cursor:pointer;width:100%;height:32px;position:relative}.waveform__canvas{width:100%;height:100%;display:block}.waveform:focus-visible{outline:1px solid var(--border-strong);outline-offset:4px;border-radius:4px}.candle{flex-shrink:0;width:30px;height:60px;position:relative}.candle__body{filter:drop-shadow(0 -2px 6px #c6a15b33);width:26px;height:auto;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.candle__flame{transform-origin:50% 100%;filter:drop-shadow(0 0 8px #ffc86e99);width:15px;transition:transform .12s ease-out,opacity .12s ease-out;animation:2.4s ease-in-out infinite flame-flicker;position:absolute;top:14px;left:50%}@keyframes flame-flicker{0%,to{rotate:-1.5deg}25%{rotate:2deg}50%{rotate:-1deg}75%{rotate:1.5deg}}.candle__halo{transform-origin:50%;mix-blend-mode:screen;background:radial-gradient(circle,#ffc66e73,#c6a15b1a 45%,#0000 70%);border-radius:50%;width:70px;height:70px;transition:opacity .12s ease-out,transform .12s ease-out;position:absolute;top:-6px;left:50%}.player{z-index:40;height:var(--player-height);background:linear-gradient(180deg, var(--surface), #131318);border-top:1px solid var(--border-subtle);flex-shrink:0;grid-template-columns:minmax(220px,1fr) minmax(380px,2fr) minmax(220px,1fr);align-items:center;gap:24px;padding:10px 28px;display:grid;position:relative;box-shadow:0 -20px 60px #00000080}.player:before{content:"";background:linear-gradient(90deg,#0000,#c6a15b66,#0000);height:1px;position:absolute;top:-1px;left:0;right:0}.player__left{align-items:center;gap:14px;min-width:0;display:flex}.player__meta{text-align:left;background:0 0;flex:1;min-width:0}.player__meta:not(:disabled){cursor:pointer}.player__meta-inner{flex-direction:column;min-width:0;display:flex}.player__title{font-family:var(--font-heading);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;transition:color .25s;display:block;overflow:hidden}.player__meta:not(:disabled):hover .player__title{color:var(--gold-light)}.player__sub{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;display:block;overflow:hidden}.player__like{color:var(--text-secondary);font-size:17px;transition:color .25s,transform .25s}.player__like:hover:not(:disabled){color:var(--gold-light);transform:scale(1.12)}.player__like.is-on{color:var(--gold-primary)}.player__like:disabled{opacity:.4}.player__center{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.player__controls{align-items:center;gap:18px;display:flex}.player__ctrl{color:var(--text-secondary);font-size:17px;transition:color .25s,transform .2s}.player__ctrl:hover{color:var(--text-primary);transform:scale(1.1)}.player__ctrl--sm{font-size:15px}.player__ctrl.is-on{color:var(--gold-primary)}.player__ctrl.is-on:after{content:"";background:var(--gold-primary);border-radius:50%;width:3px;height:3px;display:block;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.player__ctrl{position:relative}.player__play{width:38px;height:38px;color:var(--bg-primary);background:linear-gradient(135deg, var(--gold-light), var(--gold-primary));transition:transform .2s var(--ease-out), box-shadow .25s, opacity .25s;border-radius:50%;place-items:center;font-size:16px;display:grid;box-shadow:0 6px 18px #c6a15b4d}.player__play:hover:not(:disabled){transform:scale(1.07);box-shadow:0 8px 24px #c6a15b73}.player__play:disabled{opacity:.4;cursor:not-allowed}.player__scrub{align-items:center;gap:14px;width:100%;display:flex}.player__time{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:center;min-width:38px;font-size:11px}.player__right{justify-content:flex-end;align-items:center;gap:16px;display:flex}.player__volume{align-items:center;gap:8px;display:flex}.player__vol-btn{color:var(--text-secondary);place-items:center;transition:color .25s;display:grid}.player__vol-btn:hover{color:var(--gold-light)}.player__vol-icon{font-size:18px}.player__vol-slider{appearance:none;background:linear-gradient(90deg, var(--gold-primary) var(--fill,80%), #ffffff1f var(--fill,80%));cursor:pointer;border-radius:4px;width:90px;height:4px}.player__vol-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold-light);border-radius:50%;width:12px;height:12px;box-shadow:0 0 8px #c6a15b99}.player__vol-slider::-moz-range-thumb{background:var(--gold-light);border:none;border-radius:50%;width:12px;height:12px}@media (width<=1100px){.player{grid-template-columns:1fr 2fr auto}.player__volume{display:none}}@media (width<=720px){.player{grid-template-columns:1fr auto;gap:12px;padding:10px 16px}.player__center{display:none}}.app-shell{background:var(--bg-primary);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-shell__body{flex:1;min-height:0;display:flex}.app-shell__main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.app-shell__scroll{flex:1;overflow:hidden auto}.app-shell__content{padding:0 34px 60px}@media (width<=720px){.app-shell__content{padding:0 16px 48px}}.landing{background-color:var(--bg-primary);background-image:linear-gradient(#08090a80,#08090ad1),url(/assets/background-fq-yDxqe.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;height:100dvh;overflow:hidden auto}.landing__nav{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#08090ad9,#0000);justify-content:space-between;align-items:center;padding:18px 40px;display:flex;position:fixed;top:0;left:0;right:0}.landing__nav-actions{align-items:center;gap:22px;display:flex}.landing__nav-link{color:var(--text-secondary);font-size:14px;font-weight:500;transition:color .25s}.landing__nav-link:hover{color:var(--text-primary)}.landing__nav-cta{color:var(--bg-primary);background:linear-gradient(135deg, var(--gold-light), var(--gold-primary));transition:transform .25s var(--ease-out), box-shadow .25s;border-radius:999px;padding:9px 18px;font-size:13.5px;font-weight:600}.landing__nav-cta:hover{transform:translateY(-2px);box-shadow:0 10px 26px #c6a15b4d}.landing__hero{align-items:center;min-height:100vh;padding:120px 40px 80px;display:flex;position:relative;overflow:hidden}.landing__hero-bg{z-index:0;position:absolute;inset:0}.landing__hero-image{background-position:50% 25%;background-size:cover;animation:28s ease-in-out infinite alternate hero-drift;position:absolute;inset:0;transform:scale(1.08)}.landing__hero-fog{opacity:.35;mix-blend-mode:screen;background-size:cover;animation:70s linear infinite fog-pan;position:absolute;inset:-10%}.landing__hero-grad{background:linear-gradient(90deg, #08090af5 0%, #08090a99 55%, #08090a33 100%), linear-gradient(0deg, var(--bg-primary) 2%, transparent 45%);position:absolute;inset:0}.landing__hero-inner{z-index:1;max-width:720px;position:relative}.landing__title{text-shadow:0 6px 50px #0009;margin:20px 0 24px;font-size:clamp(40px,6.5vw,78px);font-weight:700;line-height:1.04}.landing__lede{color:var(--text-primary);opacity:.84;max-width:560px;margin-bottom:36px;font-size:21px;font-style:italic;line-height:1.5}.landing__hero-actions{flex-wrap:wrap;gap:16px;margin-bottom:40px;display:flex}.landing__cta{color:var(--bg-primary);background:linear-gradient(135deg, var(--gold-light), var(--gold-primary));transition:transform .25s var(--ease-out), box-shadow .25s;border-radius:999px;align-items:center;gap:11px;padding:15px 30px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 12px 36px #c6a15b47}.landing__cta:hover{transform:translateY(-2px);box-shadow:0 16px 46px #c6a15b6b}.landing__ghost{color:var(--text-primary);border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#18191d66;border-radius:999px;align-items:center;gap:10px;padding:15px 26px;font-size:15px;font-weight:500;transition:border-color .25s,gap .25s;display:inline-flex}.landing__ghost:hover{border-color:var(--gold-primary);gap:14px}.landing__stats{color:var(--text-secondary);align-items:center;gap:16px;font-size:14px;display:flex}.landing__stats strong{font-family:var(--font-heading);color:var(--gold-light);margin-right:4px;font-size:17px}.landing__stats-dot{background:var(--text-muted);border-radius:50%;width:4px;height:4px}.landing__section{z-index:1;max-width:1160px;margin:0 auto;padding:60px 40px;position:relative}.landing__section-head{justify-content:space-between;align-items:flex-end;margin-bottom:30px;display:flex}.landing__section-title{max-width:600px;margin-top:8px;font-size:clamp(24px,3vw,34px);font-weight:600}.landing__section-link{color:var(--gold-primary);align-items:center;gap:8px;font-size:14px;font-weight:500;transition:gap .25s;display:inline-flex}.landing__section-link:hover{gap:12px}.landing__features{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.landing__feature{border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid var(--border-subtle);transition:border-color .35s, transform .35s var(--ease-out);padding:30px 26px}.landing__feature:hover{border-color:var(--border-strong);transform:translateY(-4px)}.landing__feature-icon{width:52px;height:52px;color:var(--gold-primary);border:1px solid var(--border-strong);background:radial-gradient(circle at 30% 25%, var(--surface-raised), #0c0c0e);border-radius:14px;place-items:center;margin-bottom:20px;font-size:24px;display:grid}.landing__feature-title{margin-bottom:10px;font-size:20px}.landing__feature-body{color:var(--text-secondary);font-size:17px;font-style:italic;line-height:1.45}.landing__tales{grid-template-columns:repeat(5,1fr);gap:18px;display:grid}.landing__tale{aspect-ratio:3/4;border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:border-color .35s, transform .35s var(--ease-out);position:relative;overflow:hidden}.landing__tale img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out), filter .4s}.landing__tale:hover{border-color:var(--gold-primary);transform:translateY(-5px)}.landing__tale:hover img{filter:brightness(.5);transform:scale(1.08)}.landing__tale-veil{background:linear-gradient(#0000 45%,#08090ae6);position:absolute;inset:0}.landing__tale-title{font-family:var(--font-heading);z-index:2;font-size:15px;position:absolute;bottom:14px;left:14px;right:14px}.landing__tale-lock{z-index:2;letter-spacing:.08em;color:var(--gold-light);opacity:0;place-items:center;font-size:12px;transition:opacity .3s;display:grid;position:absolute;inset:0}.landing__tale:hover .landing__tale-lock{opacity:1}.landing__cats{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.landing__cat{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);transition:border-color .3s, transform .3s var(--ease-out);flex-direction:column;align-items:center;gap:8px;padding:26px 16px;display:flex}.landing__cat:hover{border-color:var(--gold-primary);transform:translateY(-4px)}.landing__cat img{width:34px;height:34px;margin-bottom:6px}.landing__cat-name{font-family:var(--font-heading);text-align:center;font-size:14px}.landing__cat-count{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:11px}.landing__final{z-index:1;text-align:center;max-width:720px;margin:0 auto;padding:90px 40px;position:relative}.landing__final-title{margin-bottom:14px;font-size:clamp(28px,4vw,46px);font-weight:700}.landing__final-sub{color:var(--gold-dark);margin-bottom:32px;font-size:19px;font-style:italic}.landing__foot{z-index:1;border-top:1px solid var(--border-subtle);color:var(--text-muted);justify-content:space-between;align-items:center;padding:30px 40px 44px;font-size:12px;display:flex;position:relative}@media (width<=900px){.landing__features{grid-template-columns:1fr}.landing__tales{grid-template-columns:repeat(3,1fr)}.landing__cats{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.landing__nav,.landing__hero,.landing__section,.landing__foot{padding-left:20px;padding-right:20px}.landing__tales{grid-template-columns:repeat(2,1fr)}}.auth{background:var(--bg-primary);grid-template-columns:1.05fr 1fr;height:100dvh;display:grid;overflow:hidden}.auth__art{position:relative;overflow:hidden}.auth__art-image{background-position:50%;background-size:cover;animation:30s ease-in-out infinite alternate hero-drift;position:absolute;inset:0;transform:scale(1.06)}.auth__art-fog{opacity:.3;mix-blend-mode:screen;background-size:cover;animation:80s linear infinite fog-pan;position:absolute;inset:-10%}.auth__art-grad{background:linear-gradient(180deg, #08090a8c 0%, #08090a66 50%, #08090aeb 100%), linear-gradient(90deg, transparent 60%, var(--bg-primary) 100%);position:absolute;inset:0}.auth__art-content{z-index:1;flex-direction:column;justify-content:space-between;height:100%;padding:44px;display:flex;position:relative}.auth__brand{align-self:flex-start}.auth__quote{color:var(--text-primary);max-width:460px;margin-bottom:10px;font-size:30px;font-style:italic;line-height:1.35}.auth__quote-cite{letter-spacing:.1em;color:var(--gold-primary);font-size:14px}.auth__panel{place-items:center;padding:40px;display:grid;overflow-y:auto}.auth__card{width:100%;max-width:400px}.auth__mobile-brand{margin-bottom:28px;display:none}.auth__title{margin-bottom:8px;font-size:34px;font-weight:700}.auth__subtitle{color:var(--text-secondary);margin-bottom:30px;font-size:18px;font-style:italic}.auth__footer{color:var(--text-secondary);text-align:center;margin-top:26px;font-size:14px}.auth__footer a{color:var(--gold-primary);font-weight:500}.auth__footer a:hover{color:var(--gold-light)}@media (width<=860px){.auth{grid-template-columns:1fr}.auth__art{display:none}.auth__mobile-brand{display:inline-flex}}.field{margin-bottom:18px}.field__label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.field__wrap{align-items:center;display:flex;position:relative}.field__icon{color:var(--text-muted);pointer-events:none;font-size:18px;position:absolute;left:14px}.field__input{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border-subtle);width:100%;height:48px;color:var(--text-primary);font-family:var(--font-ui);padding:0 14px 0 42px;font-size:15px;transition:border-color .25s,box-shadow .25s}.field__input::placeholder{color:var(--text-muted)}.field__input:focus{border-color:var(--gold-primary);outline:none;box-shadow:0 0 0 3px #c6a15b1a}.field__input.has-error{border-color:var(--horror-accent);box-shadow:0 0 0 3px #3e12184d}.field__toggle{color:var(--text-muted);font-size:18px;transition:color .2s;position:absolute;right:12px}.field__toggle:hover{color:var(--text-primary)}.field__error{color:#d98a92;margin-top:6px;font-size:12.5px;display:block}.auth-submit{border-radius:var(--radius-sm);width:100%;height:50px;color:var(--bg-primary);background:linear-gradient(135deg, var(--gold-light), var(--gold-primary));transition:transform .2s var(--ease-out), box-shadow .25s, opacity .2s;margin-top:8px;font-size:15px;font-weight:600;box-shadow:0 12px 30px #c6a15b38}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 40px #c6a15b5c}.auth-submit:disabled{opacity:.6;cursor:progress}.auth-divider{color:var(--text-muted);letter-spacing:.1em;align-items:center;gap:14px;margin:24px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.auth-oauth{gap:12px;display:flex}.auth-oauth__btn{border-radius:var(--radius-sm);height:46px;color:var(--text-primary);border:1px solid var(--border-subtle);background:var(--surface);flex:1;justify-content:center;align-items:center;gap:9px;font-size:14px;font-weight:500;transition:border-color .25s,background .25s;display:inline-flex}.auth-oauth__btn:hover{border-color:var(--border-strong);background:var(--surface-raised)}.auth-remember{justify-content:space-between;align-items:center;margin-bottom:22px;font-size:13.5px;display:flex}.auth-remember label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.auth-remember input{accent-color:var(--gold-primary);width:15px;height:15px}.auth-remember a{color:var(--gold-primary)}.auth-remember a:hover{color:var(--gold-light)}.auth-google{border-radius:var(--radius-sm);width:100%;height:50px;color:var(--text-primary);background:var(--surface-raised);border:1px solid var(--border-subtle);justify-content:center;align-items:center;gap:11px;font-size:14.5px;font-weight:600;transition:border-color .25s,background .25s,transform .2s;display:inline-flex}.auth-google:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface);transform:translateY(-1px)}.auth-google:disabled{opacity:.6;cursor:progress}.auth-google svg{color:#e5c88a;font-size:19px}.auth-choose{flex-direction:column;gap:14px;display:flex}.role-card{text-align:left;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border-subtle);width:100%;transition:border-color .25s, box-shadow .25s, transform .2s var(--ease-out);align-items:center;gap:16px;padding:18px;display:flex}.role-card:hover{border-color:var(--gold-primary);transform:translateY(-2px);box-shadow:0 16px 44px #c6a15b1f}.role-card__icon{width:50px;height:50px;color:var(--gold-primary);border:1px solid var(--border-strong);background:radial-gradient(circle at 30% 25%, var(--surface-raised), #0c0c0e);border-radius:14px;flex-shrink:0;place-items:center;font-size:24px;display:grid}.role-card__text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.role-card__title{font-family:var(--font-heading);color:var(--text-primary);font-size:16px;font-weight:500}.role-card__desc{font-family:var(--font-serif);color:var(--text-secondary);font-size:15px;font-style:italic;line-height:1.3}.role-card__arrow{color:var(--text-muted);transition:color .25s, transform .25s var(--ease-out);flex-shrink:0;font-size:19px}.role-card:hover .role-card__arrow{color:var(--gold-light);transform:translate(4px)}.auth-skip{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;margin-top:2px;padding:10px;font-size:14px;font-weight:500;transition:color .25s,gap .25s;display:inline-flex}.auth-skip:hover{color:var(--gold-light);gap:12px}.auth-back{color:var(--text-secondary);align-items:center;gap:7px;margin-bottom:16px;font-size:13px;transition:color .25s;display:inline-flex}.auth-back:hover{color:var(--gold-light)}.auth-role-badge{letter-spacing:.12em;text-transform:uppercase;color:var(--gold-primary);border:1px solid var(--border-strong);background:#c6a15b0f;border-radius:999px;align-items:center;gap:7px;margin-bottom:18px;padding:6px 12px;font-size:11px;display:inline-flex}.hero{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);isolation:isolate;min-height:460px;margin-bottom:8px;position:relative;overflow:hidden}.hero__bg{z-index:-1;position:absolute;inset:0}.hero__bg-image{background-position:50% 30%;background-size:cover;animation:26s ease-in-out infinite alternate hero-drift;position:absolute;inset:0;transform:scale(1.05)}@keyframes hero-drift{0%{transform:scale(1.05)translate(0)}to{transform:scale(1.12)translate(-1.5%,-1.5%)}}.hero__fog{opacity:.4;mix-blend-mode:screen;background-position:50%;background-size:cover;animation:60s linear infinite fog-pan;position:absolute;inset:-20% -10%}.hero__fog--slow{opacity:.25;animation:90s linear infinite fog-pan-rev}@keyframes fog-pan{0%{transform:translate(-6%)}to{transform:translate(6%)}}@keyframes fog-pan-rev{0%{transform:translate(5%)scale(1.1)}to{transform:translate(-5%)scale(1.1)}}.hero__gradient{background:linear-gradient(90deg,#08090af5 0%,#08090ab3 40%,#08090a26 100%),linear-gradient(#0000 45%,#08090ad9 100%);position:absolute;inset:0}.hero__vignette{position:absolute;inset:0;box-shadow:inset 0 0 160px 40px #000000b3}.hero__inner{justify-content:space-between;align-items:center;gap:40px;min-height:460px;padding:54px 56px;display:flex;position:relative}.hero__info{max-width:540px}.hero__eyebrow{align-items:center;gap:12px;margin-bottom:22px;display:flex}.hero__dot{background:var(--text-muted);border-radius:50%;width:4px;height:4px}.hero__category{color:var(--text-secondary);letter-spacing:.08em;font-size:12px;font-weight:500}.hero__title{text-shadow:0 4px 40px #0009;margin-bottom:20px;font-size:clamp(38px,5vw,62px);font-weight:700;line-height:1.02}.hero__note{color:var(--text-primary);opacity:.86;max-width:480px;margin-bottom:26px;font-size:19px;font-style:italic;line-height:1.5}.hero__meta{color:var(--text-secondary);align-items:center;gap:12px;margin-bottom:32px;font-size:13px;display:flex}.hero__meta-sep{color:var(--text-muted)}.hero__actions{align-items:center;gap:14px;display:flex}.hero__play{color:var(--bg-primary);background:linear-gradient(135deg, var(--gold-light), var(--gold-primary));transition:transform .25s var(--ease-out), box-shadow .25s;border-radius:999px;align-items:center;gap:10px;padding:13px 26px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 10px 30px #c6a15b40}.hero__play svg{font-size:16px}.hero__play:hover{transform:translateY(-2px);box-shadow:0 14px 40px #c6a15b61}.hero__play:active{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));transform:translateY(0)}.hero__ghost{color:var(--text-primary);border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#18191d80;border-radius:999px;align-items:center;gap:9px;padding:13px 22px;font-size:14px;font-weight:500;transition:border-color .25s,background .25s;display:inline-flex}.hero__ghost:hover{border-color:var(--gold-primary);background:#c6a15b14}.hero__icon{width:46px;height:46px;color:var(--text-primary);border:1px solid var(--border-strong);background:#18191d80;border-radius:50%;place-items:center;font-size:18px;transition:color .25s,border-color .25s;display:grid}.hero__icon:hover{color:var(--gold-light);border-color:var(--gold-primary)}.hero__icon.is-on{color:var(--gold-primary);border-color:var(--gold-primary);background:#c6a15b1f}.hero__stack{flex-shrink:0;width:270px;height:360px;position:relative}.hero__card{border-radius:var(--radius-md);border:1px solid var(--border-strong);background-position:50%;background-size:cover;position:absolute;inset:0}.hero__card--1{z-index:3;box-shadow:var(--shadow-deep);overflow:hidden}.hero__card--1:after{content:"";background:linear-gradient(#08090a1a 40%,#08090ae6 100%);position:absolute;inset:0}.hero__card--2{z-index:2;background:var(--surface);opacity:.7;transform:rotate(6deg)translate(18px,10px)}.hero__card--3{z-index:1;background:var(--surface-raised);opacity:.45;transform:rotate(-7deg)translate(-16px,16px)}.hero__card-stamp{z-index:4;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08090a8c;border-radius:8px;flex-direction:column;align-items:flex-end;padding:8px 12px;display:flex;position:absolute;top:16px;right:16px}.hero__card-stamp span{letter-spacing:.3em;color:var(--gold-primary);font-size:9px}.hero__card-stamp strong{font-family:var(--font-heading);color:var(--text-primary);font-size:18px}.hero__card-foot{z-index:4;position:absolute;bottom:16px;left:18px}@media (width<=1000px){.hero__stack{display:none}.hero__inner{padding:44px 36px}}@media (width<=640px){.hero__inner{padding:34px 22px}.hero__actions{flex-wrap:wrap}}.section{margin-top:44px}.section__head{justify-content:space-between;align-items:flex-end;margin-bottom:22px;display:flex}.section__title{margin-top:6px;font-size:26px;font-weight:600}.section__action{color:var(--text-secondary);align-items:center;gap:7px;font-size:12.5px;font-weight:500;transition:color .25s,gap .25s;display:inline-flex}.section__action:hover{color:var(--gold-light);gap:11px}.section__track--grid{grid-template-columns:repeat(auto-fill,minmax(186px,1fr));gap:24px;display:grid}.section__track--list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.section__track--scroll{scroll-snap-type:x proximity;grid-auto-columns:minmax(300px,1fr);grid-auto-flow:column;gap:16px;padding-bottom:8px;display:grid;overflow-x:auto}.section__track--scroll>*{scroll-snap-align:start}@media (width<=640px){.section__track--grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.section__title{font-size:22px}}.story-card{cursor:pointer;border-radius:var(--radius-md);will-change:transform;width:100%}.story-card__media{aspect-ratio:3/4;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface);transition:border-color .35s,box-shadow .35s;position:relative;overflow:hidden}.story-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease-out), filter .5s}.story-card:hover .story-card__media{border-color:var(--gold-primary);box-shadow:0 20px 60px #c6a15b14}.story-card:hover .story-card__media img{filter:brightness(.55)saturate(.9);transform:scale(1.08)}.story-card__overlay{background:linear-gradient(#08090a00 45%,#08090ad9 100%);position:absolute;inset:0}.story-card__badge{z-index:2;letter-spacing:.04em;color:var(--text-primary);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08090a8c;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:500;transition:opacity .3s;position:absolute;top:12px;left:12px}.story-card:hover .story-card__badge{opacity:0}.story-card__bookmark{z-index:3;width:34px;height:34px;color:var(--text-primary);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:#08090a8c;border-radius:50%;place-items:center;font-size:16px;transition:opacity .3s,transform .3s,color .25s,border-color .25s;display:grid;position:absolute;top:10px;right:10px;transform:translateY(-6px)}.story-card:hover .story-card__bookmark,.story-card__bookmark.is-on{opacity:1;transform:translateY(0)}.story-card__bookmark:hover{color:var(--gold-light);border-color:var(--gold-primary)}.story-card__bookmark.is-on{color:var(--gold-primary);border-color:var(--gold-primary)}.story-card__hover{z-index:2;opacity:0;transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);flex-direction:column;justify-content:center;padding:22px;display:flex;position:absolute;inset:0;transform:translateY(10px)}.story-card:hover .story-card__hover{opacity:1;transform:translateY(0)}.story-card__opened{margin-bottom:18px;font-size:10px}.story-card__opened:before{content:"";background:var(--gold-primary);vertical-align:middle;width:22px;height:1px;margin-right:8px;display:inline-block}.story-card__dossier{flex-direction:column;gap:14px;display:flex}.story-card__dossier dt{letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:3px;font-size:10px}.story-card__dossier dd{font-family:var(--font-serif);color:var(--text-primary);font-size:18px}.story-card__play{z-index:3;width:44px;height:44px;color:var(--bg-primary);background:linear-gradient(135deg, var(--gold-light), var(--gold-primary));opacity:0;transition:opacity .35s var(--ease-out), transform .35s var(--ease-out);border-radius:50%;place-items:center;font-size:17px;display:grid;position:absolute;bottom:12px;right:12px;transform:translateY(8px)scale(.9);box-shadow:0 8px 24px #00000080}.story-card:hover .story-card__play{opacity:1;transform:translateY(0)scale(1)}.story-card__play:hover{transform:scale(1.08)}.story-card__body{padding:14px 4px 4px}.story-card__title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:16px;font-weight:500;transition:color .25s;overflow:hidden}.story-card:hover .story-card__title{color:var(--gold-light)}.story-card__duration{color:var(--text-secondary);font-size:12px}.story-card.is-playing .story-card__media{border-color:var(--gold-primary);box-shadow:0 0 0 1px var(--gold-primary), 0 20px 60px #c6a15b29}.cat-card{text-align:left;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);align-items:center;gap:16px;width:100%;padding:20px;transition:border-color .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.cat-card:hover{border-color:var(--gold-primary);box-shadow:0 20px 60px #c6a15b14}.cat-card__glow{opacity:0;background:radial-gradient(circle,#c6a15b2e,#0000 70%);border-radius:50%;width:160px;height:160px;transition:opacity .45s;position:absolute;top:-40%;right:-20%}.cat-card:hover .cat-card__glow{opacity:1}.cat-card__icon{width:50px;height:50px;color:var(--gold-primary);border:1px solid var(--border-strong);background:radial-gradient(circle at 30% 25%, var(--surface-raised), #0c0c0e);transition:transform .4s var(--ease-out);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.cat-card__icon img{width:26px;height:26px;transition:filter .4s}.cat-card:hover .cat-card__icon{transform:rotate(-6deg)scale(1.05)}.cat-card:hover .cat-card__icon img{filter:brightness(1.25)drop-shadow(0 0 6px #c6a15b80)}.cat-card__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cat-card__name{font-family:var(--font-heading);color:var(--text-primary);font-size:16px;font-weight:500}.cat-card__tagline{color:var(--text-secondary);font-size:15px;font-style:italic;line-height:1.25}.cat-card__count{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-top:4px;font-size:11px}.cat-card__arrow{color:var(--text-muted);transition:color .3s, transform .3s var(--ease-out);flex-shrink:0;font-size:18px}.cat-card:hover .cat-card__arrow{color:var(--gold-light);transform:translate(4px)}.continue-card{text-align:left;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);align-items:center;gap:16px;width:100%;padding:12px;transition:border-color .35s,box-shadow .35s,background .35s;display:flex}.continue-card:hover{border-color:var(--border-strong);background:var(--surface);box-shadow:0 20px 60px #c6a15b14}.continue-card__cover{border:1px solid var(--border-subtle);border-radius:10px;flex-shrink:0;width:72px;height:72px;position:relative;overflow:hidden}.continue-card__cover img{object-fit:cover;width:100%;height:100%;transition:filter .35s}.continue-card:hover .continue-card__cover img{filter:brightness(.6)}.continue-card__play{color:var(--gold-light);opacity:0;place-items:center;font-size:20px;transition:opacity .3s;display:grid;position:absolute;inset:0}.continue-card:hover .continue-card__play{opacity:1}.continue-card__body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.continue-card__cat{letter-spacing:.14em;text-transform:uppercase;color:var(--gold-primary);font-size:10px}.continue-card__title{font-family:var(--font-heading);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.continue-card__remaining{color:var(--text-secondary);font-size:12px}.continue-card__bar{background:#ffffff14;border-radius:3px;height:3px;margin-top:7px;overflow:hidden}.continue-card__bar-fill{background:linear-gradient(90deg, var(--gold-dark), var(--gold-light));border-radius:3px;height:100%;display:block}.narrator-card{text-align:left;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);align-items:center;gap:16px;width:100%;padding:18px 20px;transition:border-color .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.narrator-card:hover{border-color:var(--gold-primary);box-shadow:0 20px 60px #c6a15b14}.narrator-card__glow{opacity:0;background:radial-gradient(circle,#c6a15b2e,#0000 70%);border-radius:50%;width:150px;height:150px;transition:opacity .45s;position:absolute;top:-40%;left:-10%}.narrator-card:hover .narrator-card__glow{opacity:1}.narrator-card__avatar{width:56px;height:56px;font-family:var(--font-heading);color:var(--bg-primary);background:linear-gradient(135deg, var(--gold-light), var(--gold-dark));box-shadow:var(--glow-gold);border-radius:50%;flex-shrink:0;place-items:center;font-size:20px;display:grid}.narrator-card__body{flex-direction:column;gap:3px;min-width:0;display:flex}.narrator-card__name{font-family:var(--font-heading);color:var(--text-primary);font-size:17px;font-weight:500}.narrator-card__tagline{color:var(--text-secondary);font-size:15px;font-style:italic;line-height:1.25}.narrator-card__count{letter-spacing:.1em;text-transform:uppercase;color:var(--gold-primary);align-items:center;gap:6px;margin-top:5px;font-size:11px;display:inline-flex}.footer{border-top:1px solid var(--border-subtle);margin-top:72px;padding-top:44px}.footer__top{grid-template-columns:1.4fr 2fr;gap:48px;display:grid}.footer__seal{width:40px;height:40px;color:var(--gold-light);border:1px solid var(--border-strong);background:radial-gradient(circle at 30% 25%, var(--surface-raised), #0c0c0e);border-radius:50%;place-items:center;margin-bottom:16px;font-size:19px;display:grid}.footer__logo{margin-bottom:16px}.footer__brand-line{color:var(--text-secondary);max-width:320px;font-size:16px;font-style:italic;line-height:1.45}.footer__cols{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.footer__col-title{font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-primary);margin-bottom:16px;font-size:11px;font-weight:600}.footer__col ul{flex-direction:column;gap:11px;display:flex}.footer__col a,.footer__link-btn{color:var(--text-secondary);font-size:13.5px;transition:color .25s}.footer__col a:hover,.footer__link-btn:hover{color:var(--text-primary)}.footer__bottom{border-top:1px solid var(--border-subtle);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:40px;padding:22px 0 36px;font-size:12px;display:flex}.footer__motto{color:var(--gold-dark);letter-spacing:.04em;font-size:15px;font-style:italic}@media (width<=860px){.footer__top{grid-template-columns:1fr;gap:32px}.footer__cols{grid-template-columns:repeat(2,1fr)}}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;padding-top:18px;display:flex}.page-header__title{margin-top:8px;font-size:clamp(30px,4vw,44px);font-weight:700;line-height:1.05}.page-header__subtitle{color:var(--text-secondary);max-width:560px;margin-top:8px;font-size:18px;font-style:italic}.page-header__actions{flex-shrink:0;align-items:center;gap:12px;display:flex}@media (width<=640px){.page-header{flex-direction:column;align-items:flex-start}}.story-grid{grid-template-columns:repeat(auto-fill,minmax(186px,1fr));gap:24px;display:grid}@media (width<=640px){.story-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}}.page{padding-bottom:30px}.filter-bar{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.chip{color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:color .25s,border-color .25s,background .25s;display:inline-flex}.chip:hover{color:var(--text-primary);border-color:var(--border-strong)}.chip.is-active{color:var(--bg-primary);background:var(--gold-primary);border-color:var(--gold-primary);font-weight:600}.chip img{width:16px;height:16px}.chip.is-active img{filter:brightness(0)saturate()}.result-count{color:var(--text-secondary);margin-bottom:20px;font-size:13px}.result-count strong{color:var(--gold-light)}.btn-ghost{color:var(--text-primary);border:1px solid var(--border-strong);background:var(--surface);border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:500;transition:border-color .25s,background .25s;display:inline-flex}.btn-ghost:hover{border-color:var(--gold-primary);background:#c6a15b0f}.btn-gold{color:var(--bg-primary);background:linear-gradient(135deg, var(--gold-light), var(--gold-primary));transition:transform .2s var(--ease-out), box-shadow .25s;border-radius:999px;align-items:center;gap:9px;padding:11px 22px;font-size:13.5px;font-weight:600;display:inline-flex;box-shadow:0 10px 28px #c6a15b33}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 14px 36px #c6a15b57}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.case__narrator-link{color:var(--gold-primary);font:inherit;text-align:left;border-bottom:1px solid #0000;transition:color .2s,border-color .2s}.case__narrator-link:hover{color:var(--gold-light);border-bottom-color:var(--gold-light)}.studio__stat-icon{color:var(--gold-primary);margin-bottom:10px;font-size:20px;display:block}.studio__compose{margin-bottom:30px;overflow:hidden}.studio__compose-inner{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-strong);padding:22px}.studio__compose-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.studio__compose-head h3{font-family:var(--font-heading);color:var(--text-primary);font-size:18px}.studio__close{width:32px;height:32px;color:var(--text-secondary);border-radius:50%;place-items:center;font-size:17px;transition:color .2s,background .2s;display:grid}.studio__close:hover{color:var(--gold-light);background:#c6a15b14}.studio__label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin:14px 0 7px;font-size:12px;font-weight:600;display:block}.studio__input{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border-subtle);width:100%;height:44px;color:var(--text-primary);font-family:var(--font-ui);outline:none;padding:0 14px;font-size:14px;transition:border-color .25s,box-shadow .25s}.studio__input:focus{border-color:var(--gold-primary);box-shadow:0 0 0 3px #c6a15b1a}.studio__textarea{resize:vertical;height:auto;min-height:84px;font-family:var(--font-serif);padding:12px 14px;font-size:16px}.studio__row{gap:14px;display:flex}.studio__dropzone{border-radius:var(--radius-sm);border:1px dashed var(--border-strong);background:var(--surface);text-align:center;flex-direction:column;align-items:center;gap:5px;width:100%;padding:24px;transition:border-color .25s,background .25s;display:flex}.studio__dropzone:hover{border-color:var(--gold-primary);background:#c6a15b0d}.studio__dropzone-icon{color:var(--gold-primary);margin-bottom:4px;font-size:26px}.studio__dropzone-title{color:var(--text-primary);font-size:14px;font-weight:600}.studio__dropzone-hint{color:var(--text-muted);font-size:12px}.studio__file-chip{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border-strong);align-items:center;gap:11px;padding:12px 14px;display:flex}.studio__file-icon{color:var(--gold-primary);flex-shrink:0;font-size:19px}.studio__file-name{min-width:0;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13.5px;overflow:hidden}.studio__file-len{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:12px}.studio__file-remove{width:30px;height:30px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;place-items:center;font-size:16px;transition:color .2s,background .2s;display:grid}.studio__file-remove:hover{color:#e0939b;background:#3e121840}.studio__tale-audio{vertical-align:-2px;color:var(--gold-primary)}.studio__cover{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border-strong);align-items:center;gap:16px;padding:14px;display:flex}.studio__cover-img{object-fit:cover;border:1px solid var(--border-subtle);border-radius:8px;flex-shrink:0;width:84px;height:112px}.studio__cover-meta{flex-direction:column;flex:1;gap:12px;display:flex}.studio__cover-ok{color:var(--gold-light);font-size:13px}.studio__cover-actions{align-items:center;gap:10px;display:flex}.studio__compose-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.studio__tale{border-radius:var(--radius-md);border:1px solid #0000;grid-template-columns:52px 1fr auto auto auto;align-items:center;gap:16px;padding:10px 14px;transition:background .25s,border-color .25s;display:grid}.studio__tale:hover{background:var(--bg-secondary);border-color:var(--border-subtle)}.studio__tale-cover{object-fit:cover;border:1px solid var(--border-subtle);border-radius:10px;width:52px;height:52px}.studio__tale-main{flex-direction:column;gap:3px;min-width:0;display:flex}.studio__tale-title{font-family:var(--font-heading);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.studio__tale-sub{color:var(--text-secondary);font-size:12.5px}.studio__tale-status{letter-spacing:.12em;text-transform:uppercase;color:var(--gold-primary);border:1px solid var(--border-strong);border-radius:999px;padding:4px 10px;font-size:10px}.studio__tale-listens{color:var(--text-secondary);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:13px;display:inline-flex}.studio__tale-del{width:36px;height:36px;color:var(--text-secondary);border-radius:50%;place-items:center;font-size:17px;transition:color .2s,background .2s;display:grid}.studio__tale-del:hover{color:#e0939b;background:#3e121840}@media (width<=720px){.studio__tale{grid-template-columns:52px 1fr auto}.studio__tale-status,.studio__tale-listens{display:none}.studio__row{flex-direction:column}.studio__row>div{width:100%!important}}.narrator-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;display:grid}.narrator-hero{align-items:flex-start;gap:30px;padding:20px 0 26px;display:flex}.narrator-hero__avatar{width:120px;height:120px;font-family:var(--font-heading);color:var(--bg-primary);background:linear-gradient(135deg, var(--gold-light), var(--gold-dark));box-shadow:var(--glow-gold-strong);border-radius:50%;flex-shrink:0;place-items:center;font-size:44px;display:grid}.narrator-hero__info{flex:1;min-width:0}.narrator-hero__name{margin:10px 0 8px;font-size:clamp(34px,5vw,52px);line-height:1.05}.narrator-hero__tagline{color:var(--gold-light);margin-bottom:14px;font-size:19px;font-style:italic}.narrator-hero__bio{color:var(--text-secondary);max-width:640px;margin-bottom:20px;font-size:15px;line-height:1.6}.narrator-hero__meta{color:var(--text-secondary);align-items:center;gap:12px;margin-bottom:24px;font-size:13px;display:flex}.narrator-hero__meta strong{color:var(--gold-light);font-family:var(--font-heading)}.narrator-hero__dot{background:var(--text-muted);border-radius:50%;width:4px;height:4px}.narrator-hero__actions{flex-wrap:wrap;gap:12px;display:flex}@media (width<=720px){.narrator-hero{flex-direction:column;align-items:flex-start}.narrator-hero__avatar{width:88px;height:88px;font-size:34px}}.btn-gold.is-on,.btn-ghost.is-on{border:1px solid var(--gold-primary);color:var(--gold-primary)}.btn-danger{color:#e0939b;background:#3e12182e;border:1px solid #e0939b4d;border-radius:999px;align-items:center;gap:8px;padding:11px 22px;font-size:13.5px;font-weight:600;transition:background .25s;display:inline-flex}.btn-danger:hover{background:#3e121859}.story-list{flex-direction:column;gap:2px;display:flex}.detail__hero{align-items:flex-end;gap:36px;padding:24px 0 30px;display:flex}.detail__cover{border-radius:var(--radius-md);border:1px solid var(--border-strong);width:230px;height:306px;box-shadow:var(--shadow-deep);flex-shrink:0;overflow:hidden}.detail__cover img{object-fit:cover;width:100%;height:100%}.detail__head{flex:1;min-width:0}.detail__cat{color:var(--gold-primary);align-items:center;gap:8px;margin-bottom:14px;font-size:12px;display:inline-flex}.detail__cat img{width:18px;height:18px}.detail__title{margin-bottom:18px;font-size:clamp(34px,5vw,54px);line-height:1.04}.detail__note{font-family:var(--font-serif);color:var(--text-primary);opacity:.85;max-width:620px;margin-bottom:20px;font-size:19px;font-style:italic}.detail__meta{color:var(--text-secondary);flex-wrap:wrap;gap:10px;margin-bottom:26px;font-size:13px;display:flex}.detail__meta-sep{color:var(--text-muted)}.detail__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.detail__icon-btn{width:46px;height:46px;color:var(--text-primary);border:1px solid var(--border-strong);background:var(--surface);border-radius:50%;place-items:center;font-size:19px;transition:color .25s,border-color .25s;display:grid}.detail__icon-btn:hover{color:var(--gold-light);border-color:var(--gold-primary)}.detail__icon-btn.is-on{color:var(--gold-primary);border-color:var(--gold-primary)}.detail__section{margin-top:46px}.detail__section-title{margin-bottom:18px;font-size:22px}.evidence{flex-direction:column;gap:2px;max-width:760px;display:flex}.evidence__item{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:14px;padding:13px 14px;transition:background .25s,border-color .25s;display:flex}.evidence__item:hover{background:var(--bg-secondary);border-color:var(--border-subtle)}.evidence__num{width:30px;height:30px;color:var(--gold-primary);border:1px solid var(--border-strong);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;display:grid}.evidence__name{color:var(--text-primary);flex:1;font-size:14px}.evidence__len{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:12.5px}.coll-hero{align-items:flex-end;gap:30px;padding:24px 0 30px;display:flex}.coll-hero__cover{border-radius:var(--radius-md);border:1px solid var(--border-strong);width:200px;height:200px;box-shadow:var(--shadow-deep);flex-shrink:0;overflow:hidden}.coll-hero__cover img{object-fit:cover;width:100%;height:100%}.settings{max-width:760px}.settings__group{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);margin-bottom:28px;padding:6px 22px 14px}.settings__group-title{letter-spacing:.16em;text-transform:uppercase;color:var(--gold-primary);padding:18px 0 6px;font-size:12px}.settings__row{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.settings__group-title+.settings__row{border-top:none}.settings__row-text{flex-direction:column;gap:3px;display:flex}.settings__row-label{color:var(--text-primary);font-size:14px;font-weight:500}.settings__row-desc{color:var(--text-secondary);font-size:12.5px}.settings__row-control{flex-shrink:0}.switch{border:1px solid var(--border-subtle);background:#ffffff1a;border-radius:999px;width:44px;height:25px;transition:background .25s,border-color .25s;position:relative}.switch:after{content:"";background:var(--text-secondary);width:19px;height:19px;transition:transform .25s var(--ease-out), background .25s;border-radius:50%;position:absolute;top:2px;left:2px}.switch.is-on{background:var(--gold-primary);border-color:var(--gold-primary)}.switch.is-on:after{background:var(--bg-primary);transform:translate(19px)}.range{appearance:none;background:linear-gradient(90deg, var(--gold-primary) var(--fill,50%), #ffffff1f var(--fill,50%));cursor:pointer;border-radius:4px;width:160px;height:4px}.range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold-light);border-radius:50%;width:14px;height:14px;box-shadow:0 0 8px #c6a15b99}.range::-moz-range-thumb{background:var(--gold-light);border:none;border-radius:50%;width:14px;height:14px}.select{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-ui);cursor:pointer;padding:8px 14px;font-size:13px}.profile__top{align-items:center;gap:24px;padding:24px 0 8px;display:flex}.profile__avatar{width:96px;height:96px;font-family:var(--font-heading);color:var(--bg-primary);background:linear-gradient(135deg, var(--gold-light), var(--gold-dark));box-shadow:var(--glow-gold-strong);border-radius:50%;flex-shrink:0;place-items:center;font-size:38px;display:grid}.profile__id{flex:1}.profile__name{margin-bottom:6px;font-size:34px}.profile__email{color:var(--text-secondary);font-size:14px}.profile__plan{letter-spacing:.12em;text-transform:uppercase;color:var(--gold-primary);border:1px solid var(--border-strong);border-radius:999px;margin-top:10px;padding:4px 12px;font-size:11px;display:inline-block}.profile__stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin:34px 0;display:grid}.profile__stat{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);padding:20px}.profile__stat-num{font-family:var(--font-heading);color:var(--gold-light);font-size:30px}.profile__stat-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-top:4px;font-size:12px}.profile__form{max-width:560px;margin-top:8px}.profile__textarea{resize:vertical;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border-subtle);width:100%;min-height:92px;color:var(--text-primary);font-family:var(--font-serif);outline:none;padding:12px 14px;font-size:16px}.profile__textarea:focus{border-color:var(--border-strong)}@media (width<=720px){.detail__hero,.coll-hero,.profile__top{flex-direction:column;align-items:flex-start}.detail__cover{width:180px;height:240px}}.collection-card{cursor:pointer;border-radius:var(--radius-md);overflow:hidden}.collection-card__media{aspect-ratio:16/10;border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:border-color .35s,box-shadow .35s;position:relative;overflow:hidden}.collection-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease-out), filter .5s}.collection-card:hover .collection-card__media{border-color:var(--gold-primary);box-shadow:0 20px 60px #c6a15b14}.collection-card:hover .collection-card__media img{filter:brightness(.6);transform:scale(1.06)}.collection-card__veil{background:linear-gradient(#08090a1a 40%,#08090acc 100%);position:absolute;inset:0}.collection-card__count{color:var(--text-primary);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08090a99;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:12px;right:12px}.collection-card__body{padding:14px 4px 4px}.collection-card__title{margin-bottom:3px;font-size:18px;font-weight:500;transition:color .25s}.collection-card:hover .collection-card__title{color:var(--gold-light)}.collection-card__sub{color:var(--text-secondary);font-size:15px;font-style:italic}.empty-state{text-align:center;border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);background:#11121466;flex-direction:column;justify-content:center;align-items:center;padding:72px 24px;display:flex}.empty-state__icon{width:64px;height:64px;color:var(--gold-primary);border:1px solid var(--border-strong);background:radial-gradient(circle at 30% 25%, var(--surface-raised), #0c0c0e);border-radius:50%;place-items:center;margin-bottom:22px;font-size:28px;display:grid}.empty-state__title{margin-bottom:8px;font-size:22px}.empty-state__message{color:var(--text-secondary);max-width:380px;font-size:17px;font-style:italic;line-height:1.4}.empty-state__action{margin-top:24px}.detail__back{color:var(--text-secondary);align-items:center;gap:8px;margin:18px 0;font-size:13.5px;font-weight:500;transition:color .25s,gap .25s;display:inline-flex}.detail__back:hover{color:var(--gold-light);gap:12px}.detail__banner{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);isolation:isolate;align-items:flex-end;min-height:320px;margin-bottom:36px;display:flex;position:relative;overflow:hidden}.detail__banner-bg{z-index:-2;background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.05)}.detail__banner-grad{z-index:-1;background:linear-gradient(90deg, #08090af2 0%, #08090a99 55%, #08090a4d 100%), linear-gradient(0deg, var(--bg-primary) 2%, transparent 70%);position:absolute;inset:0}.detail__banner-inner{max-width:620px;padding:46px 48px}.detail__banner-title{margin:12px 0;font-size:clamp(34px,5vw,56px);font-weight:700;line-height:1.04}.detail__banner-sub{color:var(--text-secondary);max-width:480px;margin-bottom:18px;font-size:19px;font-style:italic}.detail__banner-meta{color:var(--text-secondary);align-items:center;gap:12px;margin-bottom:26px;font-size:13px;display:flex}.detail__dot{background:var(--text-muted);border-radius:50%;width:4px;height:4px}.detail__banner-icon{border:1px solid var(--border-strong);background:radial-gradient(circle at 30% 25%, var(--surface-raised), #0c0c0e);border-radius:16px;place-items:center;width:64px;height:64px;margin-bottom:4px;display:grid}.detail__banner-icon img{width:34px;height:34px}@media (width<=640px){.detail__banner-inner{padding:32px 22px}}.case{grid-template-columns:320px 1fr;gap:44px;margin-bottom:56px;display:grid}.case__cover{position:relative}.case__cover img{aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--border-strong);width:100%;box-shadow:var(--shadow-deep)}.case__cover-glow{border-radius:var(--radius-lg);box-shadow:var(--glow-gold-strong);pointer-events:none;position:absolute;inset:0}.case__info{padding-top:6px}.case__category{color:var(--gold-light);border:1px solid var(--border-strong);background:var(--bg-secondary);border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:7px 14px;font-size:12px;font-weight:500;transition:border-color .25s;display:inline-flex}.case__category:hover{border-color:var(--gold-primary)}.case__category img{width:16px;height:16px}.case__title{margin-bottom:18px;font-size:clamp(34px,5vw,56px);font-weight:700;line-height:1.04}.case__note{color:var(--text-primary);opacity:.86;max-width:560px;margin-bottom:30px;font-size:21px;font-style:italic;line-height:1.5}.case__dossier{grid-template-columns:repeat(2,minmax(0,220px));gap:20px 40px;margin-bottom:34px;display:grid}.case__dossier dt{letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:5px;font-size:10px}.case__dossier dd{font-family:var(--font-serif);color:var(--text-primary);font-size:20px}.case__actions{align-items:center;gap:12px;display:flex}.case__play{padding:14px 28px;font-size:14.5px}.case__icon-btn{width:50px;height:50px;color:var(--text-primary);border:1px solid var(--border-strong);background:var(--surface);border-radius:50%;place-items:center;font-size:19px;transition:color .25s,border-color .25s,transform .2s;display:grid}.case__icon-btn:hover{border-color:var(--gold-primary);color:var(--gold-light);transform:translateY(-2px)}.case__icon-btn.is-on{color:var(--gold-primary);border-color:var(--gold-primary);background:#c6a15b1a}.case__related-title{margin-bottom:22px;font-size:24px;font-weight:600}@media (width<=760px){.case{grid-template-columns:1fr;gap:28px}.case__cover{max-width:260px}}.story-row{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;grid-template-columns:auto 56px 1fr auto auto auto;align-items:center;gap:18px;padding:10px 14px;transition:background .25s,border-color .25s;display:grid}.story-row:hover{background:var(--bg-secondary);border-color:var(--border-subtle)}.story-row.is-current{border-color:var(--border-subtle);background:#c6a15b0f}.story-row__index{text-align:center;font-variant-numeric:tabular-nums;width:26px;color:var(--text-muted);font-size:13px}.story-row__cover{border:1px solid var(--border-subtle);border-radius:10px;width:56px;height:56px;position:relative;overflow:hidden}.story-row__cover img{object-fit:cover;width:100%;height:100%;transition:filter .3s}.story-row:hover .story-row__cover img{filter:brightness(.55)}.story-row__play{color:var(--gold-light);opacity:0;place-items:center;font-size:18px;transition:opacity .25s;display:grid;position:absolute;inset:0}.story-row:hover .story-row__play,.story-row.is-current .story-row__play{opacity:1}.story-row__main{flex-direction:column;gap:3px;min-width:0;display:flex}.story-row__title{font-family:var(--font-heading);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.story-row.is-current .story-row__title{color:var(--gold-light)}.story-row__sub{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.story-row__witness{color:var(--text-secondary);font-size:13px;font-family:var(--font-serif);flex-direction:column;gap:2px;min-width:120px;font-style:italic;display:flex}.story-row__witness-label{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-style:normal}.story-row__duration{color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:right;min-width:56px;font-size:12.5px}.story-row__actions{align-items:center;gap:6px;display:flex}.story-row__icon{width:36px;height:36px;color:var(--text-secondary);border-radius:50%;place-items:center;font-size:17px;transition:color .25s,background .25s;display:grid}.story-row__icon:hover{color:var(--gold-light);background:#c6a15b14}.story-row__icon.is-on{color:var(--gold-primary)}@media (width<=860px){.story-row{grid-template-columns:56px 1fr auto;gap:12px}.story-row__index,.story-row__witness,.story-row__duration{display:none}}.notfound{text-align:center;background:radial-gradient(ellipse at center, #18191d99, var(--bg-primary) 70%);place-items:center;height:100dvh;padding:40px;display:grid;position:relative;overflow:hidden}.notfound__inner{z-index:1;flex-direction:column;align-items:center;max-width:520px;display:flex;position:relative}.notfound__code{font-family:var(--font-heading);background:linear-gradient(135deg, var(--gold-light), var(--gold-dark));-webkit-text-fill-color:transparent;text-shadow:0 10px 60px #c6a15b33;-webkit-background-clip:text;background-clip:text;margin:24px 0 8px;font-size:clamp(80px,18vw,160px);font-weight:800;line-height:1}.notfound__title{margin-bottom:14px;font-size:clamp(24px,4vw,34px);font-weight:600}.notfound__sub{color:var(--text-secondary);margin-bottom:32px;font-size:18px;font-style:italic;line-height:1.5}.notfound__actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}