@import url("tokens.css");:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 30% 0,var(--panel-2),var(--bg) 50%);color:var(--text);min-height:100vh}button,.button,input,select,textarea{font:inherit}button,.button{min-height:var(--control-min-height);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel-2);color:var(--text);padding:.7rem 1rem;cursor:pointer;text-decoration:none;font-weight:700;transition:filter var(--motion-fast),background-color var(--motion-fast),border-color var(--motion-fast)}button:hover,.button:hover{filter:brightness(1.15)}button:focus-visible,.button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.secondary{background:transparent}.danger{border-color:var(--danger);color:#ff9c9c}input,select,textarea{display:block;width:100%;min-height:var(--control-min-height);margin-top:.35rem;border:1px solid var(--line);border-radius:var(--radius-control);background:rgba(0,0,0,.2);color:var(--text);padding:.65rem}select{background-color:var(--panel);color:var(--text)}select option,select optgroup{background:var(--panel);color:var(--text)}select option:checked{background:var(--accent);color:var(--accent-ink)}select option:disabled{color:var(--muted)}textarea{min-height:auto}label{color:var(--muted);font-size:.82rem;font-weight:700}.eyebrow{color:var(--accent);font-size:.72rem;letter-spacing:.18em;font-weight:900}.card{background:linear-gradient(145deg,rgba(22,48,39,.93),rgba(12,26,21,.96));border:1px solid var(--line);border-radius:var(--radius-panel);padding:var(--space-5);box-shadow:var(--shadow-panel)}h1,h2,p{margin-top:0}.muted{color:var(--muted)}.pill,.status,.live-pill{border:1px solid var(--line);border-radius:var(--radius-pill);padding:.35rem .65rem;color:var(--accent);font-size:var(--font-small);font-weight:800}.control-row{display:flex;gap:.65rem;align-items:center;justify-content:center;flex-wrap:wrap}.compact button,.compact .button{padding:.5rem .7rem;font-size:.8rem}.switch-row{display:flex;align-items:center;gap:.55rem;margin-top:1rem;min-height:var(--touch-target)}.switch-row input{width:auto;min-height:auto;margin:0}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.notification{min-height:1.3em;color:var(--accent)}
@keyframes page-enter{from{opacity:0}to{opacity:1}}@keyframes page-leave{from{opacity:1}to{opacity:0}}body{animation:page-enter .16s ease-out}body.page-leaving{animation:page-leave .12s ease-in forwards;pointer-events:none}@media(prefers-reduced-motion:reduce){body,body.page-leaving{animation:none}}