.lang-pill{min-height:var(--target-min);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-strong);font:var(--fw-medium) var(--fs-body) var(--font-body);transition:background var(--motion-fast) var(--ease);align-items:center;gap:8px;padding:0 14px;display:inline-flex;position:relative}.lang-pill .lang-pill-chevron{color:var(--text-muted)}.lang-pill:hover{background:var(--track)}.lang-pill:has(.lang-pill-select:focus-visible){outline:2px solid var(--border-focus);outline-offset:2px}.lang-pill[data-tone=ink]{background:var(--surface-ink-raised);color:var(--text-on-ink)}.lang-pill[data-tone=ink] .lang-pill-globe,.lang-pill[data-tone=ink] .lang-pill-chevron{color:var(--text-on-ink-muted)}.lang-pill[data-tone=ink]:hover{background:var(--fill-inverse-hover)}.lang-pill[data-tone=ink]:has(.lang-pill-select:focus-visible){outline-color:var(--text-on-ink)}.lang-pill .lang-pill-select{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.lang-pill .lang-pill-select:focus-visible{box-shadow:none;outline:none}.auth{text-align:left;flex-direction:column;gap:16px;width:100%;min-height:100svh;padding:16px;display:flex}.auth .auth-grow{flex:1}.auth .auth-wordmark{min-height:var(--target-min);border-radius:var(--radius-pill);background:var(--accent);color:var(--text-on-accent);font:var(--fw-bold) var(--fs-title) var(--font-display);letter-spacing:-.02em;align-self:flex-start;align-items:center;padding:0 18px;display:inline-flex}.auth .auth-back{appearance:none;width:var(--target-min);height:var(--target-min);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-strong);cursor:pointer;border:none;flex:none;place-items:center;display:grid}.auth .auth-back:hover{background:var(--track)}.auth .auth-back:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.auth .auth-top{flex:none;align-items:center;gap:10px;display:flex}.auth .auth-panel{border-radius:var(--radius-xl);background:var(--surface-ink);color:var(--text-on-ink);flex-direction:column;flex:none;gap:18px;padding:20px;display:flex}.auth .auth-panel .auth-panel-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth .auth-panel .auth-tagline{font:var(--fw-bold) var(--fs-title-lg) / 1.15 var(--font-display);letter-spacing:-.03em;text-wrap:balance;margin:0}.auth .auth-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.auth .auth-tiles .auth-tile{border-radius:var(--radius-md);height:64px;font-size:var(--fs-title-lg);place-items:center;line-height:1;display:grid}.auth .auth-main{flex-direction:column;flex:1;min-width:0;display:flex}.auth.auth-wide{flex-direction:row}.auth.auth-wide .auth-panel{gap:28px;width:clamp(380px,47vw,600px);padding:40px}.auth.auth-wide .auth-panel .auth-tagline{max-width:460px;font-size:var(--fs-figure);line-height:1.12}.auth.auth-wide .auth-lede{max-width:420px;font:var(--fw-regular) var(--fs-lead) / 1.5 var(--font-body);color:var(--text-on-ink-muted);margin:0}.auth.auth-wide .auth-collage{flex-direction:column;gap:12px;display:flex}.auth.auth-wide .auth-cards{gap:12px;display:flex}.auth.auth-wide .auth-card-ink{border-radius:var(--radius-card);background:var(--surface-ink-raised);flex-direction:column;gap:4px;padding:16px 18px;display:flex}.auth.auth-wide .auth-card-today{flex:1;min-width:0}.auth.auth-wide .auth-card-streak{flex:none;width:170px}.auth.auth-wide .auth-eyebrow{font:var(--eyebrow-font);letter-spacing:var(--eyebrow-tracking);text-transform:uppercase;color:var(--text-on-ink-muted)}.auth.auth-wide .auth-figure-row{flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.auth.auth-wide .auth-figure{font:var(--fw-bold) var(--fs-title-lg) var(--font-display);letter-spacing:-.04em}.auth.auth-wide .auth-figure-lime{color:var(--accent)}.auth.auth-wide .auth-unit{font:var(--fw-regular) var(--fs-small) var(--font-body);color:var(--text-on-ink-muted)}.auth.auth-wide .auth-bar{border-radius:var(--radius-bar);background:var(--surface-ink);height:8px;margin-top:6px;display:flex}.auth.auth-wide .auth-bar span{border-radius:var(--radius-bar);background:var(--accent)}.auth.auth-wide .auth-tiles{gap:12px}.auth.auth-wide .auth-tiles .auth-tile{border-radius:var(--radius-card);height:96px;font-size:var(--fs-figure)}.auth.auth-wide .auth-main{padding:8px 24px}.auth.auth-wide .auth-center{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px 0;display:flex}.auth .auth-form{flex-direction:column;flex:1;gap:14px;width:100%;padding:4px 4px 0;display:flex}.auth .auth-form .auth-head{flex-direction:column;gap:6px;padding-bottom:4px;display:flex}.auth .auth-form .auth-head h1{font:var(--fw-bold) var(--fs-title-lg) / 1.15 var(--font-display);letter-spacing:-.02em;color:var(--text-strong);margin:0}.auth .auth-form .auth-head p{font:var(--fw-regular) var(--fs-lead) / 1.45 var(--font-body);color:var(--text-muted);margin:0}.auth .auth-form .auth-alert{border-radius:var(--radius-inset);background:var(--danger-soft);color:var(--danger);font:var(--fw-regular) var(--fs-body) / 1.4 var(--font-body);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.auth .auth-form .auth-alert svg{flex:none}.auth .auth-form .auth-card{border-radius:var(--radius-card);background:var(--surface-card);flex-direction:column;gap:14px;padding:16px;display:flex}.auth .auth-form .input-field{flex-direction:column;gap:8px;display:flex}.auth .auth-form .input-field label,.auth .auth-form .pwf-label{font:var(--eyebrow-font);letter-spacing:var(--eyebrow-tracking);text-transform:uppercase;color:var(--text-muted)}.auth .auth-form .pwf{gap:8px}.auth .auth-form .auth-link{appearance:none;color:var(--text-strong);font:var(--fw-medium) var(--fs-small) var(--font-body);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin:-8px 0;padding:8px 0}.auth .auth-form .auth-link:hover{text-decoration:underline}.auth .auth-form .auth-link:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.auth .auth-form .auth-link.is-danger{color:var(--danger)}.auth .auth-form .auth-card>.auth-link{min-height:var(--target-min);margin:-8px 0}.auth .auth-form .auth-actions{flex-direction:column;gap:10px;display:flex}.auth .auth-form .auth-primary,.auth .auth-form .auth-secondary{appearance:none;border-radius:var(--radius-pill);min-height:52px;font:var(--fw-medium) var(--fs-lead) var(--font-body);cursor:pointer;transition:background var(--motion-fast) var(--ease);border:none;justify-content:center;align-items:center;padding:0 24px;text-decoration:none;display:flex}:is(.auth .auth-form .auth-primary,.auth .auth-form .auth-secondary):focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.auth .auth-form .auth-primary{background:var(--accent);color:var(--text-on-accent)}.auth .auth-form .auth-primary:hover:not(:disabled){background:var(--accent-hover)}.auth .auth-form .auth-primary:disabled{background:var(--track-strong);color:var(--text-faint);cursor:default}.auth .auth-form .auth-secondary{background:var(--surface-card);color:var(--text-strong)}.auth .auth-form .auth-secondary:hover{background:var(--track)}.auth .auth-form .auth-divider{font:var(--fw-regular) var(--fs-small) var(--font-body);color:var(--text-muted);align-items:center;gap:12px;padding-top:8px;display:none}.auth .auth-form .auth-divider:before,.auth .auth-form .auth-divider:after{content:"";background:var(--divider);flex:1;height:1px}.auth .auth-form .auth-switch{text-align:center;font:var(--fw-regular) var(--fs-small) var(--font-body);color:var(--text-muted);margin:0}.auth .auth-form .auth-switch a{color:var(--text-strong);font-weight:var(--fw-medium)}.auth .auth-form .auth-note{font:var(--fw-regular) var(--fs-body) / 1.45 var(--font-body);color:var(--text-muted);margin:0}.auth .auth-form .auth-note.is-error{color:var(--danger)}.auth .auth-form .login-error{font:var(--fw-regular) var(--fs-body) var(--font-body);color:var(--danger);margin:0}.auth .auth-form .login-captcha{width:100%;min-height:65px}.auth.auth-wide .auth-form{flex:none;gap:16px;max-width:400px;padding:0}.auth.auth-wide .auth-form .auth-head{padding-bottom:8px}.auth.auth-wide .auth-form .auth-grow{display:none}.auth.auth-wide .auth-form .auth-divider{display:flex}
