:root{color-scheme:dark;--bg:#171619;--panel:#201f22;--text:#f0ebe3;--muted:#b0a9a2;--gold:#ddbd82;--line:#ffffff19;--red:#f4a49c;--green:#a8cbb3}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}input:focus-visible{outline:2px solid var(--gold);outline-offset:1px}[hidden]{display:none!important}.topbar{min-height:110px;margin:0 5.5%;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:13px;font-size:21px;letter-spacing:.02em;line-height:1.1}.brand-mark{height:40px;width:38px;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;font:italic 34px Georgia,serif;border-radius:18px 18px 0 0;padding-bottom:6px}.brand-caption{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin-top:8px}.top-note{margin-left:auto;color:var(--muted);font-size:12px;letter-spacing:.04em}.text-button{border:0;background:none;color:var(--muted);padding:5px 0;font-size:13px;white-space:nowrap}.text-button:hover{color:var(--gold)}main{flex:1;position:relative}footer{display:flex;justify-content:space-between;gap:20px;padding:27px 0;margin:50px 5.5% 0;border-top:1px solid var(--line);color:var(--muted);font-size:11px;position:relative;z-index:1}.eyebrow,.section-number,.card-overline{color:var(--gold);font-size:10px;font-weight:500;letter-spacing:.21em;margin:0 0 25px}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(38px,5vw,72px);line-height:1.15;letter-spacing:-.025em;margin-bottom:26px}h1 em{font-weight:400;color:var(--gold)}h2{font:400 29px/1.3 Georgia,serif;letter-spacing:-.02em;margin-bottom:13px}h3{font:400 25px/1.3 Georgia,serif;word-break:break-word}.lead{color:var(--muted);font-size:16px;line-height:1.9}.muted{color:var(--muted)}.intro{padding:95px 7% 60px;max-width:900px}.home-intro{max-width:65%;position:relative;z-index:1;min-height:640px}.notice{display:flex;align-items:center;gap:18px;border:1px solid var(--line);border-radius:7px;padding:18px 22px;font-size:13px;color:var(--muted);background:#201f22d9;margin:35px 0;max-width:520px}.notice p{margin:0}.small-star{color:var(--gold);font-size:24px}.text-link{font-size:12px;border-bottom:1px solid #ddbd8266;padding-bottom:8px;display:inline-flex;gap:30px;color:var(--gold)}.curtain-scene{position:absolute;right:0;top:0;width:43%;height:100%;min-height:640px;overflow:hidden;background:repeating-linear-gradient(94deg,#321e22 0,#4e2b30 4%,#281b20 8%,#241b1f 11%);border-bottom-left-radius:120px;opacity:.75}.curtain-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 50%),linear-gradient(0deg,var(--bg),transparent 50%)}.spotlight{position:absolute;inset:10% -20%;background:radial-gradient(ellipse at 50% 0,#ddbd8230,transparent 65%);transform:rotate(-16deg)}.stage-line{position:absolute;bottom:14%;width:100%;border-top:1px solid #ddbd8244}.scene-label{position:absolute;bottom:9%;right:15%;font-size:9px;letter-spacing:.25em;color:var(--gold);z-index:1}.login-layout{display:grid;grid-template-columns:1fr minmax(320px,420px);gap:10%;padding:85px 7% 50px;align-items:center;max-width:1440px;margin:auto}.login-story h1{font-size:clamp(40px,4.4vw,64px)}.ticket-detail{display:flex;gap:24px;align-items:center;color:var(--gold);font-size:8px;letter-spacing:.18em;border-top:1px solid var(--line);padding-top:24px;margin-top:50px;max-width:350px}.login-card{padding:36px;border:1px solid #ddbd8226;border-radius:10px;background:linear-gradient(140deg,#2a2428,var(--panel));box-shadow:0 24px 90px #0002}.card-overline{font-size:9px;margin-bottom:14px}.login-card h2{font-size:31px;word-break:break-word}.login-card>.muted{font-size:13px;margin-bottom:27px}.stack{display:flex;flex-direction:column;gap:10px}.stack label{font-size:12px;color:var(--text)}input:not([type=checkbox]):not([type=file]){width:100%;height:47px;padding:10px 14px;background:#171619;border:1px solid #ffffff29;border-radius:5px;color:var(--text);font-size:13px}input::placeholder{color:#8d8782}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:12px 18px;border:1px solid #ffffff30;border-radius:5px;color:var(--text);background:#ffffff05;font-size:13px;line-height:1.5;transition:background .15s}.button:hover{background:#ffffff10}.button.primary{border-color:var(--gold);background:var(--gold);color:#211d19;font-weight:600}.button.primary:hover{background:#ecd0a0}.stack>.primary{margin-top:10px;justify-content:space-between}.card-footnote{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin:27px 0 0}.error{color:var(--red);font-size:12px;margin:4px 0;line-height:1.6}.watch-page,.admin-page{padding:50px 5.5% 0;max-width:1600px;margin:auto}.watch-heading,.admin-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:32px}.watch-heading .eyebrow,.admin-heading .eyebrow{margin-bottom:12px}.watch-heading h1{font-size:clamp(32px,4vw,50px);margin:0;word-break:break-word}.pill{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:10px;padding:5px 11px;border:1px solid var(--line);border-radius:30px;color:var(--muted)}.pill.ready{color:var(--green);border-color:#a8cbb338}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--gold)}.player-frame{position:relative;background:#09090a;border:1px solid var(--line);border-radius:8px;overflow:hidden;aspect-ratio:16/9;box-shadow:0 20px 70px #0004}video{width:100%;height:100%;display:block;object-fit:contain}.player-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center;background:#171619ee}.player-error p{max-width:420px}.watch-notes{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:26px;font-size:13px}.watch-notes p{margin-bottom:0}.watch-stamp{color:var(--gold);font-size:8px;letter-spacing:.15em;line-height:1.6;text-align:center;min-width:65px}.admin-heading h1{font-size:clamp(36px,4vw,52px);margin:0 0 13px}.admin-heading .muted{font-size:13px;margin-bottom:0}.space-label{padding-left:25px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:5px;min-width:170px}.space-label span{color:var(--muted);font-size:10px}.space-label strong{font:400 29px Georgia,serif}.admin-grid{display:grid;grid-template-columns:minmax(300px,390px) 1fr;gap:50px;align-items:start}.panel{padding:28px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.section-number{font-size:9px;margin-bottom:18px}.upload-panel h2{margin-bottom:28px}.stack>label:not(:first-child){margin-top:8px}.field-hint{color:var(--muted);font-size:10px;line-height:1.7;margin:0}.password-row{display:flex;gap:8px}.icon-button{border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--gold);font-size:20px;min-width:42px;min-height:38px;display:grid;place-items:center}.icon-button:hover{background:#ffffff09}.file-drop{position:relative;display:flex;flex-direction:column;gap:5px;align-items:center;text-align:center;padding:25px 14px;border:1px dashed #ddbd8266;border-radius:6px;background:#ddbd8205;cursor:pointer}.file-drop:hover{background:#ddbd820c}.file-drop strong{font-size:12px;font-weight:500;word-break:break-word;max-width:100%}.file-drop>span:last-of-type{font-size:9px;color:var(--muted)}.file-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-drop:focus-within{outline:2px solid var(--gold)}.upload-symbol{font-size:28px;color:var(--gold);line-height:1.2;margin-bottom:8px}.library-header{display:flex;align-items:center;gap:13px;margin-bottom:24px}.library-header h2{margin:0}.count{color:var(--gold);border:1px solid var(--line);font-size:11px;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.empty-library{padding:75px 20px;text-align:center;border:1px solid var(--line);border-radius:8px;background:linear-gradient(140deg,#27212455,transparent)}.empty-library>span{color:var(--gold);font-size:30px;display:block;margin-bottom:20px}.empty-library h3{font-size:26px;margin-bottom:15px}.empty-library p{color:var(--muted);font-size:12px}.video-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:25px;margin-bottom:18px}.video-card-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.video-icon{width:33px;height:33px;color:var(--gold);background:#ddbd8210;border-radius:50%;display:grid;place-items:center;font-size:11px}.video-card h3{margin-bottom:8px}.video-meta{font-size:10px;color:var(--muted);margin-bottom:20px}.share-link{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:5px;background:#171619;padding:5px 5px 5px 12px}.share-link span{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.share-link .icon-button{border:0;min-height:31px}.card-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:18px}.card-actions .danger{margin-left:auto;color:#c58c86;font-size:11px}.button.small{font-size:11px;padding:8px 12px}.progress-caption{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:12px 0 6px}progress{width:100%;height:5px;border:0;border-radius:3px;overflow:hidden;accent-color:var(--gold);background:#ffffff12}progress::-webkit-progress-bar{background:#ffffff12}progress::-webkit-progress-value{background:var(--gold)}progress::-moz-progress-bar{background:var(--gold)}.account-settings{margin-top:45px;padding:20px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}summary{cursor:pointer;width:fit-content}.account-form{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;max-width:850px;padding-top:20px;align-items:end}.account-form label{display:flex;flex-direction:column;gap:8px}.account-form .field-hint{grid-column:1/-1}dialog{background:var(--panel);color:var(--text);border:1px solid #ddbd8255;border-radius:9px;max-width:480px;width:calc(100% - 32px);padding:28px}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:10px}.dialog-heading h2{font-size:27px;margin:0}.dialog-heading .icon-button{border:0}.checkbox-label{display:flex;align-items:center;gap:10px;padding:12px 0}input[type=checkbox]{accent-color:var(--gold);width:17px;height:17px}.library-panel{min-width:0}body:has(.home-intro){overflow-x:hidden}
@media(min-width:1500px){.home-intro{padding-left:10%}.login-layout{padding-top:110px;padding-bottom:90px}}
@media(max-width:950px){.admin-grid{gap:25px;grid-template-columns:330px 1fr}.panel{padding:22px}.login-layout{gap:6%;padding-left:5.5%;padding-right:5.5%}.login-card{padding:27px}.login-story h1{font-size:42px}.card-actions{gap:12px}.admin-heading h1{font-size:40px}.account-form{grid-template-columns:1fr 1fr}.account-form button{width:fit-content}}
@media(max-width:720px){.topbar{min-height:90px;gap:16px}.brand{font-size:18px;gap:9px}.brand-mark{height:34px;width:32px;font-size:29px}.brand-caption{font-size:7px;letter-spacing:.17em}.top-note{font-size:10px;max-width:100px;text-align:right}.topbar .text-button{font-size:11px}.intro{padding:60px 6% 40px}.home-intro{max-width:100%;min-height:610px}.home-intro h1{font-size:53px}.home-intro .lead{font-size:14px}.curtain-scene{width:44%;opacity:.32;min-height:610px}.notice{max-width:93%;font-size:12px;padding:16px;gap:13px}.scene-label{display:none}.login-layout{grid-template-columns:1fr;gap:35px;padding-top:45px}.login-story h1{font-size:42px}.login-story .lead{font-size:14px;margin-bottom:0}.login-story .eyebrow{margin-bottom:18px}.ticket-detail{display:none}.login-card{padding:27px;max-width:100%}.login-card h2{font-size:29px}.watch-page,.admin-page{padding-top:35px}.watch-heading,.admin-heading{align-items:flex-start;gap:18px;flex-direction:column}.watch-heading h1{font-size:35px}.watch-heading .pill{font-size:9px}.watch-heading{margin-bottom:23px}.watch-notes{font-size:11px}.watch-stamp{font-size:7px}.admin-heading h1{font-size:38px}.admin-heading .muted{font-size:12px}.space-label{border-left:0;flex-direction:row;align-items:baseline;gap:15px;padding:0;min-width:0}.space-label strong{font-size:22px}.admin-grid{grid-template-columns:1fr;gap:35px}.panel{padding:25px}.video-card{padding:22px}.empty-library{padding:45px 20px}.account-form{grid-template-columns:1fr}.account-form button{width:100%}footer{margin-top:35px;font-size:9px;align-items:center}.eyebrow{font-size:9px}.player-frame{border-radius:4px}.desktop-only{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
