:root{--ink: #1e1e1e;--muted: #6b6b6b;--paper: #f9f7f2;--card: #ffffff;--accent: #f66607;--accent-bg: #fef1e7;--accent-ink: #bf4f05;--brand-green: #28b089;--line: rgba(30, 30, 30, .14);--line-strong: rgba(30, 30, 30, .32);--sans: "Euclid Circular B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius: 10px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.5}.shell{max-width:940px;margin:0 auto;padding:32px 24px 64px}.masthead{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px}.masthead h1{font-size:18px;font-weight:600;margin:0}.masthead .who{font-size:12.5px;color:var(--muted)}.rail{display:flex;gap:8px;margin-bottom:24px}.rail button{flex:1 1 0;text-align:left;cursor:pointer;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;font:inherit;color:var(--ink)}.rail button:hover:not(:disabled){border-color:var(--line-strong)}.rail button:disabled{cursor:default;opacity:.55}.rail button[aria-current]{border-color:var(--accent);background:var(--accent-bg)}.rail .sn{display:block;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.rail button[aria-current] .sn{color:var(--accent-ink)}.rail .sl{display:block;font-size:12.6px;font-weight:500;margin-top:3px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px}.card+.card{margin-top:16px}.card h2{font-size:15.5px;font-weight:600;margin:0 0 4px}.field{margin-bottom:16px}.field label{display:block;font-size:12.5px;font-weight:500;margin-bottom:5px}fieldset.field{border:0;padding:0;margin-inline:0;min-width:0}.field legend{font-size:12.5px;font-weight:500;margin-bottom:5px;padding:0}.field input:not([type=radio]),.field select,.field textarea{width:100%;font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line-strong);border-radius:8px;padding:8px 10px}.field input:not([type=radio]):focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.field textarea{min-height:74px;resize:vertical}.row{display:flex;gap:14px}.row>*{flex:1 1 0}.options{display:grid;gap:8px}.options .option{display:flex;gap:10px;align-items:flex-start;cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:10px 12px}.options .option:hover{border-color:var(--line-strong)}.options .option.on{border-color:var(--accent);background:var(--accent-bg)}.option input{accent-color:var(--accent);margin:3px 0 0;flex:none}.option .on-name{display:block;font-size:13px;font-weight:500}.option .on-desc{display:block;font-size:12.2px;color:var(--muted);margin-top:2px}.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn{font:inherit;font-size:13px;font-weight:500;cursor:pointer;border-radius:8px;padding:9px 16px;border:1px solid var(--line-strong);background:var(--card);color:var(--ink)}.btn:hover:not(:disabled){border-color:var(--ink)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent-ink);border-color:var(--accent-ink)}.btn:disabled{opacity:.5;cursor:default}.readback{display:grid;grid-template-columns:190px 1fr;gap:10px 18px;font-size:13px}.readback dt{color:var(--muted)}.readback dd{margin:0}.gives{margin:14px 0 0;padding:12px 14px;border-radius:8px;background:var(--paper);font-size:12.6px}.gives ul{margin:6px 0 0;padding-left:18px}.gives li{margin-bottom:3px}.gives .not{color:var(--muted)}.notice{border-radius:8px;padding:10px 12px;font-size:12.8px;margin-bottom:16px}.notice.bad{background:#fdecec;color:#a02020}.notice.good{background:#e8f7f1;color:#14654e}.link-row{display:flex;gap:10px;align-items:flex-start;margin-top:8px}.link-row .link-box{flex:1 1 auto;margin-top:0}.link-row .btn{flex:none}.copy-status{font-size:12.2px;color:var(--muted);margin:6px 0 0;min-height:16px}.link-box{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all;background:var(--paper);border-radius:8px;padding:10px 12px;margin-top:8px}table.invites{width:100%;border-collapse:collapse;font-size:13px}table.invites th{text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600;padding:0 10px 8px 0}table.invites td{padding:10px 10px 10px 0;border-top:1px solid var(--line);vertical-align:top}table.invites tr.on td{cursor:pointer}table.invites tr.on:hover td{background:var(--paper)}.pill{display:inline-block;font-size:11.5px;font-weight:500;padding:2px 9px;border-radius:999px;background:var(--paper);border:1px solid var(--line)}.pill.sent{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-ink)}.pill.accepted{background:#e8f7f1;border-color:var(--brand-green);color:#14654e}.pill.declined,.pill.expired{color:var(--muted)}.timeline{list-style:none;margin:14px 0 0;padding:0;font-size:12.8px}.timeline li{display:flex;justify-content:space-between;padding:7px 0;border-top:1px solid var(--line)}.timeline li.done{color:var(--ink)}.timeline li.waiting{color:var(--muted)}.empty{color:var(--muted);font-size:13px;padding:18px 0}.gate{max-width:420px;margin:0 auto;padding:72px 24px 64px}.gate .masthead{justify-content:center;margin-bottom:20px}.card.auth h2{margin-bottom:18px}.card.auth .actions{margin-top:20px}.btn.link{border-color:transparent;background:none;color:var(--muted);padding-left:0;padding-right:0}.btn.link:hover:not(:disabled){border-color:transparent;color:var(--ink);text-decoration:underline}.masthead .who{display:flex;align-items:baseline;gap:12px}.rules{margin:0 0 4px;padding-left:18px;font-size:12.2px;color:var(--muted)}.rules li{margin-bottom:2px}.enrol{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:18px}.enrol .field{align-self:stretch;margin-bottom:0}.qr{border:1px solid var(--line);border-radius:8px;flex:none}.qr-missing{width:176px;height:176px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed var(--line-strong);border-radius:8px;font-size:12.2px;color:var(--muted);flex:none;padding:12px}#a-secret{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-align:center}
