*{box-sizing:border-box}html{background:var(--canvas);min-width:320px}body{background:linear-gradient(to bottom, #ffffff05, transparent 180px), var(--canvas);min-width:320px;min-height:100vh;color:var(--text);font-family:var(--font-ui);margin:0;font-size:14px;line-height:1.45}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}input,select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;height:36px;color:var(--text);outline:none;padding:0 10px}input::placeholder{color:var(--text-faint)}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:1px solid var(--accent);outline-offset:2px}