:root{--color-background-base:oklch(97% 0 0);--color-card-base:oklch(100% 0 0);--color-foreground-base:oklch(20% 0 0);--color-muted-foreground-base:oklch(39% 0 0);--color-border-base:oklch(80% 0 0);--color-primary-base:oklch(24% .02 270);--color-primary-foreground-base:oklch(98% 0 0);--color-ring-base:oklch(45% .12 270);--color-danger-base:oklch(35% .12 25);--color-hover-base:oklch(93% 0 0);--background:var(--color-background-base);--card:var(--color-card-base);--foreground:var(--color-foreground-base);--muted-foreground:var(--color-muted-foreground-base);--border:var(--color-border-base);--primary:var(--color-primary-base);--primary-foreground:var(--color-primary-foreground-base);--ring:var(--color-ring-base);--danger:var(--color-danger-base);--hover:var(--color-hover-base)}*{box-sizing:border-box}html{overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--background);color:var(--foreground);font:16px/1.5 system-ui,sans-serif;min-height:100dvh}header{padding:16px 32px;background:var(--card);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:16px}nav,.actions,.row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.brand{font-size:24px;font-weight:700;text-decoration:none}.brand span{font-size:16px;color:var(--muted-foreground)}main{max-width:1280px;margin:0 auto;padding:32px 24px}h1{font-size:clamp(2rem,1.5rem + 2vw,3rem);line-height:1.2;letter-spacing:-.01em}h2{font-size:24px}p{max-width:65ch;color:var(--muted-foreground)}section{padding:24px;margin:24px 0;border:1px solid var(--border);border-radius:16px;background:var(--card)}.narrow{max-width:480px;margin:24px auto}.columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px}.columns section{margin:0}form{max-width:560px}label{display:block;margin:16px 0 8px;font-weight:600}input,select,textarea{display:block;margin-top:8px;padding:8px 12px;width:100%;font:inherit;min-height:44px;border:1px solid var(--border);border-radius:8px;color:var(--foreground);background:var(--card)}button,.button{min-height:44px;padding:8px 16px;border:1px solid var(--primary);border-radius:8px;background:var(--primary);color:var(--primary-foreground);font:600 16px/1.5 system-ui;cursor:pointer;touch-action:manipulation}.secondary{background:var(--card);color:var(--foreground);border-color:var(--border)}a{color:var(--foreground);text-underline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--ring);outline-offset:2px}[aria-invalid=true]{border-color:var(--danger)}.field-error,.feedback[data-error=true]{color:var(--danger)}.feedback{white-space:pre-wrap;overflow-wrap:anywhere;max-width:65ch}summary{cursor:pointer;min-height:44px;padding:8px 0}.skip{position:absolute;left:16px;top:-80px;z-index:70}.skip:focus{top:8px;background:var(--card);padding:12px}.table-scroll{max-width:100%;overflow:auto;overscroll-behavior:contain}table{width:100%;border-collapse:collapse;background:var(--card)}th,td{padding:8px 12px;border-bottom:1px solid var(--border);text-align:left}th{position:sticky;top:0;z-index:10;background:var(--card)}.number{text-align:right;font-variant-numeric:tabular-nums}dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}dd{margin:0}.eyebrow{letter-spacing:.08em;font-size:12px;font-weight:600}footer{padding:24px;text-align:center;color:var(--muted-foreground)}[aria-busy=true]button::after{content:' …'}@media(max-width:480px){header,main{padding:16px 12px}section{padding:16px}.actions{align-items:stretch;flex-direction:column}.actions form,.actions button{width:100%}nav{gap:8px}}@media(hover:hover)and(pointer:fine){button:hover,.secondary:hover{filter:brightness(.94);transition:filter 80ms ease-out}a:hover{text-decoration-thickness:2px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Account entry pages use existing semantic tokens and local brand assets. */
.brand{display:inline-flex;align-items:center;gap:12px}.brand img{display:block;width:auto;height:32px;max-width:160px;object-fit:contain}
.auth-page{display:flex;flex-direction:column;background:var(--background)}
.auth-page header{padding:24px 32px;min-height:80px}.auth-page nav a{padding:8px 12px;min-height:44px;display:inline-flex;align-items:center;text-decoration:none;border-bottom:2px solid transparent}.auth-page nav a[aria-current=page]{border-bottom-color:var(--foreground);font-weight:600}
.auth-page main{width:100%;max-width:none;flex:1;display:grid;align-content:center;justify-items:center;padding:48px 16px}
.auth-card{width:100%;max-width:448px;margin:0;padding:32px;border-radius:16px;background:var(--card);box-shadow:0 1px 2px var(--border)}
.auth-card .eyebrow{margin:0 0 8px;font-size:12px;color:var(--muted-foreground)}
.auth-card h1{margin:0;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);line-height:1.2;font-weight:600;letter-spacing:-.01em;text-wrap:balance}
.auth-intro{margin:12px 0 24px;font-size:16px;line-height:1.5;text-wrap:pretty}
.auth-card .field{margin-top:16px}.auth-card label{margin:0;font-size:16px}.auth-card input:not([type=checkbox]){min-height:48px;font-size:16px;margin-top:8px}
.auth-card .show-password{display:flex;align-items:center;gap:8px;min-height:44px;margin:8px 0 16px;font-size:16px;font-weight:400;cursor:pointer}.show-password input{width:20px;min-height:20px;height:20px;margin:0;accent-color:var(--primary)}
.auth-submit{width:100%;min-height:48px}.auth-card .feedback{margin:12px 0 0;font-size:16px}.auth-card .feedback:empty{margin:0}.auth-recovery{margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.auth-recovery summary{font-size:16px;font-weight:600}.auth-recovery p{font-size:16px}.auth-recovery button{margin-top:16px}.auth-switch{margin:24px 0 0;font-size:16px;text-align:center}.auth-switch a{font-weight:600}.auth-page footer{font-size:12px;padding:16px;color:var(--muted-foreground)}
.auth-page a,.auth-page button{touch-action:manipulation}.auth-card input:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
@media(max-width:480px){.auth-page header{padding:16px 12px;gap:8px;flex-wrap:wrap}.auth-page .brand{gap:8px}.auth-page .brand img{height:24px;max-width:120px}.auth-page .brand span{font-size:12px}.auth-page nav{gap:0}.auth-page nav a{padding:8px}.auth-page main{padding:24px 12px}.auth-card{padding:24px}.auth-switch{max-width:100%}}
@media(orientation:landscape)and(max-height:500px){.auth-page main{align-content:start;padding-top:24px;padding-bottom:24px}}

.auth-page [aria-busy=true] button::after{content:none}

.auth-page{--control-border:oklch(60% 0 0)}.auth-card input:not([type=checkbox]){border-color:var(--control-border)}.auth-card input[aria-invalid=true]{border-color:var(--danger)}.auth-card .field-error:not(:empty)::before{content:'!';display:inline-block;width:16px;margin-right:8px;font-weight:700}
