:root{--online-blue:#3d42b8;--surface:var(--card);--bg:var(--paper);--text:var(--ink);--soft:var(--tint)}
.account-link{font-size:14px;font-weight:600;white-space:nowrap;padding:8px 12px;border:1px solid var(--line);border-radius:8px}
.top-tools{gap:8px}.top-tools #open-search{min-width:0}.online-eyebrow{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.12em;color:var(--accent)}
.online-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding:64px 0 80px}.online-hero h1{font-size:60px;line-height:1.1;max-width:680px;letter-spacing:-.04em;margin:24px 0}.online-hero .lede{font-size:18px;line-height:28px;max-width:560px}.online-hero .hero-actions{margin-top:32px}.online-proof{display:flex;flex-wrap:wrap;gap:24px;font-size:14px;color:var(--muted);margin-top:24px}.online-proof span:before{content:'✓';color:var(--accent);margin-right:8px}
.path-preview{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:32px}.preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.preview-head b{font-size:18px}.badge{display:inline-block;background:var(--soft);border:1px solid var(--line);padding:4px 8px;border-radius:8px;font-size:12px;line-height:16px;color:var(--accent)}.preview-step{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.preview-step:last-child{border:0}.preview-step>span{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--soft);font-size:14px;color:var(--accent);flex:none}.preview-step b{font-size:16px}.preview-step small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.preview-step .step-end{margin-left:auto;color:var(--muted);font-size:14px}
.access-callout{background:var(--soft);padding:24px;border:1px solid var(--line);border-radius:16px;margin:24px 0}.access-callout p{color:var(--muted);font-size:14px;line-height:24px;margin:8px 0 16px}.access-callout b{font-size:18px}.locked-stage{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:16px;padding:24px;margin:16px 0;background:var(--surface)}.locked-stage h2{font-size:20px;line-height:28px;margin:0}.locked-stage .lock-meta{font-size:12px;color:var(--muted);margin-top:8px}.stage-block .stage-head{margin-bottom:24px}.access-summary{max-width:680px;color:var(--muted);line-height:28px;margin:16px 0 32px}
.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;max-width:1100px;margin:64px auto 80px}.auth-story{padding:32px 0}.auth-story h1{font-size:48px;line-height:1.2;letter-spacing:-.03em;margin:24px 0}.auth-story>p{color:var(--muted);font-size:18px;line-height:28px;max-width:440px}.auth-points{margin:40px 0 0;list-style:none;padding:0}.auth-points li{display:flex;gap:16px;margin:24px 0}.auth-points span{width:24px;height:24px;background:var(--soft);color:var(--accent);font-size:12px;border-radius:8px;display:grid;place-items:center;flex:none}.auth-points b{font-size:16px}.auth-points p{font-size:14px;line-height:24px;color:var(--muted);margin:4px 0 0}.auth-panel,.account-panel{border:1px solid var(--line);border-radius:24px;padding:32px;background:var(--surface)}.auth-panel h2{font-size:24px;line-height:32px;margin:0 0 8px}.auth-panel>p{font-size:14px;line-height:24px;color:var(--muted);margin-bottom:24px}.auth-switch{display:flex;gap:8px;padding:4px;background:var(--soft);border:1px solid var(--line);border-radius:12px;margin-bottom:24px}.auth-switch a{flex:1;text-align:center;padding:8px;font-size:14px;border-radius:8px}.auth-switch a.selected{background:var(--surface);color:var(--accent);font-weight:600}
.field{display:flex;flex-direction:column;gap:8px;margin:24px 0}.field label,.field>span{font-size:14px;line-height:20px;font-weight:600}.field input,.field select,.field textarea{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:12px 16px;color:var(--text);width:100%;min-width:0;font:inherit}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.field small{font-size:12px;line-height:20px;color:var(--muted)}.form-submit{width:100%;margin-top:8px}.form-error{color:#b33b3b;font-size:14px;line-height:24px;margin:16px 0}.form-success{color:var(--accent);font-size:14px;line-height:24px;margin:16px 0}.form-error:empty,.form-success:empty{display:none}.form-below{display:flex;justify-content:space-between;gap:16px;margin-top:24px;font-size:14px;color:var(--muted)}.password-wrap{display:flex;align-items:center;gap:8px}.password-wrap button{font-size:12px;white-space:nowrap}.auth-note{font-size:12px;line-height:20px;color:var(--muted);margin-top:24px}.auth-note a{text-decoration:underline}
.account-head{display:flex;align-items:start;justify-content:space-between;gap:24px;margin-bottom:40px}.account-head h1{margin-bottom:12px}.account-email{font-size:16px;overflow-wrap:anywhere;color:var(--muted)}.account-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:start}.account-panel h2{font-size:20px;line-height:28px;margin:0 0 16px}.account-panel+.account-panel{margin-top:24px}.account-panel p{font-size:14px;line-height:24px;color:var(--muted)}.grant-row{padding:16px 0;border-bottom:1px solid var(--line)}.grant-row:last-child{border:0}.grant-row b{font-size:16px}.grant-row p{font-size:12px;margin:4px 0}.grant-row .badge{margin-left:8px}.code-input{font-family:Geist,monospace;text-transform:uppercase;letter-spacing:.04em}.offer-preview{padding:16px;background:var(--soft);border:1px solid var(--line);border-radius:12px;margin:16px 0}.offer-preview strong{display:block;margin-bottom:8px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0}.mini-stats>div{padding:24px;border:1px solid var(--line);background:var(--surface);border-radius:16px}.mini-stats span{display:block;font-size:12px;color:var(--muted)}.mini-stats strong{display:block;margin-top:12px;font-size:30px;line-height:36px}.record-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.record-panel{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.record-panel h2{font-size:18px;line-height:28px}.record-panel p{white-space:pre-wrap;font-size:14px;line-height:24px;margin:12px 0;color:var(--muted);overflow-wrap:anywhere}.record-panel details{margin-top:16px}.record-panel .badge{margin-bottom:12px}.record-panel textarea{width:100%}.subtle-label{font-size:12px;font-weight:600;color:var(--muted);margin-top:16px;display:block}
.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.admin-tabs a{padding:8px 16px;border:1px solid var(--line);border-radius:8px;font-size:14px}.admin-tabs .selected{background:var(--accent);color:white}.admin-table-shell{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;margin:24px 0}.admin-table{width:100%;border-collapse:collapse;min-width:700px;font-size:14px}.admin-table caption{text-align:left;padding:16px;font-size:12px;color:var(--muted)}.admin-table th,.admin-table td{padding:16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.admin-table th{font-size:12px;color:var(--muted);font-weight:600}.admin-table tr:last-child td{border:0}.admin-table small{display:block;color:var(--muted);margin-top:4px}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.scope-choices{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0}.scope-choices label{display:flex;align-items:center;gap:8px;font-size:14px}.scope-choices input{width:auto}.issued-code{font-family:Geist,monospace;display:block;overflow-wrap:anywhere;padding:12px 0;font-size:14px}.danger-button{color:#b33b3b}.empty-state{padding:48px 24px;border:1px solid var(--line);border-radius:24px;background:var(--surface);max-width:760px}.empty-state h1{font-size:30px;line-height:36px;margin-bottom:16px}.empty-state p{font-size:16px;line-height:28px;color:var(--muted);margin-bottom:24px}.info-page{max-width:760px}.info-page h2{font-size:20px;line-height:28px;margin:32px 0 16px}.info-page p,.info-page li{font-size:16px;line-height:28px;color:var(--muted)}
.loading-block{max-width:760px;min-height:300px}.loading-block div{height:24px;border-radius:8px;background:var(--soft);margin:24px 0}.loading-block div:first-child{height:48px;width:60%}.loading-block div:nth-child(3){width:75%}.loading-block p{font-size:14px;color:var(--muted)}#sync-strip{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:110;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 32px #0002;padding:12px 16px;font-size:14px;max-width:calc(100vw - 32px);display:flex;align-items:center;gap:12px}#sync-strip[hidden]{display:none}#confirm-dialog{max-width:600px;width:calc(100vw - 32px);padding:32px;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--text)}#confirm-dialog h2{font-size:24px;line-height:32px}#confirm-copy{white-space:pre-wrap;margin:24px 0;color:var(--muted);font-size:14px;line-height:24px}.conflict-values{display:grid;grid-template-columns:1fr 1fr;gap:24px}.conflict-values textarea{min-height:240px;font-size:14px;line-height:24px}.button-row button:disabled,form button:disabled{opacity:.55;cursor:wait}.online-small{font-size:14px;line-height:24px;color:var(--muted)}
button,a,input,select,textarea{transition:background-color .3s cubic-bezier(.22,1,.36,1),color .3s cubic-bezier(.22,1,.36,1),opacity .3s cubic-bezier(.22,1,.36,1)}button:active,.button-link:active{transform:translateY(1px)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.field input[aria-invalid=true]{border-color:#b33b3b}[data-theme=dark] .form-error,[data-theme=dark] .danger-button{color:#ffb2b2}
@media(max-width:1023px){.online-hero{gap:32px;padding:40px 0 48px}.online-hero h1{font-size:48px}.auth-layout{gap:32px;margin:40px auto 64px}.auth-story h1{font-size:36px}.auth-panel{padding:24px}.account-grid{grid-template-columns:1fr 1fr}.top .account-link{font-size:12px}.record-grid{grid-template-columns:1fr}}
@media(max-width:767px){.online-hero,.auth-layout,.account-grid{grid-template-columns:1fr}.online-hero{padding-top:32px}.online-hero h1{font-size:36px;line-height:40px}.online-hero .lede{font-size:16px;line-height:28px}.online-proof{gap:16px}.path-preview{padding:24px}.auth-layout{margin:24px auto 48px;gap:24px}.auth-story{padding:0}.auth-story h1{font-size:30px;line-height:36px;margin:16px 0}.auth-story>p{font-size:16px;line-height:28px}.auth-points{display:none}.auth-panel,.account-panel{padding:24px;border-radius:16px}.account-head{display:block}.account-head>.button-row{margin-top:24px}.mini-stats{gap:8px}.mini-stats>div{padding:16px}.mini-stats strong{font-size:24px;line-height:32px}.admin-form-grid,.conflict-values{grid-template-columns:1fr}.locked-stage{padding:16px;align-items:start}.locked-stage h2{font-size:18px;line-height:28px}.account-email{font-size:14px}.top .brand-sub{display:none}.top #open-search{display:none}.top-tools{gap:8px}.top-tools #theme{width:32px;min-width:32px}.top-tools .account-link{padding:8px;font-size:12px}.top .brand-mark{width:28px;height:28px}.top .brand{font-size:20px}.account-link{max-width:128px;overflow:hidden;text-overflow:ellipsis}.online-hero .hero-actions{margin-top:24px}}
@media(prefers-reduced-motion:reduce){button,a,input,select,textarea{transition:none}button:active,.button-link:active{transform:none}}

.auth-switch a,.admin-tabs a,.account-link{text-decoration:none}form fieldset{border:0;padding:0;margin:24px 0}form legend{font-size:14px;line-height:20px;font-weight:600}