:root{--bg:#0a0a0a;--fg:#fff;--fg-dim:#ccc;--accent:#4af;--accent-dim:#44aaff14;--border:#282828;--error:#f44;--marker:#f80;--font:"Berkeley Mono", "JetBrains Mono", "Fira Code", "SF Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.6}::selection{background:var(--accent);color:var(--bg)}a{color:var(--accent);text-decoration:none}.dots:after{content:"";text-align:left;width:1.2em;animation:1.4s steps(4,end) infinite dots;display:inline-block}@keyframes dots{0%,to{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.app-container{width:100%;max-width:880px;margin:0 auto}.box{border:1px solid var(--border);padding:1rem}.box-header{color:var(--fg-dim);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.5rem;font-size:11px}input,select,textarea{outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)!important}input::placeholder,textarea::placeholder{color:var(--fg-dim);opacity:.6}button{outline:none}button:hover{opacity:.8}button:active{opacity:.6}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:1px}@supports (padding-bottom:env(safe-area-inset-bottom)){body{padding-bottom:env(safe-area-inset-bottom)}}