/* Polyglot AI 5.3 — Guided Learning UI */
:root{--g-bg:#0b1324;--g-panel:#17233d;--g-border:rgba(255,255,255,.105);--g-text:#f8faff;--g-muted:#aebbd3;--g-primary:#7c5cff;--g-cyan:#38bdf8;--g-green:#34d399;--g-yellow:#fbbf24;--g-radius:18px;--g-shadow:0 16px 42px rgba(1,6,18,.24);--g-safe:env(safe-area-inset-bottom,0px)}
html{overflow-x:hidden!important;overflow-y:auto!important;background:var(--g-bg)!important}body{overflow-x:hidden!important;overflow-y:auto!important;background:radial-gradient(circle at 10% -5%,rgba(83,92,197,.18),transparent 30%),linear-gradient(180deg,#111b31,#0b1324 65%,#08101e)!important;color:var(--g-text)!important}.app-shell{height:auto!important;min-height:100vh!important;overflow:visible!important}.ambient{opacity:.1!important}
.topbar{position:sticky!important;top:0!important;z-index:1000!important;height:64px!important;min-height:64px!important;padding:0 20px!important;background:rgba(10,17,32,.92)!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;box-shadow:none!important;backdrop-filter:blur(20px)!important}.brand-lockup strong{font-size:17px!important}.brand-lockup span{font-size:9px!important;color:#96a6c3!important}.brand-mark{width:36px!important;height:36px!important;border-radius:12px!important;background:linear-gradient(145deg,var(--g-primary),#4f46e5)!important}.v53-search-trigger{height:38px;min-width:230px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);border-radius:12px;color:#aebbd3;display:flex;align-items:center;gap:8px;padding:0 10px;cursor:pointer}.v53-search-trigger span{flex:1;text-align:left;font-size:12px}.v53-search-trigger kbd{font:700 9px system-ui;padding:4px 6px;border-radius:6px;background:rgba(255,255,255,.07);color:#7f8eaa}
.app-body{display:grid!important;grid-template-columns:210px minmax(0,1fr)!important;gap:22px!important;align-items:start!important;padding:18px 24px 50px!important;height:auto!important;max-height:none!important;overflow:visible!important}.app-body>main{grid-column:2!important;min-width:0!important;width:100%!important;overflow:visible!important}.sidebar.v53-original-sidebar,.mobile-bottom-nav{display:none!important}.v53-nav{position:sticky;top:82px;height:calc(100vh - 100px);padding:10px;border:1px solid var(--g-border);border-radius:18px;background:rgba(20,31,55,.8);box-shadow:var(--g-shadow);display:flex;flex-direction:column;gap:5px}.v53-nav-brand{padding:7px 9px 13px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:4px}.v53-nav-brand small{display:block;color:#7d8da9;font-size:8px;letter-spacing:.14em}.v53-nav-brand b{display:block;font-size:13px;margin-top:3px}.v53-nav button{width:100%;height:46px;border:1px solid transparent;border-radius:12px;background:transparent;color:#aab8d0;display:flex;align-items:center;gap:11px;padding:0 12px;text-align:left;font-weight:750;font-size:13px;cursor:pointer}.v53-nav button:hover{background:rgba(255,255,255,.045);color:#fff}.v53-nav button.active{background:linear-gradient(145deg,rgba(124,92,255,.25),rgba(56,189,248,.07));border-color:rgba(174,157,255,.24);color:#fff;box-shadow:inset 3px 0 0 #9f8aff}.v53-nav .v53-icon{width:20px;height:20px;display:grid;place-items:center;font-size:18px}.v53-nav-tip{margin-top:auto;padding:11px;border-radius:13px;background:rgba(255,255,255,.035);display:flex;gap:9px;align-items:center}.v53-nav-tip>span{width:34px;height:34px;border-radius:10px;background:rgba(124,92,255,.16);display:grid;place-items:center;color:#c9beff;font-size:10px;font-weight:900}.v53-nav-tip b{display:block;font-size:10px}.v53-nav-tip small{display:block;color:#7f90ae;font-size:9px;line-height:1.4;margin-top:2px}
.v53-mobile-nav{display:none}.page-section{max-width:1180px!important;width:100%!important;margin:0 auto!important;padding-bottom:38px!important}
/* Dashboard redesigned */.dashboard-page.v53-dashboard{display:flex!important;flex-direction:column!important;gap:13px!important}.v53-dashboard>.v53-hidden-dashboard{display:none!important}.v53-dashboard.v53-details-open>.v53-hidden-dashboard{display:block!important}.v53-home-heading{margin:3px 0 5px}.v53-home-heading small{font-size:10px;letter-spacing:.12em;color:#a99cff;font-weight:800}.v53-home-heading h1{font-size:clamp(31px,3vw,43px);line-height:1.12;letter-spacing:-.04em;margin:7px 0}.v53-home-heading p{max-width:720px;color:var(--g-muted);font-size:14px;line-height:1.65;margin:0}.v53-primary{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:15px;align-items:center;padding:21px;border-radius:22px;border:1px solid rgba(174,157,255,.24);background:linear-gradient(140deg,rgba(124,92,255,.2),rgba(28,43,72,.74));box-shadow:var(--g-shadow)}.v53-primary-icon{width:52px;height:52px;border-radius:16px;background:rgba(124,92,255,.22);display:grid;place-items:center;font-size:25px}.v53-primary small{font-size:9px;letter-spacing:.11em;color:#a99cff}.v53-primary h2{font-size:24px;margin:4px 0}.v53-primary p{color:var(--g-muted);font-size:12px;margin:0}.v53-primary-meta{display:flex;gap:13px;margin-top:9px;color:#9aa9c4;font-size:10px}.v53-primary>button{min-width:130px;height:46px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--g-primary),#5145e8);color:#fff;font-weight:800;cursor:pointer}.v53-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.v53-home-card{border:1px solid var(--g-border);border-radius:18px;background:rgba(23,35,60,.74);color:#fff;padding:15px;display:grid;grid-template-columns:40px minmax(0,1fr) 20px;gap:11px;align-items:center;text-align:left;cursor:pointer}.v53-home-card>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:19px}.v53-home-card.review>span{background:rgba(251,191,36,.12)}.v53-home-card.progress>span{background:rgba(52,211,153,.12)}.v53-home-card small{display:block;color:#7f90ae;font-size:9px;letter-spacing:.09em}.v53-home-card b{display:block;font-size:15px;margin:4px 0}.v53-home-card p{margin:0;color:#9baac4;font-size:10px}.v53-home-quick h2{font-size:19px;margin:4px 0 10px}.v53-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.v53-quick-grid button{min-height:122px;padding:13px;border:1px solid var(--g-border);border-radius:17px;background:rgba(23,35,60,.68);color:#fff;text-align:left;display:flex;flex-direction:column;cursor:pointer}.v53-quick-grid button>span{color:#7d8daa;font-size:9px;font-weight:900;letter-spacing:.12em}.v53-quick-grid button>b{font-size:13px;line-height:1.35;margin:17px 0 4px}.v53-quick-grid button>small{color:#8797b3;font-size:9px;line-height:1.45}.v53-quick-grid button>em{font-style:normal;margin-top:auto;align-self:flex-end;color:#9f8aff}.v53-details-toggle{height:40px;border:1px solid var(--g-border);background:rgba(255,255,255,.035);border-radius:12px;color:#9eacc5;font-weight:700;cursor:pointer}
/* Group hub */.v53-hub-overlay,.v53-search-overlay,.v53-onboard{position:fixed;inset:0;z-index:1900;background:rgba(2,6,16,.72);backdrop-filter:blur(13px);display:grid;place-items:center;padding:18px}.v53-hub{width:min(820px,100%);max-height:88vh;overflow:auto;border:1px solid rgba(255,255,255,.13);border-radius:25px;background:linear-gradient(165deg,#1a2948,#10192f);box-shadow:0 34px 110px rgba(0,0,0,.6);padding:18px}.v53-hub-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.v53-hub-head small{font-size:9px;letter-spacing:.13em;color:#a99cff}.v53-hub-head h2{font-size:27px;margin:5px 0}.v53-hub-head p{max-width:610px;color:var(--g-muted);font-size:12px;line-height:1.6;margin:0}.v53-close{width:40px;height:40px;border:1px solid var(--g-border);border-radius:12px;background:rgba(255,255,255,.055);color:#fff;font-size:22px;cursor:pointer}.v53-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v53-hub-item{min-height:105px;border:1px solid var(--g-border);border-radius:16px;background:rgba(255,255,255,.035);color:#fff;padding:12px;display:grid;grid-template-columns:40px 1fr 18px;gap:10px;align-items:center;text-align:left;cursor:pointer}.v53-hub-item:hover{border-color:rgba(174,157,255,.3);background:rgba(124,92,255,.08)}.v53-hub-item>span{width:38px;height:38px;border-radius:12px;background:rgba(124,92,255,.16);display:grid;place-items:center;font-size:19px}.v53-hub-item b{display:block;font-size:14px}.v53-hub-item small{display:block;color:#8e9db8;font-size:10px;line-height:1.45;margin-top:3px}.v53-hub-item em{font-style:normal;color:#7182a2}
/* Search */.v53-search-dialog{width:min(650px,100%);max-height:76vh;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:#141f37;box-shadow:0 30px 100px rgba(0,0,0,.58);overflow:hidden}.v53-search-head{height:60px;display:grid;grid-template-columns:24px 1fr 36px;gap:10px;align-items:center;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.08)}.v53-search-head input{height:100%;border:0;background:transparent;color:#fff;font-size:16px;outline:0}.v53-search-results{max-height:calc(76vh - 60px);overflow:auto;padding:9px}.v53-search-results button{width:100%;border:0;border-radius:12px;background:transparent;color:#fff;padding:9px;display:grid;grid-template-columns:36px 1fr;gap:10px;text-align:left;cursor:pointer}.v53-search-results button:hover{background:rgba(255,255,255,.05)}.v53-search-results button>span{width:34px;height:34px;border-radius:11px;background:rgba(124,92,255,.14);display:grid;place-items:center}.v53-search-results b{display:block;font-size:12px}.v53-search-results small{display:block;font-size:10px;color:#8191ae;margin-top:3px}
/* Onboarding */.v53-onboard-card{width:min(720px,100%);max-height:92vh;overflow:auto;border:1px solid rgba(255,255,255,.14);border-radius:27px;background:linear-gradient(165deg,#1a2948,#10192f);box-shadow:0 34px 110px rgba(0,0,0,.6);padding:20px}.v53-onboard-progress{height:5px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.v53-onboard-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--g-primary),var(--g-cyan))}.v53-onboard-card h2{font-size:27px;margin:22px 0 13px}.v53-choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.v53-choice-grid button{min-height:110px;border:1px solid var(--g-border);border-radius:16px;background:rgba(255,255,255,.035);color:#fff;padding:12px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;cursor:pointer}.v53-choice-grid button.active{border-color:rgba(174,157,255,.5);background:rgba(124,92,255,.15)}.v53-choice-grid button>span{font-size:25px}.v53-choice-grid b{font-size:12px}.v53-choice-grid small{font-size:9px;color:#8494b0}.v53-onboard-actions{display:flex;justify-content:space-between;gap:10px;margin-top:17px}.v53-onboard-actions button{min-width:125px;height:43px;border-radius:12px;cursor:pointer}.v53-primary-btn{border:0;background:linear-gradient(135deg,var(--g-primary),#5044e8);color:#fff;font-weight:800}.v53-secondary-btn{border:1px solid var(--g-border);background:rgba(255,255,255,.04);color:#aebbd3}
/* Focus lesson */body.v53-lesson-focus .topbar,body.v53-lesson-focus .v53-nav,body.v53-lesson-focus .v53-mobile-nav{display:none!important}body.v53-lesson-focus .app-body{display:block!important;padding:12px 18px 48px!important}body.v53-lesson-focus .app-body>main{width:100%!important}body.v53-lesson-focus .lesson-player{max-width:980px!important;margin:0 auto!important}body.v53-lesson-focus .lesson-topbar{position:sticky;top:0;z-index:100;background:rgba(11,19,36,.94);padding:9px 0;margin:0 0 10px;backdrop-filter:blur(16px)}body.v53-lesson-focus .lesson-context-map{padding:10px 13px!important;border-radius:14px!important}body.v53-lesson-focus .lesson-context-map .learning-cycle{display:none!important}body.v53-lesson-focus .teaching-guide{max-height:62px;overflow:hidden;cursor:pointer;transition:max-height .25s}body.v53-lesson-focus .teaching-guide.v53-open{max-height:320px}body.v53-lesson-focus .lesson-stage{min-height:520px!important;border-radius:22px!important;padding:24px!important}body.v53-lesson-focus .lesson-actions{position:sticky;bottom:0;z-index:90;padding:25px 0 8px!important;background:linear-gradient(180deg,transparent,rgba(11,19,36,.98) 30%)}
/* Legacy panels remain functional but hidden until details or explicit action. */.v53-dashboard>.v33-week-plan,.v53-dashboard>.v33-level-guide,.v53-dashboard>.v35-mastery-panel,.v53-dashboard>.v38-dashboard{display:none!important}.v53-dashboard.v53-details-open>.v33-week-plan,.v53-dashboard.v53-details-open>.v33-level-guide,.v53-dashboard.v53-details-open>.v35-mastery-panel,.v53-dashboard.v53-details-open>.v38-dashboard{display:block!important}.v53-force-week .v53-dashboard>.v33-week-plan{display:block!important;order:99}
@media(max-width:1050px){.v53-search-trigger{width:40px;min-width:40px;padding:0;justify-content:center}.v53-search-trigger span,.v53-search-trigger kbd{display:none}.v53-quick-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){body{padding-bottom:calc(75px + var(--g-safe))!important}.topbar{height:56px!important;min-height:56px!important;padding:0 9px!important}.brand-lockup span,.streak-pill,.api-pill span{display:none!important}.brand-lockup strong{font-size:15px!important}.brand-mark{width:32px!important;height:32px!important}.language-quick-select,.api-pill,.v53-search-trigger{height:34px!important;min-height:34px!important;border-radius:10px!important}.v53-search-trigger{width:34px;min-width:34px}.app-body{display:block!important;padding:11px 9px calc(92px + var(--g-safe))!important}.app-body>main{width:100%!important}.v53-nav{display:none!important}.v53-mobile-nav{position:fixed;left:7px;right:7px;bottom:calc(7px + var(--g-safe));z-index:1500;height:66px;padding:6px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(10,18,34,.97);box-shadow:0 18px 52px rgba(0,0,0,.52);display:grid;grid-template-columns:repeat(5,1fr);gap:3px;backdrop-filter:blur(20px)}.v53-mobile-nav button{min-width:0;border:0;border-radius:14px;background:transparent;color:#7f90ad;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:3px;font-size:8px;font-weight:800}.v53-mobile-nav button .v53-icon{font-size:18px}.v53-mobile-nav button.active{color:#fff;background:linear-gradient(145deg,rgba(124,92,255,.4),rgba(56,189,248,.1))}.page-section{max-width:100%!important;padding-bottom:20px!important}.v53-home-heading h1{font-size:27px}.v53-home-heading p{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.v53-primary{grid-template-columns:43px 1fr;padding:15px;gap:10px;border-radius:18px}.v53-primary-icon{width:41px;height:41px;border-radius:13px}.v53-primary h2{font-size:19px}.v53-primary p{font-size:10px}.v53-primary>button{grid-column:1/-1;width:100%;height:44px}.v53-home-grid{grid-template-columns:1fr;gap:8px}.v53-home-card{padding:12px;grid-template-columns:36px 1fr 18px}.v53-home-card>span{width:34px;height:34px}.v53-home-card p{display:none}.v53-quick-grid{grid-template-columns:1fr 1fr;gap:8px}.v53-quick-grid button{min-height:106px;padding:11px}.v53-quick-grid button>b{font-size:12px;margin:12px 0 3px}.v53-hub-overlay,.v53-search-overlay,.v53-onboard{padding:0;place-items:end center}.v53-hub{width:100%;max-height:90vh;border-radius:23px 23px 0 0;padding:14px 12px calc(18px + var(--g-safe))}.v53-hub-head h2{font-size:23px}.v53-hub-grid{grid-template-columns:1fr}.v53-hub-item{min-height:86px;padding:10px;grid-template-columns:36px 1fr 16px}.v53-hub-item>span{width:34px;height:34px}.v53-search-dialog{width:100%;max-height:90vh;border-radius:23px 23px 0 0}.v53-search-results{max-height:calc(90vh - 60px);padding-bottom:calc(10px + var(--g-safe))}.v53-onboard-card{width:100%;min-height:100dvh;max-height:100dvh;border-radius:0;padding:14px}.v53-choice-grid{grid-template-columns:1fr 1fr}.v53-onboard-card h2{font-size:23px}.v53-onboard-actions{position:sticky;bottom:0;padding-top:24px;background:linear-gradient(180deg,transparent,#10192f 32%)}body.v53-lesson-focus .app-body{padding:7px 8px calc(18px + var(--g-safe))!important}body.v53-lesson-focus .lesson-context-map{display:none!important}body.v53-lesson-focus .lesson-stage{min-height:calc(100dvh - 175px)!important;border-radius:18px!important;padding:14px!important}body.v53-lesson-focus .answer-grid{grid-template-columns:1fr!important}body.v53-lesson-focus .lesson-actions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}body.v53-lesson-focus .lesson-actions button{width:100%!important}}