/* NOLIQO V5.2 polish — restrained contrasts, compact premium showcase, quiz rhythm. */
:root{--v6-mint:#bdf88b;--v6-teal:#75dcc0;--v6-deep:#0a1d29;--v6-panel:#173641;--v6-line:#345a60}
html{scroll-padding-top:18px}
button,summary{touch-action:manipulation}
button:focus-visible,summary:focus-visible{outline:2px solid #c4ff96;outline-offset:3px}
@media(max-width:900px){.bottom-nav{width:100%;left:0;right:0}}
@media(min-width:901px){.bottom-nav{left:calc(50% - 215px)}}
.premium-teaser{width:100%;display:flex;align-items:center;text-align:left;gap:14px;margin:23px 0 10px;padding:15px 16px;border:1px solid #69826b;border-radius:20px;background:linear-gradient(109deg,#224c44,#1b3548 72%);color:#f1fff2;box-shadow:0 11px 28px #030e1557}
.premium-teaser-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:14px;background:#bdf88b;color:#103d32;font-size:22px}
.premium-teaser>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}
.premium-teaser strong{font-size:14px;letter-spacing:-.15px}.premium-teaser small{color:#b3d4cf;font-size:11px;line-height:1.45}.premium-teaser svg{width:18px;height:18px;flex-shrink:0}
/* Quiz is still about the question, not the decoration. */
.view-top.quiz-top-v6{padding:16px 16px 8px;gap:4px}.quiz-top-v6 .back-btn{height:39px;width:39px;background:#163b45;border-color:#43686a;color:#e8fff4}.quiz-top-v6 .stepper{height:7px;margin:0 12px;background:#29464a}.quiz-top-v6 .stepper span{background:linear-gradient(90deg,#64d8b7,#c0fa7d)}
.quiz-v6{padding-top:10px;padding-bottom:32px;min-height:calc(100dvh - 100px)}
.quiz-v6 .quiz-kicker{margin:6px 0 14px;gap:14px}.quiz-v6 .quiz-kicker .eyebrow{color:#a6d8c5;font-size:10px;line-height:1.5;letter-spacing:1.55px}.quiz-v6 .quiz-xp{font-size:10px;white-space:nowrap;border-radius:100px;background:#244c43;padding:7px 9px;color:#ccf996}
.quiz-question-card{border-radius:22px;background:linear-gradient(135deg,#1a3e47,#14303e 79%);border:1px solid #3a6162;padding:19px 17px 16px;box-shadow:0 10px 26px #00000025;margin-bottom:16px;position:relative;overflow:hidden}
.quiz-question-card:before{position:absolute;content:'';width:150px;height:150px;border:1px solid #7fd8bc14;border-radius:50%;right:-75px;top:-60px;pointer-events:none}
.quiz-question-card .question-caption{position:relative;font-size:9px;font-weight:900;letter-spacing:1.25px;color:#b7f48d;margin-bottom:12px}
.quiz-question-card .question-title{position:relative;margin:0!important;color:#fbfffd;letter-spacing:-.65px;font-size:clamp(21px,6.1vw,29px);line-height:1.35}
.quiz-task-hint{display:flex;align-items:flex-start;gap:7px;border-top:1px solid #47716c77;padding-top:12px;margin-top:15px;color:#b3cec9;font-size:11px;line-height:1.55}
.quiz-task-hint svg{width:15px;height:15px;flex-shrink:0;margin-top:1px;color:#9bd7af}
.quiz-v6 .choices{display:grid;gap:10px;margin-top:4px}
.quiz-v6 .choice{min-height:65px;border:1px solid #3c6067;border-radius:17px;background:linear-gradient(115deg,#1a3745,#172e3b);padding:13px 14px;box-shadow:0 3px 10px #00000012;display:flex;align-items:center;gap:13px;color:#f1fcf7;text-align:left;transition:transform .14s ease,background .14s ease,border-color .14s ease}
.quiz-v6 .choice-letter{width:32px;height:32px;flex:0 0 32px;background:#2a4b57;border-radius:11px;color:#bce3d7;display:grid;place-items:center;font-size:12px}
.quiz-v6 .choice:not(:disabled):active{border-color:#a7ecb6;background:#224c4b;transform:scale(.993)}
.quiz-v6 .choice.correct{border-color:#bdf88b;background:#26573f;color:#eeffe9}.quiz-v6 .choice.correct .choice-letter{background:#bdf88b;color:#1b3a2c}
.quiz-v6 .choice.wrong{border-color:#c88678;background:#48343a;color:#ffe9e5}.quiz-v6 .choice.wrong .choice-letter{background:#f1b3a2;color:#482a2a}
.quiz-v6 .pair-board{margin-top:16px}.quiz-v6 .pair-card{border-color:#4f7572}.quiz-v6 .task-workarea{margin-top:0}.quiz-v6 .feedback-noli{margin-top:14px;box-shadow:0 12px 25px #040e1233}
.placement-ribbon{border:1px solid #4b7475;background:#183846;color:#cfebdf;padding:10px 13px;border-radius:13px;font-size:11px;line-height:1.55;display:flex;align-items:flex-start;gap:8px;margin-bottom:15px}
.placement-ribbon svg{width:16px;height:16px;flex-shrink:0;color:#bbed94}
/* Level check introduction */
.placement-intro{padding-top:6px;padding-bottom:35px;max-width:540px;margin:auto}
.placement-intro-art{height:190px;background:radial-gradient(ellipse at 55% 90%,#3d847a55,transparent 68%),linear-gradient(110deg,#193c45,#102c3b);border:1px solid #3d6665;border-radius:25px;position:relative;margin:12px 0 22px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
.placement-noli{height:184px;width:200px;object-fit:contain;filter:drop-shadow(0 10px 15px #00161b)}.placement-orbit{position:absolute;top:16px;left:17px;color:#d7ffb7;background:#0f2d34cc;border-radius:9px;border:1px solid #4a7b6e;font-size:10px;font-weight:800;letter-spacing:.5px;padding:7px 9px}
.placement-intro h1{font-size:clamp(26px,7vw,35px);line-height:1.15;letter-spacing:-1px;margin:12px 0}.placement-intro h1 em{color:#bdff81;font-style:normal}.placement-intro p{font-size:13px;line-height:1.75;color:#bdd1cd;margin:10px 0 16px}
.placement-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:18px 0}.placement-points>div{border:1px solid #3a5c63;background:#17313e;padding:14px 9px;border-radius:16px;text-align:center}.placement-points strong{display:block;font-size:24px;color:#c4fa86}.placement-points span{font-size:11px;color:#b4ccca}
.placement-note{display:flex;align-items:flex-start;gap:9px;background:#193b3e;border-left:3px solid #b7f27e;border-radius:11px;padding:13px 14px;color:#d8ede1;font-size:12px;line-height:1.6;margin-bottom:17px}.placement-note svg{width:19px;height:19px;flex-shrink:0;color:#cbf69a}.placement-intro .btn{margin-top:10px}
/* Saved-word state is never presented as a new action */
.wordrow{min-width:0}.wordrow>div{min-width:0;overflow-wrap:anywhere}.word-save{flex-shrink:0;min-height:39px;border:1px solid #4b8065;background:#215242;color:#caff9e;transition:background .15s ease}
.word-save.is-saved,.word-save:disabled{opacity:1;color:#b9ded0;background:#1a3a3e;border-color:#3c655e;cursor:default}.word-save.is-saved:before{content:''}
/* Premium previews. Financial UI explicitly has no payment actions. */
.premium-page{padding-bottom:36px;max-width:680px;margin:auto}.premium-hero{display:flex;position:relative;align-items:center;min-height:233px;border:1px solid #567b70;overflow:hidden;border-radius:23px;padding:26px 18px;background:radial-gradient(circle at 90% 25%,#61b4a240,transparent 41%),linear-gradient(120deg,#123f43,#122d3a)}
.premium-hero:after{content:'✦';position:absolute;right:12px;top:11px;color:#c8fa87;opacity:.85;font-size:26px}.premium-hero-copy{z-index:2;position:relative;width:73%;max-width:310px}.premium-hero h1{font-size:clamp(24px,6vw,34px);line-height:1.15;margin:13px 0 10px;letter-spacing:-.8px}.premium-hero em{font-style:normal;color:#c4fd83}.premium-hero p{font-size:12px;color:#d0e9db;max-width:202px;line-height:1.6}
.premium-mascot{width:39%;max-width:191px;height:216px;object-fit:contain;position:absolute;right:-26px;bottom:-3px;filter:drop-shadow(0 8px 18px #07131a)}
.preview-ribbon{display:inline-block;background:#21484a;border:1px solid #75b898;border-radius:8px;color:#c5f9c5;padding:7px 8px;font-size:9px;font-weight:900;letter-spacing:.5px;line-height:1.4;max-width:205px}
.premium-subtitle{margin:25px 2px 16px}.premium-subtitle h2{font-size:22px;margin:0 0 5px}.premium-subtitle p{font-size:12px;color:#abc6c0;margin:0;line-height:1.65}
.tier-stack{display:grid;grid-template-columns:1fr;gap:13px}.tier-card{border-radius:22px;background:linear-gradient(145deg,#182f3d,#142b39);border:1px solid #42646c;padding:19px;display:flex;flex-direction:column;gap:0}.tier-card.tier-pro{background:linear-gradient(145deg,#233f51,#273347 75%);border-color:#8c9f8d}.tier-card.tier-plus{background:linear-gradient(145deg,#1b4b43,#15363f);border-color:#5f947b}.tier-card.selected{box-shadow:0 0 0 2px #c0fa7c50}.tier-topline{display:flex;justify-content:space-between;align-items:center;gap:8px}.tier-name{font-weight:900;font-size:13px;letter-spacing:.8px;color:#d4f7e4}.tier-tag{border-radius:99px;background:#c8fb91;color:#284130;font-size:9px;font-weight:900;padding:6px 9px}.tier-price{font-weight:900;font-size:31px;color:#f3fff3;letter-spacing:-.8px;margin:11px 0 4px;line-height:1.2}.tier-price small{font-size:12px;letter-spacing:0;color:#c4d7d6;font-weight:700}.tier-desc{font-size:12px;color:#b5cecc;margin:6px 0 13px;line-height:1.6}.tier-card ul{padding:0;margin:0 0 18px;list-style:none;display:grid;gap:10px}.tier-card li{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.48;color:#effbf4}.tier-card li span{font-weight:900;color:#c9ff97;flex-shrink:0}.tier-btn{background:#c0fa7b;color:#11372b;min-height:43px;border-radius:12px;font-size:12px;font-weight:900;margin-top:auto;padding:9px 12px;display:flex;align-items:center;justify-content:center;gap:6px}.tier-free-btn{background:#21484a;color:#d4f1d9;border:1px solid #568478}.tier-btn svg{height:17px;width:17px}.tier-card.tier-pro .tier-btn{background:#c9f5c9}
.plan-inspect{margin-top:18px;padding:18px;border-radius:19px;border:1px solid #91b581;background:linear-gradient(135deg,#1b493e,#183b46)}.plan-inspect h3{font-size:20px;margin:9px 0}.plan-inspect p{font-size:12px;line-height:1.65;color:#d4ece2}.plan-safety{background:#13333e;border:1px solid #45746b;padding:13px;border-radius:13px;font-size:11px;color:#d0eedd;line-height:1.6;display:flex;gap:8px;align-items:flex-start;margin:14px 0}.plan-safety svg{height:18px;width:18px;flex-shrink:0}.plan-inspect .btn:disabled{opacity:.8;background:#355556;color:#cfe2db;cursor:not-allowed}.plan-inspect .btn.secondary{background:#254951;color:#e0f6e6;border-color:#60887b;margin-top:9px}
.subscription-status{margin-top:19px;background:#16323e;border:1px solid #3e6568;padding:17px;border-radius:19px;display:flex;align-items:center;justify-content:space-between;gap:15px}.subscription-status h3{font-size:19px;margin:8px 0}.subscription-status p{font-size:12px;line-height:1.6;color:#b5d2c9;margin:0}.subscription-mark{width:42px;height:42px;display:grid;place-items:center;background:#254d44;color:#cbfa9c;border-radius:14px;flex-shrink:0}
.premium-faq{margin-top:26px}.premium-faq h3{font-size:18px}.premium-faq details{background:#173541;border:1px solid #385d65;border-radius:14px;padding:15px;margin-top:8px}.premium-faq summary{font-size:12px;font-weight:800;cursor:pointer;list-style:none}.premium-faq summary::-webkit-details-marker{display:none}.premium-faq summary:after{content:'+';float:right;color:#b9f78b;font-size:19px;line-height:13px}.premium-faq details[open] summary:after{content:'−'}.premium-faq p{font-size:12px;line-height:1.7;color:#bedbd4;margin:12px 0 0}.premium-free{width:100%;margin-top:14px;display:flex;gap:8px;align-items:center;justify-content:center;border-radius:13px;padding:13px;background:#214a40;color:#d1fbc9;font-size:13px;font-weight:800}.premium-free svg{width:18px}.child-billing-note{color:#f7e6ca;font-size:11px;line-height:1.6;background:#453c36;border-radius:12px;border:1px solid #7a6c54;padding:11px}
@media(min-width:650px){.tier-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.tier-card.tier-free{grid-column:1/-1}.premium-hero-copy{width:80%}}
@media(max-width:370px){.premium-hero{padding:21px 13px}.premium-mascot{width:43%;right:-32px}.tier-card{padding:15px}.quiz-question-card{padding:16px 14px}.quiz-v6 .choice{padding:10px}}
@media(prefers-reduced-motion:reduce){.quiz-v6 .choice,.word-save{transition:none}}

/* Language selection: explicit interface-only picker, shared by home, profile and onboarding. */
body.language-picker-open{overflow:hidden}
.language-overlay{position:fixed;inset:0;z-index:9999;background:rgba(1,14,21,.79);display:flex;align-items:center;justify-content:center;padding:calc(16px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));backdrop-filter:blur(5px)}
.language-dialog{width:min(100%,410px);max-height:min(710px,90dvh);overflow-y:auto;background:linear-gradient(155deg,#193b43,#0f2736 85%);border:1px solid #65877b;border-radius:24px;padding:20px;box-shadow:0 22px 80px #000a; color:#ecfff3}
.language-dialog-head{display:flex;gap:11px;align-items:flex-start;margin-bottom:18px}.language-dialog-emblem{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:12px;background:#264b45;color:#c1f992}.language-dialog-head>div:nth-child(2){min-width:0;flex:1}.language-dialog h2{font-size:21px;letter-spacing:-.6px;line-height:1.18;margin:1px 0 7px}.language-dialog-head p{font-size:12px;line-height:1.5;color:#c0d8d0;margin:0}.language-dialog-close{color:#cce7dd;border:1px solid #4b6b6a;background:#27424b;flex:0 0 33px;width:33px;height:33px;border-radius:10px;font-size:22px;line-height:1;cursor:pointer}
.language-option-list{display:grid;gap:9px}.language-option{width:100%;border:1px solid #50716e;border-radius:14px;background:#193943;color:#edfdf4;padding:10px 12px;display:flex;align-items:center;gap:11px;text-align:left;min-height:60px;cursor:pointer}.language-option:focus-visible,.language-dialog-close:focus-visible,.onboard-language-trigger:focus-visible{outline:2px solid #bfff84;outline-offset:3px}.language-option:hover{background:#234a4c}.language-option.is-current{border-color:#befa89;background:#295148}.language-option-symbol{border-radius:10px;background:#31585b;color:#c5eee0;min-width:40px;height:37px;display:grid;place-items:center;font-weight:900;font-size:11px}.language-option.is-current .language-option-symbol{background:#bdfb88;color:#14372d}.language-option-name{font-size:14px;font-weight:800;flex:1}.language-option-current{color:#cbf795;font-size:11px;font-weight:800;white-space:nowrap}.language-dialog-notice{margin-top:17px;display:flex;gap:9px;align-items:flex-start;border-radius:13px;background:#264c43;padding:12px 13px;color:#e3f5df}.language-dialog-notice svg{width:18px;height:18px;flex:0 0 18px;color:#c6f98a}.language-dialog-notice p{font-size:12px;line-height:1.6;margin:0}.language-dialog-limit{font-size:11px;color:#b7cdd0;line-height:1.6;margin:12px 2px 0}
.onboard-language-trigger{display:flex;align-items:center;gap:11px;width:100%;background:#1b4045;color:#edfff2;border:1px solid #6e9384;border-radius:13px;padding:13px 14px;text-align:left;margin:10px 0;min-height:48px}.onboard-language-trigger span{flex:1;font-weight:800}.onboard-language-trigger svg{width:19px;height:19px}.onboard-language-trigger svg:last-child{width:15px}
@media(max-width:370px){.language-dialog{padding:16px}.language-option{padding:9px}.language-dialog h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.language-overlay{backdrop-filter:none}}

/* Each matched pair has its own tone, in addition to a numerical index.
   Numbering provides a redundant non-color cue for accessible matching. */
.pair-game .pair-card.connected{border-width:1px;border-style:solid;transition:background .16s,border-color .16s,transform .16s}
.pair-game .pair-card.connected .pair-index{background:var(--pair-index-bg,#c0f986);color:#142b36;font-weight:900;border-radius:50%}
.pair-game .pair-card.pair-tone-0{background:#254d43;border-color:#7edbad;--pair-index-bg:#b8f08d}
.pair-game .pair-card.pair-tone-1{background:#544235;border-color:#dba46c;--pair-index-bg:#ffd19e}
.pair-game .pair-card.pair-tone-2{background:#413e59;border-color:#ac9be0;--pair-index-bg:#d1bbff}
.pair-game .pair-card.pair-tone-3{background:#254659;border-color:#71bfe2;--pair-index-bg:#92ddfa}
.pair-game .pair-card.pair-tone-4{background:#553e4e;border-color:#df93b8;--pair-index-bg:#ffb7d9}
.pair-game .pair-card.pair-tone-5{background:#484b33;border-color:#cfcd6c;--pair-index-bg:#f2ee9d}
.pair-game .pair-card.left.picked:not(.connected){outline:2px solid #c6ff92;outline-offset:2px;background:#2b5753}