:root{--como-500:#577c62;--como-700:#344939;--como-800:#233225;--como-900:#121b13;--pearl-100:#fdfcfa;--pearl-200:#f9f6f0;--pearl-300:#f5efe6;--pearl-500:#ede2d2;--pearl-800:#e0cdb4;--bg-page:var(--pearl-100);--bg-surface:var(--pearl-300);--bg-surface-strong:var(--pearl-500);--text-primary:var(--como-900);--text-secondary:var(--como-700);--text-muted:var(--como-500);--text-on-inverse:var(--pearl-200);--border-subtle:var(--pearl-500);--brand-mark:var(--como-700);--danger-bg:#f6dfd9;--danger-text:#7a2e1f;--font-sans:"Switzer", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--duration-fast:.14s}*{box-sizing:border-box}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}.shell{max-width:1200px;margin:0 auto;padding:24px 16px 64px}@media (min-width:768px){.shell{padding:24px 64px 80px}}.nav{background:var(--bg-surface);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.nav-brand{color:var(--brand-mark);align-items:center;gap:12px;font-weight:600;text-decoration:none;display:flex}.nav-user{color:var(--text-secondary);align-items:center;gap:12px;font-size:12px;display:flex}h1{letter-spacing:-.04em;margin:64px 0 8px;font-size:42px;font-weight:600;line-height:1.15}h2{letter-spacing:-.04em;margin:0 0 16px;font-size:30px;font-weight:600;line-height:1.15}.lead{max-width:640px;color:var(--text-secondary);margin:0 0 40px}.card{background:var(--bg-surface);border-radius:var(--radius-md);margin-bottom:16px;padding:24px}.accounts{gap:16px;margin-bottom:64px;display:grid}.account{background:var(--bg-surface);border-radius:var(--radius-md);padding:24px}.account-head{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.account-head-side{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.account-alias{margin:0 0 4px;font-size:20px;font-weight:900}.account-email,.hint{color:var(--text-secondary);font-size:12px}.hint{margin-top:8px}.account-error{margin:16px 0 0}.account-details{gap:24px;margin:16px 0 0;display:grid}@media (min-width:768px){.account-details{grid-template-columns:1fr 1fr}}.account-details dd{margin:0}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--pearl-100);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 10px;font-size:12px;display:inline-block}.edit{margin-top:12px}.edit summary{width:fit-content;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:600}.edit form{margin-top:8px}.connect-form{gap:24px;max-width:720px;display:grid}.field-row{gap:16px;display:grid}@media (min-width:768px){.field-row{grid-template-columns:1fr 1fr}}.label{color:var(--text-muted);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.status-ok,.status-error{border-radius:var(--radius-sm);padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.status-ok{background:var(--como-800);color:var(--text-on-inverse)}.status-error{background:var(--danger-bg);color:var(--danger-text)}.inline{display:inline}.row{flex-wrap:wrap;gap:8px;display:flex}fieldset.purposes{border:0;min-width:0;margin:0;padding:0}.check{align-items:center;gap:8px;margin-bottom:8px;display:flex}.check input{width:16px;min-height:16px;accent-color:var(--como-800);margin:0}input,select{width:100%;min-height:40px;font:inherit;color:var(--text-primary);background:var(--pearl-100);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 12px}input:focus,select:focus{outline:2px solid var(--como-700);outline-offset:1px}.row input{flex:220px;width:auto}.btn{min-height:40px;font:inherit;white-space:nowrap;cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--como-900);background:var(--como-900);color:var(--text-on-inverse);transition:background var(--duration-fast);justify-content:center;align-items:center;padding:12px 24px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--como-800)}.btn-outline{background:var(--bg-surface-strong);border-color:var(--como-800);color:var(--como-900)}.btn-outline:hover{background:var(--pearl-800)}.btn-small{min-height:32px;padding:8px 16px}.notice,.error{border-radius:var(--radius-md);margin:0 0 24px;padding:12px 16px}.notice{background:var(--bg-surface-strong)}.error{background:var(--danger-bg);color:var(--danger-text)}.login{background:var(--bg-surface);border-radius:var(--radius-lg);max-width:480px;margin:80px auto 0;padding:40px}.login h1{margin-top:0;font-size:30px}.prose{max-width:720px}.prose h2{margin-top:40px;font-size:22px}.prose p{color:var(--text-secondary);line-height:1.6}.prose a,.footer a{color:var(--text-primary)}.footer{color:var(--text-secondary);margin-top:24px;font-size:12px}