/* Guided first-run flow and uncluttered one-language pathway. */
.topbar-right{position:relative}
.language-switch-button{display:inline-flex;align-items:center;gap:.55rem;border:1px solid rgba(23,120,135,.24);border-radius:100px;background:linear-gradient(180deg,#f8ffff,#e9fcfc);color:#166377;font-weight:800;white-space:nowrap;padding:.64rem 1rem;box-shadow:0 3px 10px #127d9912;cursor:pointer}
.language-switch-button:hover,.language-switch-button:focus-visible{border-color:#1597bc;outline-offset:3px}
.switch-menu{position:absolute;top:calc(100% + 9px);right:0;z-index:60;width:min(360px,88vw);background:#f9ffff;border:1px solid #a8dfdf;border-radius:22px;padding:8px;box-shadow:0 20px 55px #16637738;max-height:72vh;overflow-y:auto}
.switch-menu>button{border:0;background:transparent;display:flex;align-items:center;text-align:left;gap:11px;width:100%;padding:10px 12px;color:#144c5a;border-radius:13px;cursor:pointer}
.switch-menu>button:hover,.switch-menu>button:focus-visible,.switch-menu>button.active{background:#dff8f0}
.switch-menu>button>span:nth-child(2){display:grid;gap:2px;flex:1}
.switch-menu small{display:block;color:#51828b;font-size:.76rem;font-weight:500}
.switch-menu .lang-badge,.setup-language .lang-badge{flex-shrink:0}
body.onboarding-active .sidebar,body.onboarding-active .topbar,body.onboarding-active .footer,body.onboarding-active .mobile-nav{display:none!important}
body.onboarding-active .main-area{width:100%;max-width:none;margin:0;padding:0}
body.onboarding-active #view{margin:0 auto;width:100%;max-width:1100px;min-height:100dvh;padding:clamp(20px,4vw,58px);display:flex;justify-content:center;align-items:center}
body.onboarding-active .shell{display:block;min-height:100dvh;background:radial-gradient(ellipse at 79% 20%,#d4fff0 1%,transparent 44%),radial-gradient(ellipse at 20% 80%,#d3f7ff 1%,transparent 48%),linear-gradient(145deg,#f1ffff,#f4fffb 64%,#e2f8ff)}
.setup-wrap{display:grid;grid-template-columns:minmax(0,630px) minmax(180px,280px);gap:clamp(14px,4vw,40px);align-items:center;width:100%;max-width:970px}
.setup-card{border-radius:32px!important;padding:clamp(23px,4vw,50px)!important;box-shadow:0 30px 80px #26789620!important;border:1px solid #c2eff0!important;background:linear-gradient(142deg,#fff 10%,#f3ffff 100%)!important}
.setup-progress{display:flex;justify-content:space-between;gap:15px;font-size:.77rem;letter-spacing:.08em;font-weight:850;color:#409d99}
.setup-progress-track{height:7px;border-radius:50px;background:#d9eff0;margin:12px 0 34px;overflow:hidden}
.setup-progress-track>div{height:100%;background:linear-gradient(90deg,#00acd5,#23ba90);transition:width .25s;border-radius:50px}
.setup-card h1{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.15;margin:10px 0 15px;color:#114c5d;letter-spacing:-.035em;text-wrap:balance}
.setup-card .field{margin:30px 0 20px;max-width:420px}
.setup-lead{font-size:1.06rem;line-height:1.7;max-width:470px;color:#507583}
.setup-card .setup-primary{min-height:50px;padding:12px 27px}
.setup-languages{display:grid;gap:9px;margin:22px 0}
.setup-language{display:flex;align-items:center;gap:14px;padding:13px 16px;border:1px solid #cbeced;border-radius:17px;background:linear-gradient(180deg,#fff,#f1ffff);text-align:left;cursor:pointer;color:#164653;min-height:74px;transition:transform .14s,box-shadow .14s,border-color .14s}
.setup-language:hover,.setup-language:focus-visible{transform:translateY(-2px);box-shadow:0 10px 19px #198a991a;border-color:#00a2bd}
.setup-language>span:nth-child(2){display:grid;gap:3px;flex:1}
.setup-language strong{font-size:1.02rem}
.setup-language small{color:#619091}
.setup-arrow{font-size:1.45rem;color:#128faf}
.setup-rating-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}
.setup-rating{display:flex;flex-direction:column;gap:8px;padding:15px 15px 16px;border:1px solid #c7e8e7;border-radius:15px;background:#faffff;color:#205e68}
.setup-rating select{max-width:100%;width:100%;font:inherit;background:white;border:1px solid #afd8db;border-radius:9px;padding:11px 9px;color:#1a4b60}
.setup-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-top:21px}
.setup-route-list{display:grid;gap:14px;margin:27px 0 18px}
.setup-route{display:flex;align-items:center;gap:15px;text-align:left;padding:21px;border-radius:19px;background:linear-gradient(150deg,#fff,#eafff8);color:#205666;border:1px solid #bfe9e3;cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}
.setup-route:hover,.setup-route:focus-visible{transform:translateY(-2px);border-color:#16a9a7;box-shadow:0 11px 24px #00acd51c}
.setup-route-icon{font-size:2rem}.setup-route>span:nth-child(2){flex:1;display:grid;gap:8px}
.setup-route strong{font-size:1.1rem}.setup-route small{font-size:.89rem;line-height:1.5;color:#507d85}
.setup-route b{color:#098ead;font-size:1.5rem}
.setup-aside{min-height:350px;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:23px;color:#167b8f;text-align:center;font-size:1.5rem;font-weight:900;line-height:1.4;overflow:hidden}
.setup-aside img{width:clamp(130px,17vw,205px);height:auto;filter:drop-shadow(0 18px 17px #1a84a13d);animation:zanaFloat 5s ease-in-out infinite}
@keyframes zanaFloat{50%{transform:translateY(-13px)}}
.setup-bubbles{position:absolute;width:210px;height:210px;border-radius:50%;border:5px solid #79e1d455;z-index:-1;transform:translateY(-24px)}
.home-focused{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:275px}
.home-focused>div:first-child{flex:1}.home-focused h1{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.15;max-width:620px}
.home-active-badge{min-width:130px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:18px;border-radius:22px;background:#ffffffaa;color:#1b5667}
.home-active-badge .lang-badge{transform:scale(1.3);margin:8px}
.home-active-badge strong{font-size:2rem}.home-active-badge span:last-child{font-size:.8rem}
.home-simple-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}
.home-simple-stats>div{display:grid;gap:7px;padding:20px;background:#fafffff0;border:1px solid #c9ebed;border-radius:17px}
.home-simple-stats>div>span{font-size:.73rem;color:#567d8d;font-weight:800;letter-spacing:.06em}
.home-simple-stats>div strong{color:#225465;font-size:1.2rem}
.skip-invite{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 29px!important;border-color:#88d8b8!important;background:linear-gradient(118deg,#ecfff6,#f4ffff)!important}
.skip-invite h2{margin:5px 0 8px}.skip-invite p{line-height:1.55;margin:6px 0}.skip-invite small{color:#5e807c}.skip-invite button{flex-shrink:0}
.home-next-section{padding:24px!important}.home-next-section .heading-flex{align-items:center;gap:15px}.home-next-section .bar{margin:22px 0 12px}
.home-underlinks{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap;margin:23px 0}
.pathway-levels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:22px 0 30px}
.pathway-level{display:grid;justify-items:center;gap:4px;padding:15px 3px;min-height:86px;border:1px solid #d4e9ea;border-radius:14px;background:#f8fcfd;color:#68848e;opacity:.8}
.pathway-level strong{font-size:1.2rem}.pathway-level small{font-size:.68rem;text-align:center;line-height:1.25}
.pathway-level.open{background:#e4fff3;border-color:#a4e5c9;color:#176b62;opacity:1}
.pathway-level.now{background:linear-gradient(145deg,#ccf6ff,#e0fff0);border:2px solid #12a7b9;color:#086d82;opacity:1}
.pathway-lessons{display:grid;gap:11px}
.pathway-lesson{display:flex;align-items:center;gap:16px;background:#ffffffee;border:1px solid #caeaec;border-radius:18px;padding:17px 20px;box-shadow:0 6px 13px #167d9010}
.pathway-lesson>div{flex:1;min-width:0}.pathway-lesson h3{margin:5px 0;font-size:1.07rem;line-height:1.3;color:#174f5c}.pathway-lesson p{margin:4px 0}.pathway-lesson small{font-size:.8rem;color:#56817c}
.pathway-lesson.locked{opacity:.63;background:#f6fafb}.pathway-lesson.completed{border-color:#b3e8d1;background:linear-gradient(110deg,#f1fff8,#fff)}
.pathway-index{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:1.05rem;font-weight:900;background:linear-gradient(140deg,#ceeff7,#d9f5e8);color:#138a9c}
.pathway-lesson.completed .pathway-index{background:#bcebd2;color:#14664d}.pathway-lesson.locked .pathway-index{background:#e9f0f1}
.pathway-lesson button{flex-shrink:0;min-width:105px}
.course-extra-tools summary{cursor:pointer;font-weight:850;color:#285f6b;list-style-position:inside}
.course-extra-tools .controls-row{margin-top:18px}
@media(max-width:920px){.setup-wrap{grid-template-columns:minmax(0,1fr)}.setup-aside{display:none}.topbar-right .top-pill:not(.primary){display:none}}
@media(max-width:620px){body.onboarding-active #view{padding:16px 12px;align-items:center} .setup-card{padding:22px 18px!important;border-radius:23px!important}.setup-card h1{font-size:1.9rem}.setup-rating-grid{grid-template-columns:1fr;gap:10px}.setup-language{padding:12px;min-height:67px}.setup-route{padding:15px 12px}.setup-progress-track{margin-bottom:24px}.language-switch-button{padding:8px 11px;font-size:.82rem}.language-switch-button #active-language-label{max-width:105px;overflow:hidden;text-overflow:ellipsis}.topbar-right{gap:7px}.home-focused{display:block;padding:26px 21px!important}.home-active-badge{margin:22px auto 4px;max-width:200px}.home-simple-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.home-simple-stats>div{padding:14px}.skip-invite{display:block;padding:20px!important}.skip-invite button{margin-top:14px;width:100%}.pathway-levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.pathway-lesson{gap:10px;padding:15px 12px;align-items:flex-start}.pathway-index{width:32px;height:32px;font-size:.87rem}.pathway-lesson button{min-width:0;padding:8px 12px;font-size:.77rem;margin-top:7px}.home-next-section .heading-flex{display:block}.home-next-section button{margin-top:14px}}
@media(max-width:359px){.pathway-lesson{flex-wrap:wrap}.pathway-lesson>div{flex:1 1 calc(100% - 50px)}.pathway-lesson button{margin-left:42px}.setup-card h1{font-size:1.65rem}}
@media(prefers-reduced-motion:reduce){.setup-aside img{animation:none}}