.custom-mode-card{background:#080808!important;color:#ddd!important;border-color:#333!important}.custom-mode-card strong,.custom-mode-card .mode-cta{color:#fff!important}.custom-mode-card small{color:#aaa}.custom-mode-card .mode-icon{background:#252525;color:white}
:root[data-custom="true"]{color-scheme:dark;background:#080808;color:#f5f5f7}
:root[data-custom="true"] body,:root[data-custom="true"] .practice-dock{background:#080808;color:#f5f5f7}
:root[data-custom="true"] .brand,:root[data-custom="true"] h1,:root[data-custom="true"] h2{color:white}
:root[data-custom="true"] .surface,:root[data-custom="true"] .free-personal,:root[data-custom="true"] .study-note{background:#141414;border-color:#333;color:#eee}
:root[data-custom="true"] button{background:#202020;color:#f5f5f7;border-color:#444}
:root[data-custom="true"] button:hover{background:#323232}
:root[data-custom="true"] .primary,:root[data-custom="true"] .modes button[aria-pressed="true"]{background:#f5f5f7;color:#080808;border-color:white}
:root[data-custom="true"] .muted,:root[data-custom="true"] .note,:root[data-custom="true"] .translation,:root[data-custom="true"] .eyebrow,:root[data-custom="true"] .progress-label{color:#aaa}
:root[data-custom="true"] label{color:#ccc}
:root[data-custom="true"] input,:root[data-custom="true"] textarea{background:#111;color:#fff;border:1px solid #444;border-radius:14px;padding:14px;font:inherit;width:100%;box-sizing:border-box}
:root[data-custom="true"] .hint-bubble{background:#241919;color:#efb2b2;border-color:#543131}
:root[data-custom="true"] .option[data-correct="true"]{background:#122b20;border-color:#659e7f;color:#d8ffe8}
:root[data-custom="true"] .option[data-correct="false"]{background:#321c1c;border-color:#b67676;color:#ffdddd}
:root[data-custom="true"] #scroll-cue{background:#fff;color:#111;border-color:#ddd}
:root[data-custom="true"] dialog,:root[data-custom="true"] .dialog-top,:root[data-custom="true"] #site-menu{background:#181818;color:#fff}
:root[data-custom="true"] #site-menu nav button{background:#252525;color:#fff}
.custom-hero{padding:32px 0 28px}.custom-eyebrow{color:#999;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.custom-hero h1{font-size:clamp(3rem,10vw,5rem);line-height:1;letter-spacing:-.065em;font-weight:650;margin:18px 0}.custom-hero>p:last-child{font-size:1.125rem;color:#aaa;line-height:1.5}
.custom-launch,.custom-box{padding:24px;border-radius:24px;background:#141414;border:1px solid #303030;margin:18px 0}.custom-launch>.row button{flex:1;min-height:50px}.custom-launch>p:first-child{font-size:1.25rem;font-weight:600;margin-top:0}.custom-box h2{font-size:1.4rem;margin-top:0}.custom-box>summary{font-size:1.1rem;font-weight:600;padding:0;line-height:1.5}.custom-box p{line-height:1.6;color:#b9b9bf}.custom-box label{margin:18px 0}.custom-box textarea{resize:vertical;min-height:90px}.custom-item{border-bottom:1px solid #333;padding:18px 0}.custom-item>p{font-size:1rem;line-height:1.5;margin:0 0 10px}.custom-item>small{display:block;color:#aaa;font-size:.875rem;line-height:1.5;margin-bottom:12px}.custom-item>.row{margin-top:12px}.custom-item button{min-height:44px}.custom-box .primary{margin-top:0}#custom-status{line-height:1.6;color:#d4d4dc}#custom-suggestions{margin-top:16px}#custom-builder .row{flex-wrap:wrap}
@media(max-width:600px){.custom-launch,.custom-box{padding:20px}.custom-hero{padding-top:20px}.toolbar{flex-wrap:wrap}}
@media print{:root[data-custom="true"],:root[data-custom="true"] body{background:white;color:black}#custom-builder{display:none!important}}

/* Keep the approved artwork intact; framing removes its presentation whitespace. */
.brand.brand-logo{display:flex;align-items:center;flex:0 0 auto;width:auto;height:48px;padding-left:56px;background:url('/treinoj1-app-icon-v1.png') left center/48px 48px no-repeat;mix-blend-mode:normal;border-radius:0}
.brand.brand-logo:after{content:'J1 Treino';color:#1c1c1e;font-size:1.05rem;font-weight:700;letter-spacing:-.04em;white-space:nowrap}
.brand.brand-logo:focus-visible{outline:3px solid #4675dc;outline-offset:4px}
:root[data-custom="true"] .brand.brand-logo{filter:invert(1);mix-blend-mode:screen}
@media(max-width:380px){.brand.brand-logo{height:43px;padding-left:49px;background-size:43px 43px}.brand.brand-logo:after{font-size:1rem}}

/* A persistent, user-controlled appearance selector. */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:9px 12px;background:#f2f5fa;color:#0066d6;border-radius:14px;font-size:.8125rem;font-weight:650}.theme-toggle>span:first-child{font-size:1.15rem;line-height:1}.theme-options{display:grid;gap:10px;border:0;padding:0;margin:24px 0 8px}.theme-options legend{font-size:.875rem;color:#636369;margin-bottom:10px}.theme-options label{display:flex;flex-direction:row;align-items:center;gap:14px;padding:15px 16px;border:1px solid #e3e5eb;border-radius:18px;background:#fff;color:#1c1c1e;cursor:pointer}.theme-options input{width:20px;height:20px;flex:0 0 auto;accent-color:#0066d6}.theme-options span{display:grid;gap:3px}.theme-options strong{font-size:1rem}.theme-options small{color:#636369;font-size:.8125rem;line-height:1.4}.theme-options label:has(input:checked){border-color:#0066d6;box-shadow:0 0 0 1px #0066d6;background:#f4f8ff}.theme-options label:has(input:focus-visible){outline:3px solid #4675dc;outline-offset:3px}
:root[data-theme="dark"]{color-scheme:dark;background:#11141a;color:#f3f5f8}:root[data-theme="dark"] body,:root[data-theme="dark"] .page,:root[data-theme="dark"] .practice-dock{background:#11141a!important;color:#f3f5f8}:root[data-theme="dark"] .surface,:root[data-theme="dark"] .home-card,:root[data-theme="dark"] .profile,:root[data-theme="dark"] .profile-group,:root[data-theme="dark"] .mode-card,:root[data-theme="dark"] dialog{background:#1c222c!important;color:#f3f5f8;border-color:#313a49!important}:root[data-theme="dark"] .muted,:root[data-theme="dark"] .note,:root[data-theme="dark"] .mode-card small,:root[data-theme="dark"] .dialog-note,:root[data-theme="dark"] .writing-status{color:#bec6d2!important}:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea,:root[data-theme="dark"] .option,:root[data-theme="dark"] .sentence{background:#252d39!important;color:#f7f9fc!important;border-color:#3a4658!important}:root[data-theme="dark"] .modes{background:#303947}:root[data-theme="dark"] .modes button[aria-pressed="true"]{background:#1c222c;color:#fff}:root[data-theme="dark"] .translation,:root[data-theme="dark"] #feedback{background:#252d39;color:#e3e8ef}:root[data-theme="dark"] .hint-bubble,:root[data-theme="dark"] .help p{background:#3b2528;color:#ffd9d6;border-color:#704249}:root[data-theme="dark"] .site-menu-trigger{background:#1c222ced;border-color:#3a4658;color:#f3f5f8}:root[data-theme="dark"] .primary{background:#1677e8;border-color:#1677e8}:root[data-theme="dark"] .theme-toggle,:root[data-theme="dark"] .theme-options label{background:#252d39;color:#f7f9fc;border-color:#3a4658}:root[data-theme="dark"] .theme-options small,:root[data-theme="dark"] .theme-options legend{color:#bec6d2}:root[data-theme="dark"] .theme-options label:has(input:checked){background:#263752;border-color:#5e9ded;box-shadow:0 0 0 1px #5e9ded}
@media(prefers-color-scheme:dark){:root[data-theme="light"]{color-scheme:light;background:#f2f2f7;color:#1c1c1e}:root[data-theme="light"] body,:root[data-theme="light"] .page,:root[data-theme="light"] .practice-dock{background:#f2f2f7!important;color:#1c1c1e}:root[data-theme="light"] .surface,:root[data-theme="light"] .home-card,:root[data-theme="light"] .profile,:root[data-theme="light"] .profile-group,:root[data-theme="light"] .mode-card,:root[data-theme="light"] dialog{background:#fff!important;color:#1c1c1e;border-color:#ffffffc0!important}:root[data-theme="light"] .muted,:root[data-theme="light"] .note,:root[data-theme="light"] .mode-card small,:root[data-theme="light"] .dialog-note,:root[data-theme="light"] .writing-status{color:#666!important}:root[data-theme="light"] input,:root[data-theme="light"] select,:root[data-theme="light"] textarea,:root[data-theme="light"] .option,:root[data-theme="light"] .sentence{background:#f2f2f7!important;color:#1c1c1e!important;border-color:transparent!important}:root[data-theme="light"] .modes{background:#e5e5eb}:root[data-theme="light"] .modes button[aria-pressed="true"]{background:white;color:#1c1c1e}:root[data-theme="light"] .translation,:root[data-theme="light"] #feedback{background:#f5f5f9;color:#555}:root[data-theme="light"] .hint-bubble,:root[data-theme="light"] .help p{background:#fff0ef;color:#a3292a;border-color:#f2dddd}:root[data-theme="light"] .site-menu-trigger{background:#fff;border-color:transparent;color:#1c1c1e}:root[data-theme="light"] .primary{background:#0066d6;border-color:#0066d6}:root[data-theme="light"] .theme-toggle,:root[data-theme="light"] .theme-options label{background:#fff;color:#1c1c1e;border-color:#e3e5eb}:root[data-theme="light"] .theme-options small,:root[data-theme="light"] .theme-options legend{color:#636369}:root[data-theme="light"] .theme-options label:has(input:checked){background:#f4f8ff;border-color:#0066d6;box-shadow:0 0 0 1px #0066d6}}
@media(max-width:600px){.header-context{display:none}.theme-toggle{width:44px;padding:0}.theme-toggle-label{display:none}}

.skip-link{position:fixed;left:12px;top:12px;z-index:100;transform:translateY(-160%);padding:10px 14px;border-radius:10px;background:#161616;color:#fff;font-weight:650;text-decoration:none}.skip-link:focus{transform:translateY(0);outline:3px solid #78a8ff;outline-offset:2px}.writing-status{min-height:1.3em;margin:7px 0 0;color:#62626b;font-size:.875rem;line-height:1.4;text-align:right}
@media (prefers-color-scheme:dark){:root{color-scheme:dark;background:#11141a;color:#f3f5f8}body{background:#11141a}.page,.practice-dock{background:#11141a!important;color:#f3f5f8}.surface,.home-card,.profile,.profile-group,.mode-card,dialog{background:#1c222c!important;color:#f3f5f8;border-color:#313a49!important}.muted,.note,.mode-card small,.dialog-note,.writing-status{color:#bec6d2!important}input,select,textarea,.option,.sentence{background:#252d39!important;color:#f7f9fc!important;border-color:#3a4658!important}.modes{background:#303947}.modes button[aria-pressed="true"]{background:#1c222c;color:#fff}.translation,#feedback{background:#252d39;color:#e3e8ef}.hint-bubble,.help p{background:#3b2528;color:#ffd9d6;border-color:#704249}.site-menu-trigger{background:#1c222ced;border-color:#3a4658;color:#f3f5f8}.primary{background:#1677e8;border-color:#1677e8}.option[data-correct="true"]{background:#183b2a!important;border-color:#4da66d!important;color:#dbffea!important}.option[data-correct="false"]{background:#4a2527!important;border-color:#de716c!important;color:#ffe5e3!important}progress::-webkit-progress-bar{background:#303947}}
@media (prefers-contrast:more){button,input,select,textarea,.option,.sentence{border-width:2px!important}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-width:4px!important}.muted,.note,.writing-status{color:#414149!important}}

/* A compact, platform-like type scale: the reading task comes before decoration. */
:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;font-size:16px;text-rendering:optimizeLegibility}
body{font-size:1rem;line-height:1.5}
button,input,select,textarea{font-family:inherit}
h1,h2,h3,.mode-card strong{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;text-wrap:balance}
h1{line-height:1.16}h2{line-height:1.22}label,.note,.muted,.writing-status{line-height:1.5}.card-label,.home-kicker,.profile-eyebrow,.custom-eyebrow{letter-spacing:.075em}

/* One outline icon language for navigation and the three study modes. */
.site-menu-trigger>span[aria-hidden="true"]{font-size:0;width:18px;height:18px;display:inline-block;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E") center/contain no-repeat}
.mode-icon{font-size:0!important}.mode-icon::before{content:"";width:24px;height:24px;background:currentColor;mask:center/contain no-repeat;-webkit-mask:center/contain no-repeat}
#start-study .mode-icon::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4.5h10a4 4 0 0 1 4 4V20H9a4 4 0 0 0-4 0V4.5Z'/%3E%3Cpath d='M9 8h6M9 12h6'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4.5h10a4 4 0 0 1 4 4V20H9a4 4 0 0 0-4 0V4.5Z'/%3E%3Cpath d='M9 8h6M9 12h6'/%3E%3C/svg%3E")}
#start-game .mode-icon::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='m8.5 12 2.3 2.3 4.8-5'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='m8.5 12 2.3 2.3 4.8-5'/%3E%3C/svg%3E")}
#start-free .mode-icon::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14.5 5.5 4 4M5 19l3.6-.8L19 7.8a1.4 1.4 0 0 0 0-2l-.8-.8a1.4 1.4 0 0 0-2 0L5.8 15.4 5 19Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14.5 5.5 4 4M5 19l3.6-.8L19 7.8a1.4 1.4 0 0 0 0-2l-.8-.8a1.4 1.4 0 0 0-2 0L5.8 15.4 5 19Z'/%3E%3C/svg%3E")}
#start-custom .mode-icon::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='13' height='15' rx='2'/%3E%3Cpath d='M10 8h10a2 2 0 0 1 2 2v10H10a2 2 0 0 1-2-2V8'/%3E%3Cpath d='M16 14h6M19 11v6'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='13' height='15' rx='2'/%3E%3Cpath d='M10 8h10a2 2 0 0 1 2 2v10H10a2 2 0 0 1-2-2V8'/%3E%3Cpath d='M16 14h6M19 11v6'/%3E%3C/svg%3E")}
@media (prefers-contrast:more){.mode-icon::before{width:26px;height:26px}}

/* First-use guide: a short, user-controlled sequence rather than an auto-playing tutorial. */
#onboarding{width:min(430px,calc(100% - 32px));padding:28px 26px 24px;text-align:center;background:#f8faff}#onboarding::backdrop{background:#11182780;backdrop-filter:blur(8px)}.onboarding-close{position:absolute;right:18px;top:16px;width:44px;height:44px;border-radius:50%;padding:0;background:#e9edf4;color:#4f5d70;font-size:1.55rem}.onboarding-progress{display:flex;gap:6px;margin:8px 42px 26px}.onboarding-progress span{height:4px;flex:1;background:#dce3ee;border-radius:99px}.onboarding-progress .is-current{background:#0066d6}.onboarding-visual{width:92px;height:92px;margin:0 auto 24px;border-radius:28px;background:#e7f0ff;color:#0066d6;position:relative}.onboarding-visual::before{content:"";position:absolute;inset:25px;background:currentColor;mask:center/contain no-repeat;-webkit-mask:center/contain no-repeat}.onboarding-visual[data-icon="welcome"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h12a5 5 0 0 1 5 5v7H9l-6 4V5Z'/%3E%3Cpath d='M8 10h7M8 14h4'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h12a5 5 0 0 1 5 5v7H9l-6 4V5Z'/%3E%3Cpath d='M8 10h7M8 14h4'/%3E%3C/svg%3E")}.onboarding-visual[data-icon="game"]{background:#ede9fc;color:#6850b9}.onboarding-visual[data-icon="game"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 2.6 2.7L16.5 9'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 2.6 2.7L16.5 9'/%3E%3C/svg%3E")}.onboarding-visual[data-icon="free"]{background:#e6f3ea;color:#25724b}.onboarding-visual[data-icon="free"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 5 4 4M5 19l3.5-.8L19 7.7a1.5 1.5 0 0 0 0-2.1l-.6-.6a1.5 1.5 0 0 0-2.1 0L5.8 15.5 5 19Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 5 4 4M5 19l3.5-.8L19 7.7a1.5 1.5 0 0 0 0-2.1l-.6-.6a1.5 1.5 0 0 0-2.1 0L5.8 15.5 5 19Z'/%3E%3C/svg%3E")}.onboarding-kicker{font-size:.75rem;letter-spacing:.08em;font-weight:700;color:#0066d6;margin:0 0 8px}#onboarding h2{font-size:2rem;margin:0 0 12px}#onboarding-copy{color:#526173;line-height:1.55;min-height:50px;margin:0 auto 24px;max-width:330px}.onboarding-actions{display:flex;gap:10px}.onboarding-actions button{flex:1;margin:0}.onboarding-actions .primary{width:auto}.onboarding-skip{border:0;background:transparent;color:#59687d;margin-top:10px;font-size:.875rem}
@media(max-width:480px){#onboarding{padding:24px 20px 20px;border-radius:28px}.onboarding-visual{width:80px;height:80px;border-radius:24px}.onboarding-visual::before{inset:21px}#onboarding h2{font-size:1.65rem}}

.import-box textarea{min-height:130px}.import-box .row{margin-top:14px}.import-box .row button{flex:1}.import-box .primary{width:auto}.import-item{margin:0;padding:11px 12px;border-radius:12px;background:#f3f6fb;color:#37445a;line-height:1.45;font-size:.9375rem}.import-box #import-list{margin-top:14px;max-height:260px;overflow:auto}
:root[data-custom="true"] .import-item{background:#252d39;color:#e3e8ef}

#profile-import{margin:18px 0;padding:0 20px;border:1px solid #bad3f7;border-radius:22px;background:linear-gradient(135deg,#f5f9ff,#e9f2ff);box-shadow:0 7px 22px #0066d60b}#profile-import>summary{color:#0759b6;font-size:1rem;font-weight:700;line-height:1.45;padding:19px 0;min-height:62px}#profile-import[open]>summary{border-bottom:1px solid #d6e4f7}#profile-import>p{color:#43546c;line-height:1.55;margin:16px 0}#profile-import label{margin:16px 0;color:#34425a}#profile-import textarea,#profile-import input{background:#fff;border:1px solid #cddcf0}#profile-import .row button{flex:1}#profile-import-list{max-height:220px;overflow:auto;margin:12px 0 18px}@media(max-width:600px){#profile-import{padding:0 16px;border-radius:20px}#profile-import>summary{font-size:.9375rem}}

/* The profile starts with one clear decision, then offers import without pressure. */
#profile-form>.fields.surface{padding:30px;background:linear-gradient(135deg,#fff,#f0f6ff);border:1px solid #dce8f7;box-shadow:0 10px 28px #0066d60d}#profile-form>.fields.surface label{font-size:1.05rem;font-weight:650;color:#17243a}#profile-form>.fields.surface input{min-height:58px;font-size:1.125rem;background:#fff}#profile-import{padding:22px;margin:18px 0;background:linear-gradient(135deg,#f5f9ff,#e9f2ff)}.profile-import-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.profile-import-heading h2{font-size:1.35rem;margin:3px 0 5px}.profile-import-heading>div>p:last-child{margin:0;color:#43546c;line-height:1.5}.profile-import-kicker{font-size:.75rem!important;font-weight:700;letter-spacing:.08em;color:#0066d6!important;margin:0}.profile-import-heading button{flex:0 0 42px;width:42px;height:42px;min-height:42px;padding:0;border-radius:50%;background:#dfeafa;color:#48627e;font-size:1.5rem}.profile-import-heading button:hover{background:#d0e1f7}#profile-import-choice{margin-top:18px}#profile-import-choice button{flex:1;margin:0}#profile-import-choice .primary{width:auto}#profile-import-fields{margin-top:18px;border-top:1px solid #d3e2f6;padding-top:2px}#profile-import-fields>p{color:#43546c;line-height:1.55;margin:16px 0}@media(max-width:600px){#profile-form>.fields.surface{padding:22px}#profile-import{padding:18px}.profile-import-heading h2{font-size:1.2rem}#profile-import-choice{display:grid;grid-template-columns:1fr}#profile-import-choice button{width:100%}}

.question-edit{display:inline-flex;align-items:center;gap:7px;margin:0 0 14px;padding:7px 10px;min-height:40px;border-radius:12px;background:#edf4ff;color:#0066d6;font-size:.875rem;font-weight:650}.question-edit span:first-child{font-size:1.1rem;line-height:1}.question-edit:hover{background:#dfeeff}#question-edit-dialog{max-width:520px}#question-edit-dialog form{display:grid;gap:16px;margin-top:20px}#question-edit-dialog textarea{min-height:94px;resize:vertical;padding:12px;border:1px solid #d5dce8;border-radius:12px;font-size:1rem}#question-edit-dialog .primary{margin-top:0}@media(prefers-color-scheme:dark){.question-edit{background:#263752;color:#93c5ff}.question-edit:hover{background:#304565}#question-edit-dialog textarea{background:#252d39;color:#f7f9fc;border-color:#3a4658}}

/* Dark appearance refinement: semantic surfaces and legible text at every input level. */
:root[data-theme="dark"] #profile-form>.fields.surface{background:#1c222c!important;border-color:#313a49!important;box-shadow:0 8px 24px #0000002e}:root[data-theme="dark"] #profile-form>.fields.surface label,:root[data-theme="dark"] #profile-import label,:root[data-theme="dark"] .profile-import-heading h2{color:#f3f5f8!important}:root[data-theme="dark"] #profile-form>.fields.surface input,:root[data-theme="dark"] #profile-import textarea,:root[data-theme="dark"] #profile-import input{background:#252d39!important;color:#f7f9fc!important;border-color:#4a5870!important}:root[data-theme="dark"] #profile-import{background:#172235!important;border-color:#36547b!important;box-shadow:0 7px 22px #00000028}:root[data-theme="dark"] #profile-import>summary,:root[data-theme="dark"] .profile-import-kicker{color:#8fc1ff!important}:root[data-theme="dark"] #profile-import>p,:root[data-theme="dark"] .profile-import-heading>div>p:last-child,:root[data-theme="dark"] #profile-import-fields>p{color:#c6d4e6!important}:root[data-theme="dark"] #profile-import[open]>summary,:root[data-theme="dark"] #profile-import-fields{border-color:#36547b!important}:root[data-theme="dark"] .profile-import-heading button{background:#263752!important;color:#b9d7ff!important}:root[data-theme="dark"] .question-edit{background:#263752!important;color:#a9d0ff!important}:root[data-theme="dark"] .question-edit:hover{background:#304565!important}:root[data-theme="dark"] #question-edit-dialog textarea{background:#252d39!important;color:#f7f9fc!important;border-color:#4a5870!important}:root[data-theme="dark"] .theme-options label{background:#202936!important;border-color:#40506a!important}:root[data-theme="dark"] .theme-options label:has(input:checked){background:#17365d!important;border-color:#6caeff!important;box-shadow:0 0 0 1px #6caeff!important}:root[data-theme="dark"] .theme-toggle{background:#202936!important;color:#9dcbff!important}
:root[data-theme="dark"] .profile-group>summary{color:#f3f5f8!important}:root[data-theme="dark"] .profile-group>summary::marker{color:#9dcbff}:root[data-theme="dark"] .profile-group[open]>summary{border-color:#40506a!important}:root[data-theme="dark"] .profile-group>summary:focus-visible{outline-color:#7bb7ff;background:#202936;border-radius:12px}
:root[data-theme="dark"] .brand.brand-logo:after{color:#f3f5f8}:root[data-theme="dark"] .profile-eyebrow{color:#aeb9c9!important}:root[data-theme="dark"] .profile-intro{background:#1c222c!important;border-color:#313a49!important}:root[data-theme="dark"] .profile-intro h2,:root[data-theme="dark"] .profile-context h2{color:#f3f5f8!important}:root[data-theme="dark"] .profile-intro p,:root[data-theme="dark"] .profile-context p{color:#c6d4e6!important}:root[data-theme="dark"] #profile-context-count{color:#8fc1ff!important}

/* Translation stays available for English personal answers without crowding the form. */
.profile-detail{min-width:0}.profile-detail>label{width:100%}.optional-translation{border:0;margin-top:8px}.optional-translation>summary{display:inline-flex;align-items:center;min-height:38px;padding:0;color:#0066d6;font-size:.8125rem;font-weight:650;list-style:none}.optional-translation>summary::-webkit-details-marker{display:none}.optional-translation>summary::before{content:'+';width:18px;height:18px;margin-right:6px;display:inline-grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:1rem;line-height:1}.optional-translation[open]>summary::before{content:'–'}.optional-translation label{margin-top:8px}.optional-translation input{width:100%}:root[data-theme="dark"] .optional-translation>summary{color:#9dcbff}:root[data-theme="dark"] .optional-translation label{color:#c6d4e6!important}

/* Final semantic pass for dark surfaces, including the automatic appearance. */
:root[data-resolved-theme="dark"] .review-card,:root[data-resolved-theme="dark"] .mode-card{background:#1c222c!important;border-color:#313a49!important;color:#f3f5f8!important}:root[data-resolved-theme="dark"] .review-card .review-author,:root[data-resolved-theme="dark"] .review-card .review-body,:root[data-resolved-theme="dark"] .mode-card strong{color:#f3f5f8!important}:root[data-resolved-theme="dark"] .review-card h3,:root[data-resolved-theme="dark"] .mode-card>span:not(.mode-icon):not(.mode-cta){color:#d6dfec!important}:root[data-resolved-theme="dark"] .review-card .note:last-child,:root[data-resolved-theme="dark"] .mode-card small,:root[data-resolved-theme="dark"] .dialog-note,:root[data-resolved-theme="dark"] #review-summary{color:#bec6d2!important}:root[data-resolved-theme="dark"] .review-stars{color:#f3bd55!important}:root[data-resolved-theme="dark"] .mode-card .mode-cta,:root[data-resolved-theme="dark"] .optional-translation>summary{color:#9dcbff!important}:root[data-resolved-theme="dark"] .mode-card:hover{background:#202936!important;border-color:#4a5870!important}:root[data-resolved-theme="dark"] #start-free{background:#1b302a!important;border-color:#3b7961!important}:root[data-resolved-theme="dark"] #start-free .advanced-label{color:#88d2ae!important}:root[data-resolved-theme="dark"] .profile-intro{background:#1c222c!important;border-color:#313a49!important}:root[data-resolved-theme="dark"] .profile-intro h2,:root[data-resolved-theme="dark"] .profile-intro p,:root[data-resolved-theme="dark"] .brand.brand-logo:after{color:#f3f5f8!important}:root[data-resolved-theme="dark"] .profile-eyebrow,:root[data-resolved-theme="dark"] .optional-translation label{color:#c6d4e6!important}

/* Clear primary and secondary actions with comfortable mobile touch targets. */
button{min-height:44px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.primary{min-height:50px;border-radius:16px;box-shadow:0 1px 2px #0066d633;font-weight:650}.primary:active{box-shadow:none}#profile-form>.row{isolation:isolate}#profile-form>.row button{min-height:50px}#profile-form>.row button:not(.primary){background:#fff;border-color:#d9dce5;color:#0066d6;font-weight:600}:root[data-resolved-theme="dark"] #profile-form>.row{background:#11141af2!important;border-top:1px solid #313a49;box-shadow:0 -10px 22px #0000002e}:root[data-resolved-theme="dark"] #profile-form>.row button:not(.primary){background:#252d39!important;border-color:#40506a!important;color:#9dcbff!important}:root[data-resolved-theme="dark"] .primary{box-shadow:0 1px 2px #00000045}@media(max-width:600px){#profile-form>.row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 0 max(10px,env(safe-area-inset-bottom))!important}#profile-form>.row .primary{min-width:0}#profile-form>.row button:not(.primary){min-width:112px;padding-inline:14px}}