:root{--serif:"Noto Serif SC", "Songti SC", serif;--sans:"Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;--mono:"DM Mono", "Cascadia Mono", ui-monospace, monospace;font-family:var(--sans);color:#f5efe2;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#090b12}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,textarea{font-family:inherit}.app-shell{color:#f5efe2;background:radial-gradient(1000px 460px at 50% -120px,#cda75e29,#0000 62%),radial-gradient(780px 520px at 10% 20%,#78589221,#0000 58%),#090b12;min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090b12d1;border-bottom:1px solid #f5efe21a;justify-content:space-between;align-items:center;gap:16px;padding:18px clamp(18px,5vw,48px);display:flex;position:sticky;top:0}.brand,.nav-tabs button,button{font:inherit}.brand{color:#f5efe2;cursor:pointer;font-family:var(--serif);background:0 0;border:0;align-items:center;gap:10px;font-weight:700;display:inline-flex}.brand-mark{background:#dfb35424;border:1px solid #dfb35459;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.brand-mark img{object-fit:contain;width:24px;height:24px;display:block}.nav-tabs{background:#ffffff0a;border:1px solid #f5efe21a;border-radius:999px;gap:8px;padding:4px;display:flex}.nav-tabs button{color:#bdb6a7;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 16px;display:inline-flex}.nav-tabs button.active{color:#191203;background:#d6a853}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.user-chip{color:#ddd4c5;background:#ffffff0d;border:1px solid #f5efe21f;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-size:13px;display:inline-flex}.user-chip-button{cursor:pointer}.user-chip-button:hover{color:#f5efe2;border-color:#d6a85373}.compact{min-height:36px;padding:0 14px}.loading,.error-banner{text-align:center;background:#ffffff0f;border-radius:10px;max-width:720px;margin:72px auto;padding:20px}.error-banner{color:#ffd1d1;border:1px solid #ff797959}.h5-shell,.admin-shell{width:min(1160px,100vw - 32px);margin:0 auto}.hero-screen{text-align:center;place-items:center;min-height:calc(100vh - 84px);display:grid;position:relative}.screen-glow{filter:blur(10px);background:radial-gradient(circle at 50% 38%,#d6a85338,#a573a614 46%,#0000 72%);border-radius:48%;width:min(760px,88vw);height:min(460px,58vh);position:absolute}.hero-copy{max-width:680px;padding:40px 0;position:relative}.eyebrow{color:#d6a853;font-family:var(--mono);letter-spacing:0;text-transform:uppercase;margin:0 0 16px;font-size:12px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);color:#fff8ea}h1{margin-bottom:22px;font-size:clamp(42px,8vw,76px);line-height:1.14}h2{margin-bottom:12px;font-size:clamp(28px,4.6vw,44px);line-height:1.2}h3{margin-bottom:8px;font-size:24px}.hero-copy p,.step-head p,.overview,.result-copy p,.admin-hero p{color:#c9c0ae;line-height:1.8}button{border:0}.primary,.secondary{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.primary{color:#1b1305;background:#d6a853;font-weight:700}.primary.large{min-height:54px;margin-top:28px;padding:0 28px}.secondary{color:#f5efe2;background:#ffffff0a;border:1px solid #f5efe229}.primary:hover,.secondary:hover,.mood-card:hover,.intent-card:hover{transform:translateY(-2px)}.flow-panel,.finding-screen,.ticket-screen{padding:52px 0 76px}.step-head{text-align:center;max-width:720px;margin:0 auto 36px}.mood-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.mood-card,.intent-card{color:#f5efe2;text-align:left;cursor:pointer;background:linear-gradient(145deg,#ffffff14,#ffffff06),#10121dd6;border:1px solid #f5efe21a;border-radius:8px;flex-direction:column;align-items:flex-start;min-height:156px;padding:24px;display:flex}.mood-card svg,.intent-card svg{color:#d6a853}.mood-card strong{font-family:var(--serif);margin-top:22px;font-size:22px}.mood-card span{color:#9e9689;margin-top:8px}.intent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:720px;margin:0 auto;display:grid}.intent-card{min-height:92px;font-family:var(--serif);flex-direction:row;align-items:center;font-size:20px}.finding-screen{text-align:center;place-items:center;min-height:520px;display:grid}.spin{color:#d6a853;animation:1.1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-layout{grid-template-columns:minmax(240px,360px) minmax(0,1fr);align-items:center;gap:clamp(28px,6vw,64px);padding:46px 0 80px;display:grid}.poster{border:1px solid #f5efe224;border-radius:8px;min-height:520px;position:relative;overflow:hidden;box-shadow:0 42px 90px -48px #000}.poster:after{content:"";background:linear-gradient(#0000 34%,#000000b8);position:absolute;inset:0}.poster img{object-fit:cover;width:100%;height:100%;min-height:520px}.poster span,.poster strong{z-index:2;position:absolute;left:24px}.poster span{color:#fff8ea;background:#00000047;border:1px solid #f5efe224;border-radius:999px;padding:6px 10px;font-size:13px;top:22px}.poster strong{font-family:var(--serif);font-size:32px;line-height:1.25;bottom:28px;right:24px}.content-type{color:#d6a853;background:#d6a8531f;border-radius:999px;width:fit-content;padding:6px 12px;font-size:13px;display:inline-flex}.meta-line,.tag-row,.action-row,.cinema-topline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.meta-line{color:#9e9689;margin:10px 0 20px}.meta-line span{border-right:1px solid #f5efe224;padding-right:10px}.meta-line span:last-child{border-right:0}.tag-row{margin:22px 0}.tag-row span{color:#ddd4c5;border:1px solid #f5efe224;border-radius:999px;padding:7px 12px;font-size:13px}.tag-row.compact{margin:10px 0 0}.episode-box{background:#ffffff0a;border:1px solid #f5efe21f;border-radius:8px;margin:22px 0;padding:16px}.episode-box p{color:#c9c0ae;margin-bottom:12px}.episode-box div{flex-wrap:wrap;gap:8px;display:flex}.episode-box button,.alternates button,.row-actions button{color:#f5efe2;cursor:pointer;background:#ffffff0d;border:1px solid #f5efe224;border-radius:999px;min-height:36px;padding:0 12px}.episode-box button.active{color:#1b1305;background:#d6a853}.alternates{margin-top:26px}.alternates p{margin-bottom:10px}.alternates button{width:fit-content;margin:8px 0;display:block}.cinema-layout{padding:42px 0 76px}.cinema-topline{color:#c9c0ae;justify-content:space-between;margin-bottom:16px}.cinema-screen{background-size:cover;border:1px solid #f5efe224;border-radius:8px;place-items:center;min-height:min(60vw,560px);display:grid;position:relative;overflow:hidden;box-shadow:0 42px 100px -52px #000}.cinema-screen:after{content:"";background:radial-gradient(circle at 50% 0,#ffffff14,#0000 60%);position:absolute;inset:0}.play-button{z-index:2;color:#fff8ea;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000047;border:1px solid #f5efe22e;border-radius:50%;place-items:center;width:92px;height:92px;display:grid;position:relative}.play-button:disabled{cursor:not-allowed}.screen-title{z-index:2;font-family:var(--serif);font-size:24px;position:absolute;bottom:24px;left:26px}.progress-row{color:#9e9689;font-family:var(--mono);grid-template-columns:56px 1fr 78px;align-items:center;gap:14px;margin-top:22px;font-size:13px;display:grid}.progress-track{background:#f5efe21f;border-radius:999px;height:4px;overflow:hidden}.progress-track div{background:#d6a853;height:100%}.center{justify-content:center}.paywall{text-align:center;background:#d6a85314;border:1px solid #d6a85347;border-radius:8px;max-width:760px;margin:28px auto 0;padding:24px}.paywall>svg{color:#d6a853}.price-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}.price-grid button{color:#f5efe2;cursor:pointer;background:#ffffff0d;border:1px solid #f5efe224;border-radius:8px;gap:8px;min-height:110px;padding:18px;display:grid}.price-grid strong{color:#d6a853;font-size:30px}.ticket-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:18px;width:min(1180px,100%);margin:0 auto 28px;display:grid}.ticket{color:#251c0d;text-align:left;background:linear-gradient(135deg,#f4ecd8,#e2d0a8);border-radius:8px;grid-template-columns:1fr 210px;gap:0;display:grid;overflow:hidden}.ticket>div:first-child{padding:32px}.ticket h2{color:#251c0d}.ticket p{color:#5c4d2e}.ticket label{color:#5c4d2e;gap:10px;margin-top:24px;display:grid}textarea,input{box-sizing:border-box;color:#f5efe2;width:100%;font:inherit;background:#ffffff0f;border:1px solid #f5efe224;border-radius:8px;padding:12px 14px}.ticket textarea{color:#251c0d;background:#ffffff47;border-color:#503c1438;min-height:86px}.comment-submit{min-height:42px;margin-top:12px;padding:0 18px}.comment-message{color:#5c4d2e;margin-top:10px;display:block}.ticket-stub{background:#fff3;border-left:2px dashed #644b1e59;flex-direction:column;justify-content:space-between;padding:32px 24px;display:flex}.ticket-stub strong{font-family:var(--serif);font-size:24px}.ticket-side-panel{gap:14px;display:grid}.share-box,.community-box{text-align:left;background:#10121ddb;border:1px solid #f5efe21f;border-radius:8px;gap:12px;padding:18px;display:grid}.section-kicker{color:#d6a853;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.share-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.share-grid button,.community-admin-grid button{color:#f5efe2;cursor:pointer;background:#ffffff0d;border:1px solid #f5efe224;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 10px;display:inline-flex}.share-message,.community-box p{color:#c9c0ae;line-height:1.6}.community-box strong{color:#f5efe2;font-family:var(--serif);font-size:22px}.community-box img,.qr-placeholder{border-radius:8px;place-self:center;width:168px;height:168px}.community-box img{background:#fff;padding:8px}.qr-placeholder{color:#9e9689;text-align:center;border:1px dashed #f5efe238;place-items:center;display:grid}.comment-wall{text-align:left;background:#10121dc7;border:1px solid #f5efe21a;border-radius:8px;gap:14px;width:min(980px,100%);margin:26px auto 0;padding:18px;display:grid}.comment-list{gap:10px;display:grid}.comment-card{background:#ffffff0d;border:1px solid #f5efe214;border-radius:8px;gap:8px;padding:14px;display:grid}.comment-card>div,.comment-admin-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.comment-card strong,.comment-admin-card strong{color:#f5efe2}.comment-card p{color:#f5efe2;line-height:1.7}.comment-card small,.comment-admin-head span,.sensitive-hint{color:#9e9689}.status-pending,.status-approved{border-radius:999px;flex:none;padding:4px 9px;font-size:12px}.status-pending{color:#ffdca8;background:#d6a85324}.status-approved{color:#cff6d2;background:#7ad68524}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000009e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.login-modal{color:#f5efe2;background:#10121d;border:1px solid #f5efe224;border-radius:8px;width:min(480px,100%);padding:28px;box-shadow:0 40px 100px -52px #000}.login-modal h1{font-size:clamp(34px,5vw,52px)}.login-modal p,.login-modal small{color:#c9c0ae;line-height:1.7}.login-modal label{color:#c9c0ae;gap:8px;margin:16px 0;display:grid}.full-width{width:100%}.auth-methods{margin:14px 0 4px}.auth-methods button:disabled{cursor:not-allowed;opacity:.45}.form-error{color:#ffb4b4!important}.success-banner{color:#cff6d2;background:#7ad6851a;border:1px solid #7ad68547;border-radius:8px;margin:14px 0;padding:10px 12px;font-size:14px}.user-center-modal{background:#10121d;border:1px solid #f5efe224;border-radius:8px;width:min(920px,100%);max-height:min(760px,100vh - 40px);padding:24px;overflow:auto;box-shadow:0 40px 100px -52px #000}.user-center-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.user-center-head h2{margin-bottom:8px}.user-center-head p:not(.eyebrow),.muted-copy,.empty-state{color:#c9c0ae;line-height:1.7}.user-center-tabs{background:#ffffff0a;border:1px solid #f5efe21a;border-radius:8px;flex-wrap:wrap;gap:8px;padding:8px;display:flex}.user-center-tabs button{color:#c9c0ae;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 13px;display:inline-flex}.user-center-tabs button.active,.user-center-tabs button:hover{color:#1b1305;background:#d6a853}.user-center-panel{gap:16px;margin-top:18px;display:grid}.user-center-panel label{color:#c9c0ae;gap:8px;display:grid}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.info-item,.right-card{background:#ffffff0d;border:1px solid #f5efe21a;border-radius:8px;gap:6px;padding:15px;display:grid}.info-item span,.right-card span,.right-card small{color:#9e9689;font-size:13px}.info-item strong,.right-card strong{color:#f5efe2;font-family:var(--serif)}.rights-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.user-table-row{grid-template-columns:1.2fr 1fr .8fr 1fr}.admin-subform{background:#ffffff0a;border:1px solid #f5efe21a;border-radius:8px;gap:12px;margin:14px 0;padding:14px;display:grid}.admin-subform h3{margin:0;font-size:16px}.community-admin-grid{grid-template-columns:1fr 1.25fr 1.25fr auto;align-items:end;gap:10px;margin-top:12px;display:grid}.community-admin-grid label{color:#c9c0ae;gap:6px;font-size:12px;display:grid}.community-admin-grid input{min-height:38px;padding:8px 10px}.comment-admin-list{gap:14px;display:grid}.comment-admin-card{background:#00000029;border:1px solid #f5efe214;border-radius:8px;gap:12px;padding:16px;display:grid}.comment-admin-head>div{gap:5px;display:grid}.comment-admin-card textarea{min-height:84px}.pricing-panel{gap:18px;display:grid}.pricing-form-grid,.pricing-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.pricing-preview{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.admin-login{width:min(560px,100%)}.admin-app{min-height:100vh}.admin-layout{grid-template-columns:240px minmax(0,1fr);width:min(1400px,100%);margin:0 auto;display:grid}.admin-sidebar{background:#0000001f;border-right:1px solid #f5efe21a;align-self:start;gap:8px;min-height:calc(100vh - 75px);padding:22px 16px;display:grid;position:sticky;top:75px}.admin-sidebar button{color:#c9c0ae;cursor:pointer;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:0 14px;display:flex}.admin-sidebar button.active,.admin-sidebar button:hover{color:#1b1305;background:#d6a853}.admin-content{min-width:0;padding:28px}.admin-section{gap:18px;display:grid}.admin-section-title{max-width:760px}.admin-section-title h1{margin-bottom:10px;font-size:clamp(34px,5vw,56px)}.admin-section-title p:not(.eyebrow){color:#c9c0ae}.admin-metrics{margin-bottom:0}.funnel-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.table-list{gap:10px;display:grid}.table-row{color:#ddd4c5;background:#00000029;border:1px solid #f5efe214;border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:12px;padding:13px 14px;font-size:14px;display:grid}.table-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admin-shell{padding-bottom:80px}.admin-hero{grid-template-columns:1fr auto;align-items:end;gap:28px;padding:44px 0 28px;display:grid}.admin-hero h1{margin-bottom:12px;font-size:clamp(36px,6vw,58px)}.metric-row{grid-template-columns:repeat(4,minmax(88px,1fr));gap:10px;display:grid}.metric,.admin-panel{background:#ffffff0d;border:1px solid #f5efe21a;border-radius:8px}.metric{gap:4px;padding:14px 18px;display:grid}.metric strong{color:#d6a853;font-size:28px}.metric span{color:#9e9689;font-size:13px}.admin-grid{grid-template-columns:360px 1fr;gap:18px;display:grid}.admin-panel{padding:20px}.admin-panel h2{margin-bottom:18px;font-size:24px}.admin-panel label{color:#c9c0ae;gap:8px;margin-bottom:14px;display:grid}.admin-panel textarea{min-height:108px}.segmented{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.segmented button{color:#f5efe2;cursor:pointer;background:#ffffff0a;border:1px solid #f5efe224;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:40px;display:inline-flex}.segmented button.active{color:#1b1305;background:#d6a853}.title-list{gap:12px;display:grid}.title-row{background:#00000029;border:1px solid #f5efe214;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;display:grid}.title-row strong{font-family:var(--serif);margin:8px 0 4px;font-size:20px;display:block}.title-row small{color:#9e9689}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.row-actions button{align-items:center;gap:6px;display:inline-flex}@media (width<=920px){.topbar,.admin-hero{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.nav-tabs{width:100%}.nav-tabs button{flex:1}.mood-grid,.intent-grid,.result-layout,.admin-grid,.price-grid,.ticket-layout,.ticket,.community-admin-grid,.pricing-form-grid,.pricing-preview,.profile-grid,.rights-grid{grid-template-columns:1fr}.ticket-stub{border-top:2px dashed #644b1e59;border-left:0}.poster,.poster img{min-height:420px}.metric-row{grid-template-columns:repeat(2,1fr)}.title-row{grid-template-columns:1fr}.row-actions{justify-content:flex-start}.user-center-head{flex-direction:column}.user-table-row,.table-row{grid-template-columns:1fr}}