@import url('https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&f[]=cabinet-grotesk@500,700&display=swap');
:root{color-scheme:dark;--bg:#0a1120;--surface:#111e2e;--surface2:#152638;--surface3:#20364a;--input:#0b1627;--line:#304255;--border:var(--line);--text:#f1f6fa;--muted:#acbdce;--faint:#97acbf;--accent:#79dfc4;--primary:var(--accent);--primary-hover:#a0ebd9;--ink:#0c2924;--danger:#ffadad;--gold:var(--accent)}
[data-theme=light]{color-scheme:light;--bg:#edf3f5;--surface:#fff;--surface2:#f2f6f8;--surface3:#e0eaf0;--input:#f6f9fb;--line:#bdcdd8;--text:#162c3e;--muted:#506677;--faint:#536c7d;--accent:#176c5d;--ink:#fff;--danger:#ac2d3d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 Satoshi,system-ui,sans-serif}h1,h2,h3{font-family:'Cabinet Grotesk',Satoshi,sans-serif;line-height:1.15;overflow-wrap:anywhere}h1{font-size:clamp(26px,4vw,34px);margin:8px 0 12px}h2{font-size:22px;margin:0 0 12px}h3{font-size:18px;margin:0 0 8px}p{margin:8px 0 16px}a{color:var(--accent)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent)}
.member-shell{width:min(100% - 32px,900px);margin:24px auto 64px}.member-shell.narrow{max-width:480px}.member-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.member-brand{display:flex;align-items:center;gap:16px;color:var(--text);text-decoration:none;letter-spacing:.18em;font-weight:700}.member-brand img{width:106px;height:60px;object-fit:contain}.member-top nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px}.member-card{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:18px;margin-bottom:16px;min-width:0}.member-card.compact{padding:18px}.member-intro{text-align:center}.muted,.hint{color:var(--muted)}.hint{font-size:13px}.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:700}.member-form{display:grid;gap:14px}.member-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.member-form label{display:grid;gap:6px;min-width:0;font-size:13px}.member-form input:not([type=checkbox]),.member-form select,.member-form textarea,.member-search{width:100%;min-width:0;padding:11px 12px;min-height:46px;border:1px solid var(--line);border-radius:9px;background:var(--input);color:var(--text);font-size:16px}.member-form textarea{resize:vertical}.member-form .check{display:flex;gap:10px;align-items:flex-start}.check input{margin-top:4px;accent-color:var(--accent)}
.member-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--line);border-radius:9px;padding:10px 16px;background:var(--surface2);color:var(--text);font-size:14px;font-weight:700;text-decoration:none;text-align:center}.member-button.primary{background:var(--accent);color:var(--ink);border-color:transparent}.member-button.danger{color:var(--danger)}.member-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.member-actions>*{min-width:0}.member-message{padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:var(--input);overflow-wrap:anywhere;white-space:pre-wrap;font-size:14px;margin:14px 0}.member-message:empty{display:none}.member-message.error{border-color:var(--danger);color:var(--danger)}
.member-steps{display:flex;gap:8px;margin:18px 0 24px;list-style:none;padding:0;counter-reset:steps}.member-steps li{flex:1;font-size:12px;color:var(--muted);border-bottom:3px solid var(--line);padding-bottom:8px}.member-steps .active{color:var(--accent);border-color:var(--accent)}.member-code{font:13px/1.5 ui-monospace,monospace;overflow-wrap:anywhere;word-break:break-word}.member-badge{display:inline-block;border:1px solid var(--line);border-radius:6px;padding:3px 7px;font-size:11px;letter-spacing:.03em;color:var(--muted)}.member-badge.on{color:var(--accent)}.member-record{padding:18px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.member-record:last-child{border:0}.member-record header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.member-record p{font-size:13px;color:var(--muted);margin:7px 0}.owner-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:0 0 20px}.owner-tabs button{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:9px;padding:12px 4px;font:700 13px Satoshi;min-height:44px}.owner-tabs button[aria-selected=true]{background:var(--accent);color:var(--ink);border-color:var(--accent)}.owner-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.owner-metric{padding:16px;border-radius:12px;background:var(--surface2)}.owner-metric strong{display:block;font-size:28px}.owner-metric span{font-size:12px;color:var(--muted)}.owner-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.owner-toolbar .member-search{flex:1;min-width:150px}.owner-toolbar select{min-width:110px;color:var(--text);background:var(--input);border:1px solid var(--line);border-radius:8px;padding:10px}.owner-pages{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px;font-size:12px;color:var(--muted)}
dialog{width:min(560px,calc(100% - 24px));max-height:90svh;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);padding:24px;overflow:auto}dialog::backdrop{background:#000a;backdrop-filter:blur(3px)}dialog h2{margin-top:4px}dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}#reviewText{white-space:pre-line;overflow-wrap:anywhere}.member-divider{border:0;border-top:1px solid var(--line);margin:24px 0}
[hidden]{display:none!important}@media(max-width:600px){.member-shell{width:calc(100% - 24px);margin-top:16px}.member-card{padding:20px}.member-top{gap:10px;margin-bottom:16px}.member-brand img{width:84px;height:48px}.member-top nav{font-size:12px}.member-top nav .member-button{font-size:12px;padding:8px 10px}.owner-tabs{grid-template-columns:repeat(3,1fr)}.owner-metrics{gap:8px}.owner-metric{padding:12px 8px}.owner-metric strong{font-size:23px}.owner-metric span{font-size:11px}.member-record header{flex-wrap:wrap}.member-actions .member-button{flex-grow:1}.member-row{gap:10px}dialog{padding:20px}}@media(max-width:350px){.member-row{grid-template-columns:1fr}.member-card{padding:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Design polish (2026-10-14) */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Design polish 2 (2026-10-14) */
html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
a,button,[role="button"],summary{touch-action:manipulation}
button:not(:disabled):active,.member-button:active{transform:scale(.97)}