:root{color-scheme:dark;--bg:#070707;--text:#f1eee7;--muted:#8c8982;--line:rgba(255,255,255,.1);--accent:#d8ff72;--paper:#f4f1e9;--ink:#101010}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.topbar{height:70px;padding:0 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font:600 10px ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase}.brand{color:var(--text);text-decoration:none}.topbar>span{color:#66635f}main{display:grid;grid-template-columns:minmax(390px,540px) 1fr;min-height:calc(100dvh - 70px)}.editor{padding:52px 42px;border-right:1px solid var(--line);overflow:auto}.workspace{padding:38px;min-width:0}.back{color:#85837d;text-decoration:none;font-size:12px}.kicker,.eyebrow{display:block;color:var(--accent);font:500 9px ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase}.kicker{margin:46px 0 18px}.editor h1{margin:0;font-size:clamp(46px,5vw,68px);line-height:.94;letter-spacing:-.06em}.editor h1 span{color:#65635f}.lead{margin:26px 0 30px;max-width:480px;color:#aaa7a0;font-size:14px;line-height:1.75}.field{display:block;margin-top:16px}.field>span{display:block;margin-bottom:7px;color:#77746e;font:500 9px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.07em}input,select,button{font:500 11px ui-monospace,monospace}input,select{width:100%;height:44px;padding:0 11px;border:1px solid var(--line);background:#0a0a0a;color:var(--text);outline:0}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:3px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.primary{background:var(--text)!important;color:#080808!important}.full{width:100%;height:48px;margin-top:20px}.editor button,.workspace button,.mini-actions label{min-height:40px;padding:0 13px;border:1px solid var(--line);background:#101010;color:#aaa;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.privacy-note{margin:26px 0 42px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.privacy-note strong{font-size:12px}.privacy-note p,.saved-note{margin:7px 0 0;color:#77746e;font-size:11px;line-height:1.6}.saved{padding-top:2px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.section-head h2,.section-head h3{margin:5px 0 0}.section-head h2{font-size:24px}.section-head h3{font-size:18px}.mini-actions{display:flex;gap:6px}.mini-actions button,.mini-actions label{font-size:8px;text-transform:uppercase}.saved-list{margin-top:16px;border-top:1px solid var(--line)}.saved-item{width:100%;display:grid;grid-template-columns:1fr auto;gap:12px;padding:15px 0;border:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important;text-align:left!important;min-height:0!important}.saved-item strong{display:block;color:var(--text);font-size:11px}.saved-item small{display:block;margin-top:4px;color:#68655f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}.saved-item em{font-style:normal;color:#777;font-size:9px}.empty{color:#666;font-size:11px}.empty-state{height:100%;min-height:560px;display:grid;place-content:center;text-align:center}.empty-state .kicker{margin:0 0 14px}.empty-state h2{margin:0;font-size:clamp(34px,5vw,62px);letter-spacing:-.05em}.empty-state p:last-child{color:#777}.result-panel{max-width:900px;margin:0 auto}.result-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.result-head h2{margin:10px 0 0;font-size:34px;letter-spacing:-.04em}.pill{display:inline-block;padding:5px 8px;border:1px solid rgba(216,255,114,.25);color:var(--accent);font:600 8px ui-monospace,monospace;text-transform:uppercase}.pill.paused{color:#d9a75b;border-color:rgba(217,167,91,.25)}.qr-row{display:grid;grid-template-columns:minmax(250px,390px) 1fr;gap:34px;align-items:center}.qr-shell{background:var(--paper);padding:28px}.qr-shell svg{display:block;width:100%;height:auto}.qr-info code{display:block;margin:8px 0 18px;color:#bbb;word-break:break-all;font:11px/1.6 ui-monospace,monospace}.action-row,.manage-actions{display:flex;gap:8px;flex-wrap:wrap}.verify{color:#777;font:10px ui-monospace,monospace}.verify.ok{color:#9ebd5b}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:38px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats div{padding:18px;border-right:1px solid var(--line)}.stats div:last-child{border-right:0}.stats span{display:block;color:#777;font:8px ui-monospace,monospace;text-transform:uppercase}.stats strong{display:block;margin-top:8px;font-size:18px}.chart-section,.manage-section{padding:30px 0;border-bottom:1px solid var(--line)}.daily-chart{height:150px;margin-top:22px;display:flex;align-items:flex-end;gap:4px}.bar{flex:1;min-width:3px;background:#34342e;position:relative}.bar.has{background:#d8ff72}.bar:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);padding:5px 7px;background:#eee;color:#111;white-space:nowrap;font:8px ui-monospace,monospace}.manage-section .grid2{margin-top:0}.danger{color:#d78484!important}.toast{position:fixed;right:22px;bottom:22px;max-width:360px;padding:12px 15px;background:#eee;color:#111;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s;font:10px ui-monospace,monospace}.toast.show{opacity:1;transform:none}
@media(max-width:980px){main{grid-template-columns:1fr}.editor{border-right:0;border-bottom:1px solid var(--line)}.workspace{padding:30px 22px}.empty-state{min-height:380px}}@media(max-width:600px){.topbar{height:60px;padding:0 18px}.editor{padding:35px 20px}.editor h1{font-size:48px}.grid2,.qr-row,.stats{grid-template-columns:1fr}.stats div{border-right:0;border-bottom:1px solid var(--line)}.stats div:last-child{border-bottom:0}.section-head{align-items:flex-start;flex-direction:column}.mini-actions{width:100%}.mini-actions button,.mini-actions label{flex:1}.qr-shell{padding:20px}.workspace{padding:28px 18px}}