:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--app-bg: #f7f8fb;--app-surface: #ffffff;--app-surface-subtle: #f8fafc;--app-ink: #111827;--app-root-ink: #172033;--app-body: #344054;--app-muted: #667085;--app-border: #d0d5dd;--app-border-soft: #e5e7eb;--app-primary: #0f766e;--app-primary-hover: #115e59;--app-primary-soft: #ccfbf1;--app-danger: #b42318;--app-danger-soft: #fef3f2;--app-warning: #b54708;--app-warning-soft: #fff7ed;--app-success: #047857;--app-success-soft: #ecfdf3;--app-focus-ring: rgba(15, 118, 110, .14);--app-overlay: rgba(248, 250, 252, .78);--app-shadow: rgba(16, 24, 40, .08);--app-sidebar-bg: #ffffff;--app-sidebar-ink: #172033;--app-sidebar-body: #344054;--app-sidebar-muted: #667085;--app-sidebar-hover: #f8fafc;--app-sidebar-border: #e5e7eb;--app-sidebar-shadow: rgba(16, 24, 40, .14);background:var(--app-bg);color:var(--app-root-ink)}:root[data-theme=dark]{color-scheme:dark;--app-bg: #0b1120;--app-surface: #111827;--app-surface-subtle: #172033;--app-ink: #f8fafc;--app-root-ink: #e5e7eb;--app-body: #cbd5e1;--app-muted: #94a3b8;--app-border: #334155;--app-border-soft: #1f2937;--app-primary: #2dd4bf;--app-primary-hover: #5eead4;--app-primary-soft: rgba(45, 212, 191, .16);--app-danger: #f87171;--app-danger-soft: rgba(248, 113, 113, .14);--app-warning: #fbbf24;--app-warning-soft: rgba(251, 191, 36, .14);--app-success: #34d399;--app-success-soft: rgba(52, 211, 153, .14);--app-focus-ring: rgba(45, 212, 191, .22);--app-overlay: rgba(11, 17, 32, .78);--app-shadow: rgba(0, 0, 0, .32);--app-sidebar-bg: #111827;--app-sidebar-ink: #f8fafc;--app-sidebar-body: #cbd5e1;--app-sidebar-muted: #94a3b8;--app-sidebar-hover: #1f2937;--app-sidebar-border: #1f2937;--app-sidebar-shadow: rgba(0, 0, 0, .32)}*{box-sizing:border-box}html,body{background:var(--app-bg);color:var(--app-root-ink);min-height:100%}body{margin:0;min-width:320px}app-root{background:var(--app-bg);color:var(--app-root-ink);display:block;min-height:100vh}html:has(.modal-overlay),html:has(.modal-backdrop),body:has(.modal-overlay),body:has(.modal-backdrop){overflow:hidden;overscroll-behavior:none}.modal-overlay,.modal-backdrop{overscroll-behavior:contain}.modal-panel,.modal{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}button,input,select,textarea{font:inherit}input,select,textarea{background:var(--app-surface);color:var(--app-ink)}input::placeholder,textarea::placeholder{color:var(--app-muted);opacity:1}input[type=checkbox],input[type=radio]{accent-color:var(--app-primary)}:root[data-theme=dark] .auth-page,:root[data-theme=dark] .recovery-page{background:linear-gradient(180deg,#2dd4bf14,#0b112000 260px),var(--app-bg)!important}:root[data-theme=dark] .login-card,:root[data-theme=dark] .reset-card,:root[data-theme=dark] .assurance-panel,:root[data-theme=dark] .recovery-panel,:root[data-theme=dark] .panel,:root[data-theme=dark] .details-panel,:root[data-theme=dark] .modal,:root[data-theme=dark] .modal-panel,:root[data-theme=dark] .toast,:root[data-theme=dark] article{background:var(--app-surface)!important;border-color:var(--app-border-soft)!important;color:var(--app-root-ink)!important}:root[data-theme=dark] .summary,:root[data-theme=dark] .challenge-note,:root[data-theme=dark] .status,:root[data-theme=dark] .payload-box,:root[data-theme=dark] .secret-box,:root[data-theme=dark] .document-box,:root[data-theme=dark] .document-input,:root[data-theme=dark] .file-summary,:root[data-theme=dark] .preview,:root[data-theme=dark] .html-preview,:root[data-theme=dark] .template-row,:root[data-theme=dark] .preference-row,:root[data-theme=dark] .option-card,:root[data-theme=dark] .language-menu,:root[data-theme=dark] .visual-card,:root[data-theme=dark] .security-visual{background:var(--app-surface-subtle)!important;border-color:var(--app-border)!important;color:var(--app-root-ink)!important}:root[data-theme=dark] .option-card.active{background:var(--app-primary-soft)!important;border-color:#2dd4bf57!important;color:var(--app-primary)!important}:root[data-theme=dark] .option-card.active strong,:root[data-theme=dark] .option-card.active em{color:var(--app-primary)!important}:root[data-theme=dark] .session-box,:root[data-theme=dark] mark.ok,:root[data-theme=dark] .status.ok{background:var(--app-success-soft)!important;border-color:#34d3993d!important;color:var(--app-success)!important}:root[data-theme=dark] .pending-box,:root[data-theme=dark] .session-box.pending,:root[data-theme=dark] mark,:root[data-theme=dark] .notice{background:var(--app-warning-soft)!important;border-color:#fbbf243d!important;color:var(--app-warning)!important}:root[data-theme=dark] .status.error,:root[data-theme=dark] mark.danger,:root[data-theme=dark] .toast.error{background:var(--app-surface)!important;border-color:#f871713d!important;color:var(--app-danger)!important}:root[data-theme=dark] h1,:root[data-theme=dark] h2,:root[data-theme=dark] h3,:root[data-theme=dark] strong,:root[data-theme=dark] dt,:root[data-theme=dark] dd,:root[data-theme=dark] td,:root[data-theme=dark] td strong,:root[data-theme=dark] .brand-copy h1,:root[data-theme=dark] .assurance-heading h2,:root[data-theme=dark] .challenge-note strong,:root[data-theme=dark] .visual-card strong,:root[data-theme=dark] .file-summary strong,:root[data-theme=dark] .preference-row strong,:root[data-theme=dark] .template-row,:root[data-theme=dark] .language-trigger,:root[data-theme=dark] .language-option{color:var(--app-ink)!important}:root[data-theme=dark] p,:root[data-theme=dark] small,:root[data-theme=dark] th,:root[data-theme=dark] td span,:root[data-theme=dark] .intro-copy,:root[data-theme=dark] .field-group label,:root[data-theme=dark] .check-row span,:root[data-theme=dark] .challenge-note span,:root[data-theme=dark] .assurance-list p,:root[data-theme=dark] .assurance-index,:root[data-theme=dark] .visual-card span,:root[data-theme=dark] .description,:root[data-theme=dark] .empty,:root[data-theme=dark] .field-hint,:root[data-theme=dark] .field-help,:root[data-theme=dark] .inline-muted,:root[data-theme=dark] .section-title span,:root[data-theme=dark] article span,:root[data-theme=dark] article small,:root[data-theme=dark] label span,:root[data-theme=dark] .toolbar span,:root[data-theme=dark] .template-form span,:root[data-theme=dark] .preview span,:root[data-theme=dark] .preference-row span,:root[data-theme=dark] .preference-row small,:root[data-theme=dark] .template-row span,:root[data-theme=dark] .template-row small,:root[data-theme=dark] .document-box span,:root[data-theme=dark] .session-box small,:root[data-theme=dark] .payload-box small{color:var(--app-body)!important}:root[data-theme=dark] .eyebrow,:root[data-theme=dark] .brand-copy p,:root[data-theme=dark] .brand p,:root[data-theme=dark] .assurance-kicker,:root[data-theme=dark] .field-icon,:root[data-theme=dark] .text-action{color:var(--app-primary)!important}:root[data-theme=dark] input:not([type=checkbox]):not([type=radio]),:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:var(--app-surface-subtle)!important;border-color:var(--app-border)!important;color:var(--app-ink)!important;caret-color:var(--app-primary)}:root[data-theme=dark] input:disabled,:root[data-theme=dark] select:disabled,:root[data-theme=dark] textarea:disabled{background:color-mix(in srgb,var(--app-surface-subtle) 70%,#000 30%)!important;color:var(--app-muted)!important;opacity:1}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:var(--app-muted)!important}:root[data-theme=dark] input:focus,:root[data-theme=dark] select:focus,:root[data-theme=dark] textarea:focus{border-color:var(--app-primary)!important;box-shadow:0 0 0 3px var(--app-focus-ring)!important}:root[data-theme=dark] button.secondary,:root[data-theme=dark] .secondary,:root[data-theme=dark] .language-trigger,:root[data-theme=dark] .language-option,:root[data-theme=dark] .setting-row a{background:var(--app-surface-subtle)!important;border-color:var(--app-border)!important;color:var(--app-body)!important}:root[data-theme=dark] button.secondary:hover,:root[data-theme=dark] .secondary:hover,:root[data-theme=dark] .language-trigger:hover,:root[data-theme=dark] .language-option:hover,:root[data-theme=dark] .setting-row a:hover{border-color:var(--app-primary)!important;color:var(--app-primary)!important}:root[data-theme=dark] .provider-button{background:var(--app-surface-subtle)!important;border-color:var(--app-border)!important;color:var(--app-ink)!important}:root[data-theme=dark] .apple-logo{color:var(--app-ink)!important}:root[data-theme=dark] .section-title,:root[data-theme=dark] .assurance-list,:root[data-theme=dark] .assurance-list div+div,:root[data-theme=dark] table,:root[data-theme=dark] tr,:root[data-theme=dark] .menu-identity{border-color:var(--app-border-soft)!important}:root[data-theme=dark] tbody tr:hover,:root[data-theme=dark] tbody tr.selected,:root[data-theme=dark] .template-row:hover,:root[data-theme=dark] .template-row.selected,:root[data-theme=dark] .language-option.active{background:var(--app-primary-soft)!important;border-color:#2dd4bf52!important}:root[data-theme=dark] .global-loading-overlay{background:var(--app-surface)!important;border-color:var(--app-border-soft)!important}