@font-face{font-family:Plex;src:url('assets/fonts/font-0.ttf')}@font-face{font-family:Plex;src:url('assets/fonts/font-2.ttf');font-weight:600}@font-face{font-family:Plex;src:url('assets/fonts/font-3.ttf');font-weight:700}@font-face{font-family:Space;src:url('assets/fonts/font-5.ttf')}
:root{font-family:Plex,sans-serif;background:#070e18;color:#e9f4fc;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer;border:1px solid #ffffff15;background:#142438;color:#d6e8f4;border-radius:8px;padding:8px 14px}button:hover{background:#213c53;border-color:#6ddfff66}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #6ddfff;outline-offset:4px}#app{max-width:1800px;margin:auto;min-height:100dvh;display:flex;flex-direction:column;padding:0 3vw}.topbar{display:flex;height:88px;align-items:center;gap:24px;border-bottom:1px solid #ffffff10}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:white;font:600 18px Space,sans-serif;letter-spacing:1px}.brand img{width:52px;height:60px;object-fit:contain}.brand small{font:9px Space,sans-serif;display:block;color:#7897ae;letter-spacing:2px;margin-top:5px}.meta{margin-left:auto;color:#93b4cb;font:11px Space,sans-serif;display:flex;gap:16px;align-items:center}.dot{width:6px;height:6px;border-radius:50%;background:#59ddce;box-shadow:0 0 15px #59ddce}.topbar button{font-size:12px}.theater{position:relative;width:100%;aspect-ratio:16/9;max-height:calc(100dvh - 240px);margin:auto;display:flex;justify-content:center}#film{max-width:100%;max-height:100%;object-fit:contain;display:block;border-radius:16px}#loading{position:absolute;inset:0;display:grid;place-content:center;background:#081321;z-index:5}#start{position:absolute;inset:0;display:flex;align-items:flex-end;padding:0 0 5% 5%;background:linear-gradient(0deg,#06101ed9,transparent 46%);border-radius:16px}#start[hidden]{display:none}#startButton{display:flex;align-items:center;gap:18px;background:#f1c971;color:#0c2435;border:0;padding:16px 27px;border-radius:12px;font-weight:700;font-size:20px;box-shadow:0 8px 50px #0005;text-align:left}#startButton small{display:block;font-size:11px;font-weight:400;margin-top:4px}.playdisc{font-size:22px;width:43px;height:43px;display:grid;place-content:center;background:#ffffff4a;border-radius:50%}.player{padding:14px 0 10px}.timebar{display:flex;gap:16px;align-items:center;font:12px Space;color:#8eafc5}.timebar input{width:100%;accent-color:#60d9f0;cursor:pointer}.controls{display:flex;justify-content:space-between;margin-top:13px;gap:10px}.controls>div{display:flex;align-items:center;gap:8px}.controls button{font-size:11px;min-height:36px}.controls .primary{width:49px;background:#65d9ed;color:#08273a}.controls button[aria-pressed=false]{color:#6d8192;background:#0d1827}.controls #chapterName{margin-left:14px;font-size:12px;color:#adc5d9}.source{font-size:10px;color:#667e94;margin:13px 0 0;text-align:center}#chapters{position:fixed;right:0;top:0;bottom:0;width:390px;max-width:95vw;background:#0e1d30f7;backdrop-filter:blur(20px);border-left:1px solid #52758e44;z-index:10;padding:25px;overflow:auto;box-shadow:-20px 0 100px #0007}.panelhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panelhead button{font-size:24px;border:0;background:transparent}#chapterList button{display:flex;gap:15px;align-items:flex-start;width:100%;text-align:left;margin-bottom:8px;background:transparent;padding:14px 10px;border-color:transparent}#chapterList button.active{background:#173a50;border-color:#5fd8f255}#chapterList b{color:#6ddfee;font:14px Space}#chapterList span{font-size:13px}#chapterList small{display:block;font:10px Space;color:#839db0;margin-top:4px}#chapters a{color:#7cddef;font-size:12px;display:block;margin:25px 10px}#notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#b54236;color:white;padding:15px 20px;border-radius:8px;z-index:20;max-width:90vw;font-size:13px}
@media(max-width:760px){#app{padding:0 12px}.topbar{height:75px;gap:10px}.brand{font-size:14px}.brand img{width:38px;height:45px}.brand small{font-size:7px;letter-spacing:1px}.meta{display:none}.topbar button{margin-left:auto}.theater{margin:auto 0;max-height:none}.player{padding-top:10px}.controls{flex-wrap:wrap;gap:13px}.controls>div:last-child{width:100%;justify-content:center}.controls #chapterName{font-size:10px;margin-left:4px}.source{line-height:1.8;font-size:9px}#startButton{padding:10px 15px;font-size:14px;gap:9px}#startButton small{font-size:8px}.playdisc{width:30px;height:30px;font-size:14px}#app{justify-content:center}.theater{margin-top:30px;margin-bottom:25px}.timebar{gap:8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}