:root{--bg:#16161a;--card:#222228;--line:#33333b;--text:#f2f2f5;--muted:#8b8b96;--accent:#fc3;--accent-ink:#1a1500;--ok:#34c759;--warn:#ff9f0a;--bad:#ff453a;--radius:14px;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{padding:0 16px calc(84px + env(safe-area-inset-bottom,0px));-webkit-tap-highlight-color:transparent;touch-action:manipulation;font:16px/1.35 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}[hidden]{display:none!important}button{font:inherit;color:var(--text);background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:12px;min-height:46px;padding:12px 14px}button:active{transform:scale(.97)}button.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:700}button.active,.seg button.active,.toggle.active{background:var(--accent);color:var(--accent-ink);border-color:#0000}.chip{border-radius:999px;min-height:34px;padding:6px 12px;font-size:.9rem}h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:.8rem}code{background:#000;border-radius:4px;padding:1px 5px}.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;display:flex;background:color-mix(in srgb,var(--bg)92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);justify-content:space-between;align-items: center;gap:12px;margin:0 -16px;padding:10px 16px}.conn{display:flex;align-items: center;gap:8px;font-size:.95rem}.dot{background:var(--muted);border-radius:50%;width:10px;height:10px}.dot.ok{background:var(--ok);box-shadow:0 0 6px var(--ok)}.dot.warn{background:var(--warn)}.dot.bad{background:var(--bad)}#blackoutBtn.active{background:var(--bad);color:#fff}.error{color:#ffb4ae;background:#3a1d1d;border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:.9rem}main{padding-top:12px}.tab{display:flex;flex-direction:column;gap:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.row{display:flex;flex-wrap:wrap;align-items: center;gap:10px}.grow{flex:1}.section-head{display:flex;justify-content:space-between;align-items: center;margin-top:8px}.empty{color:var(--muted);list-style:none;padding:8px 0;font-size:.9rem}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.transport{display:flex;flex-direction:column;gap:10px}.now{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.times{display:flex;color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:-6px;font-size:.8rem}.buttons{display:grid;grid-template-columns:1fr 1.4fr 1fr 1fr;gap:10px}.buttons button{font-size:1.3rem}.slider{display:flex;align-items: center;gap:10px}input[type=range]{accent-color:var(--accent);width:100%;height:30px}.list{list-style:none;display:flex;flex-direction:column;gap:8px;margin:0;padding:0}.list button{text-align:left;width:100%}.list.compact button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:40px;padding:8px 12px}.count{letter-spacing:0;font-weight:400}.list-tools{display:flex;align-items: center;gap:8px}.list-tools .seg{flex-wrap:nowrap;flex:none}.list-tools .seg button{flex:none;min-height:44px;padding:8px 10px}input[type=search]{font:inherit;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:12px;flex:1;min-width:0;min-height:44px;padding:10px 12px}.vrow{display:flex;gap:8px}.list .vplay{display:flex;flex-direction:column;flex:1;gap:2px;min-width:0}.vname{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical}.vmeta{color:var(--muted);font-size:.75rem}.vplay.active .vmeta{color:inherit;opacity:.7}.list .vdel{text-align:center;color:var(--muted);flex:none;width:52px;padding:0}.list .vdel.confirm{background:var(--bad);color:#fff;border-color:#0000;width:86px;font-size:.85rem;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,130px),1fr));gap:10px}.pad{color:#111;word-break:break-word;border:0;min-height:84px;font-weight:700}.pad.c0{background:#fc3}.pad.c1{background:#ff7a59}.pad.c2{background:#5ad1ff}.pad.c3{background:#9cf06b}.pad.c4{background:#ff8fd1}.pad.c5{background:#b8a6ff}.pad.hit{animation:.25s ease-out hit}@keyframes hit{0%{filter:brightness(1.6);transform:scale(.94)}to{filter:none;transform:none}}textarea{font:inherit;resize:vertical;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);width:100%;padding:12px;font-size:1.1rem}.current{white-space:pre-wrap;word-break:break-word;margin-top:4px;font-size:1.15rem;font-weight:700}.muted{color:var(--muted)}.check{display:flex;align-items: center;gap:6px}.check input{accent-color:var(--accent);width:20px;height:20px}.fields{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field>span{color:var(--muted);font-size:.8rem}.field.disabled{opacity:.4;pointer-events:none}.swatches{display:flex;flex-wrap:wrap;gap:10px}.swatch{border:2px solid var(--line);border-radius:50%;width:40px;height:40px;min-height:40px;padding:0}.swatch.active{outline:3px solid var(--accent);outline-offset:2px;background-clip:padding-box}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg button{flex:1;min-width:0;padding:10px 8px;font-size:.9rem}.presets button{min-height:60px;font-weight:600}input[type=url]{font:inherit;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:12px;width:100%;padding:12px}.job{background:var(--card);border:1px solid var(--line);display:flex;border-radius:12px;flex-direction:column;gap:6px;padding:12px}.job-head{display:flex;align-items: center;gap:8px}.job-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600}.job-msg{color:var(--muted);overflow-wrap:anywhere;font-size:.8rem}.job.is-error .job-msg{color:#ffb4ae}.job progress{accent-color:var(--accent);width:100%;height:6px}.list .job .chip{flex:none;width:auto}.badge{background:var(--line);border-radius:999px;flex:none;padding:2px 8px;font-size:.7rem}.badge.is-done{background:var(--ok);color:#04210c}.badge.is-error{background:var(--bad);color:#fff}.badge.is-running{background:var(--accent);color:var(--accent-ink)}.tabbar{position:fixed;z-index:5;display:grid;grid-template-columns:repeat(5,1fr);padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:#0f0f12;bottom:0;left:0;right:0}.tabbar button{display:flex;color:var(--muted);background:0 0;border:0;flex-direction:column;align-items: center;gap:2px;min-height:56px;padding:6px 0;font-size:1.3rem}.tabbar button span{font-size:.72rem}.tabbar button.active{color:var(--accent);background:0 0}
