:root{--bg:#0f0c11;--surface:#1b1720;--surface-2:#262029;--line:#221d26;--text:#fff;--text-2:#b0a8b4;--text-3:#8e8794;--primary:#e0245e;--accent:#ff5c7a;--accent-soft:#2e1520;--gold:#f2c46d;--gold-bg:#2a2112;--coin:#ffb020;--good:#7fd4a0;--warn:#ffc46b;--bad:#ff8fa0;--info:#9cc3ff;--tabbar-h:56px;--subbar-h:40px;--demo-h:26px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Myanmar,sans-serif}a{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img,svg{display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{min-height:100dvh}.app-main{padding-bottom:calc(var(--tabbar-h) + var(--subbar-h) + env(safe-area-inset-bottom) + 16px)}.app.no-tabs .app-main{padding-bottom:24px}.sidebar{display:none}.bottombar{z-index:30;background:var(--bg);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}.tabbar{height:var(--tabbar-h);border-top:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.tab{color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.tab[aria-current=page]{color:var(--text)}.subbar{min-height:var(--subbar-h);align-items:center;gap:8px;padding:0 16px;font-size:13px;text-decoration:none;display:flex}.subbar .detail{opacity:.85;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}@media (min-width:900px){.app{display:flex}.sidebar{background:#141117;flex-direction:column;flex:none;gap:20px;width:240px;height:100dvh;padding:24px 12px;display:flex;position:sticky;top:0}.side-nav{flex-direction:column;gap:2px;display:flex}.side-link{min-height:44px;color:var(--text-2);border-radius:10px;align-items:center;gap:12px;padding:0 12px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.side-link[aria-current=page]{background:var(--accent-soft);color:var(--text)}.sidebar .subbar{border-radius:12px;flex-wrap:wrap;margin-top:auto;padding:10px 12px}.app-content{flex:1;min-width:0}.app-main,.app.no-tabs .app-main{max-width:1180px;margin:0 auto;padding-bottom:40px}.bottombar{display:none}}.brand{color:var(--text);align-items:center;gap:10px;padding:0 8px;text-decoration:none;display:flex}.brand img{object-fit:contain;width:26px;height:36px}.brand span{letter-spacing:-.4px;font-size:17px;font-weight:900}.demo-note{height:var(--demo-h);line-height:var(--demo-h);color:var(--text-3);text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#141117;padding:0 12px;font-size:11px;overflow:hidden}.app.flush .app-main{padding-bottom:0}.fill-screen{height:calc(100dvh - var(--demo-h) - var(--tabbar-h) - var(--subbar-h) - env(safe-area-inset-bottom))}@media (min-width:900px){.fill-screen{height:calc(100dvh - var(--demo-h) - 32px);border-radius:16px;margin-top:16px}}.demo-note button{color:var(--accent);background:0 0;border:none;padding:0 4px;font-size:11px}.home-head{z-index:20;background:var(--bg);align-items:center;gap:12px;padding:12px 8px 8px 16px;display:flex;position:sticky;top:0}.home-tabs{scrollbar-width:none;flex:1;align-items:baseline;gap:18px;display:flex;overflow-x:auto}.home-tab{color:var(--text-3);white-space:nowrap;flex-direction:column;align-items:center;gap:4px;font-size:16px;font-weight:600;text-decoration:none;display:flex}.home-tab[aria-current=page]{color:var(--text);font-size:20px;font-weight:800}.home-tab[aria-current=page]:after{content:"";background:#ff3d5e;border-radius:2px;width:16px;height:3px}.topbar{z-index:20;background:var(--bg);align-items:center;gap:4px;min-height:56px;padding:6px 8px 6px 4px;display:flex;position:sticky;top:0}.topbar h1{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:17px;font-weight:800;overflow:hidden}.topbar .spacer{flex:none;width:44px}.icon-btn{width:44px;height:44px;color:var(--text);background:0 0;border:none;border-radius:22px;flex:none;justify-content:center;align-items:center;text-decoration:none;display:flex}.page-title{letter-spacing:-.5px;margin:0;font-size:28px;font-weight:800}.pad{padding:0 16px}.stack{flex-direction:column;display:flex}.gap-6{gap:6px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.row{align-items:center;gap:12px;display:flex}.between{justify-content:space-between}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.small{font-size:13px}.tiny{font-size:12px}.section-head{justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 16px;display:flex}.section-head h2{align-items:center;gap:6px;margin:0;font-size:18px;font-weight:800;display:flex}.section-head a{color:var(--text-3);font-size:13px;text-decoration:none}.narrow{width:100%;max-width:640px;margin:0 auto}.fixed-cta{z-index:25;background:var(--bg);border-top:1px solid var(--surface);padding:10px 16px calc(16px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}@media (min-width:900px){.fixed-cta{left:240px}}.poster{aspect-ratio:3/4;border-radius:10px;position:relative;overflow:hidden}.poster .orb{aspect-ratio:1;border-radius:50%;width:110%;position:absolute;top:-18%;right:-30%}.poster .badge{border-radius:0 0 8px;padding:3px 7px;font-size:10px;font-weight:800;position:absolute;top:0;left:0}.poster .eps{background:#0f0c1199;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;bottom:6px;right:6px}.poster .rank{font-size:44px;font-style:italic;font-weight:900;line-height:1;position:absolute;bottom:-6px;left:6px}.poster .progress{background:#ffffff40;height:3px;position:absolute;bottom:0;left:0;right:0}.poster .progress span{background:#ff3d5e;height:3px;display:block}.card-link{color:var(--text);flex-direction:column;gap:6px;min-width:0;text-decoration:none;display:flex}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.card-sub{color:var(--text-3);margin-top:-2px;font-size:12px}.hscroll{scroll-snap-type:x proximity;scrollbar-width:none;gap:10px;padding:0 16px;scroll-padding:0 16px;display:flex;overflow-x:auto}.hscroll>*{scroll-snap-align:start;flex:none;width:112px}.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px;padding:0 16px;display:grid}@media (min-width:640px){.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hscroll>*{width:140px}}@media (min-width:1100px){.poster-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.btn{border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 22px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.btn-block{width:100%}.btn-sm{min-height:34px;padding:0 14px;font-size:13px}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:var(--surface);color:var(--text)}.btn-soft{background:var(--accent-soft);color:var(--accent)}.btn-gold{background:var(--gold);color:#2a1a00}.btn-light{color:#1a1a1a;background:#fff}.btn-ghost{color:var(--text-2);background:0 0}.btn-danger{color:var(--bad);background:#2b1a1e}.btn:disabled,.btn[aria-disabled=true]{background:var(--surface-2);color:#6e6874;cursor:not-allowed}.chip{background:var(--surface);min-height:34px;color:var(--text-2);white-space:nowrap;border:none;border-radius:17px;align-items:center;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.chip[aria-pressed=true],.chip[aria-checked=true],.chip[aria-selected=true],.chip[aria-current=page]{color:var(--bg);background:#fff}.chip.soft[aria-pressed=true],.chip.soft[aria-checked=true]{background:var(--accent-soft);color:var(--accent)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips.scroll{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.switch{background:#3a3340;border:none;border-radius:16px;flex:none;justify-content:flex-start;width:52px;height:32px;padding:3px;display:flex}.switch[aria-checked=true]{background:var(--primary);justify-content:flex-end}.switch:after{content:"";background:#fff;border-radius:13px;width:26px;height:26px}.switch:disabled{opacity:.5;cursor:not-allowed}.field{flex-direction:column;gap:8px;display:flex}.field label,.label{color:var(--text-2);font-size:13px;font-weight:600}.input{background:var(--surface);min-height:50px;color:var(--text);border:1.5px solid #3a3340;border-radius:14px;outline:none;width:100%;padding:0 14px;font-size:16px}.input:focus{border-color:var(--accent)}textarea.input{resize:vertical;padding:12px 14px;line-height:1.5}.search-pill{background:var(--surface);min-height:42px;color:var(--text-3);border-radius:21px;flex:1;align-items:center;gap:8px;padding:0 14px;display:flex}.search-pill input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:15px}.list{margin:0;padding:0;list-style:none}.list-row{border-bottom:1px solid var(--surface);min-height:52px;color:var(--text);text-align:left;background:0 0;border-top:none;border-left:none;border-right:none;align-items:center;gap:12px;width:100%;padding:0;font-size:15px;text-decoration:none;display:flex}.list-row .grow{flex:1;min-width:0}.list-group-title{color:var(--text-3);margin:22px 0 2px;font-size:13px;font-weight:600}.badge-dot{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:800;display:inline-flex}.backdrop{z-index:50;background:#050306b8;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.backdrop.center{align-items:center;padding:0 28px}.sheet{background:var(--surface);width:100%;max-width:560px;max-height:88dvh;padding:8px 16px calc(28px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;flex-direction:column;gap:14px;display:flex;overflow-y:auto}.sheet-handle{background:#3a3340;border-radius:2px;align-self:center;width:36px;height:4px}.sheet-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet-head h2{margin:0;font-size:18px;font-weight:800}.dialog{background:var(--surface);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:360px;padding:28px 24px 18px;display:flex}.dialog h2{margin:4px 0 0;font-size:20px;font-weight:800}.dialog p{color:var(--text-2);margin:0;font-size:15px;line-height:1.5}.icon-circle{background:var(--accent-soft);width:64px;height:64px;color:var(--accent);border-radius:32px;flex:none;justify-content:center;align-items:center;display:flex}.empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:64px 32px;display:flex}.empty h2{margin:6px 0 0;font-size:20px;font-weight:800}.empty p{color:var(--text-2);max-width:360px;margin:0;font-size:15px;line-height:1.5}.toast{left:50%;bottom:calc(var(--tabbar-h) + var(--subbar-h) + 24px);z-index:70;color:var(--bg);background:#fff;border-radius:20px;padding:10px 18px;font-size:14px;font-weight:700;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #0006}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:var(--surface);border-radius:10px;animation:1.4s ease-in-out infinite pulse}.spinner{border:3px solid #fff3;border-top-color:#ff3d5e;border-radius:50%;width:40px;height:40px;animation:.9s linear infinite spin}.player-wrap{z-index:40;background:#000;justify-content:center;display:flex;position:fixed;inset:0}.player{color:#fff;width:100%;max-width:480px;height:100dvh;position:relative;overflow:hidden}.player .video{position:absolute;inset:0;overflow:hidden}.player .video .o1{aspect-ratio:1;border-radius:50%;width:120%;position:absolute;top:18%;left:-30%}.player .video .o2{aspect-ratio:1;border-radius:50%;width:62%;position:absolute;top:10%;right:-15%}.player .shade-top{background:#00000059;height:130px;position:absolute;top:0;left:0;right:0}.player .shade-bottom{background:#00000080;height:340px;position:absolute;bottom:0;left:0;right:0}.player .tap-layer{background:0 0;border:none;position:absolute;inset:0}.player .p-top{top:env(safe-area-inset-top);align-items:center;gap:4px;min-height:56px;display:flex;position:absolute;left:4px;right:4px}.player .rail{flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;bottom:210px;right:8px}.rail-btn{color:#fff;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;width:60px;padding:0;font-size:12px;font-weight:600;text-decoration:none;display:flex}.player .p-info{flex-direction:column;gap:4px;display:flex;position:absolute;bottom:134px;left:16px;right:84px}.player .p-seek{color:#d7d0da;align-items:center;gap:10px;font-size:12px;display:flex;position:absolute;bottom:100px;left:16px;right:16px}.player .p-seek input{accent-color:#fff;flex:1}.player .p-bottom{min-height:92px;padding:0 16px calc(28px + env(safe-area-inset-bottom));background:#0f0c11eb;align-items:center;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.player .center-play{background:#0f0c1199;border:none;border-radius:36px;justify-content:center;align-items:center;width:72px;height:72px;margin-left:-36px;display:flex;position:absolute;top:40%;left:50%}.player .demo-tag{color:#fff9;white-space:nowrap;font-size:12px;position:absolute;top:52%;left:50%;transform:translate(-50%)}.ep-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.ep-cell{background:var(--surface-2);height:48px;color:var(--text);border:none;border-radius:10px;justify-content:center;align-items:center;font-size:15px;font-weight:700;text-decoration:none;display:flex;position:relative}.ep-cell.watched{color:var(--text-3)}.ep-cell.current{background:var(--accent-soft);color:var(--accent)}.ep-cell .lock{position:absolute;top:4px;right:4px}.admin{background:var(--bg);flex-wrap:wrap;min-height:100dvh;display:flex}.admin-side{background:#141117;flex-direction:column;flex:220px;gap:24px;padding:24px 12px;display:flex}.admin-nav{flex-wrap:wrap;gap:2px;display:flex}.admin-nav a{min-height:40px;color:var(--text-2);border-radius:10px;flex:200px;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.admin-nav a[aria-current=page]{background:var(--accent-soft);color:var(--text);font-weight:700}.admin-main{flex-direction:column;flex:999 560px;gap:20px;min-width:0;max-width:1240px;padding:32px clamp(16px,3vw,40px);display:flex}.admin-main h1{margin:0;font-size:26px;font-weight:800}.panel{background:var(--surface);border-radius:16px;padding:18px 20px}.panel h2{margin:0 0 8px;font-size:16px;font-weight:800}.table-box{background:var(--surface);border-radius:16px;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--text-3);padding:14px 8px;font-size:12px;font-weight:600}.table td{border-top:1px solid var(--surface-2);vertical-align:middle;padding:10px 8px}.table th:first-child,.table td:first-child{padding-left:16px}.table th:last-child,.table td:last-child{padding-right:16px}.status{align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:4px;width:8px;height:8px}.tiles{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.tile{background:var(--surface);border-radius:16px;flex-direction:column;gap:6px;padding:18px;display:flex}.tile .v{letter-spacing:-.5px;font-size:30px;font-weight:800}.two-col{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.two-col>.main-col{flex-direction:column;flex:999 420px;gap:16px;min-width:0;display:flex}.two-col>.side-col{flex-direction:column;flex:300px;gap:16px;display:flex}.admin .input{border-radius:12px;min-height:44px;font-size:15px}.mono{font-family:ui-monospace,Menlo,monospace;font-size:13px}.dropzone{text-align:center;border:1.5px dashed #3a3340;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.bar{background:var(--surface-2);border-radius:2px;height:4px}.bar span{border-radius:2px;height:4px;display:block}
