/* NOLIQO V5 — learning-first home, accessible two-column pairing, mobile onboarding */
:root{--lime:#c5fb7c;--aqua:#59d7bb;--navy:#0b1b26}
html{scroll-behavior:smooth}
button{touch-action:manipulation}
button:focus-visible,.selector:focus-visible,.pair-card:focus-visible{outline:2px solid #d2ff9c;outline-offset:3px}
.topbar{padding-inline:18px}.topbar .top-meta{gap:7px}.language-cycle{min-width:42px;height:33px;display:inline-flex;gap:3px;align-items:center;justify-content:center;border:1px solid #406366;background:#16313a;color:#d9f8e2;border-radius:11px;font-size:11px;font-weight:900}.language-cycle svg{width:13px;height:13px}
.v5-home .section-h{margin-top:24px}.v5-home .hello-row{margin:17px 0 16px}
.v5-hero.hero-noli{min-height:360px;overflow:hidden;background:radial-gradient(circle at 88% 44%,#2e8d7869,transparent 45%),linear-gradient(128deg,#0b2934 1%,#115146 93%)}
.v5-hero.hero-noli .hero-copy-wrap{z-index:2}.v5-hero .hero-title{font-size:clamp(26px,7vw,33px);line-height:1.13}.v5-hero .hero-copy{margin-top:17px;display:flex;flex-direction:column;gap:4px;max-width:206px;min-height:82px;line-height:1.4}.v5-hero .hero-topic-label{font-weight:900;font-size:9px;letter-spacing:1.2px;color:#b5f48b}.v5-hero .hero-copy strong{font-size:13px;color:white;line-height:1.4;font-weight:850;display:block;overflow-wrap:anywhere}.v5-hero .hero-copy small{font-size:10px;color:#bedad1;line-height:1.4}.v5-hero .hero-cta{margin-top:10px;min-height:51px;padding-inline:17px;max-width:206px;white-space:normal;line-height:1.3}.v5-hero .noli-hero{width:185px;height:244px;right:-29px;bottom:25px;opacity:.98;pointer-events:none;filter:drop-shadow(0 15px 14px #00161b88)}
.resume-ribbon{padding:13px 14px;margin:12px 0 5px;border-radius:15px;border:1px solid #457267;background:linear-gradient(130deg,#1b413d,#163344);display:grid;grid-template-columns:1fr auto;gap:6px;color:#e5f9e9;font-size:12px}.resume-ribbon>span{display:flex;align-items:center;gap:5px;overflow-wrap:anywhere}.resume-ribbon>span svg{width:17px;height:17px}.resume-ribbon b{color:#c7ff94}.resume-ribbon .bar{grid-column:1/-1;height:5px}
.age-nudge{display:flex;gap:9px;align-items:center;text-align:left;background:#183747;border:1px dashed #609887;border-radius:16px;padding:13px;margin:17px 0;width:100%;color:#eefff3}.age-nudge>span:first-child{color:#c5fe90}.age-nudge strong{display:block;font-size:13px}.age-nudge small{display:block;font-size:11px;color:#afcfc6;margin-top:3px}
.home-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-action{border:1px solid #365b61;background:linear-gradient(135deg,#1d3a44,#152b38);padding:15px 12px 14px;min-height:129px;text-align:left;border-radius:19px;color:#effcf4;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 7px 19px #030e1440}.home-action:nth-child(2){background:linear-gradient(135deg,#253e51,#1b2d42)}.home-action:nth-child(3){background:linear-gradient(135deg,#24473e,#16383b)}.home-action:nth-child(4){background:linear-gradient(135deg,#33404b,#243242)}.home-action:nth-child(5){background:linear-gradient(135deg,#443b4a,#242f40)}.home-action:nth-child(6){background:linear-gradient(135deg,#25475a,#15343f)}
.home-action .action-symbol{height:35px;width:35px;border-radius:12px;display:grid;place-items:center;background:#b7fb7e;color:#133b32;margin-bottom:auto}.home-action:nth-child(2n) .action-symbol{background:#b8d9fc;color:#1a3947}.home-action strong{font-size:13px;line-height:1.3;margin-top:10px}.home-action small{font-size:10px;margin-top:4px;color:#abc9c8;line-height:1.45}.localisation-note{margin:20px 4px 4px;font-size:10px;line-height:1.55;color:#9ebcbb}
/* More separation between task choices and explanations. */
.quiz-v2 .question-title{font-size:clamp(21px,6vw,27px);line-height:1.3;overflow-wrap:anywhere}.quiz-v2 .hint{line-height:1.6}.quiz-v2 .choices{gap:10px}.quiz-v2 .choice{min-height:57px}.feedback-noli{border-radius:20px}
.pair-game .pair-guide{font-size:12px;line-height:1.6;min-height:38px}.pair-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;position:relative}.pair-board::after{content:'';position:absolute;left:calc(50% - 1px);width:2px;top:37px;bottom:12px;background:linear-gradient(#3c776e55,#c0fa7c55);pointer-events:none}.pair-column{display:flex;flex-direction:column;gap:9px;min-width:0}.pair-col-name{font-size:10px;letter-spacing:1.2px;font-weight:900;color:#9cbbb6;text-align:center;padding:3px 0 5px;min-height:26px}.pair-card{min-height:71px;width:100%;border-radius:16px;border:1px solid #4a6b6d;background:#1e3b46;color:#f6fff9;padding:10px 8px;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:760;text-align:left;line-height:1.3;overflow-wrap:anywhere;transition:background .15s,border-color .15s}.pair-card.right{text-align:right;justify-content:flex-end}.pair-card.picked{border-color:#d2ff8e;box-shadow:0 0 0 2px #a6ee803a;background:#2d5546}.pair-card.connected{background:#2a5446;border-color:#79c892}.pair-card:disabled{opacity:.85;cursor:default}.pair-card .pair-index{width:25px;height:25px;flex:0 0 25px;border-radius:50%;display:grid;place-items:center;color:#113329;background:#c1ff8f;font-weight:900;font-size:11px}.pair-card.right .pair-index{background:#a3edda}.pair-card.right{justify-content:space-between}.pair-card.left>span:last-child{min-width:0}.pair-card.right>span:first-child{min-width:0;flex:1}.pair-game .task-actions{margin-top:17px}
/* Redesigned onboarding: short steps + readable choices; no DOB collection. */
.onboarding-v5{padding-bottom:36px;min-height:100%;max-width:510px;margin:0 auto}.onboarding-v5 .logo{margin-bottom:10px}.onboarding-step{min-height:30px;display:flex;align-items:center;gap:12px;justify-content:space-between;margin:2px 0 8px}.intro-back{background:transparent;color:#d9eadd;display:inline-flex;align-items:center;gap:3px;padding:7px 0;font-size:12px}.intro-back svg{width:17px;height:17px}.onboard-progress{margin-left:auto;max-width:92px;width:100%;height:4px;border-radius:5px;background:#28464b;overflow:hidden}.onboard-progress span{height:100%;display:block;background:#bafd76;transition:width .2s}
.onboarding-v5 h1{font-size:clamp(25px,7vw,33px);line-height:1.18;margin-top:14px;max-width:340px}.onboarding-v5 p{font-size:13px;line-height:1.64;color:#c1d7d0}.onboarding-v5 .onboard-visual{height:240px;min-height:220px;margin-top:4px}.onboarding-v5 .noli-onboard{height:240px}.onboarding-v5 .selector{min-height:61px;display:flex;align-items:center;gap:9px;padding:12px 13px;margin-bottom:8px;text-align:left}.onboarding-v5 .selector>span:first-child{display:block;flex:1;min-width:0}.onboarding-v5 .selector small{font-size:11px;line-height:1.4;display:block;margin-top:4px;color:#aac9c1}.onboarding-v5 .selector.selected small{color:#23473b}.onboarding-v5 .age-cards{margin-top:14px}.onboarding-v5 .actions{margin:17px 0 10px}.onboarding-v5 .btn:disabled{opacity:.45}.onboarding-v5 .noli-onboard-small{max-height:180px;width:150px;display:block;margin:10px auto 4px;object-fit:contain}
.language-intro{background:#16333d;border:1px solid #416966;border-radius:17px;padding:13px;margin:13px 0}.language-intro strong{font-size:12px;display:block}.language-intro small{display:block;font-size:10px;color:#abc7c0;line-height:1.5;margin-top:9px}.language-options{display:flex;gap:5px;margin-top:9px}.lang-choice{flex:1;border:1px solid #4b736a;background:#234650;color:#e4faed;border-radius:11px;font-size:12px;font-weight:900;min-height:37px}.lang-choice.selected{background:#bcff7c;color:#133229;border-color:#bcff7c}
.guardian-box{display:flex;gap:11px;align-items:flex-start;background:#24343e;border:1px solid #68866e;border-radius:13px;padding:13px;margin:14px 0;color:#dcf1e8;font-size:11px;line-height:1.5}.guardian-box input{width:20px;height:20px;flex:0 0 20px;accent-color:#b3fb78;margin-top:2px}
.world-v5-0{background:linear-gradient(155deg,#175d50,#123c47 85%)!important;border-color:#529c7a}.world-v5-9{background:linear-gradient(155deg,#4d3970,#232b51 82%)!important;border-color:#7c64bc}.world-v5-10{background:linear-gradient(155deg,#263f68,#171b43 82%)!important;border-color:#6b86c2}.world-v5-0 .world-art{background:radial-gradient(ellipse at 50% 48%,#94e6a85b,transparent 70%)}.world-v5-9 .world-art{background:radial-gradient(ellipse at 50% 52%,#ccb0ff42,transparent 72%)}.world-v5-10 .world-art{background:radial-gradient(ellipse at 50% 52%,#a4c5ff38,transparent 72%)}
@media(max-width:365px){.page{padding-inline:14px}.v5-hero.hero-noli{min-height:367px}.v5-hero .noli-hero{width:156px;right:-28px}.v5-hero .hero-title{font-size:26px}.v5-hero .hero-copy{max-width:187px}.v5-hero .hero-cta{font-size:10px}.pair-board{gap:6px}.pair-card{font-size:11px;padding:8px 6px}.pair-card .pair-index{width:22px;height:22px;flex-basis:22px}}
@media(prefers-reduced-motion:reduce){.world-art img,.noli{animation:none!important}.world-primary,.btn,.pair-card{transition:none!important}}

/* Small-group teacher pilot, no personal student directory. */
.school-page h3{font-size:16px;margin:8px 0}.school-page .page-sub{font-size:12px;line-height:1.55}.school-page .panel{margin:13px 0;padding:17px;border-radius:19px}.school-inline{display:flex;gap:7px;margin-top:15px}.school-input,.school-select{min-width:0;width:100%;color:#fff;border:1px solid #557d7d;border-radius:12px;background:#163440;padding:13px 12px;font:inherit;font-size:13px}.school-inline .school-input{flex:1}.school-inline .btn{min-width:100px;padding:10px;font-size:11px}.school-class-header{display:flex;justify-content:space-between;align-items:flex-start}.school-class-header .school-remove{border:1px solid #657f86;color:#d2e0e4;background:#24404a;border-radius:10px;width:32px;height:32px;font-size:24px;line-height:25px}.school-code{display:flex;justify-content:space-between;gap:9px;align-items:center;border:1px dashed #85ac95;border-radius:13px;background:#25453f;padding:12px;margin:15px 0}.school-code span{display:flex;flex-direction:column;gap:4px;min-width:0}.school-code small{font-size:9px;letter-spacing:1px;color:#bad8ce}.school-code strong{font-size:12px;letter-spacing:.4px;overflow-wrap:anywhere}.school-assignment-form{margin:14px 0;display:flex;flex-direction:column;gap:9px}.school-assignment-form label{font-size:11px;font-weight:800;color:#c6e7d6}.school-assignment-form .btn{align-self:flex-start}.school-task{display:flex;gap:9px;justify-content:space-between;align-items:center;border-top:1px solid #43616466;padding:11px 0}.school-task>span:first-child{flex:1;min-width:0}.school-task strong{display:block;font-size:12px;line-height:1.5}.school-task small{display:block;font-size:10px;color:#a5c3bb;margin-top:4px}.school-task-count{font-size:13px;font-weight:900;color:#baf68e}.school-leave{background:transparent;color:#d2d8d5;text-decoration:underline;padding:10px 0;font-size:11px}.school-page .school-class .small-btn{font-size:10px;max-width:98px}.home-action:nth-child(7){background:linear-gradient(145deg,#1c4852,#18323f)}.home-action:nth-child(8){background:linear-gradient(145deg,#37465d,#213144)}