:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14231f;--panel:#1d312a;--edge:#365146;--text:#f1f6f2;--muted:#bdd0c7;--accent:#bce9ae}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 system-ui,sans-serif}main{width:min(100% - 2rem,32rem);margin:0 auto;padding:clamp(1.5rem,8vh,5rem) 0}header{align-items:center;gap:.65rem;margin-bottom:1.25rem;font-size:1.1rem;font-weight:700;display:flex}.panel{background:var(--panel);border:1px solid var(--edge);border-radius:1.25rem;padding:clamp(1.15rem,5vw,2rem)}h1{margin:.35rem 0 1rem;font-size:clamp(1.7rem,6vw,2.45rem);line-height:1.13}.eyebrow{color:var(--accent);letter-spacing:.08em;margin:0;font-size:.82rem;font-weight:700}.muted{color:var(--muted)}.error{color:#ffb4a8}form{gap:.65rem;display:grid}input,button{font:inherit}input:not([type=radio]){border:1px solid var(--edge);background:var(--bg);width:100%;min-height:3rem;color:var(--text);border-radius:.65rem;padding:.65rem .75rem}fieldset{border:0;margin:.4rem 0;padding:0}.option{align-items:center;gap:.65rem;min-height:2.65rem;display:flex}input[type=radio]{accent-color:var(--accent);width:1.15rem;height:1.15rem;margin:0}button{cursor:pointer;border:0;border-radius:.7rem;min-height:2.85rem;padding:.6rem .85rem}button:disabled{cursor:default}.primary{background:var(--accent);color:#17271f;width:100%;font-weight:750}.primary:disabled{color:#a7b8af;background:#263830}.open{min-height:4rem;margin:.5rem 0;font-size:1.13rem}.quiet{color:var(--accent);border:1px solid var(--edge);background:0 0;margin:.4rem .35rem .1rem 0}.logout{color:var(--muted)}.alert-settings{border-top:1px solid var(--edge);margin-top:1rem;padding-top:1rem}.alert-settings h2{margin:0 0 .3rem;font-size:1.1rem}.alert-settings p{margin:.25rem 0 .65rem;font-size:.88rem}.alert-row{justify-content:space-between;align-items:center;gap:.8rem;margin-top:.7rem;display:flex}.alert-row .quiet{flex:none;min-width:6.25rem;margin:0}.alert-row p{margin:.15rem 0}.sound-test{margin-bottom:.4rem}a{color:var(--accent)}:focus-visible{outline-offset:3px;outline:2px solid #f2db8d}
