.settings-page{overscroll-behavior:contain;min-width:0;height:100%;min-height:0;color:var(--ink);background:var(--surface);scrollbar-gutter:auto;grid-area:1/2/auto/-1;overflow:hidden auto}.settings-page[data-overlay-open=true]{overflow-y:hidden}.settings-page:has(.team-dialog-backdrop,.integration-dialog-backdrop){overflow-y:hidden}.settings-primary-tabs{border-bottom:1px solid var(--border);background:var(--surface-raised);align-items:center;gap:5px;min-height:58px;padding:7px clamp(20px,3vw,40px);display:flex}.settings-primary-tabs button{border-radius:var(--radius-control);min-height:44px;color:var(--ink-muted);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:12.5px;font-weight:700;display:inline-flex}.settings-primary-tabs button:hover{color:var(--ink);background:var(--control-hover)}.settings-primary-tabs button[aria-selected=true]{color:var(--ink);background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--border-strong)}.settings-primary-tabs button svg{width:16px;height:16px;color:var(--accent-text)}.settings-primary-panel{min-width:0}.settings-admin-section{width:min(1180px,100%);padding:0 clamp(20px,3vw,40px) 48px}#settings-integrations-panel,#settings-team-panel{width:100%}.settings-grid{grid-template-columns:minmax(0,1fr) minmax(340px,420px);align-items:start;gap:24px;width:min(1180px,100%);padding:32px clamp(20px,3vw,40px) 48px;display:grid}.settings-content-card,.connect-card,.settings-section{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-raised);min-width:0;padding:24px}.settings-content-card.settings-content-card--flush{padding:0;overflow:hidden}.connect-card{position:sticky;top:144px}.settings-content-card h2,.connect-card h2,.settings-section h2{font-family:var(--font-display), "Arial Narrow", system-ui, sans-serif;letter-spacing:-.025em;margin:0 0 20px;font-size:20px;font-weight:750;line-height:1.2}.channel-row{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.settings-data-row{border-top:1px solid var(--border);min-height:76px;padding:15px 0}.settings-data-row:first-child,.channel-list article.settings-data-row:first-of-type{border-top-color:#0000}.channel-icon{color:#fff;width:44px;height:44px;font-family:var(--font-display), system-ui, sans-serif;text-transform:uppercase;border:1px solid #0000;border-radius:12px;flex:0 0 44px;place-items:center;font-size:15px;font-weight:800;display:grid;overflow:hidden}.channel-icon.telegram{background:#326fca}.channel-icon.telegram-user{background:#8059b6}.channel-icon.whatsapp{background:#168271}.channel-icon.telegram-business{background:#2a5d9f}.channel-icon svg{width:20px;height:20px}.channel-copy{min-width:0}.channel-copy strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:1.3;display:block;overflow:hidden}.channel-copy p,.channel-meta{color:var(--ink-muted);font-family:var(--font-mono), ui-monospace, monospace;margin:4px 0 0;font-size:10.5px;line-height:1.45}.channel-copy .channel-error,.channel-error{color:var(--red);white-space:normal;margin-top:6px;font-family:inherit;font-size:12px}.channel-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.retry-button,.disconnect-button,.delete-channel-button,.confirmation-actions button{border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface-raised);min-height:44px;color:var(--ink-muted);cursor:pointer;transition:color var(--dur-micro) var(--ease-spring), background-color var(--dur-micro) var(--ease-spring), border-color var(--dur-micro) var(--ease-spring), transform var(--dur-micro) var(--ease-spring);font-size:12px;font-weight:650;line-height:1}.retry-button,.disconnect-button{justify-content:center;align-items:center;gap:7px;padding:0 13px;display:inline-flex}.retry-button{color:var(--accent-text)}.delete-channel-button{width:44px;color:var(--red);place-items:center;padding:0;display:grid}.retry-button svg,.disconnect-button svg,.delete-channel-button svg{width:16px;height:16px}@media (hover:hover) and (pointer:fine){.retry-button:hover:not(:disabled),.disconnect-button:hover:not(:disabled){border-color:var(--border-strong);background:var(--control-hover);color:var(--ink)}.delete-channel-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--red) 35%, var(--border));background:color-mix(in srgb, var(--red) 8%, var(--surface-raised))}}.retry-button:active:not(:disabled),.disconnect-button:active:not(:disabled),.delete-channel-button:active:not(:disabled),.confirmation-actions button:active:not(:disabled){transform:scale(.98)}.retry-button:focus-visible,.disconnect-button:focus-visible,.delete-channel-button:focus-visible,.provider-tabs button:focus-visible,.confirmation-actions button:focus-visible{outline:2px solid color-mix(in srgb, var(--focus-ring) 82%, var(--ink));outline-offset:2px}.retry-button:disabled,.disconnect-button:disabled,.delete-channel-button:disabled,.confirmation-actions button:disabled{opacity:.48;cursor:wait}.channel-status,.settings-page .status-pill{border:1px solid var(--border);background:var(--surface-subtle);width:fit-content;min-height:28px;color:var(--ink-muted);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.03em;border-radius:999px;align-items:center;gap:7px;padding:0 9px;font-size:10px;font-weight:600;display:inline-flex}.channel-status:before,.settings-page .status-pill>span{background:var(--ink-faint);content:"";border-radius:50%;flex:0 0 7px;width:7px;height:7px}.channel-status.connected:before,.channel-status[data-status=connected]:before{background:var(--green)}.channel-status.connecting:before,.channel-status.reconnecting:before,.channel-status.qr-required:before,.channel-status.code-required:before,.channel-status.password-required:before,.channel-status[data-status=connecting]:before,.channel-status[data-status=reconnecting]:before,.channel-status[data-status=qr_required]:before,.channel-status[data-status=code_required]:before,.channel-status[data-status=password_required]:before{background:var(--amber)}.channel-status.error:before,.channel-status.logged-out:before,.channel-status[data-status=error]:before,.channel-status[data-status=logged_out]:before{background:var(--red)}.provider-tabs{border:1px solid var(--border);background:var(--surface-sunken);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:4px;display:grid}.provider-tabs button{border-radius:var(--radius-control);min-width:0;min-height:44px;color:var(--ink-muted);cursor:pointer;transition:color var(--dur-micro) var(--ease-spring), background-color var(--dur-micro) var(--ease-spring), box-shadow var(--dur-micro) var(--ease-spring);background:0 0;border:0;padding:7px 8px;font-size:11.5px;font-weight:650;line-height:1.2}.provider-tabs button.active,.provider-tabs button[aria-pressed=true]{background:var(--surface-raised);color:var(--ink);box-shadow:inset 0 0 0 1px var(--border-strong)}.provider-tabs button:disabled{opacity:.5;cursor:not-allowed}.channel-connect-form,.telegram-user-flow form{gap:16px;display:grid}.connect-card label,.telegram-user-flow label{color:var(--ink-muted);gap:8px;margin:0;font-size:12px;font-weight:700;line-height:1.35;display:grid}.connect-card input:not([type=checkbox]),.telegram-user-flow input:not([type=checkbox]){border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface-raised);width:100%;min-height:48px;color:var(--ink);transition:border-color var(--dur-micro) var(--ease-spring), box-shadow var(--dur-micro) var(--ease-spring);outline:0;margin:0;padding:0 14px;font-size:16px}.connect-card input::placeholder,.telegram-user-flow input::placeholder{color:var(--ink-faint)}.connect-card input:focus,.telegram-user-flow input:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.connect-card input:disabled,.telegram-user-flow input:disabled{background:var(--surface-sunken);color:var(--ink-faint);cursor:not-allowed}.connect-card .primary,.telegram-user-flow .primary{border-radius:var(--radius-control);background:var(--accent);width:100%;min-height:48px;color:var(--on-accent);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-spring), transform var(--dur-micro) var(--ease-spring);border:1px solid #0000;justify-content:center;align-items:center;gap:9px;margin:0;padding:0 18px;font-size:13px;font-weight:750;display:inline-flex}@media (hover:hover) and (pointer:fine){.connect-card .primary:hover:not(:disabled),.telegram-user-flow .primary:hover:not(:disabled){background:var(--accent-pressed)}}.connect-card .primary:active:not(:disabled),.telegram-user-flow .primary:active:not(:disabled){transform:scale(.99)}.connect-card .primary:focus-visible,.telegram-user-flow .primary:focus-visible{outline:2px solid color-mix(in srgb, var(--focus-ring) 82%, var(--ink));outline-offset:2px}.connect-card .primary:disabled,.telegram-user-flow .primary:disabled{opacity:.52;cursor:wait}.warning,.settings-warning{border:1px solid color-mix(in srgb, var(--amber) 28%, var(--border));border-radius:var(--radius-control);background:color-mix(in srgb, var(--amber) 8%, var(--surface-raised));color:var(--amber);padding:12px 13px;font-size:12px;line-height:1.5}.terms-check{cursor:pointer;align-items:flex-start;color:var(--ink-muted)!important;gap:10px!important;font-weight:500!important;line-height:1.5!important;display:flex!important}.connect-card .terms-check input{width:18px;height:18px;accent-color:var(--accent);border-radius:5px;flex:0 0 18px;margin:1px 0 0;padding:0}.connect-routing{border:0;min-width:0;margin:0;padding:0}.connect-routing legend{color:var(--ink-muted);margin-bottom:7px;font-size:11px;font-weight:700}.connect-routing-options{grid-template-columns:1fr 1fr;gap:7px;display:grid}.connect-routing-options button{border:1px solid var(--border-strong);border-radius:var(--radius-control);min-height:58px;color:var(--ink-muted);background:var(--surface-raised);text-align:left;align-content:center;gap:3px;padding:9px 11px;display:grid}.connect-routing-options button:hover:not(:disabled){color:var(--ink);background:var(--surface-sunken)}.connect-routing-options button[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent-line) 44%, var(--border-strong));color:var(--ink);background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.connect-routing-options strong{font-size:11px}.connect-routing-options small{color:var(--ink-muted);font-size:9px;line-height:1.35}.connect-routing>p{color:var(--ink-muted);margin:7px 0 0;font-size:9px;line-height:1.45}.channel-account-ref{max-width:220px;font-family:var(--font-data);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.telegram-user-flow,.qr-box,.inline-confirmation,.inline-confirm{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface-subtle);margin-top:18px;padding:16px}.telegram-user-flow-heading{align-items:center;gap:12px;margin-bottom:12px;display:flex}.telegram-user-flow-heading .channel-icon{flex:0 0 44px}.telegram-user-flow-heading>div:last-child{gap:3px;min-width:0;display:grid}.telegram-user-flow-heading strong{font-size:13px}.telegram-user-flow-heading span,.connection-wait,.telegram-user-hint{color:var(--ink-muted);font-size:12px;line-height:1.5}.telegram-user-hint{margin:0 0 12px}.connection-wait{align-items:center;gap:8px;min-height:44px;display:flex}.connection-wait svg{width:17px;height:17px}.qr-box{color:var(--ink-muted);text-align:center;flex-direction:column;align-items:center;gap:10px;font-size:12px;display:flex}.qr-box img{aspect-ratio:1;border:1px solid var(--border-strong);background:#fff;border-radius:14px;width:min(232px,100%);height:auto;padding:10px}.qr-box strong{max-width:320px;color:var(--ink);font-size:13px;line-height:1.45}.qr-box>span{max-width:320px;line-height:1.5}.qr-box .qr-refresh{margin-top:4px}.inline-confirmation,.inline-confirm{border-color:color-mix(in srgb, var(--red) 28%, var(--border));background:color-mix(in srgb, var(--red) 6%, var(--surface-raised));gap:12px;display:grid}.inline-confirmation strong,.inline-confirm strong{color:var(--ink);font-size:13px}.inline-confirmation p,.inline-confirm p{color:var(--ink-muted);margin:0;font-size:12px;line-height:1.5}.confirmation-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.confirmation-actions button{padding:0 14px}.confirmation-actions .danger,.confirmation-actions [data-variant=danger]{background:var(--red);color:#fff;border-color:#0000}.settings-empty{border-top:1px solid var(--border);min-height:180px;color:var(--ink-faint);text-align:center;place-items:center;padding:32px;font-size:13px;display:grid}.settings-page .form-error,.settings-page .error-banner{border:1px solid color-mix(in srgb, var(--red) 25%, var(--border));border-radius:var(--radius-control);background:color-mix(in srgb, var(--red) 7%, var(--surface-raised));color:var(--red);margin-top:16px;padding:11px 12px;font-size:12px;line-height:1.45}@media (max-width:1080px){.settings-grid{grid-template-columns:minmax(0,1fr);width:min(760px,100%)}.connect-card{position:static}}@media (max-width:760px){.settings-primary-tabs{scrollbar-width:none;padding-inline:12px;overflow-x:auto}.settings-primary-tabs button{min-width:max-content}.connect-routing-options{grid-template-columns:1fr}.settings-admin-section{padding:0 12px 32px}.settings-page{grid-column:1/-1}.settings-grid{gap:16px;padding:18px 14px 32px}.settings-content-card,.connect-card,.settings-section{border-radius:16px;padding:18px}.channel-row{grid-template-columns:44px minmax(0,1fr)}.channel-actions{grid-column:1/-1;justify-content:stretch;padding-left:58px}.channel-actions .retry-button,.channel-actions .disconnect-button{flex:1}}@media (max-width:430px){.settings-content-card,.connect-card,.settings-section{padding:16px}.provider-tabs{grid-template-columns:1fr}.channel-actions{padding-left:0}.confirmation-actions{flex-direction:column-reverse}.confirmation-actions button{width:100%}}@media (prefers-reduced-motion:reduce){.settings-page *,.settings-page :before,.settings-page :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.settings-grid--single{grid-template-columns:minmax(0,920px)}.settings-section-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:6px;display:flex}.settings-section-heading .eyebrow{color:var(--accent-text);margin-bottom:7px;font-size:9.5px;display:block}.settings-section-heading h2{margin-bottom:0}.channel-count{min-width:32px;min-height:24px;color:var(--ink-muted);background:var(--surface-sunken);font-family:var(--font-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:3px 8px;font-size:10px;display:inline-grid}.channel-meta-row{color:var(--ink-muted);font-family:var(--font-mono), ui-monospace, monospace;align-items:center;gap:8px;margin-top:5px;font-size:10px;display:flex}.channel-meta-row .channel-status{margin:0}.confirmation-actions button{padding-inline:13px}.confirmation-actions .danger{align-items:center;gap:7px;display:inline-flex}.confirmation-actions .danger svg{width:15px;height:15px}.channel-delete-backdrop{z-index:180;padding:max(20px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:connect-backdrop-in var(--dur-micro) var(--ease-spring) both;background:#11111194;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.channel-delete-dialog{border:1px solid var(--border-strong);border-radius:var(--radius-card);width:min(520px,100%);color:var(--ink);background:var(--surface-raised);box-shadow:var(--overlay-shadow);animation:channel-delete-dialog-in var(--dur-base) var(--ease-spring) both;padding:28px}.channel-delete-icon{width:48px;height:48px;color:var(--red);background:color-mix(in srgb, var(--red) 10%, var(--surface-sunken));border-radius:14px;place-items:center;margin-bottom:18px;display:grid}.channel-delete-icon svg{width:22px;height:22px}.channel-delete-dialog .eyebrow{color:var(--red);margin:0 0 8px}.channel-delete-dialog h2{font-family:var(--font-display), "Arial Narrow", system-ui, sans-serif;letter-spacing:-.035em;margin:0;font-size:24px;font-weight:800;line-height:1.1}.channel-delete-description{color:var(--ink-muted);margin:10px 0 0;font-size:13px;line-height:1.55}.channel-delete-error{border:1px solid color-mix(in srgb, var(--red) 25%, var(--border));border-radius:var(--radius-control);color:var(--red);background:color-mix(in srgb, var(--red) 7%, var(--surface-raised));margin-top:16px;padding:11px 12px;font-size:12px;line-height:1.45}.channel-delete-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.channel-delete-actions svg{width:16px;height:16px}@keyframes channel-delete-dialog-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.settings-list-error{margin:14px 0}.settings-empty{flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:300px;display:flex}.settings-empty strong{color:var(--ink);font-size:15px}.settings-empty span{max-width:380px;color:var(--ink-muted);font-size:12px;line-height:1.5}.settings-empty .secondary-button{margin-top:8px}.connect-drawer-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:connect-backdrop-in var(--dur-micro) var(--ease-spring) both;background:#1111118a;justify-content:flex-end;padding-left:72px;display:flex;position:fixed;inset:0}.connect-drawer{width:min(520px,100vw - 72px);height:100dvh;padding:26px 28px max(24px, env(safe-area-inset-bottom));border-left:1px solid var(--border-strong);color:var(--ink);background:var(--surface-raised);box-shadow:var(--overlay-shadow);animation:connect-drawer-in var(--dur-base) var(--ease-spring) both;flex-direction:column;display:flex;overflow-y:auto}.connect-drawer-head{border-bottom:1px solid var(--border);align-items:flex-start;gap:18px;padding-bottom:22px;display:flex}.connect-drawer-head>div{flex:1;min-width:0}.connect-drawer-head .eyebrow{color:var(--accent-text);margin-bottom:8px;font-size:9.5px;display:block}.connect-drawer-head h2{letter-spacing:-.04em;margin:0;font-size:27px;font-weight:800}.connect-drawer-head p{color:var(--ink-muted);margin:8px 0 0;font-size:13px;line-height:1.5}.connect-drawer .drawer-close{visibility:visible}.connect-drawer .connect-card{background:0 0;border:0;border-radius:0;padding:24px 0 0;position:static}.connect-drawer .provider-tabs{margin-bottom:20px}.connect-drawer-footnote{color:var(--ink-faint);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.07em;text-align:center;text-transform:uppercase;margin:auto 0 0;padding-top:22px;font-size:9.5px}@keyframes connect-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes connect-drawer-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media (max-width:760px){.connect-drawer-backdrop{padding-left:0}.connect-drawer{width:100%;max-width:none;padding:max(18px, env(safe-area-inset-top)) 18px max(20px, env(safe-area-inset-bottom));border-left:0}}@media (max-width:430px){.channel-delete-backdrop{align-items:end;padding:0}.channel-delete-dialog{width:100%;padding:24px 18px max(22px, env(safe-area-inset-bottom));border-radius:18px 18px 0 0}.channel-delete-actions{flex-direction:column}.channel-delete-actions .ui-button{width:100%}.settings-section-heading{align-items:flex-start}.connect-drawer-head h2{font-size:24px}}@media (prefers-reduced-motion:reduce){.channel-delete-backdrop,.channel-delete-dialog,.connect-drawer-backdrop,.connect-drawer{animation:none}}@media (prefers-reduced-transparency:reduce){.channel-delete-backdrop,.connect-drawer-backdrop{background:var(--omnia-ground);-webkit-backdrop-filter:none;backdrop-filter:none}}
.login,.auth-page,.auth-shell{min-height:100dvh;color:var(--ink);background:var(--surface);place-items:center;padding:84px 24px 40px;display:grid;position:relative;overflow:hidden}.auth-page__theme{z-index:2;position:absolute;top:22px;right:24px}.login>section,.auth-card{--auth-card-inset:28px;width:min(440px,100%);padding:var(--auth-card-inset);border:1px solid var(--border);border-radius:calc(var(--auth-card-inset) + var(--radius-control));background:var(--surface-raised);text-align:center;display:grid}.auth-card__header{justify-items:center;display:grid}.auth-card__brand{margin-bottom:2px}.auth-brand{color:var(--ink);align-items:center;gap:9px;text-decoration:none;display:inline-flex;position:absolute;top:26px;left:30px}.auth-brand-mark,.login .brand.large{border:1px solid var(--border-strong);background:var(--ink);width:46px;height:46px;color:var(--surface-raised);box-shadow:none;font-family:var(--font-display), system-ui, sans-serif;border-radius:14px;place-items:center;margin:0 auto;font-size:21px;font-weight:800;display:grid}.auth-brand-mark svg{width:25px;height:25px}.auth-brand-copy{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.015em;align-items:center;gap:9px;font-size:15px;font-weight:750;display:flex}.auth-brand-copy small{border-left:1px solid var(--border-strong);min-height:15px;color:var(--ink-muted);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;align-items:center;padding-left:11px;font-size:10px;font-weight:500;display:inline-flex}.auth-brand-copy em,.auth-brand-dot{color:var(--accent-text);font-style:normal}.login h1,.auth-card h1,.auth-title{font-family:var(--font-display), "Arial Narrow", system-ui, sans-serif;letter-spacing:-.05em;margin:20px 0 8px;font-size:clamp(2.25rem,8vw,3.25rem);font-weight:800;line-height:1}.auth-kicker,.auth-card__eyebrow,.auth-eyebrow{color:var(--accent-text);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;order:-1;margin:18px 0 -8px;font-size:10.5px;font-weight:600}.auth-card__eyebrow{order:initial;margin:20px 0 -8px}.login>section>p,.auth-card__header>p:last-child,.auth-description{max-width:340px;color:var(--ink-muted);margin:0 auto 28px;font-size:14px;line-height:1.55}.login form,.auth-form{text-align:left;gap:16px;width:100%;display:grid}.login label,.form-field,.auth-field{color:var(--ink-muted);gap:8px;margin:0;font-size:12px;font-weight:700;line-height:1.35;display:grid}.form-field label{color:var(--ink-muted);font-size:12px;font-weight:700;line-height:1.35}.form-label-row{justify-content:space-between;align-items:center;gap:12px;min-height:28px;display:flex}.auth-text-button{border-radius:var(--radius-sm);min-height:36px;color:var(--accent-text);font:inherit;cursor:pointer;transition:color var(--dur-micro) var(--ease-spring), background-color var(--dur-micro) var(--ease-spring);background:0 0;border:0;margin:-6px -8px -6px 0;padding:0 8px;font-size:11.5px;font-weight:700}@media (hover:hover) and (pointer:fine){.auth-text-button:hover{background:color-mix(in srgb, var(--accent) 8%, transparent);color:var(--accent-text)}}.auth-text-button:focus-visible{outline:2px solid color-mix(in srgb, var(--focus-ring) 82%, var(--ink));outline-offset:2px}.login input,.form-field input,.auth-field input{border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface-raised);width:100%;min-height:54px;color:var(--ink);font:inherit;transition:border-color var(--dur-micro) var(--ease-spring), box-shadow var(--dur-micro) var(--ease-spring), background-color var(--dur-micro) var(--ease-spring);outline:0;margin:0;padding:0 17px;font-size:16px}.login input::placeholder,.form-field input::placeholder,.auth-field input::placeholder{color:var(--ink-faint)}.login input:focus,.form-field input:focus,.auth-field input:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.login input:disabled,.form-field input:disabled,.auth-field input:disabled{background:var(--surface-sunken);color:var(--ink-faint);cursor:not-allowed}.login form>button,.auth-submit,.auth-primary{border-radius:var(--radius-control);background:var(--ink);width:100%;min-height:54px;color:var(--surface-raised);font:inherit;letter-spacing:-.005em;cursor:pointer;transition:background-color var(--dur-micro) var(--ease-spring), color var(--dur-micro) var(--ease-spring), transform var(--dur-micro) var(--ease-spring);border:1px solid #0000;justify-content:center;align-items:center;gap:10px;margin:2px 0 0;padding:0 18px;font-size:15px;font-weight:700;display:inline-flex}@media (hover:hover) and (pointer:fine){.login form>button:hover:not(:disabled),.auth-submit:hover:not(:disabled),.auth-primary:hover:not(:disabled){background:var(--accent);color:var(--on-accent)}}.login form>button:active:not(:disabled),.auth-submit:active:not(:disabled),.auth-primary:active:not(:disabled){background:var(--accent-pressed);color:var(--on-accent);transform:scale(.99)}.login form>button:focus-visible,.auth-submit:focus-visible,.auth-primary:focus-visible,.auth-link:focus-visible{outline:2px solid color-mix(in srgb, var(--focus-ring) 82%, var(--ink));outline-offset:3px}.login form>button:disabled,.auth-submit:disabled,.auth-primary:disabled{opacity:.54;cursor:wait}.login .form-error,.auth-error,.login .warning,.auth-success,.auth-notice{border:1px solid var(--border);border-radius:var(--radius-control);text-align:left;margin:0;padding:11px 12px;font-size:12.5px;line-height:1.5}.login .form-error,.auth-error{border-color:color-mix(in srgb, var(--red) 24%, var(--border));background:color-mix(in srgb, var(--red) 7%, var(--surface-raised));color:var(--red)}.login .warning,.auth-success{border-color:color-mix(in srgb, var(--green) 24%, var(--border));background:color-mix(in srgb, var(--green) 7%, var(--surface-raised));color:var(--green)}.auth-notice{border-color:color-mix(in srgb, var(--amber) 24%, var(--border));background:color-mix(in srgb, var(--amber) 7%, var(--surface-raised));color:var(--amber)}.auth-meta,.auth-help,.auth-password-hint{color:var(--ink-faint);text-align:center;margin:0;font-size:12px;line-height:1.5}.form-hint{color:var(--ink-faint);margin:0;font-size:11.5px;font-weight:500;line-height:1.45}.auth-link{color:var(--accent-text);text-decoration-line:underline;-webkit-text-decoration-color:var(--accent-mark);text-decoration-color:var(--accent-mark);text-underline-offset:.22em;border-radius:4px;font-weight:650;text-decoration-thickness:2px}.auth-feedback{border:1px solid var(--border);border-radius:var(--radius-control);text-align:left;margin:0;padding:11px 12px;font-size:12.5px;line-height:1.5}.auth-feedback--error{border-color:color-mix(in srgb, var(--red) 24%, var(--border));background:color-mix(in srgb, var(--red) 7%, var(--surface-raised));color:var(--red)}.auth-feedback--success{border-color:color-mix(in srgb, var(--green) 24%, var(--border));background:color-mix(in srgb, var(--green) 7%, var(--surface-raised));color:var(--green)}.auth-card__footer{border-top:1px solid var(--border);color:var(--ink-faint);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.09em;text-transform:uppercase;justify-content:center;margin-top:22px;padding-top:20px;font-size:10px;font-weight:500;display:flex}.auth-back-link{border-radius:var(--radius-control);min-height:44px;color:var(--ink-muted);font-family:var(--font-display), system-ui, sans-serif;letter-spacing:normal;text-transform:none;transition:color var(--dur-micro) var(--ease-spring), background-color var(--dur-micro) var(--ease-spring);align-items:center;gap:7px;padding:0 10px;font-size:12.5px;font-weight:650;text-decoration:none;display:inline-flex}.auth-back-button{cursor:pointer;background:0 0;border:0;width:fit-content;margin:-2px auto 0}@media (hover:hover) and (pointer:fine){.auth-back-link:hover{background:var(--control-hover);color:var(--ink)}}.auth-back-link:focus-visible{outline:2px solid color-mix(in srgb, var(--focus-ring) 82%, var(--ink));outline-offset:2px}.auth-footer{color:var(--ink-faint);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.08em;text-align:center;text-transform:uppercase;margin-top:20px;font-size:10px}@media (max-width:520px){.login,.auth-page,.auth-shell{align-items:center;padding:72px 14px 24px}.login>section,.auth-card{--auth-card-inset:20px}.auth-brand{top:18px;left:18px}.auth-page__theme{top:14px;right:14px}.login h1,.auth-card h1,.auth-title{font-size:36px}}@media (prefers-reduced-motion:reduce){.login *,.login :before,.login :after,.auth-page *,.auth-page :before,.auth-page :after,.auth-shell *,.auth-shell :before,.auth-shell :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
