:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1a1f2c;--paper:#f4efe6;--blue:#1e4db0;--warm:#e8a060;--panel:#faf6eeeb;--line:#1a1f2c1f;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;color:var(--ink);background:#1a2040;margin:0;overflow:hidden}canvas#c{width:100%;height:100%;display:block}.hidden{display:none!important}.cover{z-index:20;background:radial-gradient(at 20% 15%,#4a90d959,#0000 48%),radial-gradient(at 85% 80%,#143c7866,#0000 42%),linear-gradient(165deg,#0f2a4d 0%,#1a4a7a 45%,#0d2340 100%);place-items:center;padding:clamp(1rem,4vw,2.5rem);display:grid;position:fixed;inset:0}.cover-stage{flex-direction:column;align-items:center;gap:clamp(1.25rem,3vw,2rem);width:min(1120px,100%);display:flex}.cover-banner{object-fit:contain;filter:drop-shadow(0 18px 40px #00000059);width:100%;height:auto;max-height:min(42vh,280px);animation:.9s ease-out both cover-banner-in;display:block}.cover-cta{animation:.7s ease-out .25s both cover-cta-in}@keyframes cover-banner-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:none}}@keyframes cover-cta-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.primary{color:var(--blue);cursor:pointer;background:#f7f3ea;border:0;border-radius:999px;padding:.85rem 1.6rem;font-size:1rem;font-weight:700}.primary:hover{transform:translateY(-1px)}@media (width<=640px){.cover-banner{max-height:min(36vh,200px)}}.gate-modal{z-index:5;background:#080a128c;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.gate-panel{width:min(20rem,100%);color:var(--ink);text-align:left;background:#f7f3ea;border-radius:1rem;padding:1.25rem 1.2rem 1.1rem;box-shadow:0 16px 40px #00000059}.gate-panel h3{margin:0 0 .35rem;font-size:1.15rem}.gate-panel>p{opacity:.7;margin:0 0 .85rem;font-size:.9rem}.gate-panel input{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:.55rem;margin-bottom:.55rem;padding:.7rem .8rem}.gate-error{color:#b42318;font-size:.85rem;margin:0 0 .55rem!important}.gate-actions{justify-content:flex-end;gap:.5rem;display:flex}.gate-actions .ghost,.gate-actions .primary{border-radius:999px;width:auto;padding:.55rem 1rem}.beat-card{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);z-index:5;border-radius:1rem;width:min(22rem,100vw - 2rem);max-height:calc(100vh - 7rem);padding:1rem 1.1rem 1.1rem;position:fixed;top:1rem;left:1rem;overflow:auto;box-shadow:0 12px 40px #0000002e}.beat-meta{opacity:.65;font-size:.75rem}.beat-title{margin:.25rem 0 .5rem;font-size:1.35rem}.beat-summary{margin:0 0 .75rem;font-size:.92rem;line-height:1.45}.beat-acts{gap:.45rem;margin:0 0 .75rem;padding:0;list-style:none;display:grid}.beat-acts li{background:#1e4db00f;border-radius:.55rem;gap:.1rem;padding:.45rem .55rem;display:grid}.beat-acts strong{font-size:.88rem}.beat-acts span{opacity:.75;font-size:.78rem;line-height:1.35}.media-row{gap:.4rem;margin-bottom:.5rem;padding-bottom:.4rem;display:flex;overflow-x:auto}.thumb{cursor:pointer;background:#333;border:0;border-radius:.4rem;flex:none;width:4.5rem;height:3.2rem;padding:0;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb i{color:#fff;background:#00000040;place-items:center;font-style:normal;display:grid;position:absolute;inset:0}.ghost{border:1px solid var(--line);cursor:pointer;width:100%;font:inherit;background:0 0;border-radius:.55rem;padding:.55rem}.timeline{background:var(--panel);border:1px solid var(--line);z-index:5;border-radius:999px;gap:.4rem;max-width:calc(100vw - 1.5rem);padding:.45rem;display:flex;position:fixed;bottom:1rem;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 10px 30px #00000029}.beat-btn{cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0;border-radius:999px;justify-items:start;gap:.05rem;padding:.45rem .75rem;display:grid}.beat-btn span{width:1.1rem;height:1.1rem;color:var(--blue);background:#1e4db01f;border-radius:50%;place-items:center;margin-right:.25rem;font-size:.7rem;display:inline-grid}.beat-btn small{opacity:.55;font-size:.65rem;display:block}.beat-btn.active{background:var(--blue);color:#fff}.beat-btn.active span{color:#fff;background:#fff3}.roster{z-index:6;position:fixed;top:1rem;right:1rem}.roster-toggle{background:var(--panel);border:0;border:1px solid var(--line);cursor:pointer;font:inherit;border-radius:999px;padding:.55rem .9rem;box-shadow:0 8px 24px #0000001f}.roster-panel{background:var(--panel);border:1px solid var(--line);border-radius:.75rem;width:10rem;max-height:50vh;margin-top:.4rem;padding:.35rem;display:grid;overflow:auto}.roster-panel button{text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:.4rem;padding:.4rem .5rem;font-size:.85rem}.roster-panel button:hover{background:#1e4db014}.person-card{background:var(--panel);border:1px solid var(--line);z-index:6;border-radius:.75rem;min-width:10rem;padding:.75rem .9rem;position:fixed;bottom:5.5rem;right:1rem;box-shadow:0 10px 28px #00000026}.person-card p{opacity:.75;margin:.25rem 0 .5rem;font-size:.85rem}.person-card button{color:var(--blue);cursor:pointer;background:#1e4db01a;border:0;border-radius:.4rem;padding:.3rem .55rem}.lightbox{z-index:30;background:#0a0c14db;grid-template-rows:auto 1fr auto;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.lb-close{color:#fff;cursor:pointer;background:0 0;border:0;font-size:2rem;position:absolute;top:.8rem;right:1rem}.lb-body{max-width:min(960px,100%);max-height:75vh}.lb-body img,.lb-body video{border-radius:.5rem;max-width:100%;max-height:75vh;display:block}.lb-caption{color:#eee;margin:.75rem 0 0}@media (width<=720px){.beat-card{max-height:38vh;top:auto;bottom:4.8rem}.timeline{border-radius:1rem;bottom:.5rem}}