:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:geometricprecision;--bg:#f7fbfa;--surface:#fff;--surface-strong:#eef8f6;--text:#14201f;--muted:#657371;--line:#d9e7e4;--teal:#009d8f;--teal-dark:#00796f;--mint:#dff6ef;--coral:#ff6b1a;--amber:#ffb545;--ink:#24343f;--shadow:0 18px 48px #1538331f;--soft-shadow:0 10px 24px #12363114;--radius:8px;font-family:Inter,ui-rounded,SF Pro Rounded,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-width:320px;min-height:100%;color:var(--text);background:radial-gradient(circle at 18% 0,#009d8f14,#0000 28rem),linear-gradient(#f7fbfa 0%,#eef7f4 100%);margin:0}button{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}.app{grid-template-columns:220px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;background:#ffffffdb;flex-direction:column;gap:20px;height:100dvh;padding:18px 16px 20px;display:flex;position:sticky;top:0}.brand{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;min-height:52px;display:grid}.brand img{object-fit:cover;border-radius:8px;width:44px;height:44px}.brand strong{font-size:19px;line-height:1.15;display:block}.brand span{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.3;display:block}.navList{gap:6px;display:grid}.navList button,.mobileNav button{border-radius:var(--radius);color:#536260;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;min-height:48px;padding:0 12px;display:flex}.navList button.active,.navList button:hover{background:var(--surface-strong);color:var(--teal-dark)}.tripCard{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--soft-shadow);background:linear-gradient(#fff,#f4fbf8);margin-top:auto;padding:14px;overflow:hidden}.tripCard img{border-radius:var(--radius);object-fit:cover;float:left;width:58px;height:58px;margin-right:12px}.tripCard strong{color:var(--coral);font-size:16px;display:block}.tripCard span{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.35;display:block}.routeLine{clear:both;border-bottom:2px dashed #009d8f73;height:28px;margin-top:14px;transform:skewY(-6deg)}.main{min-width:0;padding:max(16px, env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom))}.topbar{grid-template-columns:1fr auto auto;align-items:center;gap:14px;margin-bottom:16px;display:grid}.profileSwitch{border:1px solid var(--line);border-radius:var(--radius);width:fit-content;box-shadow:var(--soft-shadow);background:#ffffffe6;align-items:center;gap:4px;padding:4px;display:flex}.profileSwitch button{min-height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:0 12px;display:flex}.profileSwitch button.active{background:var(--ink);color:#fff}.profileSwitch span{color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:inline-grid}.topStats,.headerActions{align-items:center;gap:10px;display:flex}.statPill{border:1px solid var(--line);border-radius:var(--radius);min-height:46px;box-shadow:var(--soft-shadow);background:#ffffffeb;grid-template-columns:auto auto;align-items:center;column-gap:7px;padding:6px 12px;display:grid}.statPill svg{color:var(--coral);grid-row:span 2}.statPill strong{font-size:15px;line-height:1}.statPill span{color:var(--muted);font-size:11px;line-height:1}.iconButton{border:1px solid var(--line);border-radius:var(--radius);width:44px;height:44px;color:var(--ink);cursor:pointer;background:#fffffff2;place-items:center;display:inline-grid}.mobileOnly{display:none}.notice{border-radius:var(--radius);color:#8d3b08;cursor:pointer;background:#fff6ef;border:1px solid #ff6b1a40;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:46px;margin-bottom:14px;padding:9px 12px;display:flex}.contentGrid{grid-template-columns:minmax(0,1fr) 318px;align-items:start;gap:20px;display:grid}.coursePanel,.rightRail{gap:16px;min-width:0;display:grid}.coursePanel>*,.rightRail>*,.heroCourse>*,.lessonFocus>*{min-width:0}.heroCourse,.courseHeader,.courseMap,.lessonFocus,.libraryPanel,.dictionaryPanel,.arenaHero,.arenaBoard,.railCard,.modeRail button{border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--soft-shadow);background:#fffffff0}.courseHeader{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px;display:grid}.courseHeader h1{margin:0;font-size:clamp(28px,3.4vw,42px);line-height:1.06}.courseHeader p{max-width:780px;color:var(--muted);margin:9px 0 0;font-size:15px;line-height:1.45}.courseHeader>div:last-child{border-radius:var(--radius);background:var(--surface-strong);text-align:center;min-width:134px;padding:13px}.courseHeader strong,.courseHeader span{display:block}.courseHeader strong{color:var(--teal-dark);font-size:28px;line-height:1}.courseHeader span{color:var(--muted);margin-top:5px;font-size:12px;font-weight:800}.heroCourse{grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:20px;display:grid}.dayCount{color:var(--teal-dark);margin-bottom:6px;font-size:18px;font-weight:800;display:block}.heroCourse h1{margin:0;font-size:clamp(26px,3vw,38px);line-height:1.05}.heroCourse p{max-width:760px;color:var(--muted);margin:9px 0 0;font-size:15px;line-height:1.45}.heroActions{gap:12px;min-width:220px;display:grid}.miniProgress{border-radius:var(--radius);background:var(--surface-strong);padding:12px}.miniProgress span{color:var(--muted);font-size:12px;font-weight:700}.miniProgress strong{margin-top:3px;font-size:24px;display:block}.miniProgress div,.monthFacts div,.runnerProgress{background:#dce8e6;border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.miniProgress i,.monthFacts i,.runnerProgress i{border-radius:inherit;background:linear-gradient(90deg, var(--teal), #2ecf9c);height:100%;display:block}.primaryButton,.secondaryButton,.ghostButton{border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 16px;font-weight:800;display:inline-flex}.primaryButton{color:#fff;background:linear-gradient(135deg, var(--teal), #03b69a);border:0;box-shadow:0 12px 24px #009d8f42}.primaryButton:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.secondaryButton{color:var(--teal-dark);background:#f2fbf8;border:1px solid #009d8f3d}.ghostButton{border:1px solid var(--line);color:var(--ink);background:#fff}.wide{width:100%}.suggestionStrip{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding-top:14px;display:grid}.suggestionStrip strong{display:block}.suggestionStrip span{color:var(--muted);margin-top:3px;font-size:13px;display:block}.dayRing,.bigRing{background:conic-gradient(var(--teal) var(--value), #e0ebe8 0);border-radius:50%;place-items:center;display:grid;position:relative}.dayRing{width:58px;height:58px}.dayRing:after,.bigRing:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:7px}.dayRing b,.bigRing strong,.bigRing span{z-index:1;position:relative}.sectionHeader{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.sectionHeader h2{margin:0;font-size:20px;line-height:1.15}.sectionHeader p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.35}.sectionHeader.compact{margin-bottom:12px}.courseMap{padding:18px}.dayDots{scrollbar-width:none;gap:7px;padding:2px 0 14px;display:flex;overflow-x:auto}.dayDots::-webkit-scrollbar{display:none}.dayDots button{border:1px solid var(--line);color:#74807e;cursor:pointer;background:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.dayDots button.done{color:#fff;background:#55b94c;border-color:#55b94c}.dayDots button.active{border-color:var(--teal);box-shadow:0 0 0 4px #009d8f1f}.mapNodes{grid-template-columns:repeat(5,minmax(112px,1fr));gap:14px;padding:4px 0 14px;display:grid}.mapNodes.fullMap{grid-template-columns:repeat(6,minmax(112px,1fr))}.mapNode{border-radius:var(--radius);min-height:112px;color:var(--ink);cursor:pointer;background:#fbfefd;border:1px dashed #b8cbc7;align-content:center;justify-items:center;gap:9px;padding:10px;display:grid;position:relative}.mapNode:after{content:"";border-top:2px dashed #c9d8d5;width:24px;position:absolute;top:50%;right:-20px}.mapNode:nth-child(5n):after{display:none}.mapNode span:first-child{border-radius:var(--radius);width:58px;height:58px;color:var(--ink);background:#eef9f6;border:1px solid #009d8f73;place-items:center;display:grid;position:relative}.mapNode strong{text-align:center;font-size:12px;line-height:1.2}.mapNode.selected{border-style:solid;border-color:var(--teal);box-shadow:0 12px 28px #009d8f29}.mapNode.done span:first-child{background:#e9f8e9;border-color:#55b94c}.nodeCheck{color:#fff;background:#55b94c;border-radius:50%;width:22px;height:22px;padding:4px;position:absolute;bottom:-7px;right:-7px}.nodeCheck.locked{background:#9aa8a5}.continueBar{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:58px;color:var(--ink);text-align:left;cursor:pointer;background:linear-gradient(90deg,#f7fffc,#fff);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.continueBar strong,.continueBar span{display:block}.continueBar span{color:var(--muted);margin-top:3px;font-size:13px}.lessonFocus{grid-template-columns:minmax(0,1.1fr) minmax(260px,.8fr);gap:16px;padding:14px;display:grid}.lessonPhrase{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:54px minmax(0,1fr) auto;align-items:start;gap:14px;min-width:0;padding:14px;display:grid}.phraseIcon{border-radius:var(--radius);background:var(--surface-strong);width:54px;height:54px;color:var(--teal-dark);place-items:center;display:grid}.lessonPhrase span{color:var(--muted);font-size:13px;font-weight:700}.lessonPhrase h2{margin:6px 0 5px;font-size:27px;line-height:1.12}.lessonPhrase p{color:var(--muted);margin:0}.dialogueCard{border-left:1px solid var(--line);padding:14px}.dialogueCard h3{margin:0 0 10px;font-size:14px}.dialogueCard p{color:var(--ink);margin:0 0 10px;font-size:13px;line-height:1.35}.dialogueCard span{color:var(--muted);margin-top:2px;display:block}.lessonList{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.lessonList button{border:1px solid var(--line);border-radius:var(--radius);min-height:86px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.lessonList button>span{border-radius:var(--radius);width:34px;height:34px;color:var(--teal-dark);background:#eef8f6;place-items:center;display:grid}.lessonList button.done>span{color:#42a33b;background:#e9f8e9}.lessonList strong,.lessonList small{display:block}.lessonList small{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.25}.lessonList em{color:var(--teal-dark);font-size:12px;font-style:normal;font-weight:800}.focusActions{grid-column:1/-1;gap:10px;display:flex}.modeRail{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.modeRail button{min-height:92px;color:var(--ink);cursor:pointer;justify-items:center;gap:5px;padding:14px;display:grid}.modeRail svg{color:var(--teal-dark)}.modeRail strong{font-size:14px}.modeRail span{color:var(--muted);font-size:12px}.railCard{padding:16px}.duelCard .sectionHeader svg{color:#719be9}.versus{grid-template-columns:1fr 44px 1fr;place-items:center;gap:12px;margin:8px 0 12px;display:grid}.versus>span{background:#f0f4f3;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.avatar{border:3px solid var(--accent);background:#fff;border-radius:50%;place-items:center;width:82px;height:82px;padding:5px;display:grid}.avatar span{background:linear-gradient(135deg, #ffb54557, transparent 48%), linear-gradient(145deg, var(--surface-strong), #fff);width:100%;height:100%;color:var(--accent);border-radius:50%;place-items:center;font-size:30px;font-weight:900;display:grid}.scoreRow{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:10px;padding-bottom:12px;display:grid}.scoreRow div{min-width:0}.scoreRow strong,.scoreRow span{text-align:center;display:block}.scoreRow strong{font-size:28px;line-height:1}.scoreRow span{margin-top:4px;font-weight:800}.leaderLine{min-height:42px;color:var(--ink);align-items:center;gap:8px;font-size:14px;display:flex}.leaderLine svg{color:var(--amber)}.monthProgress{grid-template-columns:104px minmax(0,1fr);align-items:center;gap:16px;display:grid}.bigRing{width:104px;height:104px}.bigRing strong{color:var(--teal-dark);margin-top:9px;font-size:24px}.bigRing span{color:var(--muted);margin-top:34px;font-size:11px;font-weight:800}.monthFacts strong,.monthFacts span{display:block}.monthFacts strong{font-size:18px}.monthFacts span{color:var(--muted);margin-top:9px;font-size:13px}.chart{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:8px;height:156px;padding-top:10px;display:grid}.chartColumn{grid-template-rows:1fr auto;justify-items:center;gap:7px;min-width:0;height:100%;display:grid}.chartColumn>div{border-bottom:1px solid var(--line);justify-content:center;align-items:end;gap:4px;width:100%;height:100%;display:flex}.chartColumn i{border-radius:4px 4px 0 0;width:9px;min-height:10px}.chartColumn span,.legend{color:var(--muted);font-size:12px}.legend{justify-content:center;gap:16px;margin-top:8px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:3px;width:10px;height:10px}.phraseDeck{gap:8px;display:grid}.phraseDeck button{border:1px solid var(--line);border-radius:var(--radius);min-height:54px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:9px;padding:8px 10px;display:grid}.phraseDeck svg{color:var(--teal-dark)}.phraseDeck strong,.phraseDeck small{display:block}.phraseDeck strong{font-size:13px;line-height:1.25}.phraseDeck small{color:var(--muted);margin-top:2px;font-size:12px}.libraryPanel,.dictionaryPanel{padding:18px}.libraryPanel>.sectionHeader svg{color:var(--teal-dark)}.lessonCatalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.lessonCatalog button,.dictionaryList button,.duelTopics button{border:1px solid var(--line);border-radius:var(--radius);min-width:0;color:var(--ink);cursor:pointer;background:#fff}.lessonCatalog button{text-align:left;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:86px;padding:12px;display:grid}.lessonCatalog button.selected{border-color:var(--teal);background:#f2fbf8}.lessonCatalog button.done{border-color:#55b94c7a}.catalogIcon{border-radius:var(--radius);background:var(--surface-strong);width:44px;height:44px;color:var(--teal-dark);place-items:center;display:grid}.lessonCatalog strong,.lessonCatalog small,.lessonCatalog em{display:block}.lessonCatalog strong{font-size:14px;line-height:1.2}.lessonCatalog small{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.25}.lessonCatalog em{color:var(--teal-dark);white-space:nowrap;font-size:12px;font-style:normal;font-weight:900}.arenaHero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px;display:grid}.arenaHero h1{margin:0;font-size:clamp(30px,4vw,44px)}.arenaHero p{max-width:720px;color:var(--muted);margin:8px 0 0;line-height:1.45}.arenaBoard{grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);align-items:center;gap:14px;padding:18px;display:grid}.arenaPlayer,.arenaCenter{border-radius:var(--radius);text-align:center;background:#fbfefd;align-content:center;place-items:center;gap:7px;min-height:180px;display:grid}.arenaPlayer strong,.arenaCenter strong{font-size:20px}.arenaPlayer span,.arenaCenter span,.arenaPlayer em{color:var(--muted);font-size:13px;font-style:normal;font-weight:800}.arenaCenter svg{color:#719be9}.duelTopics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.duelTopics button{text-align:left;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:8px;min-height:58px;padding:10px 12px;display:grid}.duelTopics svg{color:var(--teal-dark)}.duelTopics span{font-size:13px;font-weight:800;line-height:1.2}.historyList{gap:8px;display:grid}.historyList>div{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-height:54px;padding:10px 12px}.historyList strong,.historyList span{display:block}.historyList strong{font-size:14px}.historyList span{color:var(--muted);margin-top:3px;font-size:13px;line-height:1.3}.emptyState{color:var(--muted);font-size:14px;line-height:1.4}.searchBox{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;min-height:54px;padding:0 14px;display:grid}.searchBox svg{color:var(--teal-dark)}.searchBox input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;font-size:16px}.dictionaryList{gap:8px;margin-top:14px;display:grid}.dictionaryList button{text-align:left;grid-template-columns:26px minmax(0,1fr) minmax(130px,auto);align-items:center;gap:10px;min-height:66px;padding:10px 12px;display:grid}.dictionaryList svg{color:var(--teal-dark)}.dictionaryList strong,.dictionaryList small,.dictionaryList em{display:block}.dictionaryList strong{font-size:15px;line-height:1.2}.dictionaryList small{color:var(--muted);margin-top:3px;font-size:13px}.dictionaryList em{color:var(--muted);text-align:right;font-size:12px;font-style:normal;font-weight:800}.statsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.profileStats{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--soft-shadow);background:#fffffff0;padding:16px}.profileStatsHead{align-items:center;gap:14px;display:flex}.profileStatsHead .avatar{width:74px;height:74px}.profileStatsHead h2{margin:0;font-size:24px}.profileStatsHead span{color:var(--muted);margin-top:4px;font-weight:800;display:block}.statTiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.statTiles div{border-radius:var(--radius);background:var(--surface-strong);text-align:center;align-content:center;place-items:center;min-height:76px;display:grid}.statTiles strong{color:var(--teal-dark);font-size:23px}.statTiles span{color:var(--muted);font-size:11px;font-weight:800}.shareBars{gap:12px;display:grid}.shareBars div{grid-template-columns:90px 48px minmax(0,1fr);align-items:center;gap:10px;display:grid}.shareBars span,.shareBars strong{font-weight:900}.shareBars i{background:#dce8e6;border-radius:999px;height:10px;overflow:hidden}.shareBars b{border-radius:inherit;height:100%;display:block}.runnerOverlay{z-index:50;padding:max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0e1f1d61;place-items:center;display:grid;position:fixed;inset:0}.runner{width:min(760px,100%);max-height:min(860px,100%);box-shadow:var(--shadow);background:#fff;border-radius:12px;grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;overflow:hidden}.runner header{border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.runner header span,.runner header strong{display:block}.runner header span{color:var(--muted);font-size:13px;font-weight:800}.runner header strong{margin-top:2px;font-size:20px;line-height:1.15}.runnerScore{border-radius:var(--radius);background:var(--surface-strong);min-width:54px;height:36px;color:var(--teal-dark);place-items:center;font-weight:900;display:grid}.runnerProgress{border-radius:0;margin:0}.exercise{min-height:0;padding:24px;overflow-y:auto}.exerciseType{color:var(--teal-dark);align-items:center;gap:8px;font-weight:900;display:flex}.exercise h2{margin:14px 0 16px;font-size:clamp(24px,4vw,34px);line-height:1.14}.listenButton{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);min-height:48px;color:var(--teal-dark);cursor:pointer;align-items:center;gap:8px;margin-bottom:16px;padding:0 14px;font-weight:900;display:inline-flex}.optionGrid{gap:10px;display:grid}.optionGrid button{border:1px solid var(--line);border-radius:var(--radius);min-height:58px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;padding:12px 14px;font-size:16px;font-weight:800}.optionGrid button.selected{border-color:var(--teal);background:#effbf8;box-shadow:0 0 0 3px #009d8f1a}.optionGrid button.correct{background:#eefaf0;border-color:#3faf55}.optionGrid button.wrong{background:#fff3ec;border-color:#ff8a54}.runner footer{border-top:1px solid var(--line);background:#fbfefd;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.feedback strong,.feedback span{display:block}.feedback strong{font-size:15px}.feedback span{color:var(--muted);margin-top:3px;font-size:13px;line-height:1.35}.feedback.correct strong{color:#2b9442}.feedback.wrong strong{color:#c84a0b}.mobileNav{display:none}@media (width<=1180px){.app{grid-template-columns:86px minmax(0,1fr)}.sidebar{padding-inline:10px}.brand{grid-template-columns:1fr;justify-items:center}.brand div,.navList span,.tripCard{display:none}.navList button{justify-content:center;padding:0}.contentGrid{grid-template-columns:minmax(0,1fr)}.rightRail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){body{background:var(--bg)}.app{min-height:100dvh;display:block}.sidebar{width:min(86vw,320px);height:100dvh;box-shadow:var(--shadow);padding-top:max(18px, env(safe-area-inset-top));pointer-events:none;visibility:hidden;transition:transform .18s;position:fixed;inset:0 auto 0 0;transform:translate(-106%)}.sidebar.is-open{pointer-events:auto;visibility:visible;transform:translate(0)}.brand{grid-template-columns:44px minmax(0,1fr);justify-items:stretch}.brand div,.navList span,.tripCard{display:block}.navList button{justify-content:flex-start;padding:0 12px}.main{padding:max(12px, env(safe-area-inset-top)) 12px calc(86px + env(safe-area-inset-bottom))}.topbar{z-index:12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7fbfae0;grid-template-columns:44px minmax(0,1fr) auto;margin-bottom:8px;padding:8px 0 10px;position:sticky;top:0}.mobileOnly{display:inline-grid}.profileSwitch{width:100%}.profileSwitch button{flex:1;justify-content:center;min-width:0;padding-inline:8px}.topStats,.headerActions{display:none}.contentGrid,.coursePanel,.rightRail{gap:12px}.rightRail{grid-template-columns:1fr}.heroCourse{grid-template-columns:1fr;gap:14px;padding:16px}.courseHeader{grid-template-columns:1fr;padding:16px}.courseHeader h1{font-size:31px}.courseHeader>div:last-child{text-align:left}.heroCourse h1{font-size:29px}.heroActions{grid-template-columns:minmax(0,1fr);min-width:0}.suggestionStrip{grid-template-columns:1fr}.dayRing{display:none}.courseMap{padding:14px}.sectionHeader{align-items:center}.sectionHeader .ghostButton{display:none}.mapNodes{scroll-snap-type:x mandatory;grid-template-columns:repeat(15,118px);padding-bottom:10px;overflow-x:auto}.mapNodes.fullMap{grid-template-columns:repeat(30,118px)}.mapNode{scroll-snap-align:start}.mapNode:after{display:none}.lessonFocus{grid-template-columns:1fr;padding:12px}.lessonPhrase{grid-template-columns:48px minmax(0,1fr) 44px;padding:12px}.phraseIcon{width:48px;height:48px}.lessonPhrase h2{font-size:23px}.dialogueCard{border-left:0;border-top:1px solid var(--line);padding:12px 2px 2px}.lessonList{grid-template-columns:1fr}.lessonList button{min-height:76px}.focusActions{padding-top:0;position:static}.focusActions .primaryButton,.focusActions .secondaryButton{flex:1}.modeRail{grid-template-columns:repeat(2,minmax(0,1fr))}.modeRail button{min-height:86px}.monthProgress{grid-template-columns:92px minmax(0,1fr)}.lessonCatalog,.duelTopics,.statsGrid{grid-template-columns:1fr}.libraryPanel,.dictionaryPanel{padding:14px}.lessonCatalog button{grid-template-columns:42px minmax(0,1fr)}.lessonCatalog em{grid-column:2}.arenaHero,.arenaBoard{grid-template-columns:1fr;padding:16px}.arenaPlayer,.arenaCenter{min-height:140px}.dictionaryList button{grid-template-columns:26px minmax(0,1fr)}.dictionaryList em{text-align:left;grid-column:2}.statTiles{grid-template-columns:repeat(2,minmax(0,1fr))}.shareBars div{grid-template-columns:82px 42px minmax(0,1fr)}.bigRing{width:92px;height:92px}.mobileNav{z-index:18;padding:7px 8px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffeb;grid-template-columns:repeat(4,1fr);gap:2px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobileNav button{flex-direction:column;justify-content:center;gap:4px;min-height:56px;padding:0;font-size:11px;font-weight:800}.mobileNav button.active{color:var(--teal-dark);background:var(--surface-strong)}.runnerOverlay{align-items:stretch;padding:0}.runner{border-radius:0;width:100%;min-height:100dvh;max-height:none}.runner header{padding-top:max(12px, env(safe-area-inset-top))}.exercise{padding:20px 14px}.optionGrid button{min-height:64px}.runner footer{padding-bottom:max(14px, env(safe-area-inset-bottom));grid-template-columns:1fr}}@media (width<=460px){.profileSwitch button{font-size:13px}.heroCourse h1{font-size:26px}.heroCourse p,.sectionHeader p{font-size:13px}.dayDots button{width:32px;height:32px}.lessonPhrase{grid-template-columns:1fr 44px}.phraseIcon{display:none}.lessonPhrase h2{overflow-wrap:anywhere}.scoreRow strong{font-size:24px}.avatar{width:74px;height:74px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}