:root{--paper:#f7f6f3;--ink:#23201c;--soft:#625b52;--line:#d9d3c9;--accent:#8f3f16}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.45}nav{border-bottom:1px solid var(--line);background:#fff;gap:.25rem;padding:.5rem 1rem;display:flex;overflow-x:auto}nav button{white-space:nowrap;border-color:#0000}nav button[aria-current=page]{background:var(--paper);border-color:var(--line);font-weight:600}main{max-width:60rem;margin:0 auto;padding:1rem}main.signin{gap:1rem;max-width:22rem;margin-top:15vh;display:grid}h1{margin:.5rem 0 1rem;font-size:1.5rem}h2{margin:1.5rem 0 .5rem;font-size:1.1rem}button,.button{font:inherit;min-height:2.5rem;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:.5rem;padding:.4rem .9rem;text-decoration:none;display:inline-block}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{color:#8c1c13;border-color:#8c1c13}button:disabled{opacity:.5;cursor:default}button:focus-visible{outline-offset:1px;outline:3px solid #d99a1f}.button:focus-visible{outline-offset:1px;outline:3px solid #d99a1f}input:focus-visible{outline-offset:1px;outline:3px solid #d99a1f}select:focus-visible{outline-offset:1px;outline:3px solid #d99a1f}textarea:focus-visible{outline-offset:1px;outline:3px solid #d99a1f}label{margin:.75rem 0;display:block}label.check{align-items:flex-start;gap:.5rem;margin:.4rem 0;display:flex}input:not([type=checkbox]),select,textarea{font:inherit;border:1px solid var(--line);background:#fff;border-radius:.4rem;width:100%;margin-top:.25rem;padding:.45rem;display:block}textarea.code{font-family:ui-monospace,Consolas,monospace;font-size:.85rem}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:.45rem .6rem}.tiles{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.6rem;margin:0;display:grid}.tiles div{border:1px solid var(--line);background:#fff;border-radius:.5rem;padding:.6rem .8rem}.tiles dd{margin:0;font-size:1.5rem;font-weight:600}.tiles dt{color:var(--soft);font-size:.85rem}.panel{border:1px solid var(--line);background:#fff;border-radius:.5rem;margin-top:1rem;padding:1rem}.prompt{font-size:1.2rem;font-weight:600}.actions{flex-wrap:wrap;gap:.5rem;margin:.75rem 0;display:flex}