/* yours truly, lulu. Brass belongs to the mark only. */
:root{color-scheme:dark;--bg:#2F343B;--panel:#30373b;--ink:#f0f1ee;--muted:#bcc4c6;--line:#566167;--action:#c9e3ee;--on-action:#162a34}
:root[data-theme=dusk]{--bg:#332e39;--panel:#433b4a;--ink:#f4eef7;--muted:#d2c5d8;--line:#75657d;--action:#ddc8f0;--on-action:#33243e}
:root[data-theme=light]{color-scheme:light;--bg:#eeeae3;--panel:#faf7f1;--ink:#283037;--muted:#505d65;--line:#a3adb1;--action:#254f65;--on-action:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.55 system-ui,sans-serif}header{max-width:76rem;margin:auto;display:flex;align-items:center;gap:.8rem;padding:1.3rem;flex-wrap:wrap}header a{font-weight:650;text-decoration:none}.mark{color:#8C6E4E;font-size:1.6rem;font-weight:800}.look{margin-left:auto;display:flex;gap:.5rem;align-items:center}main{max-width:64rem;margin:2rem auto;padding:1.5rem;background:var(--panel);border-radius:1rem}h1{font-size:clamp(1.7rem,5vw,2.8rem);line-height:1.2}h2{font-size:1.3rem;margin-top:1.8rem}a{color:var(--ink)}button,input,select{font:inherit;min-height:3rem;border:1px solid var(--line);border-radius:.5rem;padding:.65rem .9rem}input,select{color:var(--ink);background:var(--bg)}button{background:var(--action);color:var(--on-action);cursor:pointer}button:disabled{opacity:.6;cursor:wait}form{max-width:32rem;display:grid;gap:1rem}label{display:grid;gap:.35rem}.actions,nav,.devices{display:flex;gap:.75rem;flex-wrap:wrap;margin:1rem 0}.devices button{flex:1}.devices [aria-pressed=false]{background:var(--bg);color:var(--ink)}.apps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:1rem}article{padding:1rem;border:1px solid var(--line);border-radius:.7rem}p{overflow-wrap:anywhere}.muted,small{color:var(--muted)}.person{font-size:1.3rem;font-weight:600}.person small{display:block;font-size:1rem;font-weight:400}.build{padding:.8rem 0;border-bottom:1px solid var(--line)}#status{max-width:64rem;margin:1rem auto;padding:0 1.5rem}:focus-visible{outline:3px solid var(--action);outline-offset:4px}input[type=checkbox]{min-height:1.5rem;width:1.5rem}.confirm{display:flex;align-items:center;gap:.6rem} @media(max-width:40rem){main{margin:1rem .6rem;padding:1rem}.look{margin-left:0;width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}