:root{--bg:#000;--card:#1c1c1e;--sep:#ffffff1c;--ink:#fff;--muted:#98989d;--dim:#636366;--accent:#e0a750;--accent-ink:#1a1206;--ok:#30d158;--live:#ff453a;--danger:#ff6b6b;--sat:env(safe-area-inset-top);--sab:env(safe-area-inset-bottom)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior-y:none;background:var(--bg);height:100%;margin:0}body{color:var(--ink);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:17px;line-height:1.4}button,a{touch-action:manipulation;font:inherit;color:inherit}button{cursor:pointer;text-align:left;background:0 0;border:0;padding:0}a{text-decoration:none}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#app{flex-direction:column;height:100vh;display:flex}#topbar{height:44px;padding:calc(var(--sat) + 0px) 4px 0 4px;-webkit-backdrop-filter:blur(20px);border-bottom:.5px solid var(--sep);z-index:5;background:#000000e0;flex:none;align-items:center;gap:4px;display:flex;position:relative}#backBtn{color:var(--accent);align-items:center;gap:2px;padding:8px 10px 8px 6px;font-size:17px;font-weight:400;display:none}#backBtn svg{width:11px;height:19px}#topTitle{left:50%;top:calc(var(--sat) + 0px);letter-spacing:-.01em;height:44px;color:var(--ink);opacity:0;align-items:center;font-size:17px;font-weight:600;transition:opacity .15s;display:flex;position:absolute;transform:translate(-50%)}#topbar.pushed #topTitle{opacity:1}#topbar.pushed #backBtn{display:flex}#main{-webkit-overflow-scrolling:touch;flex:auto;overflow-y:auto}.screen{padding:0 16px calc(40px + var(--sab));max-width:640px;margin:0 auto}.large{letter-spacing:-.02em;padding:16px 2px 4px;font-size:30px;font-weight:700}.stat{color:var(--muted);justify-content:space-between;align-items:center;padding:0 2px 12px;font-size:14px;display:flex}.bar{background:var(--card);border-radius:2px;height:3px;margin:0 2px 20px;overflow:hidden}.bar i{background:var(--accent);border-radius:2px;height:100%;transition:width .3s;display:block}.live{background:var(--card);border-radius:14px;align-items:center;gap:12px;width:100%;margin-bottom:22px;padding:14px;display:flex}.live .dot{background:var(--live);border-radius:50%;flex:none;width:8px;height:8px}.live .tx{flex:1;min-width:0}.live .tx b{font-size:15px;font-weight:600;display:block}.live .tx span{color:var(--muted);margin-top:1px;font-size:13px;display:block}.chev{color:var(--dim);flex:none}.chev svg{width:8px;height:14px;display:block}.sh{color:var(--muted);margin-top:4px;padding:0 14px 6px;font-size:13px}.list{background:var(--card);border-radius:14px;margin-bottom:24px;overflow:hidden}.row{border-bottom:.5px solid var(--sep);align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 14px;display:flex}.list .row:last-child{border-bottom:0}.row:active{background:#ffffff0f}.circ{border:1.5px solid var(--dim);width:30px;height:30px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid}.circ.progress{border-color:var(--accent);color:var(--accent)}.circ.complete{border-color:var(--ok);background:var(--ok);color:#04210c}.circ.complete svg{width:13px;height:13px}.rt{flex:1;min-width:0}.rt strong{letter-spacing:-.01em;font-size:16px;font-weight:500;display:block}.rt span{color:var(--muted);margin-top:2px;font-size:13px;display:block}.row.done .rt strong{color:var(--muted)}.check{border:1.5px solid var(--dim);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.check svg{opacity:0;color:#04210c;width:11px;height:11px}.row.done .check{background:var(--ok);border-color:var(--ok)}.row.done .check svg{opacity:1}.ext{color:var(--dim);flex:none}.ext svg{width:13px;height:13px;display:block}.screen.player{padding:0 0 calc(40px + var(--sab));max-width:none}.video{aspect-ratio:16/9;background:#000;width:100%;max-height:max(240px,100vh - 300px);position:relative}.video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video .empty{text-align:center;place-content:center;gap:6px;padding:20px;display:grid;position:absolute;inset:0}.video .empty b{font-size:16px;font-weight:600}.video .empty span{color:var(--dim);max-width:32ch;font-size:13px}.pinfo{max-width:640px;margin:0 auto;padding:18px 16px 0}.pinfo .meta{color:var(--muted);margin-bottom:6px;font-size:13px}.pinfo h2{letter-spacing:-.02em;font-size:21px;font-weight:700;line-height:1.2}.pinfo .note{color:var(--muted);margin-top:10px;font-size:15px}.actions{flex-direction:column;gap:10px;max-width:640px;margin:0 auto;padding:20px 16px 0;display:flex}.btn{border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;padding:15px;font-size:16px;font-weight:600;display:flex}.btn:active{opacity:.75}.btn-fill{background:var(--accent);color:var(--accent-ink)}.btn-fill.done{background:var(--card);color:var(--ok)}.btn-text{color:var(--accent);background:0 0;padding:6px}#tabbar{-webkit-backdrop-filter:blur(20px);border-top:.5px solid var(--sep);padding:6px 0 max(6px,var(--sab));background:#000000eb;flex:none;display:flex}#tabbar a{color:var(--dim);flex-direction:column;flex:1;align-items:center;gap:3px;padding:4px 0;font-size:11px;font-weight:500;display:flex}#tabbar a svg{width:24px;height:24px}#tabbar a.active{color:var(--accent)}@media (min-width:700px){#topTitle{margin:0 auto;position:static;transform:none}}#app.adm{max-width:640px;margin:0 auto;position:relative}.adm #topbar{border-bottom-width:1px}.adm #tabbar{background:#000000f0;border-top-width:1px}.adm #tabbar a svg{width:22px;height:22px}.tbtn{right:6px;top:var(--sat);height:44px;color:var(--accent);align-items:center;padding:0 8px;font-size:15px;font-weight:600;display:flex;position:absolute}.tbtn.left{left:6px;right:auto}.adm .large{font-size:28px}.hint{color:var(--muted);padding:0 2px 16px;font-size:13px}.adm .sh{margin-top:0;padding:22px 2px 8px}.adm .list{margin-bottom:8px}.lrow{border-bottom:1px solid var(--sep)}.list .lrow:last-child{border-bottom:0}.lrow .head{align-items:center;gap:10px;min-height:56px;padding:10px 12px;display:flex}summary.head{cursor:pointer;list-style:none}summary.head::-webkit-details-marker{display:none}.head>form{flex:none}.updown{flex-direction:column;display:flex}.updown button{width:22px;height:18px;color:var(--dim);place-items:center;display:grid}.updown button:active{color:var(--accent)}.updown svg{width:10px;height:10px}.num{border:1px solid var(--sep);width:26px;height:26px;color:var(--muted);border-radius:7px;flex:none;place-items:center;font-size:12px;font-weight:600;display:grid}.htext{flex:1;min-width:0;padding:2px 0}.htext strong{font-size:15.5px;font-weight:500;display:block}.htext span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12.5px;display:block;overflow:hidden}.trash{width:24px;height:24px;color:var(--dim);place-items:center;display:grid}.trash:active{color:var(--danger)}.trash svg{width:15px;height:15px}.lrow .chev{transition:transform .15s}.lrow[open] .chev{transform:rotate(90deg)}.lrow .chev svg{width:7px;height:13px}.panel{padding:2px 12px 16px}.panel.solo{padding-top:12px}.field{margin-bottom:12px;display:block}.field span{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.field input,.field textarea,.field select{border:1px solid var(--sep);width:100%;color:var(--ink);appearance:none;background:#000;border-radius:10px;padding:11px 12px;font-family:inherit;font-size:15.5px}.field textarea{resize:vertical;min-height:64px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);outline:none}.field select{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 10 6\"><path d=\"M1 1l4 4 4-4\" stroke=\"%2398989d\" stroke-width=\"1.5\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:10px 6px}.rowbtns{gap:8px;margin-top:2px;display:flex}.mini,.abtn{border:1px solid var(--sep);border-radius:9px;padding:9px 12px;font-size:13px;font-weight:600}.mini{color:var(--muted);background:#000}.mini.danger{color:var(--danger);border-color:#ff6b6b59}.abtn{background:var(--accent);color:var(--accent-ink);border-color:#0000}.abtn.saved{background:var(--ok);color:#04210c}.abtn:disabled{opacity:.5;cursor:default}.mini:active,.abtn:active{opacity:.65}.addbtn{border:1px dashed var(--sep);width:100%;color:var(--accent);text-align:center;border-radius:12px;margin:6px 0 4px;padding:14px;font-size:15px;font-weight:600}.addbtn:active{opacity:.7}.login{max-width:340px;margin:0 auto;padding:80px 20px}.login .abtn{text-align:center;width:100%;padding:13px}.err{color:var(--danger);margin-bottom:12px;font-size:14px}
