:root{--y:#FFD60A;--ink:#0B0B0F;--bg:#0f0f14;--card:#1a1a22;--mut:#9a9aa8;--ok:#1FD86B;--err:#FF2E4D;--r:18px}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--bg);color:#fff;font:17px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.wrap{max-width:1100px;margin:0 auto;padding:16px 14px 60px}
header{display:flex;align-items:center;gap:10px;margin:4px 0 18px}
.logo{width:42px;height:42px;border-radius:12px;background:var(--y);color:var(--ink);display:grid;place-items:center;font-weight:900;font-size:22px}
h1{font-size:26px;margin:0;letter-spacing:.5px;font-weight:900}
h1 small{display:block;font-size:13px;color:var(--mut);font-weight:500;letter-spacing:0}
header a{margin-left:auto;color:var(--mut);font-size:14px;text-decoration:none;padding:10px}
.panel{background:var(--card);border-radius:var(--r);padding:16px}
label.t{display:block;font-weight:800;margin:2px 0 10px;font-size:18px}
.row{display:flex;gap:8px}
input[type=url],input[type=password]{flex:1;min-width:0;height:58px;border-radius:14px;border:2px solid #2c2c38;background:#0c0c11;color:#fff;font-size:17px;padding:0 14px;outline:none}
input:focus{border-color:var(--y)}
.btn{height:58px;border:0;border-radius:14px;font-weight:800;font-size:17px;padding:0 18px;cursor:pointer;color:var(--ink);background:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn.paste{background:#2c2c38;color:#fff;min-width:96px}
.btn.go{width:100%;margin-top:16px;height:64px;font-size:20px;background:var(--y)}
.btn.go:disabled{opacity:.5}
.count{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.count button{height:64px;border-radius:14px;border:2px solid #2c2c38;background:#0c0c11;color:#fff;font-size:24px;font-weight:900;cursor:pointer}
.count button.on{background:var(--y);border-color:var(--y);color:var(--ink)}
.sec{margin-top:18px}
details{margin-top:16px;color:var(--mut)}
details summary{cursor:pointer;padding:10px 0;font-weight:700}
details .opt{display:flex;align-items:center;gap:12px;padding:10px 0;color:#ddd}
details input[type=checkbox]{width:26px;height:26px;accent-color:var(--y)}
.note{margin-top:14px;font-size:14px;color:#cfcfd8;background:#23232d;border-left:4px solid var(--y);padding:10px 12px;border-radius:10px}
.prog{margin-top:18px;display:none}
.bar{height:16px;background:#2c2c38;border-radius:99px;overflow:hidden}
.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--y),#ffe970);transition:width .6s}
.step{margin:10px 2px 0;font-weight:700}
.step small{color:var(--mut);font-weight:500;display:block}
.err{color:#fff;background:#3a1219;border:1px solid var(--err);border-radius:12px;padding:12px;margin-top:14px;display:none}
.info{color:#fff;background:#13261b;border:1px solid var(--ok);border-radius:12px;padding:12px;margin-top:14px;display:none}
.res-h{display:flex;align-items:center;gap:10px;margin:22px 2px 10px;flex-wrap:wrap}
.res-h h2{margin:0;font-size:21px}
.res-h .btn{margin-left:auto;height:50px;background:var(--y)}
.clips{display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:700px){.clips{grid-template-columns:1fr 1fr}.wrap{padding:22px 22px 60px}}
@media (min-width:1050px){.clips{grid-template-columns:1fr 1fr 1fr}}
.clip{background:var(--card);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.clip video{width:100%;aspect-ratio:9/16;background:#000;display:block;max-height:78vh;object-fit:contain}
.clip .b{padding:12px}
.clip h3{margin:0 0 6px;font-size:17px;line-height:1.25}
.meta{color:var(--mut);font-size:14px;margin-bottom:10px}
.score{background:var(--y);color:var(--ink);border-radius:8px;padding:2px 8px;font-weight:900;font-size:13px;margin-right:6px}
.acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.acts .btn{height:52px;font-size:15px;padding:0 10px}
.acts .btn.main{grid-column:1/-1;background:var(--y)}
.acts .btn.sec2{background:#2c2c38;color:#fff}
.hist{margin-top:26px}
.hist h2{font-size:18px;margin:0 0 10px;color:#ddd}
.hist a{display:flex;gap:12px;align-items:center;background:var(--card);border-radius:14px;padding:10px;margin-bottom:8px;color:#fff;text-decoration:none;min-height:64px}
.hist img{width:40px;height:70px;object-fit:cover;border-radius:6px;background:#000}
.hist span small{display:block;color:var(--mut)}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#fff;color:var(--ink);padding:12px 18px;border-radius:12px;font-weight:700;display:none;z-index:9}
.wake{text-align:center;margin-top:30px}.wake h2{margin:14px 0 6px}.mut{color:var(--mut)}.small{font-size:14px}
.spin{width:48px;height:48px;margin:6px auto;border:5px solid #2c2c38;border-top-color:var(--y);border-radius:50%;animation:sp 1s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
.tabs{display:flex;gap:8px;margin:-6px 0 14px}.tabs a{flex:1;text-align:center;padding:12px;border-radius:12px;background:var(--card);color:#ddd;text-decoration:none;font-weight:800}
.tabs a.on{background:#2c2c38;color:#fff;box-shadow:inset 0 -3px 0 var(--y)}
.net{display:none;background:#3a2a12;border:1px solid #c98a1a;border-radius:12px;padding:10px 12px;margin-bottom:10px;font-weight:700}
.live{display:none;position:sticky;top:0;z-index:5;margin:0 -4px 14px;padding:4px;background:var(--bg)}
.lv{display:block;background:#23232d;border:2px solid var(--y);border-radius:14px;padding:10px 12px;margin-bottom:6px;color:#fff;text-decoration:none}
.lv.ok{border-color:var(--ok)}.lv.ko{border-color:var(--err)}
.lv .lt{display:block;font-weight:800}.lv .ls{display:block;color:var(--mut);font-size:14px;margin:2px 0 6px}
.bar.sm{display:block;height:8px}
.back{display:inline-block;color:#ddd;text-decoration:none;font-weight:800;padding:8px 0 12px}
.vt{font-size:22px;margin:4px 0 12px}
.hist h2 .all{float:right;font-size:14px;color:var(--y);text-decoration:none;font-weight:700}
.hist .ph{width:40px;height:70px;border-radius:6px;background:#2c2c38;display:grid;place-items:center;color:var(--mut)}
.c{font-style:normal;font-weight:800;margin-left:6px}.c.ok{color:var(--ok)}.c.ko{color:var(--err)}.c.run{color:var(--y)}
@media (min-width:700px){.hist.full{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hist.full a{margin:0}}