: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 30% 20%,#1e4db073,#0000 50%),radial-gradient(at 70% 80%,#e8a06059,#0000 45%),linear-gradient(160deg,#1a2040,#3a2850 60%,#1a2040);place-items:center;display:grid;position:fixed;inset:0}.cover-card{text-align:center;color:#f7f3ea;max-width:28rem;padding:2rem}.cover-card .eyebrow{letter-spacing:.2em;text-transform:uppercase;opacity:.75;font-size:.75rem}.cover-card h1{margin:.6rem 0 .4rem;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;line-height:1.25}.cover-card .sub{opacity:.8;margin-bottom:1.5rem}.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)}.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}}