*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border:0 solid}:root{color-scheme:dark;--bg: #0c0c0b;--fg: #f3f1ea;--muted: #8a877d;--line: #2a2926}html{line-height:1.5;font-family:system-ui,sans-serif;background:var(--bg);color:var(--fg)}body{min-height:100dvh}a{color:inherit}.shell{max-width:56rem;margin:0 auto;padding:2rem 1.25rem 4rem;display:flex;flex-direction:column;gap:1.5rem}.nav{display:flex;flex-wrap:wrap;gap:.5rem 1rem;border-bottom:1px solid var(--line);padding-bottom:1rem}.nav a{color:var(--muted);text-decoration:none}.nav a:hover{color:var(--fg)}.authbar{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;max-width:56rem;margin:0 auto;padding:.75rem 1.25rem 0;font-size:.85rem}.authbar button{padding:.25rem .6rem}.card{border:1px solid var(--line);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.6rem}.muted{color:var(--muted)}button{background:var(--fg);color:var(--bg);padding:.5rem .9rem;cursor:pointer}button.ghost{background:transparent;color:var(--fg);border:1px solid var(--line)}input,textarea,select{background:#171716;color:var(--fg);border:1px solid var(--line);padding:.55rem .65rem;width:100%}