:root{--bg:#080b12;--panel:#111622;--panel2:#171d2a;--text:#f5f7fb;--muted:#8e98ab;--line:#293142;--lime:#b8ff3d;--lime2:#82d900;--red:#ff5f69;--orange:#ffbf3d}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% -10%,rgba(184,255,61,.1),transparent 32%),var(--bg);color:var(--text);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.topbar{height:68px;padding:0 max(24px,4vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(8,11,18,.85);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-weight:800}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--lime);color:#071005;font-size:13px}.status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}main{max-width:1240px;margin:0 auto;padding:44px 24px 80px}.hidden{display:none!important}.access-card{max-width:720px;margin:7vh auto;padding:50px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(160deg,var(--panel2),var(--panel));box-shadow:0 35px 90px rgba(0,0,0,.35)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.2rem,6vw,4.5rem);line-height:.96;letter-spacing:-.055em;margin-bottom:24px}h2{font-size:1.65rem;letter-spacing:-.03em;margin-bottom:8px}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--lime);font-weight:800;margin-bottom:14px}.access-card>p:not(.eyebrow,.note),.obs-card p,.connections p{color:var(--muted)}label{font-size:13px;color:#b8c0d0;font-weight:700;display:flex;flex-direction:column;gap:8px}input,select,button{font:inherit}input,select{width:100%;border:1px solid var(--line);border-radius:10px;background:#0b0f18;color:white;padding:12px 13px;outline:none}input:focus,select:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(184,255,61,.11)}button{border:1px solid var(--line);border-radius:10px;background:#1b2230;color:white;padding:11px 16px;font-weight:750;cursor:pointer;transition:.18s ease}button:hover:not(:disabled){transform:translateY(-1px);border-color:#48536a}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--lime);border-color:var(--lime);color:#081006}.primary:hover:not(:disabled){background:#c6ff63;border-color:#c6ff63}.danger{color:#ff9da3}.inline,.copy-row{display:flex;gap:10px}.inline input,.copy-row input{flex:1}.existing{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}.note{font-size:13px;color:var(--muted);margin:20px 0 0}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.timer-card,.obs-card,.tab-panel{border:1px solid var(--line);border-radius:22px;background:linear-gradient(150deg,var(--panel2),var(--panel));padding:26px}.timer-card{min-height:280px}.timer-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;letter-spacing:.15em;font-weight:800}.pill{color:var(--orange);border:1px solid rgba(255,191,61,.35);border-radius:100px;padding:4px 9px}.timer{font-size:clamp(3.6rem,9vw,7.6rem);line-height:1.08;font-weight:850;letter-spacing:-.06em;font-variant-numeric:tabular-nums;margin:24px 0}.timer-actions{display:flex;flex-wrap:wrap;gap:9px}.obs-card{display:flex;flex-direction:column;justify-content:center}.obs-card .copy-row{margin-top:14px}.tabs{display:flex;gap:4px;margin:28px 0 12px;padding:5px;background:#0c1019;border:1px solid var(--line);border-radius:14px;overflow:auto}.tabs button{background:transparent;border-color:transparent;white-space:nowrap}.tabs button.active{background:var(--panel2);border-color:var(--line);color:var(--lime)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.rule-form{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#0d111b}.rule-form .add-rule{align-self:end}.rules-list,.history-list{display:grid;gap:9px;margin-top:18px}.rule-item,.history-item{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:18px;padding:14px 16px;border:1px solid var(--line);border-radius:13px;background:#0c1019}.tag{display:inline-flex;width:max-content;padding:5px 8px;border-radius:7px;background:rgba(184,255,61,.1);color:var(--lime);font-size:12px;font-weight:800;text-transform:uppercase}.rule-main strong{display:block}.rule-main span,.history-item span{font-size:13px;color:var(--muted)}.icon-btn{padding:7px 11px;color:#ff9da3}.compact{grid-template-columns:repeat(4,1fr)}.result-box{margin-top:18px;padding:20px;border-radius:14px;border:1px dashed #45516a;color:var(--muted)}.connections{display:grid;gap:12px}.connections article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:18px;border:1px solid var(--line);border-radius:15px;background:#0c1019}.connections h3,.connections p{margin-bottom:2px}.platform{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;font-weight:900}.twitch{background:#9146ff}.kick{background:#53fc18;color:#071005}.se{background:#2635e8}.toast{position:fixed;right:22px;bottom:22px;max-width:360px;padding:13px 17px;border-radius:11px;background:white;color:#0a0d13;font-weight:700;transform:translateY(90px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}@media(max-width:850px){.hero-grid{grid-template-columns:1fr}.rule-form,.compact{grid-template-columns:1fr 1fr}.timer{font-size:4.2rem}}@media(max-width:560px){main{padding:28px 14px 60px}.access-card,.timer-card,.obs-card,.tab-panel{padding:20px;border-radius:17px}.access-card{margin:2vh auto}.inline,.copy-row{flex-direction:column}.rule-form,.compact{grid-template-columns:1fr}.timer{font-size:3.2rem}.connections article{grid-template-columns:auto 1fr}.connections button{grid-column:1/-1}.rule-item,.history-item{grid-template-columns:1fr}.topbar{padding:0 16px}}