:root{--bg: #faf7f2;--surface: #ffffff;--text: #2c2a26;--muted: #7a756c;--accent: #b5651d;--accent-dark: #8c4d16;--border: #e7e1d8;--error: #c0392b;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{max-width:760px;margin:0 auto;padding:1.5rem}.header{border-bottom:1px solid var(--border);margin-bottom:2rem}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0}.nav .brand{font-weight:700;font-size:1.15rem;color:var(--text)}.nav-links{display:flex;align-items:center;gap:1.25rem}.nav-gated{justify-content:flex-end;padding-top:0;padding-bottom:.6rem;border-top:1px dashed var(--border)}.nav-gated .nav-links{font-size:.95rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.75rem;box-shadow:0 1px 2px #00000008}.card h1{margin-top:0;font-size:1.5rem}code{background:#f1ece4;padding:.1em .35em;border-radius:4px;font-size:.9em}.link-list{list-style:none;padding:0;margin:1rem 0 0}.link-list li{margin:.4rem 0}.login{max-width:340px;margin:0 auto;display:flex;flex-direction:column;gap:.9rem}.login input{padding:.6rem .75rem;border:1px solid var(--border);border-radius:8px;font-size:1rem}.login input:focus{outline:2px solid var(--accent);outline-offset:1px}.error{color:var(--error);margin:0;font-size:.9rem}button{cursor:pointer;font:inherit}.login button{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:.6rem 1rem;font-weight:600}.login button:hover{background:var(--accent-dark)}.link-button{background:none;border:none;color:var(--accent);padding:0;font:inherit}.link-button:hover{text-decoration:underline}