:root{color:#0b1d3a;background:#dfeaf8;--ink: #0b1d3a;--muted: #637087;--line: #e7edf5;--paper: #ffffff;--page: #dfeaf8;--green: #00a77a;--green-dark: #008d67;--green-soft: #e6f8f2;--surface-soft: #f8fafc;--surface-raised: #ffffff;--app-surface: #f8fafc;--stage-bg: #dfeaf8;--stage-glow: rgba(255, 255, 255, .72);--shadow-card: 0 18px 44px rgba(31, 45, 68, .045);--shadow-panel: 0 24px 68px rgba(31, 45, 68, .07);--orange: #ff9f1c;--violet: #8e44f6;--blue: #5d7ce4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}.prototype-hero h1,.prototype-section-heading h2{color:#10233f}.prototype-task-selector{width:min(550px,100%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.prototype-task-selector button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 10px;color:#4f6074;border:1px solid #dfe5df;border-radius:12px;background:#fff;font-size:13px;font-weight:800;white-space:nowrap}.prototype-task-selector button:hover,.prototype-task-selector button:focus-visible{color:#007c5c;border-color:#89cdb9;outline:none}.prototype-task-selector button.active{color:#fff;border-color:#008d67;background:#008d67;box-shadow:none}.prototype-task-panel{width:min(520px,100%);min-height:62px}.prototype-task-copy{display:grid;align-items:center;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:3px;padding:2px 0}.prototype-task-copy>span,.prototype-task-copy small{color:#748296;font-size:12px;font-weight:700}.prototype-task-copy strong{min-width:0;color:#10233f;font-size:16px;line-height:1.35}.prototype-task-copy button{grid-column:2;grid-row:1 / span 3;min-height:48px;padding-inline:16px;border-radius:12px;background:#008d67;box-shadow:none}.prototype-search button{border-radius:10px;background:#008d67}.prototype-guest-note{color:#6e7f8f}.home-explore{border:1px solid #e1e7e2;border-radius:16px;background:#fffdf8}.home-explore>summary{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;color:#10233f;cursor:pointer;list-style:none}.home-explore>summary::-webkit-details-marker{display:none}.home-explore>summary span{display:grid;gap:3px}.home-explore>summary strong{font-size:15px}.home-explore>summary small{color:#728195;font-size:12px}.home-explore>summary svg{color:#008d67;transition:transform .16s ease}.home-explore[open]>summary{border-bottom:1px solid #e6ebe6}.home-explore[open]>summary svg{transform:rotate(90deg)}.home-explore-content{display:grid;gap:20px;padding:20px}.home-explore-content .curriculum-summary,.home-explore-content .learning-tools,.home-explore-content .need-phrase-finder,.home-explore-content .seo-topic-links,.home-explore-content .seo-intent-links,.home-explore-content .home-heatmap{border-radius:14px}.phrase-task-results{display:grid;gap:14px;margin:20px 0;padding:20px;border:1px solid #dce8e1;border-radius:16px;background:#f7fcf9}.phrase-task-results-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.phrase-task-results-heading>div{display:grid;gap:4px}.phrase-task-results-heading span{color:#008d67;font-size:12px;font-weight:800}.phrase-task-results-heading h2{margin:0;color:#10233f;font-size:21px}.phrase-task-results-heading p{margin:0;color:#647488;font-size:13px;line-height:1.5}.phrase-task-results-heading>strong{min-width:42px;min-height:30px;display:inline-grid;place-items:center;color:#007c5c;border-radius:999px;background:#e5f6ef;font-size:13px}.phrase-task-results-list{display:grid;gap:10px}.phrase-task-result-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:0 14px;border:1px solid #dfe9e3;border-radius:14px;background:#fff}.phrase-task-result-card .phrase-row{min-width:0;border-bottom:0}.phrase-status-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.phrase-status-actions button{min-height:38px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;color:#567084;border:1px solid #d9e5df;border-radius:10px;background:#fff;font-size:12px;font-weight:800}.phrase-status-actions button.active{color:#007c5c;border-color:#75c8ae;background:#e9f8f1}.practice-rhythm{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0}.practice-rhythm span,.practice-rhythm button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 8px;color:#64758a;border:1px solid #dce5df;border-radius:10px;background:#fbfdfc;font-size:12px;font-weight:800;text-align:center}.practice-rhythm button{color:#007c5c;border-color:#a2d8c5;background:#f1fbf6}.practice-rhythm .current{color:#007c5c}@media(max-width:767px){.prototype-hero{min-height:0;border-radius:16px}.prototype-hero-copy{gap:13px;padding:20px 18px}.prototype-task-selector{gap:6px}.prototype-task-selector button{gap:4px;padding-inline:5px;font-size:11px}.prototype-task-selector svg{width:15px;height:15px}.prototype-task-panel{min-height:52px}.prototype-task-copy{grid-template-columns:minmax(0,1fr);gap:3px}.prototype-task-copy button{grid-column:1;grid-row:auto;width:100%;margin-top:7px}.home-explore>summary{min-height:70px;padding:14px 16px}.home-explore-content{gap:16px;padding:14px}.phrase-task-results{margin:16px 0;padding:16px}.phrase-task-results-heading h2{font-size:19px}.phrase-task-result-card{grid-template-columns:1fr;gap:4px;padding:0 12px 12px}.phrase-status-actions{justify-content:stretch}.phrase-status-actions button{flex:1 1 0;justify-content:center}.practice-rhythm{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:14px 0}.practice-rhythm span,.practice-rhythm button{font-size:11px}}:root[data-theme=dark]{color:#eef5ff;background:#071225;--ink: #eef3fb;--muted: #9aa7bb;--line: #20314d;--paper: #0b1d3a;--page: #071225;--green: #00d596;--green-dark: #00a77a;--green-soft: rgba(0, 167, 122, .18);--surface-soft: #10243f;--surface-raised: #0f223d;--app-surface: #0a172a;--stage-bg: #071225;--stage-glow: rgba(0, 213, 150, .1);--shadow-card: 0 20px 54px rgba(0, 0, 0, .24);--shadow-panel: 0 28px 80px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html,#root{width:100%;min-height:100%;max-width:100%;overflow-x:clip;background:var(--page)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}body{margin:0;width:100%;max-width:100%;min-width:320px;min-height:100dvh;background:radial-gradient(circle at 18% 8%,var(--stage-glow),transparent 28rem),linear-gradient(180deg,var(--stage-bg) 0%,var(--page) 100%);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;overflow-x:hidden;-webkit-font-smoothing:antialiased}.app-shell{--app-width: min(1560px, calc(100vw - clamp(28px, 8vw, 160px)) );--app-y: clamp(20px, 5vh, 52px);--app-pad: 22px;--sidebar-width: 284px;width:min(1560px,calc(100vw - clamp(28px,8vw,160px)));min-height:calc(100vh - clamp(42px,8vh,104px));margin:clamp(20px,5vh,52px) auto;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);gap:22px;padding:var(--app-pad);overflow:visible;border:1px solid rgba(255,255,255,.72);border-radius:30px;background:#ffffffc2;box-shadow:0 34px 100px #162b4a1f;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.sidebar{position:fixed;z-index:20;top:calc(var(--app-y) + var(--app-pad));left:calc((100vw - var(--app-width)) / 2 + var(--app-pad));width:var(--sidebar-width);height:calc(100dvh - (var(--app-y) * 2) - (var(--app-pad) * 2));min-height:0;max-height:none;padding:26px 22px;display:flex;flex-direction:column;gap:24px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;color:var(--ink);border:1px solid rgba(232,238,247,.9);border-radius:24px;background:#ffffffeb;box-shadow:0 22px 54px #1f2d440e}.sidebar::-webkit-scrollbar{display:none}.workspace{grid-column:2}.brand{display:flex;align-items:center;gap:14px;padding:4px 8px 12px}.mobile-menu-button{display:none}.brand-mark,.avatar,.metric-icon,.path-index,.progress-card-head>div{display:inline-grid;place-items:center;flex:0 0 auto}.brand-mark{width:48px;height:48px;color:#fff;overflow:hidden;background:#fff;border-radius:14px;box-shadow:0 12px 28px #0b1d3a1f}.brand-mark img{width:100%;height:100%;object-fit:contain;display:block}.brand strong{display:block;color:var(--ink);font-size:30px;line-height:1.1;letter-spacing:0}.brand span{display:block;margin-top:6px;color:#8a8d93;font-size:14px}.main-nav{display:grid;gap:8px}.main-nav button,.path-item,.review-stack button,.review-list button,.filter-row button,.ghost-button,.primary-action,.link-button{border:0;border-radius:8px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.main-nav button{position:relative;min-height:48px;display:flex;align-items:center;gap:14px;padding:0 16px;color:#5d6674;background:transparent;font-size:16px;font-weight:700;text-align:left;box-shadow:none}.main-nav button:before{content:"";position:absolute;left:-22px;top:13px;width:3px;height:22px;border-radius:999px;background:transparent;transition:background .18s ease}.main-nav button:hover{color:var(--ink);background:#f4f8fc;box-shadow:none;transform:none}.main-nav button.active{color:#10213d;background:color-mix(in srgb,var(--green-soft) 64%,#f5f8fc);box-shadow:none}.main-nav button.active:before{background:var(--green)}.main-nav button svg{color:currentColor}.trip-card,.profile-card{margin-top:auto;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fafafa}.profile-card{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;margin-top:auto;padding:14px;border-radius:16px;background:color-mix(in srgb,var(--paper) 78%,var(--surface-soft));box-shadow:inset 0 0 0 1px #e7edf5d1}.profile-card strong,.profile-card small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-card .avatar{width:34px;height:34px;font-size:14px}.profile-card>div:last-child{min-width:0}.trip-card span,.trip-card small,.profile-card span,.profile-card small{display:block;color:#7b7e85}.trip-card strong,.profile-card strong{display:block;margin:0 0 3px;color:var(--ink);font-size:15px}.trip-card button,.link-button{margin-top:18px;width:100%;min-height:44px;color:#0f426b;background:#c8f4ff;font-weight:800}.workspace{min-width:0;padding:0;color:var(--ink)}.workspace-topbar{min-height:78px;display:grid;grid-template-columns:minmax(110px,max-content) minmax(280px,520px) minmax(0,1fr);align-items:center;gap:18px;margin-bottom:22px;padding:16px 20px;border:1px solid rgba(232,238,247,.88);border-radius:24px;background:#ffffffe6;box-shadow:0 18px 44px #1f2d440b}.workspace-topbar h1{margin:0;color:#101827;font-size:22px;line-height:1;font-weight:900}.search-shell{position:relative;min-width:0;z-index:5}.global-search{min-height:42px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid transparent;border-radius:14px;background:#f6f7f9;color:#83868d;box-shadow:inset 0 0 0 1px #e8ecf27a}.global-search:focus-within{background:#fff;border-color:color-mix(in srgb,var(--green) 34%,var(--line));box-shadow:0 12px 28px #00a77a1a,0 0 0 4px #00a77a1a}.global-search input{width:100%;min-width:0;border:0;outline:0;color:#202329;background:transparent}.global-search input:focus-visible{outline:0}.search-clear{min-width:24px;height:24px;display:inline-grid;place-items:center;color:#666a70;border-radius:7px;background:#fff;font-size:12px;font-weight:700}.search-clear{border:0;color:#8a8e96;background:transparent;padding:0}.search-clear:hover{color:var(--green);background:var(--green-soft);transform:none}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;display:grid;gap:6px;padding:10px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 22px 46px #161a1f24}.search-results button{min-height:60px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px 12px;padding:10px 12px;color:#23262c;border:1px solid transparent;border-radius:12px;background:#fff;text-align:left}.search-results button:hover,.search-results button:focus-visible{border-color:#ccefe1;background:#f4fff9;transform:none}.search-results button>span:first-child{grid-row:span 2;width:34px;height:34px;display:inline-grid;place-items:center;color:var(--green);border-radius:50%;background:var(--green-soft)}.search-results strong,.search-results small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-results small{grid-column:2 / 3;color:#747982}.search-results em{grid-column:3;grid-row:1 / span 2;color:#0c8f60;font-size:12px;font-style:normal;font-weight:900;white-space:nowrap}.search-empty{padding:16px}.search-empty strong,.search-empty small{display:block}.search-empty small{margin-top:6px;color:#777b82}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.drawer-actions{display:none}.topbar-actions span,.topbar-actions button{min-height:40px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid transparent;border-radius:14px;color:#25282d;background:#f7f8fa;font-weight:700}.topbar-actions button{width:44px;height:44px;justify-content:center;padding:0;border-color:#e8ecf2b8;box-shadow:0 10px 22px #1f2d440a}.topbar-actions button:hover{color:var(--green);border-color:color-mix(in srgb,var(--green) 34%,var(--line));background:#fff;transform:none}.top-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:18px;margin-bottom:24px}.top-strip.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.metric,.wide-metric,.traveler{min-height:94px;padding:18px 20px;border:1px solid rgba(232,238,247,.9);border-radius:20px;background:#ffffffeb;box-shadow:0 18px 44px #1f2d440b}.metric{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px}.metric-card .progress-track{grid-column:1 / -1}.metric-icon{width:54px;height:54px;color:#fff;background:linear-gradient(145deg,var(--green),var(--green-dark));border-radius:999px;box-shadow:0 14px 30px #00a77a2e}.metric span,.wide-metric span,.traveler span,.section-title span,.rail-title span,.progress-card span{color:#777b82;font-size:14px;font-weight:700}.metric strong,.wide-metric strong{display:block;margin:2px 0;color:#101b31;font-size:26px;line-height:1;white-space:nowrap}.metric small,.traveler span,.progress-card small,.path-copy small,.phrase-row small,.review-stack small,.review-list small,.speech-card small{color:#778096;font-size:13px}.wide-metric{display:grid;gap:10px}.progress-track{height:8px;border-radius:999px;background:#ececec;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#00a76f,#18c98b)}.traveler{display:flex;align-items:center;gap:12px}.traveler strong{display:block}.avatar{width:46px;height:46px;color:#fff;background:linear-gradient(145deg,#16bf7f,#009c68);border-radius:50%;font-weight:900}.content-grid{width:100%;min-width:0;display:grid;grid-template-columns:minmax(250px,280px) minmax(430px,1fr) 316px;gap:22px;align-items:start}.lesson-grid{width:100%;min-width:0;grid-template-columns:minmax(0,1fr) 316px}.panel,.rail-card{min-width:0;border:1px solid rgba(232,238,247,.9);border-radius:22px;background:#ffffffeb;box-shadow:0 18px 44px #1f2d440b}.panel{padding:24px}.full-panel{width:100%;max-width:none}.section-title{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:22px}.section-title h1{margin:4px 0;color:#17191d;font-size:30px;line-height:1.08;letter-spacing:0;word-break:keep-all}.section-title p{margin:0;color:#74777f}.learning-path .section-title{display:grid;gap:14px}.learning-path .ghost-button{justify-self:start}.ghost-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;color:#24272d;border:1px solid var(--line);background:#f8f8f8;font-weight:700;white-space:nowrap}.path-list{position:relative;display:grid;gap:12px}.path-list:before{content:"";position:absolute;top:26px;bottom:26px;left:20px;width:2px;border-radius:999px;background:#e3e3e4}.path-item{position:relative;min-height:72px;display:grid;grid-template-columns:40px 34px minmax(0,1fr) 26px;align-items:center;gap:10px;padding:12px;color:#24272d;border:1px solid #ececed;background:#fff;text-align:left}.path-item.active{color:#fff;background:linear-gradient(180deg,#18bd7c,#009b67);border-color:transparent;box-shadow:0 14px 28px #00a76f33}.path-item:disabled{opacity:.65}.path-index{z-index:1;width:40px;height:40px;color:#17191d;background:#f6f6f6;border:1px solid #e6e6e7;border-radius:50%;font-size:18px;font-weight:900}.path-item.active .path-index{background:#fff;color:var(--green)}.path-copy{min-width:0}.path-copy strong,.phrase-row strong,.review-stack strong,.review-list strong{display:block}.path-copy strong{word-break:keep-all}.path-copy em{width:max-content;display:block;margin-top:8px;padding:3px 8px;color:#6f7278;background:#f3f3f3;border-radius:999px;font-size:11px;font-style:normal;font-weight:900}.path-item.active .path-copy em{color:#057a52;background:#ffffff8f}.lesson-preview{padding:0;overflow:hidden}.lesson-preview .primary-action{margin:18px 24px 24px}.hero-card{position:relative;min-height:360px;overflow:hidden;border-radius:18px 18px 0 0;background:#f8ead9}.lesson-stage .hero-card{margin-bottom:22px;border-radius:18px}.hero-card.compact{min-height:260px}.hero-card img{width:100%;height:100%;min-height:inherit;object-fit:cover;display:block}.speech-card{position:absolute;left:28%;right:6%;bottom:24px;padding:18px 22px;border:1px solid rgba(233,233,234,.86);border-radius:14px;background:#fffffff0;box-shadow:0 12px 24px #1d1f241a}.speech-card span{color:var(--green);font-size:13px;font-weight:900}.speech-card strong{display:block;margin:6px 0;font-size:24px}.lesson-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:18px 24px 0}.lesson-insights article{min-height:108px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fbfbfb}.lesson-insights span,.audio-quality small{color:var(--muted);font-size:12px;font-weight:900}.lesson-insights strong{display:block;margin:7px 0 5px;color:var(--ink);font-size:16px;line-height:1.25}.lesson-insights small{color:#778096;line-height:1.45}.lesson-insights article:nth-child(3){background:linear-gradient(180deg,#f2fffb,#fffdfa)}.curriculum-summary{display:grid;gap:12px;margin:18px 24px 0;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff}.curriculum-summary .rail-title{margin-bottom:0}.curriculum-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.curriculum-list button{min-height:70px;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:10px 12px;color:#25282d;border:1px solid var(--line);border-radius:14px;background:#fafafa;text-align:left}.curriculum-list button:hover{border-color:#ccefe1;background:#f6fff9}.curriculum-list button>svg{color:var(--green)}.curriculum-list strong,.curriculum-list small{display:block}.curriculum-list small{color:#778096;line-height:1.35}.primary-action{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 26px;color:#fff;background:linear-gradient(180deg,#17bd7c,#009a66);box-shadow:0 14px 26px #00a76f3d;font-size:18px;font-weight:900;line-height:1.15;white-space:nowrap}.primary-action.small{min-height:44px;padding:0 18px;font-size:15px}.right-rail{display:grid;gap:18px}.rail-card{padding:18px}.rail-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.rail-title h2,.achievement h2{margin:0;font-size:20px}.rail-title button,.rail-title span{border:0;color:var(--green);background:transparent;font-weight:800}.phrase-list{display:grid}.phrase-row{min-height:70px;display:grid;grid-template-columns:minmax(0,1fr) auto 34px 34px;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.phrase-row:hover{background:#f8faf9}.phrase-row button,.phrase-detail-link{width:34px;height:34px;display:inline-grid;place-items:center;color:#259c73;border:0;border-radius:50%;background:var(--green-soft)}.phrase-detail-link{width:auto;min-width:42px;padding:0 10px;color:var(--green-dark);font-size:13px;font-weight:900;text-decoration:none;border-radius:8px}.phrase-row .favorite{color:#b8bdc9;background:transparent}.phrase-row .favorite.active{color:#ffbd2e}.link-button{color:#fff;background:linear-gradient(180deg,#17bd7c,#009a66)}.achievement>div:first-child{display:flex;align-items:center;gap:16px}.achievement svg{color:var(--orange)}.achievement strong{display:block;margin:4px 0}.stamp{margin-top:16px;width:max-content;transform:rotate(-8deg);padding:8px 14px;color:var(--green);border:2px solid #73d5b1;border-radius:10px;font-weight:900}.coach-card{display:grid;gap:14px}.coach-card .rail-title{margin-bottom:0}.coach-list{display:grid;gap:10px}.coach-list article{min-height:64px;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fbfbfb}.coach-list article svg{color:var(--green)}.coach-list strong,.coach-list small{display:block}.coach-list small{margin-top:3px;color:#747982;line-height:1.35}.source-card{background:#fff}.source-list{display:grid;gap:12px}.source-list article{padding:12px 0;border-top:1px solid var(--line)}.source-list article:first-child{border-top:0}.source-list strong,.source-list small{display:block}.source-list strong{margin-bottom:4px;color:#172036;font-size:14px}.source-list small{color:#6f778b;line-height:1.45}.review-stack{display:grid;gap:8px}.review-stack button,.review-list button{width:100%;min-height:62px;display:grid;grid-template-columns:38px minmax(0,1fr) 22px;align-items:center;gap:12px;padding:10px 12px;color:#25282d;border:1px solid var(--line);border-radius:14px;background:#fafafa;text-align:left}.lesson-stage{min-height:780px}.lesson-counter{min-width:70px;padding:10px 14px;color:var(--green);border:1px solid #b9efd9;border-radius:999px;background:var(--green-soft);font-weight:900;text-align:center}.exercise-card{display:grid;gap:18px}.exercise-prompt{display:flex;align-items:start;justify-content:space-between;gap:18px;padding:2px 0 10px}.exercise-prompt span{display:block;color:var(--green);font-weight:900}.exercise-prompt h2{margin:8px 0 0;font-size:26px;line-height:1.25;letter-spacing:0}.audio-button{min-width:92px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--green);border:1px solid #b9efd9;border-radius:999px;background:#f0fff9;font-weight:900}.answer-list{display:grid;gap:12px}.answer-option{min-height:70px;display:grid;grid-template-columns:38px minmax(0,1fr) 28px;align-items:center;gap:14px;padding:14px 18px;color:#25282d;border:1px solid var(--line);border-radius:14px;background:#fff;font-size:17px;font-weight:800;text-align:left;box-shadow:inset 0 -2px #1720360a}.answer-option:hover:not(:disabled){border-color:#a8e8cf;background:#f8fffb;box-shadow:0 12px 24px #00a76f14}.answer-option>span:first-child{width:32px;height:32px;display:inline-grid;place-items:center;color:var(--green);border-radius:50%;background:var(--green-soft);font-size:14px}.answer-option.chosen,.answer-option.correct{border-color:#32b66b;background:#f0fff5}.answer-option.wrong{border-color:#ff5e62;background:#fff1ef}.translate-box{display:grid;gap:12px}.translate-box label{color:#6f778b;font-weight:900}.translate-box input{width:100%;min-height:58px;padding:0 18px;color:#25282d;border:1px solid var(--line);border-radius:14px;background:#fff;outline:none}.translate-box input:focus{border-color:#0db7aa;box-shadow:0 0 0 4px #0db7aa24}.feedback{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:14px}.feedback>div{display:flex;align-items:center;gap:14px}.feedback strong,.feedback small{display:block}.feedback.correct{color:#128253;border:1px solid #a8e8c6;background:#effcf4}.feedback.wrong{color:#d13c3f;border:1px solid #ffc8c5;background:#fff0ee}.completion-card{min-height:300px;display:grid;place-items:center;gap:10px;padding:34px;color:#25282d;border:1px solid var(--line);border-radius:18px;background:#fff;text-align:center}.completion-card svg{color:#f3a400}.completion-card h2,.completion-card p{margin:0}.completion-card span{color:var(--green);font-weight:900}.completion-actions{display:flex;gap:12px;margin-top:10px}.filter-row{width:100%;display:flex;flex-wrap:nowrap;gap:6px;margin:0 0 22px;padding:6px;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--paper) 78%,var(--page));scrollbar-width:none}.mode-tabs{width:100%;max-width:100%;display:flex;flex-wrap:nowrap;gap:6px;margin:-4px 0 14px;padding:6px;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--paper) 80%,var(--page));scrollbar-width:none}.mode-tabs::-webkit-scrollbar,.filter-row::-webkit-scrollbar{display:none}.mode-tabs button{flex:0 0 auto;min-height:38px;padding:0 16px;color:#526079;border:1px solid transparent;border-radius:10px;background:transparent;font-size:14px;font-weight:900;white-space:nowrap;box-shadow:none}.mode-tabs button.active{color:#061522;border-color:var(--green);background:linear-gradient(180deg,#6ee9c0,var(--green));box-shadow:0 8px 18px #00a77a2e}.filter-row button{flex:0 0 auto;min-height:38px;padding:0 16px;color:#555960;border:1px solid transparent;border-radius:10px;background:transparent;font-size:14px;font-weight:900;white-space:nowrap}.filter-row button:hover:not(.active){color:var(--ink);border-color:color-mix(in srgb,var(--line) 82%,var(--green));background:color-mix(in srgb,var(--paper) 86%,var(--page));transform:none}.filter-row button.active{color:#fff;border-color:var(--green);background:linear-gradient(180deg,var(--green),var(--green-dark));box-shadow:0 8px 18px #00a77a2e}.tab-toolbar{width:100%;display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:8px;margin:-4px 0 22px;padding:5px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--paper) 82%,var(--page))}.tab-toolbar::-webkit-scrollbar{display:none}.tab-toolbar .mode-tabs,.tab-toolbar .filter-row{width:auto;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent}.tab-toolbar .filter-row{min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.tab-toolbar .mode-tabs{max-width:min(330px,36vw);margin-left:auto;padding-left:8px;overflow-x:auto;overscroll-behavior-x:contain;border-left:1px solid var(--line);scrollbar-width:none}.tab-toolbar .mode-tabs button,.tab-toolbar .filter-row button{min-height:36px;flex:0 0 auto}.tab-toolbar .filter-row{gap:3px}.tab-toolbar .filter-row button{padding:0 10px;color:#5f697a;font-size:13px;font-weight:900}.tab-toolbar .filter-row button.active{color:#fff;border-color:var(--green);background:linear-gradient(180deg,var(--green),var(--green-dark));box-shadow:0 8px 18px #00a77a2e}.tab-toolbar .mode-tabs button{padding:0 12px;color:#667086;font-size:13px;font-weight:800}.tab-toolbar .mode-tabs button.active{color:#05745c;border-color:color-mix(in srgb,var(--green) 42%,transparent);background:color-mix(in srgb,var(--green-soft) 72%,var(--paper));box-shadow:none}.phrase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px 22px}.phrase-search-prompts{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 8px}.phrase-search-prompts button{min-height:36px;padding:0 14px;color:var(--green-dark);font-weight:900;border:1px solid color-mix(in srgb,var(--green) 24%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--green-soft) 78%,var(--paper))}.phrase-search-prompts .clear-filter{color:var(--muted);background:var(--surface-soft)}.phrase-grid .phrase-row{padding:14px 16px;border:1px solid var(--line);border-radius:14px}.progress-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:24px}.progress-card{min-height:158px;display:grid;align-content:space-between;gap:12px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:#fff}.progress-card-head{display:flex;align-items:center;gap:12px;min-width:0}.progress-card-head>div{width:42px;height:42px;color:#0d8e88;background:#e9fbf8;border-radius:50%}.progress-card-head svg{width:22px;height:22px}.progress-card strong{display:block;margin:4px 0 0;color:#07142f;font-size:clamp(28px,3.4vw,36px);line-height:1;letter-spacing:0}.progress-card small{display:block;line-height:1.45}.progress-view .progress-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}.mistake-book-view .progress-cards,.review-summary{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}.review-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px}.sync-banner{min-height:72px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px}.sync-banner>svg{width:42px;height:42px;padding:10px;color:var(--green);border-radius:50%;background:var(--green-soft)}.sync-banner span{display:grid;gap:4px;min-width:0}.sync-banner strong,.sync-banner small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-banner strong{color:var(--ink)}.sync-banner small{color:var(--muted)}.empty-state,.review-result-card{min-height:260px;display:grid;place-items:center;gap:10px;padding:32px;color:#526079;border:1px dashed #dce4ee;border-radius:16px;background:#fbfcfe;text-align:center}.empty-state strong,.review-result-card h2{margin:0;color:#07142f;font-size:24px}.empty-state small,.review-result-card p{max-width:560px;color:#69748a;line-height:1.6}.review-view,.settings-view{display:grid;gap:18px}.review-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.review-card{display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:18px;padding:24px;border:1px solid #19bd7d;border-radius:18px;background:linear-gradient(180deg,#fff,#f7fffb);box-shadow:0 18px 44px #1f2d440f}.review-card span{color:var(--green);font-weight:900}.review-card h2{margin:8px 0;color:#07142f;font-size:30px}.review-card p{margin:0;color:#607089}.mistake-book-view{display:grid;gap:18px}.mistake-review-shell{display:grid}.mistake-list{display:grid;gap:14px}.mistake-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;color:#152441;border:1px solid var(--line);border-radius:16px;background:var(--surface-raised);box-shadow:0 10px 22px #1f2d4409}.mistake-row-icon{width:54px;height:54px;display:inline-grid;place-items:center;color:var(--green);border-radius:14px;background:var(--green-soft)}.mistake-row-main{display:grid;gap:6px;min-width:0}.mistake-row-main span,.mistake-row-main small,.mistake-row-main p{color:var(--muted);line-height:1.45}.mistake-row-main span{font-size:13px;font-weight:900}.mistake-row-main strong{color:var(--ink);font-size:18px;line-height:1.35}.mistake-row-main p{margin:0}.mistake-row-actions{display:flex;align-items:center;gap:8px}.mistake-row-actions button{min-height:40px;padding:0 12px;color:var(--ink);border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--paper) 88%,var(--page));font-weight:900;white-space:nowrap}.mistake-row-actions button:first-child{width:40px;padding:0}.review-actions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.review-actions button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#152441;border:1px solid #e2e8f0;border-radius:12px;background:#fff;font-weight:900}.progress-insights{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.85fr);gap:16px;margin-top:18px}.progress-insights section{padding:20px;border:1px solid #edf0f5;border-radius:16px;background:#fff}.progress-insights h2,.settings-help strong{display:block;margin:0 0 14px;color:#07142f;font-size:20px}.progress-insights article{display:grid;grid-template-columns:96px minmax(0,1fr) 48px;align-items:center;gap:12px;min-height:42px;color:#526079;font-weight:800}.progress-insights section:last-child{display:grid;align-content:start;gap:12px}.progress-insights button{min-height:64px;display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:12px;color:#152441;border:1px solid #e7ebf1;border-radius:14px;background:#fbfcfe;text-align:left}.progress-insights button small{color:#69748a}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.setting-group{display:grid;gap:14px;min-height:164px;padding:18px;border:1px solid #edf0f5;border-radius:16px;background:#fbfcfe}.setting-group>div:first-child{display:grid;gap:5px}.setting-group strong{color:#07142f;font-size:17px}.setting-group small{color:#69748a;line-height:1.45}.setting-options{display:grid;gap:10px}.setting-options button{min-height:58px;display:grid;gap:4px;padding:12px 14px;color:#152441;border:1px solid #e2e8f0;border-radius:13px;background:#fff;text-align:left;font-weight:900}.setting-options button span{display:inline-flex;align-items:center;gap:8px}.setting-options button small{color:#7a8498;font-weight:700}.setting-options button.active{color:#fff;border-color:transparent;background:linear-gradient(180deg,var(--green),var(--green-dark));box-shadow:0 12px 22px #00a77a33}.setting-options button.active small{color:#ffffffc7}.settings-help{padding:18px;border:1px solid #edf0f5;border-radius:16px;background:#fbfcfe}.settings-help small{color:#69748a}.compact-source{color:#607089;line-height:1.55}.toast{position:fixed;left:50%;bottom:24px;z-index:20;transform:translate(-50%);padding:12px 18px;color:#fff;border-radius:999px;background:#172036;box-shadow:0 14px 30px #17203638;font-weight:800}body.modal-open{overflow:hidden}body.drawer-open{overflow:hidden;touch-action:none}.mobile-drawer-trigger,.mobile-drawer-backdrop{display:none}.mobile-drawer-backdrop:hover{transform:none}.settings-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100dvw;height:100dvh;min-height:100dvh;max-height:100dvh;z-index:1000;display:grid;place-items:center;padding:28px;margin:0;overflow:hidden;overscroll-behavior:contain;background:#0712256b;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.settings-modal{position:relative;width:min(920px,100%);max-height:min(780px,calc(100dvh - 56px));overflow:auto;padding:28px;color:var(--ink);border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:0 34px 90px #0712253d}.modal-close{position:absolute;top:18px;right:18px;width:42px;height:42px;display:inline-grid;place-items:center;color:#6b7485;border:1px solid var(--line);border-radius:50%;background:color-mix(in srgb,var(--paper) 86%,var(--page));z-index:1}.modal-close:hover{color:#fff;background:var(--green);border-color:var(--green)}.settings-modal .section-title{padding-right:52px}.auth-modal{width:min(480px,100%);display:grid;gap:20px}.auth-modal-header{display:grid;gap:8px;padding-right:54px}.auth-modal-header span{color:var(--green);font-size:13px;font-weight:900}.auth-modal-header h2{margin:0;color:var(--ink);font-size:28px;line-height:1.1}.auth-modal-header p{margin:0;color:var(--muted);line-height:1.6}.auth-social-actions{display:grid;gap:10px}.auth-social-actions button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 14px;color:var(--ink);border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--paper) 92%,var(--page));font-weight:900;box-shadow:none}.auth-social-actions button span{width:24px;height:24px;display:inline-grid;place-items:center;flex:0 0 auto;color:#fff;border-radius:999px;background:var(--green);font-size:13px;font-weight:900}.auth-social-actions button:first-child span{background:#1f6feb}.auth-social-actions button:hover:not(:disabled){color:var(--green);border-color:color-mix(in srgb,var(--green) 36%,var(--line));background:var(--paper);transform:none}.auth-social-actions button:disabled{opacity:.58}.auth-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;font-weight:900}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1 1 auto;background:var(--line)}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:8px;color:var(--ink);font-weight:900}.auth-form input{min-height:48px;padding:0 14px;color:var(--ink);border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--paper) 88%,var(--page))}.auth-form input:disabled{opacity:.62}.auth-form input[aria-invalid=true]{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}.auth-consent{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:10px!important;color:var(--muted)!important;font-size:13px;font-weight:700!important;line-height:1.55}.auth-consent input{width:18px;min-width:18px;height:18px;min-height:18px;margin-top:2px;accent-color:var(--green)}.auth-consent span{display:flex;flex-wrap:wrap;gap:4px 8px}.auth-consent a{color:var(--green);font-weight:900;text-decoration:none}.auth-consent a:hover{text-decoration:underline}.auth-error{margin:-2px 0 0;color:#dc2626;font-size:13px;font-weight:800}.auth-form .primary-action{width:100%;margin-top:4px}.auth-modal-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.auth-modal-actions button{min-height:38px;padding:0 12px;color:var(--muted);border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--paper) 94%,var(--page));font-size:13px;font-weight:800}.auth-modal-actions button:hover:not(:disabled){color:#fff;border-color:var(--green);background:var(--green)}.auth-modal-actions button:disabled{opacity:.58}.app-shell[data-theme=dark] .auth-error{color:#fca5a5}.app-shell[data-theme=dark] .workspace,.app-shell[data-theme=dark] .sidebar,.app-shell[data-theme=dark] .panel,.app-shell[data-theme=dark] .rail-card,.app-shell[data-theme=dark] .metric,.app-shell[data-theme=dark] .lesson-node-path,.app-shell[data-theme=dark] .lesson-workbench,.app-shell[data-theme=dark] .curriculum-summary,.app-shell[data-theme=dark] .learning-tools,.app-shell[data-theme=dark] .search-results,.app-shell[data-theme=dark] .heatmap-card,.app-shell[data-theme=dark] .setting-group,.app-shell[data-theme=dark] .settings-help,.app-shell[data-theme=dark] .settings-modal,.app-shell[data-theme=dark] .progress-insights section,.app-shell[data-theme=dark] .progress-card,.app-shell[data-theme=dark] .empty-state,.app-shell[data-theme=dark] .review-card,.app-shell[data-theme=dark] .review-result-card,.app-shell[data-theme=dark] .completion-card{color:var(--ink);border-color:var(--line);background:color-mix(in srgb,var(--paper) 88%,var(--page))}.app-shell[data-theme=dark] .global-search,.app-shell[data-theme=dark] .global-search input,.app-shell[data-theme=dark] .topbar-actions button,.app-shell[data-theme=dark] .phrase-row,.app-shell[data-theme=dark] .coach-list article,.app-shell[data-theme=dark] .review-stack button,.app-shell[data-theme=dark] .review-list button,.app-shell[data-theme=dark] .practice-options button,.app-shell[data-theme=dark] .question-card,.app-shell[data-theme=dark] .task-list article,.app-shell[data-theme=dark] .next-card>div>span,.app-shell[data-theme=dark] .curriculum-list button,.app-shell[data-theme=dark] .tool-grid button,.app-shell[data-theme=dark] .setting-options button,.app-shell[data-theme=dark] .progress-insights button,.app-shell[data-theme=dark] .search-clear,.app-shell[data-theme=dark] .translate-box input,.app-shell[data-theme=dark] select{color:var(--ink);border-color:var(--line);background:color-mix(in srgb,var(--paper) 76%,var(--page))}.app-shell[data-theme=dark] h1,.app-shell[data-theme=dark] h2,.app-shell[data-theme=dark] strong,.app-shell[data-theme=dark] .question-card strong,.app-shell[data-theme=dark] .practice-meta h1,.app-shell[data-theme=dark] .practice-options button{color:var(--ink)}.app-shell[data-theme=dark] .global-search:focus-within{background:color-mix(in srgb,var(--paper) 88%,var(--page));box-shadow:0 12px 28px #00d59624,0 0 0 4px #00d59621}.app-shell[data-theme=dark] .search-results button:hover,.app-shell[data-theme=dark] .search-results button:focus-visible{border-color:color-mix(in srgb,var(--green) 54%,var(--line));background:color-mix(in srgb,var(--green-soft) 40%,var(--paper))}.app-shell[data-theme=dark] small,.app-shell[data-theme=dark] p,.app-shell[data-theme=dark] .brand span,.app-shell[data-theme=dark] .metric small,.app-shell[data-theme=dark] .phrase-row small,.app-shell[data-theme=dark] .coach-list small{color:var(--muted)}.app-shell[data-theme=dark] .setting-options button.active{color:#061522;background:linear-gradient(180deg,var(--green),#56e6b7)}.app-shell[data-theme=dark] .sync-banner,.app-shell[data-theme=dark] .mistake-row,.app-shell[data-theme=dark] .mode-tabs,.app-shell[data-theme=dark] .filter-row{color:var(--ink);border-color:var(--line);background:color-mix(in srgb,var(--paper) 82%,var(--page))}.app-shell[data-theme=dark] .mode-tabs button,.app-shell[data-theme=dark] .filter-row button{color:var(--muted)}.app-shell[data-theme=dark] .mode-tabs button:hover:not(.active),.app-shell[data-theme=dark] .filter-row button:hover:not(.active){color:var(--ink);border-color:color-mix(in srgb,var(--green) 30%,var(--line));background:color-mix(in srgb,var(--paper) 68%,var(--page))}.app-shell[data-theme=dark] .mistake-row-actions button{color:var(--ink);border-color:var(--line);background:color-mix(in srgb,var(--paper) 74%,var(--page))}.app-shell[data-theme=dark] .mistake-row-actions button:hover{color:#061522;border-color:var(--green);background:linear-gradient(180deg,var(--green),#64eac0)}.app-shell[data-theme=dark] .mode-tabs button,.app-shell[data-theme=dark] .filter-row button,.app-shell[data-theme=dark] .answer-option,.app-shell[data-theme=dark] .review-actions button{color:var(--ink);border-color:var(--line);background:color-mix(in srgb,var(--paper) 78%,var(--page))}.app-shell[data-theme=dark] .mode-tabs button.active,.app-shell[data-theme=dark] .filter-row button.active{color:#061522;border-color:var(--green);background:linear-gradient(180deg,var(--green),#60eabe)}.app-shell[data-theme=dark] .tab-toolbar{color:var(--ink);border-color:var(--line);background:color-mix(in srgb,var(--paper) 82%,var(--page))}.app-shell[data-theme=dark] .tab-toolbar .mode-tabs,.app-shell[data-theme=dark] .tab-toolbar .filter-row{border-color:var(--line);background:transparent}.app-shell[data-theme=dark] .tab-toolbar .mode-tabs button,.app-shell[data-theme=dark] .tab-toolbar .filter-row button{background:transparent}.app-shell[data-theme=dark] .tab-toolbar .mode-tabs button,.app-shell[data-theme=dark] .tab-toolbar .filter-row button{color:var(--muted);border-color:transparent}.app-shell[data-theme=dark] .tab-toolbar .filter-row button.active{color:#061522;border-color:var(--green);background:linear-gradient(180deg,var(--green),#60eabe);box-shadow:0 8px 18px #00d59629}.app-shell[data-theme=dark] .tab-toolbar .mode-tabs button.active{color:#72eac2;border-color:color-mix(in srgb,var(--green) 46%,var(--line));background:color-mix(in srgb,var(--green-soft) 42%,var(--paper));box-shadow:none}.app-shell[data-theme=dark] .hero-card:after{background:linear-gradient(90deg,#172131f2,#1721314d,#17213105)}.app-shell[data-theme=dark] .speech-card{color:var(--ink);border-color:#ffffff1f;background:#172131e6}select{border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--paper)}button:hover{transform:translateY(-1px)}button:focus-visible,input:focus-visible{outline:3px solid rgba(13,183,170,.45);outline-offset:2px}.app-shell{--sidebar-width: 280px;width:100%;max-width:100vw;min-height:100dvh;margin:0;padding:0 0 0 var(--sidebar-width);display:block;overflow:visible;transform:none;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none;perspective:none;contain:none;border:0;border-radius:0;background:radial-gradient(circle at top right,color-mix(in srgb,var(--green-soft) 24%,transparent),transparent 34rem),color-mix(in srgb,var(--app-surface) 84%,var(--page));box-shadow:none}.app-shell[data-theme=dark]{color:var(--ink);background:radial-gradient(circle at top right,rgba(0,213,150,.09),transparent 32rem),color-mix(in srgb,var(--paper) 70%,var(--page));border-color:color-mix(in srgb,var(--line) 78%,transparent)}.sidebar{position:fixed;z-index:20;top:0;right:auto;bottom:0;left:0;width:var(--sidebar-width);max-width:var(--sidebar-width);height:100dvh;max-height:100dvh;min-height:0;padding:30px 22px;border:0;border-right:1px solid rgba(225,233,244,.9);border-radius:0;background:#fffffff0;box-shadow:18px 0 52px #1f2d440e;overflow:hidden;overscroll-behavior:none;scrollbar-width:none;transform:translateZ(0)}.brand-mark{width:48px;height:48px;border-radius:14px}.brand strong{font-size:30px;color:var(--ink)}.main-nav{gap:8px}.main-nav button{min-height:48px;color:#5d6674;border-radius:8px;font-size:16px;font-weight:700}.main-nav button svg{width:22px;height:22px;flex:0 0 22px;stroke-width:2.1}.workspace{width:100%;max-width:calc(100vw - var(--sidebar-width));grid-column:auto;min-width:0;min-height:100dvh;padding:24px 28px 40px;background:radial-gradient(circle at 88% 0%,rgba(255,255,255,.9),transparent 28rem),color-mix(in srgb,var(--app-surface) 88%,var(--page))}.workspace-topbar{position:sticky;top:0;z-index:16;min-height:70px;display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:18px;margin:-24px -28px 24px;padding:16px 20px;border:0;border-bottom:1px solid rgba(225,233,244,.9);border-radius:0;background:#fff;box-shadow:0 12px 34px #1f2d440d;backdrop-filter:blur(18px) saturate(1.08);-webkit-backdrop-filter:blur(18px) saturate(1.08)}.workspace-topbar h1:empty{display:none}.workspace-topbar h1{display:none}.search-shell{width:100%;min-width:0;max-width:none;justify-self:stretch}.global-search{min-height:46px;width:100%;padding:0 22px;border:1px solid var(--line);border-radius:13px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.global-search:focus-within{border-color:var(--green);background:var(--paper);box-shadow:0 12px 28px #00a77a1f,0 0 0 4px #00a77a1f}.search-shell:focus-within .global-search svg{color:var(--green)}.topbar-actions button{width:44px;height:44px;min-height:44px;padding:0 14px;border:1px solid rgba(232,236,242,.82);border-radius:14px;background:#f8fafc;box-shadow:0 10px 22px #101b310a}.topbar-actions .icon-toggle{width:44px;height:44px;padding:0;display:inline-flex;justify-content:center;gap:0;color:var(--ink);font-weight:900;box-shadow:none}.topbar-actions .icon-toggle:hover{color:var(--green);background:#fff;border-color:color-mix(in srgb,var(--green) 34%,var(--line));transform:none}.topbar-actions .icon-toggle span{display:none}.app-shell[data-theme=dark] .topbar-actions .icon-toggle:hover{color:#061522;background:linear-gradient(180deg,var(--green),#60eabe);border-color:transparent}.app-shell[data-theme=dark] .topbar-actions .icon-toggle,.app-shell[data-theme=dark] .topbar-actions .icon-toggle span{color:#e6f0ff}.app-shell[data-theme=dark] .sidebar{border-right-color:color-mix(in srgb,var(--line) 82%,transparent);background:color-mix(in srgb,var(--paper) 92%,var(--page));box-shadow:18px 0 52px #0003}.app-shell[data-theme=dark] .workspace{background:radial-gradient(circle at 88% 0%,rgba(0,213,150,.07),transparent 28rem),color-mix(in srgb,var(--app-surface) 90%,var(--page))}.app-shell[data-theme=dark] .workspace-topbar{border-bottom-color:color-mix(in srgb,var(--line) 86%,transparent);background:color-mix(in srgb,var(--app-surface) 82%,transparent);box-shadow:0 14px 36px #0003}.app-shell[data-theme=dark] .main-nav button{color:#dce8f7}.app-shell[data-theme=dark] .main-nav button:hover,.app-shell[data-theme=dark] .main-nav button.active{color:var(--ink);background:color-mix(in srgb,var(--green-soft) 54%,var(--paper));box-shadow:none}.app-shell[data-theme=dark] .main-nav button.active:before{background:var(--green)}.app-shell[data-theme=dark] .brand strong,.app-shell[data-theme=dark] .metric strong,.app-shell[data-theme=dark] .section-title h1,.app-shell[data-theme=dark] .rail-title h2,.app-shell[data-theme=dark] .hero-copy h1,.app-shell[data-theme=dark] .learning-tools h2,.app-shell[data-theme=dark] .progress-card strong,.app-shell[data-theme=dark] .progress-insights h2,.app-shell[data-theme=dark] .practice-meta h1,.app-shell[data-theme=dark] .practice-options button strong,.app-shell[data-theme=dark] .lesson-visual-caption strong{color:var(--ink)}.app-shell[data-theme=dark] .progress-card-head>div{color:var(--green);background:color-mix(in srgb,var(--green-soft) 78%,var(--paper))}.app-shell[data-theme=dark] .practice-meta p,.app-shell[data-theme=dark] .question-card small,.app-shell[data-theme=dark] .question-progress strong,.app-shell[data-theme=dark] .workbench-footer,.app-shell[data-theme=dark] .lesson-visual-caption small,.app-shell[data-theme=dark] .hero-copy p{color:var(--muted)}.app-shell[data-theme=dark] .progress-insights article,.app-shell[data-theme=dark] .progress-insights button small{color:var(--muted)}.app-shell[data-theme=dark] .practice-topline span+span,.app-shell[data-theme=dark] .question-card,.app-shell[data-theme=dark] .practice-translate,.app-shell[data-theme=dark] .lesson-visual-caption{color:var(--ink);border-color:var(--line);background:color-mix(in srgb,var(--paper) 82%,var(--page))}.app-shell[data-theme=dark] .question-card{background:linear-gradient(90deg,color-mix(in srgb,var(--green-soft) 28%,var(--paper)),var(--paper))}.app-shell[data-theme=dark] .question-card.playing{border-color:color-mix(in srgb,var(--green) 72%,var(--line));box-shadow:0 16px 32px #00d59624}.app-shell[data-theme=dark] .autoplay-toggle{color:var(--ink)}.app-shell[data-theme=dark] .practice-options button>span,.app-shell[data-theme=dark] .question-progress b{color:var(--ink);border-color:var(--line);background:color-mix(in srgb,var(--paper) 60%,var(--page))}.top-strip{gap:18px;margin-bottom:20px}.metric{min-height:124px;grid-template-columns:58px minmax(0,1fr);padding:22px;border:1px solid #edf0f5;border-radius:18px;box-shadow:var(--shadow-card)}.metric-icon{width:58px;height:58px;box-shadow:0 14px 26px #00a76f33}.metric strong{font-size:24px}.home-grid{grid-template-columns:minmax(0,1fr) 340px;gap:24px}.home-main{position:relative;z-index:1;display:grid;gap:18px;min-width:0;overflow:hidden}.panel,.rail-card{border:1px solid #edf0f5;border-radius:18px;box-shadow:0 18px 44px #1f2d440e}.lesson-preview{position:relative;min-height:326px}.lesson-preview .primary-action{position:absolute;left:28px;bottom:40px;z-index:3;width:220px;min-height:64px;margin:0;border-radius:8px;justify-content:space-between;box-shadow:0 18px 34px #00a76f42}.hero-card{min-height:326px;border-radius:18px;background:#fff7ed}.hero-card img{height:326px;object-position:68% center}.hero-card:after{content:"";position:absolute;top:0;right:40%;bottom:0;left:0;background:linear-gradient(90deg,#fffffff5,#ffffffbd,#fff0)}.hero-copy{position:absolute;z-index:2;left:28px;top:28px;max-width:360px}.hero-copy span{color:#69748a;font-size:13px;font-weight:800}.hero-copy h1{margin:12px 0 8px;color:#07142f;font-size:34px;line-height:1.05}.hero-copy p{margin:0;color:#65718a;font-weight:700}.speech-card{left:auto;right:8%;bottom:30px;width:min(360px,44%);border-radius:14px}.curriculum-summary{overflow:hidden;margin:0;padding:20px 22px}.curriculum-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.curriculum-list button{position:relative;min-height:120px;grid-template-columns:1fr;justify-items:center;gap:8px;padding:14px 8px;border-radius:12px;background:#fff;text-align:center}.curriculum-list button.started{border-color:#19bd7d;box-shadow:inset 0 0 0 1px #19bd7d}.curriculum-list button em{position:absolute;left:9px;top:9px;width:22px;height:22px;display:inline-grid;place-items:center;color:#07142f;border-radius:50%;background:#f2f5f9;font-size:12px;font-style:normal;font-weight:900}.curriculum-list button.started em{color:#fff;background:var(--green)}.curriculum-list button>svg{margin-top:14px}.curriculum-list strong{font-size:14px}.curriculum-list small{font-size:12px}.curriculum-list i{display:block;margin-top:8px;color:var(--green);font-size:12px;font-style:normal;font-weight:900}.learning-tools{padding:18px 20px}.learning-tools h2{margin:0 0 14px;color:#07142f;font-size:20px}.seo-topic-links,.seo-intent-links,.need-phrase-finder{display:grid;gap:18px}.seo-topic-links span,.seo-intent-links span,.need-phrase-finder .rail-title span{display:block;margin-bottom:8px;color:var(--green-dark);font-size:13px;font-weight:900}.seo-topic-links h2,.seo-intent-links h2{margin:0;color:var(--ink);font-size:24px;line-height:1.2}.seo-topic-links p,.seo-intent-links p,.need-phrase-finder p{max-width:760px;margin:10px 0 0;color:var(--muted);line-height:1.7}.seo-topic-links nav,.seo-intent-links nav,.need-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.seo-topic-links a,.seo-intent-links a,.need-grid button{min-height:96px;padding:16px;display:grid;align-content:start;gap:8px;color:inherit;text-decoration:none;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);text-align:left;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.seo-topic-links a:hover,.seo-intent-links a:hover,.need-grid button:hover{border-color:color-mix(in srgb,var(--green) 44%,var(--line));box-shadow:var(--shadow-card);transform:translateY(-1px)}.seo-topic-links strong,.seo-intent-links strong,.need-grid strong{color:var(--ink);font-size:16px}.seo-topic-links small,.seo-intent-links small,.need-grid small{color:var(--muted);line-height:1.55}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tool-grid button{min-height:76px;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:4px 12px;padding:14px;color:#07142f;border:1px solid #e7ebf1;border-radius:12px;background:#fff;text-align:left}.tool-grid button>span{grid-row:span 2;width:42px;height:42px;display:inline-grid;place-items:center;color:#fff;border-radius:10px;background:linear-gradient(145deg,#19c987,#009c68)}.tool-grid small{color:#718096}.right-rail{position:relative;z-index:2;gap:18px}.rail-card{padding:22px}.phrase-row{min-height:66px}.heatmap-card{margin-top:0;padding:22px 24px 26px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:none;--heatmap-cell: 12px;--heatmap-gap: 4px;--heatmap-level-0: #f3f7f6;--heatmap-level-1: #d9f3e9;--heatmap-level-2: #9be4c7;--heatmap-level-3: #39bf87;--heatmap-level-4: #00a876;--heatmap-line: #dfe8e7}.home-heatmap{padding:22px 24px 26px;border-radius:12px}.home-heatmap .heatmap-title{margin-bottom:18px}.home-heatmap .heatmap-grid{gap:var(--heatmap-gap);max-height:none}.heatmap-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.heatmap-title strong{color:var(--ink);font-size:16px;font-weight:700}.heatmap-title small{display:block;margin-top:6px;color:var(--muted);font-size:12px;font-weight:700;line-height:1.35}.heatmap-actions{display:grid;justify-items:end;gap:8px}.heatmap-legend{display:inline-flex;align-items:center;gap:6px;color:#9aa3ad;font-size:12px;font-weight:700;white-space:nowrap}.heatmap-legend i{width:13px;height:13px;display:inline-block;border-radius:3px;background:var(--heatmap-level-0);box-shadow:inset 0 0 0 1px var(--heatmap-line)}.heatmap-calendar{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:max-content 22px;align-items:start;gap:10px 12px;max-width:100%;overflow:visible;padding-bottom:2px}.heatmap-week-labels{grid-column:1;grid-row:1;display:grid;grid-template-rows:repeat(7,var(--heatmap-cell));row-gap:var(--heatmap-gap);align-items:center;color:#a2aab5;font-size:12px;font-weight:700}.heatmap-week-labels span{line-height:var(--heatmap-cell)}.heatmap-grid{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(var(--heatmap-weeks),minmax(0,1fr));grid-template-rows:repeat(7,var(--heatmap-cell));grid-auto-flow:column;gap:var(--heatmap-gap);min-width:0}.heatmap-grid span{width:100%;min-width:0;height:var(--heatmap-cell);border-radius:3px;background:var(--heatmap-level-0);box-shadow:inset 0 0 0 1px var(--heatmap-line)}.heatmap-grid span.soft{background:var(--heatmap-level-1)}.heatmap-grid span.active{background:var(--heatmap-level-2)}.heatmap-grid span.strong{background:var(--heatmap-level-4);box-shadow:0 5px 12px #00a8762e}.heatmap-legend i.level-1,.heatmap-grid span.level-1{background:var(--heatmap-level-1)}.heatmap-legend i.level-2,.heatmap-grid span.level-2{background:var(--heatmap-level-2)}.heatmap-legend i.level-3,.heatmap-grid span.level-3{background:var(--heatmap-level-3)}.heatmap-legend i.level-4,.heatmap-grid span.level-4{background:var(--heatmap-level-4);box-shadow:0 5px 12px #00a8762e}.heatmap-grid span.future{opacity:.42}.heatmap-empty{margin:12px 0 0 46px;color:var(--muted);font-size:13px}.heatmap-month-labels{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(var(--heatmap-weeks),minmax(0,1fr));column-gap:var(--heatmap-gap);min-width:0;color:#a2aab5;font-size:12px;font-weight:700;white-space:nowrap}.heatmap-month-labels span{min-width:0;overflow:hidden;text-align:center;text-overflow:clip}.heatmap-month-labels span:first-child{text-align:left}.heatmap-month-labels span:last-child{text-align:right}.app-shell[data-theme=dark] .heatmap-card{--heatmap-level-0: color-mix(in srgb, var(--paper) 72%, #e8fff6);--heatmap-level-1: #174437;--heatmap-level-2: #1f7357;--heatmap-level-3: #26a678;--heatmap-level-4: #4de1ae;--heatmap-line: color-mix(in srgb, var(--line) 70%, transparent)}.app-shell[data-theme=dark] .heatmap-grid span,.app-shell[data-theme=dark] .heatmap-legend i{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 70%,transparent)}.lesson-grid{grid-template-columns:minmax(0,1fr) 320px;gap:26px}.lesson-focus{display:grid;width:100%;min-width:0}.lesson-main{display:grid;width:100%;gap:18px;min-width:0}.lesson-node-path{overflow:hidden;padding:20px 22px}.node-track{position:relative;min-width:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.node-track:before{content:"";position:absolute;left:8%;right:8%;top:31px;border-top:2px dashed #dfe5ed}.node-track button{position:relative;z-index:1;display:grid;justify-items:center;gap:8px;color:#65718a;border:0;background:transparent;font-weight:800}.node-track button span{width:52px;height:52px;display:inline-grid;place-items:center;color:#07142f;border:1px solid #dfe5ed;border-radius:50%;background:#f7f9fc;font-size:20px;box-shadow:0 8px 18px #1f2d440f}.node-track button.active span{color:#fff;border-color:transparent;background:linear-gradient(145deg,#19c987,#009c68)}.node-track button.active strong{color:var(--green)}.node-track small{font-size:12px}.lesson-workbench{display:grid;grid-template-columns:1fr;width:100%;max-width:none;margin-inline:0;min-height:calc(100vh - 98px);padding:34px 42px 0;overflow:hidden;border:1px solid color-mix(in srgb,#dce5ef 86%,#ffffff);border-radius:28px;background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.96),transparent 30rem),linear-gradient(180deg,color-mix(in srgb,var(--paper) 96%,#eef5fb),var(--paper) 54%),var(--paper);box-shadow:0 26px 70px #1f2d441c}.lesson-practice-layout{display:grid;grid-template-columns:minmax(360px,34%) minmax(0,1fr);gap:clamp(28px,3vw,48px);align-items:start;width:100%;min-width:0}.lesson-visual{position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(221,231,242,.92);border-radius:24px;align-self:start;background:#f2f6fb;box-shadow:0 22px 54px #1f2d4424}.lesson-visual:after{content:"";position:absolute;top:42%;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(6,18,38,.28))}.lesson-visual img{width:100%;height:clamp(330px,calc(100vh - 300px),620px);object-fit:cover;object-position:center;display:block}.lesson-visual-caption{position:absolute;left:clamp(16px,2vw,26px);right:clamp(16px,2vw,26px);bottom:clamp(16px,2vw,26px);z-index:2;display:grid;gap:10px;padding:clamp(16px,2vw,24px);color:#12213c;border:1px solid rgba(255,255,255,.68);border-radius:22px;background:#ffffffad;box-shadow:0 22px 52px #1f2d442e;backdrop-filter:blur(24px) saturate(1.18);-webkit-backdrop-filter:blur(24px) saturate(1.18)}.lesson-visual-caption strong{display:flex;align-items:center;gap:10px;color:#10213d;font-size:clamp(18px,1.35vw,22px);font-weight:900;line-height:1.34;text-shadow:0 1px 0 rgba(255,255,255,.55)}.lesson-visual-caption svg{flex:0 0 auto;color:var(--green)}.lesson-visual-caption small{padding-left:30px;color:#5c6a82;font-size:15px;font-weight:850;line-height:1.4}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.lesson-visual-caption{background:#ffffffe6}.app-shell[data-theme=dark] .lesson-visual-caption{background:color-mix(in srgb,var(--paper) 92%,#000000)}}.lesson-practice{min-width:0;width:100%;display:grid;align-content:start;gap:20px}.practice-topline{display:flex;align-items:center;justify-content:space-between;gap:18px}.practice-topline>div{display:flex;flex-wrap:wrap;gap:10px}.practice-topline span{width:max-content;display:inline-flex;align-items:center;min-height:34px;padding:0 16px;color:#008f5f;border:1px solid #22c88b;border-radius:999px;background:var(--green-soft);font-size:15px;font-weight:900}.practice-topline span+span{color:#607089;border-color:transparent;background:#f1f4f8}.favorite-lesson{min-height:38px;display:inline-flex;align-items:center;gap:8px;color:#526079;border:0;background:transparent;font-size:16px;font-weight:900}.favorite-lesson:hover{color:var(--green);transform:none}.practice-meta h1{margin:0 0 10px;color:#07142f;font-size:42px;line-height:1.08}.practice-meta p{margin:0 0 22px;color:#56647d;font-size:24px;font-weight:700}.practice-meta small{display:flex;align-items:center;gap:8px;color:#637087;font-size:17px;font-weight:700}.question-card{min-height:104px;display:grid;grid-template-columns:68px minmax(150px,.58fr) minmax(180px,1fr) auto;align-items:center;gap:24px;padding:18px 24px;border:1px solid #b9efd9;border-radius:18px;background:linear-gradient(90deg,#f8fffc,#fff);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.question-card.playing{border-color:#7be8bd;background:linear-gradient(90deg,#f1fff8,#fff);box-shadow:0 16px 32px #00ae741f}.listen-orb{width:68px;height:68px;display:inline-grid;place-items:center;color:#fff;border:0;border-radius:50%;background:linear-gradient(145deg,#19c987,#009c68);box-shadow:0 14px 28px #00b27433;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease}.listen-orb:hover:not(:disabled){transform:translateY(-1px) scale(1.02)}.listen-orb.playing{animation:lessonAudioPulse 1.05s ease-in-out infinite}.listen-orb:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.question-card>span{display:grid;gap:5px}.question-card strong,.question-card small{min-width:0;display:block}.question-card strong{color:#07142f;font-size:18px;line-height:1.25;overflow-wrap:anywhere}.question-card small{color:#778096;font-size:14px;font-weight:800}.question-card em{color:var(--green);font-style:normal;font-weight:900;white-space:nowrap}.waveform{height:54px;display:flex;align-items:center;gap:4px;overflow:hidden}.waveform i{width:3px;height:var(--bar);min-height:8px;border-radius:999px;background:color-mix(in srgb,var(--green) 62%,#d8fbec);transform-origin:center}.waveform.playing i{animation:waveformBeat .72s ease-in-out infinite alternate;animation-delay:var(--delay)}.practice-options{display:grid;gap:16px}.practice-options button{min-height:78px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:22px;padding:18px 22px;color:#152441;border:1px solid #e2e8f0;border-radius:16px;background:var(--surface-raised);text-align:left;font-size:22px;font-weight:900;box-shadow:0 10px 22px #1f2d4409;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.practice-options button:hover:not(:disabled){border-color:color-mix(in srgb,var(--green) 46%,var(--line));background:color-mix(in srgb,var(--green-soft) 28%,var(--surface-raised));box-shadow:0 14px 28px #1f2d4412}.practice-options button>span{width:44px;height:44px;display:inline-grid;place-items:center;color:#152441;border:1px solid #dbe4ef;border-radius:50%;background:#f3f6fa;font-size:18px;font-weight:900}.practice-options button strong{min-width:0;color:inherit;line-height:1.28;overflow-wrap:anywhere;word-break:normal}.practice-options button.correct,.practice-options button.chosen{border-color:#19bd7d;background:#f2fff8}.practice-options button.wrong{border-color:#f26363;background:#fff2f1}.practice-translate{padding:18px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}.workbench-footer{min-height:96px;display:grid;grid-template-columns:minmax(128px,max-content) minmax(220px,1fr) max-content;align-items:center;gap:clamp(18px,2.2vw,32px);margin:26px -42px 0;padding:0 42px;border-top:1px solid #e6edf5;color:#607089;font-weight:800}.autoplay-toggle{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#607089;border:0;background:transparent;font:inherit;font-weight:900;line-height:1.2;white-space:nowrap}.autoplay-toggle i{width:52px;height:28px;display:inline-flex;align-items:center;padding:3px;border-radius:999px;background:#dfe7f0;transition:background .2s ease}.autoplay-toggle i:after{content:"";width:22px;height:22px;display:block;border-radius:50%;background:#fff;box-shadow:0 3px 8px #1220362e;transform:translate(0);transition:transform .2s ease}.autoplay-toggle.active{color:#23455d}.autoplay-toggle.active i{background:var(--green)}.autoplay-toggle.active i:after{transform:translate(24px)}.question-progress{width:100%;min-width:0;display:grid;justify-items:stretch;gap:12px}.question-progress strong{color:#607089;font-size:17px;line-height:1.25;text-align:center;white-space:nowrap}.question-progress div{width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(28px,1fr);gap:clamp(8px,1.2vw,18px)}.question-progress b{width:100%;height:8px;display:block;border-radius:999px;background:#dfe6ef}.question-progress b.active{background:var(--green)}.footer-actions{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:16px}.workbench-footer .replay-button{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 8px;color:#607089;border:0;border-radius:10px;background:transparent;font-weight:800;white-space:nowrap}.workbench-footer .replay-button:hover:not(:disabled){color:var(--green);background:color-mix(in srgb,var(--green-soft) 42%,transparent);transform:none}.workbench-footer .primary-action.small{min-width:132px;white-space:nowrap}.workbench-footer .replay-button:disabled{cursor:not-allowed;opacity:.42}.app-shell[data-theme=dark] .lesson-workbench{border-color:color-mix(in srgb,var(--line) 82%,#ffffff);background:radial-gradient(circle at top right,rgba(0,213,150,.11),transparent 24rem),linear-gradient(180deg,color-mix(in srgb,var(--paper) 86%,#14365a),color-mix(in srgb,var(--paper) 94%,var(--page)));box-shadow:var(--shadow-panel)}.app-shell[data-theme=dark] .lesson-visual{border:1px solid color-mix(in srgb,var(--line) 82%,transparent);background:color-mix(in srgb,var(--paper) 72%,var(--page));box-shadow:0 22px 54px #0000003d}.app-shell[data-theme=dark] .lesson-visual-caption{color:var(--ink);border-color:#ffffff29;background:color-mix(in srgb,var(--paper) 74%,transparent);box-shadow:0 24px 54px #00000052;backdrop-filter:blur(24px) saturate(1.12);-webkit-backdrop-filter:blur(24px) saturate(1.12)}.app-shell[data-theme=dark] .lesson-visual-caption strong{color:var(--ink);text-shadow:none}.app-shell[data-theme=dark] .lesson-visual-caption small{color:var(--muted)}.app-shell[data-theme=dark] .practice-topline span:first-child{color:#adffe1;border-color:color-mix(in srgb,var(--green) 72%,var(--line));background:color-mix(in srgb,var(--green-soft) 68%,var(--paper))}.app-shell[data-theme=dark] .favorite-lesson,.app-shell[data-theme=dark] .autoplay-toggle.active,.app-shell[data-theme=dark] .workbench-footer .replay-button{color:var(--ink)}.app-shell[data-theme=dark] .question-card{border-color:color-mix(in srgb,var(--green) 42%,var(--line));background:linear-gradient(90deg,color-mix(in srgb,var(--green-soft) 46%,var(--paper)),color-mix(in srgb,var(--paper) 88%,var(--page)));box-shadow:0 14px 34px #00000029}.app-shell[data-theme=dark] .question-card.playing{border-color:color-mix(in srgb,var(--green) 78%,var(--line));background:linear-gradient(90deg,color-mix(in srgb,var(--green-soft) 64%,var(--paper)),color-mix(in srgb,var(--paper) 88%,var(--page)));box-shadow:0 18px 42px #00d59626}.app-shell[data-theme=dark] .listen-orb{box-shadow:0 16px 32px #00d5963d}.app-shell[data-theme=dark] .waveform i{background:color-mix(in srgb,var(--green) 78%,#c8fff0)}.app-shell[data-theme=dark] .practice-options button:hover:not(:disabled){border-color:color-mix(in srgb,var(--green) 58%,var(--line));background:color-mix(in srgb,var(--green-soft) 36%,var(--paper));box-shadow:0 16px 30px #00d59614}.app-shell[data-theme=dark] .practice-options button.correct,.app-shell[data-theme=dark] .practice-options button.chosen,.app-shell[data-theme=dark] .answer-option.correct,.app-shell[data-theme=dark] .answer-option.chosen{color:var(--ink);border-color:color-mix(in srgb,var(--green) 72%,var(--line));background:color-mix(in srgb,var(--green-soft) 54%,var(--paper));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green) 24%,transparent)}.app-shell[data-theme=dark] .practice-options button.correct>span,.app-shell[data-theme=dark] .practice-options button.chosen>span{color:#061522;border-color:transparent;background:linear-gradient(180deg,var(--green),#63e9bd)}.app-shell[data-theme=dark] .practice-options button.wrong,.app-shell[data-theme=dark] .answer-option.wrong{color:var(--ink);border-color:color-mix(in srgb,#ff7777 72%,var(--line));background:color-mix(in srgb,#ff5e62 18%,var(--paper))}.app-shell[data-theme=dark] .practice-options button.wrong>span{color:#ffd6d2;border-color:color-mix(in srgb,#ff7777 70%,var(--line));background:color-mix(in srgb,#ff5e62 18%,var(--paper))}.app-shell[data-theme=dark] .feedback.correct{color:#b8ffdf;border:1px solid color-mix(in srgb,var(--green) 56%,var(--line));background:color-mix(in srgb,var(--green-soft) 58%,var(--paper))}.app-shell[data-theme=dark] .feedback.wrong{color:#ffd6d2;border:1px solid color-mix(in srgb,#ff7777 62%,var(--line));background:color-mix(in srgb,#ff5e62 16%,var(--paper))}.app-shell[data-theme=dark] .feedback strong,.app-shell[data-theme=dark] .feedback small{color:inherit}.app-shell[data-theme=dark] .workbench-footer{border-color:color-mix(in srgb,var(--line) 84%,transparent);background:color-mix(in srgb,var(--paper) 78%,var(--page))}.app-shell[data-theme=dark] .autoplay-toggle i{background:color-mix(in srgb,var(--line) 74%,var(--page))}.app-shell[data-theme=dark] .autoplay-toggle.active i{background:linear-gradient(180deg,var(--green),var(--green-dark))}.app-shell[data-theme=dark] .question-progress b.active{background:var(--green)}@keyframes lessonAudioPulse{0%,to{box-shadow:0 14px 28px #00b27438,0 0 #19c98740;transform:scale(1)}50%{box-shadow:0 18px 34px #00b2744d,0 0 0 12px #19c98700;transform:scale(1.04)}}@keyframes waveformBeat{0%{transform:scaleY(.42);opacity:.5}to{transform:scaleY(1.2);opacity:1}}.lesson-side .rail-card{box-shadow:none}.task-card .task-list{display:grid;gap:14px}.task-list article{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;color:#526079;font-weight:800}.task-list article span{width:13px;height:13px;border:2px solid #18bd7c;border-radius:50%}.task-list strong{color:#12a86f}.next-card>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:14px;align-items:center}.next-card>div>span{width:70px;height:70px;display:inline-grid;place-items:center;color:var(--green);border-radius:14px;background:var(--green-soft)}.next-card h2,.next-card strong,.next-card small{display:block;margin:0}.next-card h2{font-size:19px}.next-card small{margin-top:5px;color:#607089;line-height:1.45}.next-card .link-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}@media(max-width:1180px){.app-shell{--sidebar-width: 92px;width:100%;min-height:100dvh;margin:0;padding:0 0 0 var(--sidebar-width);display:block;border-radius:0}.sidebar{top:0;left:0;width:var(--sidebar-width);height:100dvh;min-height:auto;padding:20px 12px;border-radius:0}.brand{justify-content:center;padding:0;gap:0}.main-nav button{justify-content:center;padding:0;font-size:0}.brand>div:not(.brand-mark),.trip-card,.profile-card{display:none}.content-grid,.lesson-grid{grid-template-columns:minmax(0,1fr)}.workspace-topbar{align-items:stretch}.workspace-topbar h1{display:none}.topbar-actions{justify-content:space-between}.right-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.home-grid,.lesson-grid{grid-template-columns:minmax(0,1fr)}.seo-topic-links nav,.seo-intent-links nav,.need-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.curriculum-list{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}.top-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.top-strip.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.progress-view .progress-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mistake-book-view .progress-cards,.review-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-workbench{min-height:auto;padding:28px 24px 0}.lesson-practice-layout{grid-template-columns:minmax(280px,.8fr) minmax(420px,1fr);gap:28px}.lesson-visual img{min-height:420px;height:420px}.practice-meta h1{font-size:36px}.practice-meta p{font-size:20px}.question-card{grid-template-columns:60px minmax(130px,1fr) minmax(160px,1fr)}.question-card em{grid-column:2 / -1;justify-self:end}.question-progress{min-width:0}.question-progress b{width:100%}.workbench-footer{grid-template-columns:minmax(128px,max-content) minmax(220px,1fr) max-content;gap:16px;margin:24px -24px 0;padding:16px 24px;min-height:auto}.footer-actions{gap:10px}.workbench-footer .primary-action.small{min-width:132px;padding-inline:16px}}@media(max-width:980px){.top-strip.three-up{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-insights,.lesson-practice-layout{grid-template-columns:1fr}.lesson-visual img{min-height:360px;height:360px}.question-card{grid-template-columns:60px minmax(140px,.72fr) minmax(180px,1fr)}.right-rail{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{--sidebar-width: min(318px, 86vw);width:100%;min-height:100dvh;margin:0;padding:0;border-radius:0;display:block}.sidebar{position:fixed;z-index:60;top:0;left:0;width:var(--sidebar-width);height:100dvh;min-height:auto;max-height:none;padding:18px 16px;border-radius:0;overflow-y:auto;overscroll-behavior:contain;transform:translate3d(-104%,0,0);transition:transform .24s ease,box-shadow .24s ease;will-change:transform}.sidebar.open{transform:translateZ(0);box-shadow:28px 0 70px #0b1d3a33}.mobile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:block;width:100dvw;height:100dvh;padding:0;border:0;border-radius:0;opacity:0;pointer-events:none;background:#0712257a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:opacity .2s ease}.mobile-drawer-backdrop.open{opacity:1;pointer-events:auto}.brand{justify-content:flex-start;padding:2px 0 14px;gap:12px}.brand>div:not(.brand-mark){display:block;min-width:0}.brand-mark{width:44px;height:44px}.brand strong{font-size:25px}.brand span{font-size:12px}.mobile-menu-button{width:38px;height:38px;min-height:38px;margin-left:auto;display:inline-grid;place-items:center;flex:0 0 auto;padding:0;color:var(--muted);border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.main-nav{display:grid;grid-template-columns:1fr;gap:8px}.main-nav button{min-height:48px;flex-direction:row;justify-content:flex-start;gap:14px;padding:0 14px;font-size:16px;line-height:1.1}.main-nav button:before{display:block;left:-16px}.workspace{grid-column:auto;width:100%;max-width:100vw;min-height:100dvh;padding:0 12px 24px}.workspace-topbar{grid-template-columns:44px minmax(0,1fr);gap:12px;margin:0 -12px 16px;padding:12px;border-radius:0}.mobile-drawer-trigger{width:44px;height:44px;min-height:44px;display:inline-grid;place-items:center;padding:0;color:var(--ink);border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 10px 22px #101b310a}.app-shell[data-theme=dark] .mobile-drawer-trigger,.app-shell[data-theme=dark] .mobile-menu-button{color:var(--ink);border-color:color-mix(in srgb,var(--line) 86%,transparent);background:color-mix(in srgb,var(--paper) 88%,var(--app-surface))}.app-shell[data-theme=dark] .mobile-drawer-backdrop{background:#0308129e}.search-shell{grid-column:2}.topbar-actions{display:none}.drawer-actions{display:grid;gap:8px;padding:8px 0 0}.drawer-actions button{width:100%;min-height:46px;display:inline-flex;align-items:center;justify-content:flex-start;gap:12px;padding:0 14px;color:var(--ink);border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--paper) 82%,var(--surface-soft));font-weight:800;box-shadow:none}.drawer-actions button:hover{color:var(--green);border-color:color-mix(in srgb,var(--green) 34%,var(--line));background:var(--paper);transform:none}.drawer-actions button svg{flex:0 0 auto}.drawer-actions button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell[data-theme=dark] .drawer-actions button{color:var(--ink);border-color:color-mix(in srgb,var(--line) 86%,transparent);background:color-mix(in srgb,var(--paper) 90%,var(--app-surface))}.sync-banner{grid-template-columns:38px minmax(0,1fr)}.sync-banner .ghost-button{grid-column:1 / -1;width:100%}.top-strip,.progress-cards,.review-list,.phrase-grid,.seo-topic-links nav,.seo-intent-links nav,.need-grid,.right-rail,.lesson-insights{grid-template-columns:1fr}.mode-tabs,.filter-row{width:100%;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.mode-tabs::-webkit-scrollbar,.filter-row::-webkit-scrollbar{display:none}.mode-tabs button,.filter-row button{flex:0 0 auto}.top-strip.three-up{grid-template-columns:1fr}.home-heatmap{--heatmap-cell: 10px;--heatmap-gap: 3px;padding:18px}.home-heatmap .heatmap-title{display:grid;align-items:start}.home-heatmap .heatmap-actions{justify-items:start}.home-heatmap .heatmap-calendar{grid-template-columns:32px minmax(0,1fr)}.setting-group{min-height:auto}.profile-card{margin-top:auto;display:flex;max-width:100%;overflow:hidden}.profile-card>div:last-child{min-width:0;flex:1 1 auto}.search-results{position:static;margin-top:10px;box-shadow:none}.search-results button{grid-template-columns:30px minmax(0,1fr)}.search-results em{grid-column:2;grid-row:auto}.content-grid{gap:14px}.panel,.rail-card{padding:18px}.section-title{display:grid}.section-title h1{font-size:28px}.hero-card,.lesson-preview{min-height:360px}.lesson-preview .primary-action{left:18px;right:18px;bottom:18px;width:auto}.hero-card img{height:360px;object-position:center bottom}.hero-card:after{top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fffffff2,#ffffff8f,#ffffff1a)}.hero-copy{left:18px;top:18px;right:18px}.hero-copy h1{font-size:28px}.speech-card{left:16px;right:16px;bottom:96px;width:auto;padding:14px 16px}.speech-card strong{font-size:20px}.lesson-insights{padding:14px 0 0}.curriculum-summary{margin:0}.curriculum-list{grid-template-columns:repeat(2,minmax(0,1fr))}.curriculum-list button{min-height:118px}.tool-grid{grid-template-columns:1fr}.node-track{min-width:680px;grid-template-columns:repeat(6,110px);padding-bottom:4px}.lesson-node-path{overflow-x:auto;padding-right:18px}.node-track:before{left:44px;right:auto;width:560px}.lesson-workbench{grid-template-columns:1fr;padding:16px 14px 0;overflow:visible;border-radius:18px}.lesson-practice-layout{grid-template-columns:1fr;gap:18px;min-width:0}.lesson-visual img{min-height:278px;height:278px}.lesson-visual-caption{left:12px;right:12px;bottom:12px;gap:8px;padding:14px;border-radius:18px}.lesson-visual-caption strong{gap:8px;font-size:16px}.lesson-visual-caption small{padding-left:26px;font-size:13px}.practice-meta h1{font-size:28px}.question-card{grid-template-columns:1fr;justify-items:start;gap:14px;padding:14px}.listen-orb{width:58px;height:58px}.question-card>span,.question-card .waveform{grid-column:1;width:100%}.question-card em{grid-column:1;justify-self:start}.practice-options button{min-height:72px;grid-template-columns:38px minmax(0,1fr);gap:14px;padding:14px;font-size:16px}.practice-options button>span{width:36px;height:36px;font-size:15px}.workbench-footer{grid-template-columns:1fr auto;grid-template-areas:"auto actions" "progress progress";align-items:center;gap:12px 14px;margin:16px -14px 0;padding:14px}.autoplay-toggle{grid-area:auto;justify-self:start}.question-progress{grid-area:progress;min-width:100%;justify-items:start}.question-progress div{width:100%;gap:8px}.question-progress b{width:auto}.footer-actions{grid-area:actions;justify-self:end;gap:8px}.workbench-footer .replay-button{width:44px;padding:0;justify-content:center;overflow:hidden;color:var(--muted);font-size:0}.workbench-footer .replay-button svg{flex:0 0 auto}.workbench-footer .primary-action.small{min-width:118px}.exercise-prompt,.feedback,.completion-actions{display:grid}.review-actions{grid-template-columns:1fr}.tab-toolbar{align-items:flex-start}.tab-toolbar .mode-tabs{margin-left:0;padding-left:8px}.mistake-row{grid-template-columns:1fr;align-items:stretch}.mistake-row-icon{width:44px;height:44px}.mistake-row-actions{display:grid;grid-template-columns:44px repeat(2,minmax(0,1fr))}.mistake-row-actions button:first-child{width:44px}.answer-option{grid-template-columns:32px minmax(0,1fr) 24px;padding:12px}.settings-modal-backdrop{padding:12px;align-items:center}.settings-modal{max-height:calc(100dvh - 24px);padding:22px 16px;border-radius:18px}.modal-close{top:12px;right:12px}}@media(max-width:520px){.app-shell{--sidebar-width: min(304px, 88vw)}.sidebar{padding:16px 14px}.brand-mark{width:40px;height:40px}.main-nav button{min-height:44px}.workspace{padding-inline:10px}.workspace-topbar{margin-inline:-10px;gap:8px}.global-search{min-height:42px;padding:0 12px}.topbar-actions{grid-template-columns:repeat(3,40px);gap:6px}.topbar-actions button,.topbar-actions .icon-toggle{width:40px;height:40px;min-height:40px;border-radius:12px}.workbench-footer{grid-template-columns:1fr;grid-template-areas:"progress" "auto" "actions";gap:12px}.question-progress strong{text-align:left}.question-progress div{gap:6px}.autoplay-toggle,.footer-actions{width:100%}.footer-actions{justify-content:stretch}.workbench-footer .replay-button{flex:0 0 44px}.workbench-footer .primary-action.small{flex:1 1 auto}}.mobile-top-brand,.mobile-bottom-nav{display:none}.prototype-home{width:min(1180px,100%);display:grid;gap:24px;margin:0 auto}.prototype-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);overflow:hidden;min-height:456px;border:1px solid #dce7f5;border-radius:24px;background:radial-gradient(circle at 34% 14%,rgba(200,236,255,.66),transparent 17rem),linear-gradient(116deg,#fff,#f7fbff 59%,#e9f4fc);box-shadow:0 20px 48px #1c427014}.prototype-hero-copy{position:relative;z-index:2;display:grid;align-content:center;justify-items:start;gap:14px;padding:42px 44px 34px}.prototype-kicker,.prototype-section-heading>div>span{display:inline-flex;align-items:center;min-height:26px;color:#008d67;font-size:13px;font-weight:800;letter-spacing:.02em}.prototype-hero h1{max-width:560px;margin:0;color:#10233f;font-size:clamp(34px,4vw,48px);line-height:1.17;letter-spacing:-.04em}.prototype-hero p{max-width:520px;margin:0;color:#60708a;font-size:15px;line-height:1.75}.prototype-search{width:min(520px,100%);min-height:50px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 7px 0 16px;color:#5e7393;border:1px solid #cbd9ea;border-radius:12px;background:#fffffff0;box-shadow:0 8px 20px #3a5d860f}.prototype-search:focus-within{border-color:var(--green);box-shadow:0 0 0 4px #00a77a1f}.prototype-search input{min-width:0;color:#10233f;border:0;outline:0;background:transparent}.prototype-search button{width:44px;height:44px;min-height:44px;display:inline-grid;place-items:center;padding:0;color:#fff;border:0;border-radius:9px;background:var(--green)}.prototype-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.prototype-hero-actions .primary-action{min-height:48px;padding:0 20px;border-radius:10px;box-shadow:0 12px 24px #00a77a33}.prototype-secondary-action{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;color:#17365c;border:1px solid #cfdeef;border-radius:10px;background:#fff;font-weight:800}.prototype-secondary-action:hover{color:#008d67;border-color:#91d6c1;transform:translateY(-1px)}.prototype-guest-note{color:#73829a;font-size:12px;font-weight:700}.prototype-hero-visual{position:relative;min-height:100%;overflow:hidden}.prototype-hero-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f7fbffe6,#f7fbff0a 43%,#dcedf90d);pointer-events:none}.prototype-hero-visual img{width:100%;height:100%;min-height:380px;display:block;object-fit:cover;object-position:center}.prototype-phrase-float{position:absolute;z-index:1;right:24px;bottom:28px;width:min(340px,calc(100% - 40px));display:grid;gap:6px;padding:16px 18px;color:#10233f;border:1px solid rgba(209,226,241,.9);border-radius:14px;background:#ffffffeb;box-shadow:0 16px 28px #274b761f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.prototype-phrase-float span,.prototype-phrase-float small{color:#6a7b93;font-size:12px;font-weight:700}.prototype-phrase-float strong{font-size:17px;line-height:1.4}.prototype-quick-actions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(214,227,240,.9);background:#ffffffc7}.prototype-quick-actions button{min-height:82px;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;padding:14px 24px;color:#008d67;border:0;border-right:1px solid rgba(214,227,240,.9);background:transparent;text-align:left}.prototype-quick-actions button:last-child{border-right:0}.prototype-quick-actions button:hover{background:#f0fbf7;transform:none}.prototype-quick-actions span{min-width:0}.prototype-quick-actions strong,.prototype-quick-actions small{display:block}.prototype-quick-actions strong{color:#18395b;font-size:14px}.prototype-quick-actions small{margin-top:3px;color:#7a899f;font-size:12px;line-height:1.35}.prototype-primary-grid,.prototype-secondary-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:24px;align-items:start}.prototype-secondary-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.74fr)}.prototype-scenario,.prototype-today{min-height:100%;padding:24px;border-radius:18px;box-shadow:none}.prototype-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.prototype-section-heading h2{margin:2px 0 6px;color:#10233f;font-size:25px;line-height:1.22}.prototype-section-heading p{margin:0;color:#718198;font-size:13px;line-height:1.6}.prototype-duration{flex:0 0 auto;padding:7px 10px;color:#008d67;border-radius:999px;background:#e7f8f1;font-size:12px;font-weight:800}.prototype-path{display:flex;align-items:center;gap:8px;margin:24px 0 20px;overflow-x:auto;scrollbar-width:none}.prototype-path::-webkit-scrollbar{display:none}.prototype-path button{position:relative;min-width:112px;display:grid;justify-items:center;gap:7px;padding:0 4px;color:#75849a;border:0;background:transparent;font-size:12px}.prototype-path button:after{content:"";position:absolute;top:17px;left:calc(50% + 23px);width:calc(100% - 32px);height:1px;background:#d6e2ee}.prototype-path button:last-child:after{display:none}.prototype-path button>span{position:relative;z-index:1;width:36px;height:36px;display:inline-grid;place-items:center;color:#67809c;border:1px solid #d4e1ed;border-radius:50%;background:#fff;font-weight:900}.prototype-path button.active{color:#008d67}.prototype-path button.active>span{color:#fff;border-color:var(--green);background:var(--green);box-shadow:0 8px 18px #00a77a38}.prototype-path button strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prototype-scenario-card{display:grid;grid-template-columns:156px minmax(0,1fr);gap:18px;padding:14px;border:1px solid #deebf5;border-radius:15px;background:#f9fcff}.prototype-scenario-card>img{width:156px;height:138px;border-radius:10px;object-fit:cover}.prototype-scenario-card>div{min-width:0;display:grid;align-content:center;justify-items:start;gap:6px}.prototype-scenario-card span,.prototype-scenario-card p{color:#73839a;font-size:12px}.prototype-scenario-card h3{margin:0;color:#10233f;font-size:18px}.prototype-scenario-card p{margin:0 0 6px;line-height:1.45}.prototype-scenario-card .primary-action.small{min-height:44px;padding-inline:14px;border-radius:8px}.prototype-today>.prototype-section-heading>svg{flex:0 0 auto;margin-top:5px;color:#00a77a}.prototype-continue-card{display:grid;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:22px;padding:12px;border:1px solid #dce9f5;border-radius:14px;background:#fbfdff}.prototype-continue-card img{width:74px;height:64px;border-radius:8px;object-fit:cover}.prototype-continue-card div{min-width:0;display:grid;gap:4px}.prototype-continue-card span,.prototype-continue-card small{color:#7b8aa0;font-size:11px}.prototype-continue-card strong{overflow:hidden;color:#10233f;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.prototype-continue-card button,.prototype-task-list button{min-height:44px;padding:0 10px;color:#fff;border:0;border-radius:7px;background:var(--green);font-size:12px;font-weight:800}.prototype-task-list{display:grid;gap:10px;margin-top:16px}.prototype-task-list>div{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:30px;color:#526780;font-size:13px}.prototype-task-list svg{color:#00a77a}.prototype-task-dot{width:14px;height:14px;display:inline-block;border:1.5px solid #b5c6d7;border-radius:50%}.prototype-task-list small{color:#8392a6;font-size:11px}.prototype-task-list button{min-height:44px;color:#008d67;background:#e7f8f1}.prototype-home .curriculum-summary,.prototype-home .learning-tools,.prototype-home .need-phrase-finder,.prototype-home .seo-topic-links,.prototype-home .seo-intent-links,.prototype-home .home-heatmap{margin:0;border-radius:18px}.prototype-home .curriculum-summary{padding:24px}.prototype-home .curriculum-list{grid-template-columns:repeat(6,minmax(108px,1fr))}.prototype-home .right-rail{display:grid;grid-template-columns:1fr;gap:16px}.prototype-home .right-rail .rail-card{padding:18px;border-radius:16px}.prototype-home .right-rail .rail-card:nth-child(n+3){display:none}@media(min-width:900px){.app-shell{--sidebar-width: 0px;display:block;min-height:100dvh;margin:0;padding:76px 0 0;border:0;border-radius:0;background:#f4f7fb;box-shadow:none}.sidebar{position:fixed;z-index:60;inset:0 0 auto 0;width:100%;max-width:none;height:76px;min-height:76px;padding:0 clamp(24px,5vw,84px);display:flex;flex-direction:row;align-items:center;gap:0;overflow:visible;border:0;border-bottom:1px solid #e4ecf5;border-radius:0;background:#fffffff5;box-shadow:0 4px 18px #1f38590d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sidebar .brand{flex:0 0 auto;gap:9px;padding:0}.sidebar .brand-mark{width:32px;height:32px;border-radius:9px;box-shadow:none}.sidebar .brand strong{color:#10233f;font-size:21px}.sidebar .brand span,.sidebar .mobile-menu-button,.sidebar .profile-card{display:none}.sidebar .main-nav{height:100%;display:flex;align-items:center;gap:4px;margin-left:clamp(28px,4vw,70px)}.sidebar .main-nav button{min-height:40px;padding:0 11px;color:#63738b;border-radius:8px;font-size:14px;font-weight:800}.sidebar .main-nav button:before,.sidebar .main-nav button svg{display:none}.sidebar .main-nav button:hover,.sidebar .main-nav button.active{color:#008d67;background:#ecfaf5}.sidebar .main-nav button:nth-child(6),.sidebar .main-nav button:nth-child(7){display:none}.sidebar .drawer-actions{display:flex;align-items:center;gap:8px;margin-left:auto;padding:0}.sidebar .drawer-actions .icon-toggle{width:40px;height:40px;min-height:40px;display:inline-grid;place-items:center;padding:0;color:#587089;border:1px solid #e0e9f2;border-radius:9px;background:#fff}.sidebar .drawer-actions .icon-toggle:hover{color:#008d67;border-color:#91d6c1;background:#f2fbf7;transform:none}.sidebar .drawer-actions .icon-toggle span{display:none}.workspace{width:100%;max-width:none;min-height:calc(100dvh - 76px);padding:32px clamp(24px,5vw,84px) 52px;background:#f4f7fb}.workspace-topbar{display:none}}@media(max-width:1199px){.prototype-home{width:100%}}@media(max-width:767px){.app-shell{padding-bottom:76px;background:#f4f7fb}.workspace{padding:0 12px 24px;background:#f4f7fb}.workspace-topbar{position:sticky;top:0;z-index:20;min-height:56px;display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:10px;margin:0 -12px 14px;padding:8px 14px;border-bottom:1px solid #e4ecf5;background:#fffffff5;box-shadow:none}.workspace-topbar h1,.workspace-topbar .search-shell,.workspace-topbar .topbar-actions{display:none}.mobile-top-brand{min-width:0;display:inline-flex;align-items:center;gap:8px;color:#10233f}.mobile-top-brand img{width:28px;height:28px;border-radius:8px}.mobile-top-brand strong{font-size:18px}.mobile-drawer-trigger{grid-column:2;width:44px;height:44px;min-height:44px;color:#10233f;border:0;border-radius:8px;background:#f4f7fb;box-shadow:none}.mobile-bottom-nav{position:fixed;z-index:58;right:0;bottom:0;left:0;min-height:68px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:5px max(12px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border-top:1px solid #dfe9f3;background:#fffffff7;box-shadow:0 -8px 24px #1c385b0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-bottom-nav button{min-height:52px;display:grid;place-items:center;align-content:center;gap:3px;padding:3px;color:#75849a;border:0;border-radius:10px;background:transparent;font-size:11px;font-weight:800}.mobile-bottom-nav button.active{color:#008d67;background:#effbf6}.mobile-bottom-nav svg{stroke-width:2.15}.prototype-home{gap:16px}.prototype-hero{display:flex;flex-direction:column;min-height:0;border-radius:16px}.prototype-hero-copy{order:1;padding:18px;gap:9px}.prototype-hero h1{max-width:320px;font-size:28px;line-height:1.18}.prototype-hero p{font-size:12px;line-height:1.55}.prototype-hero-visual{order:2;min-height:190px}.prototype-hero-visual:after{background:linear-gradient(90deg,#f7fbff40,#f7fbff00)}.prototype-hero-visual img{min-height:190px;height:190px;object-position:center 38%}.prototype-phrase-float{right:14px;bottom:14px;width:calc(100% - 28px);padding:12px 14px}.prototype-phrase-float strong{font-size:15px}.prototype-search{min-height:46px}.prototype-hero-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.prototype-hero-actions .primary-action,.prototype-secondary-action{width:100%;min-height:44px;padding-inline:8px;font-size:12px}.prototype-quick-actions{order:3;grid-template-columns:repeat(3,minmax(0,1fr))}.prototype-quick-actions button{min-height:72px;grid-template-columns:1fr;justify-items:center;gap:5px;padding:10px 7px;text-align:center}.prototype-quick-actions small{display:none}.prototype-quick-actions strong{font-size:12px}.prototype-primary-grid,.prototype-secondary-grid{grid-template-columns:1fr;gap:16px}.prototype-scenario,.prototype-today,.prototype-home .curriculum-summary,.prototype-home .learning-tools,.prototype-home .need-phrase-finder,.prototype-home .seo-topic-links,.prototype-home .seo-intent-links,.prototype-home .home-heatmap{padding:18px;border-radius:14px}.prototype-section-heading h2{font-size:21px}.prototype-duration{display:none}.prototype-path{margin:18px 0 16px}.prototype-path button{min-width:86px;font-size:11px}.prototype-path button:after{left:calc(50% + 20px)}.prototype-scenario-card{grid-template-columns:94px minmax(0,1fr);gap:12px;padding:10px}.prototype-scenario-card>img{width:94px;height:114px}.prototype-scenario-card h3{font-size:15px}.prototype-scenario-card p{font-size:11px}.prototype-continue-card{grid-template-columns:62px minmax(0,1fr)}.prototype-continue-card img{width:62px;height:58px}.prototype-continue-card button{grid-column:2;width:100%}.prototype-home .curriculum-list{display:flex;gap:10px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.prototype-home .curriculum-list button{flex:0 0 118px}.prototype-home .right-rail .rail-card:nth-child(2){display:none}.prototype-home .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.prototype-home .tool-grid button{min-height:88px;grid-template-columns:1fr;justify-items:center;gap:4px;padding:10px 6px;text-align:center}.prototype-home .tool-grid button:nth-child(4){display:none}.prototype-home .tool-grid button>span{grid-row:auto;width:36px;height:36px}.prototype-home .tool-grid small{display:none}}.prototype-home{gap:20px}.prototype-hero{min-height:430px;border-color:#e1e6e1;border-radius:16px;background:#fffdf8;box-shadow:0 16px 36px #10233f0f}.prototype-hero-copy{gap:16px;padding:38px 42px}.prototype-hero p{color:#5d6d81}.prototype-search{border-color:#dce4de;border-radius:12px;background:#fff;box-shadow:none}.prototype-search button,.prototype-task-copy button{background:#008d67;box-shadow:none}.prototype-hero-visual:after{background:#10233f0a}.prototype-phrase-float{border-color:#e2e7e1f5;border-radius:14px;background:#fffdf8;box-shadow:0 12px 24px #10233f1a;backdrop-filter:none;-webkit-backdrop-filter:none}@media(max-width:767px){.prototype-home{gap:16px}.prototype-hero{min-height:0}.prototype-hero-copy{gap:13px;padding:20px 18px}}.prototype-primary-grid{align-items:stretch}.prototype-primary-grid>.panel{height:100%}.prototype-scenario-card,.prototype-continue-card{box-shadow:inset 0 1px #ffffffb8}.prototype-scenario-card .primary-action.small,.prototype-continue-card button,.prototype-task-list button{min-height:44px}@media(min-width:761px)and (max-width:980px){.prototype-home{gap:18px}.prototype-hero{grid-template-columns:minmax(0,1fr) minmax(260px,.84fr);min-height:392px}.prototype-hero-copy{padding:30px}.prototype-hero h1{font-size:clamp(30px,4.2vw,38px)}.prototype-hero-visual img{min-height:392px}.prototype-primary-grid,.prototype-secondary-grid{grid-template-columns:minmax(0,1fr);gap:16px}.prototype-scenario,.prototype-today{padding:22px}.prototype-scenario-card{grid-template-columns:132px minmax(0,1fr)}.prototype-scenario-card>img{width:132px;height:124px}}@media(max-width:767px){.prototype-primary-grid{align-items:start}.prototype-scenario-card,.prototype-continue-card{box-shadow:none}}.app-shell[data-theme=dark] .prototype-hero{border-color:#e1e6e1;background:#fffdf8}.app-shell[data-theme=dark] .prototype-hero h1,.app-shell[data-theme=dark] .prototype-hero strong,.app-shell[data-theme=dark] .prototype-hero input{color:#10233f}.app-shell[data-theme=dark] .prototype-hero p,.app-shell[data-theme=dark] .prototype-hero small,.app-shell[data-theme=dark] .prototype-hero .prototype-task-copy,.app-shell[data-theme=dark] .prototype-hero .prototype-task-copy small,.app-shell[data-theme=dark] .prototype-hero .prototype-phrase-float span,.app-shell[data-theme=dark] .prototype-hero .prototype-phrase-float small{color:#5d6d81}.app-shell[data-theme=dark] .prototype-hero .prototype-secondary-action,.app-shell[data-theme=dark] .prototype-hero .prototype-task-selector button{color:#17365c;border-color:#d7e0d9;background:#fff}.app-shell[data-theme=dark] .prototype-hero .prototype-task-selector button.active,.app-shell[data-theme=dark] .prototype-hero .prototype-search button{color:#fff;border-color:#008d67;background:#008d67}.app-shell[data-theme=dark] .prototype-scenario-card,.app-shell[data-theme=dark] .prototype-continue-card{border-color:#294765;background:#10243f}.app-shell[data-theme=dark] .prototype-scenario-card h3,.app-shell[data-theme=dark] .prototype-continue-card strong{color:#e6f0ff}.app-shell[data-theme=dark] .prototype-scenario-card span,.app-shell[data-theme=dark] .prototype-scenario-card p,.app-shell[data-theme=dark] .prototype-continue-card span,.app-shell[data-theme=dark] .prototype-continue-card small,.app-shell[data-theme=dark] .prototype-task-list>div,.app-shell[data-theme=dark] .prototype-task-list small{color:#aebed1}.app-shell[data-theme=dark] .prototype-task-list button{color:#78e7bf;background:#00a77a2e}.page-view{width:100%;display:grid;gap:18px}.page-intro-card .section-title,.page-view .progress-cards,.page-view .progress-insights{margin-bottom:0}.home-explore{border:0;border-radius:0;background:transparent}.home-explore>summary{border:1px solid #e1e7e2;border-radius:16px;background:#fffdf8;box-shadow:0 12px 26px #10233f0a}.home-explore[open]>summary{border-bottom:1px solid #e1e7e2}.home-explore-content{padding:0}.progress-insights{margin-top:0}.progress-insights .progress-abilities-card{padding:20px;border:1px solid #edf0f5;border-radius:16px;background:#fff}.progress-insights .progress-actions{display:grid;align-content:start;gap:12px;padding:0;border:0;background:transparent}.progress-actions h2{margin:0 0 2px}.progress-insights button>span,.review-stack button>span,.coach-list article>span{min-width:0;display:grid;gap:3px}.progress-insights button>span strong,.progress-insights button>span small,.review-stack button>span strong,.review-stack button>span small,.coach-list article>span strong,.coach-list article>span small{display:block;min-width:0}.progress-insights button{grid-template-columns:22px minmax(0,1fr) 18px;gap:12px}.review-stack button{grid-template-columns:24px minmax(0,1fr) 18px;gap:12px}.coach-list article{grid-template-columns:22px minmax(0,1fr);gap:12px}.brand-home{min-width:0;display:flex;align-items:center;flex:1 1 auto;gap:14px;padding:0;color:inherit;border:0;background:transparent;text-align:left}.brand-home:hover .brand-mark,.brand-home:focus-visible .brand-mark{box-shadow:0 0 0 3px #008d6733}.brand-home:focus-visible,.mobile-top-brand:focus-visible{outline:3px solid rgba(0,141,103,.35);outline-offset:3px}.mobile-top-brand{padding:0;color:#10233f;border:0;background:transparent;text-align:left}.app-site-footer{grid-column:2;width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin-top:24px;padding:20px 22px;color:#718096;border:1px solid #e1e8ee;border-radius:16px;background:#fff;box-shadow:0 12px 28px #10233f09}.app-site-footer>div{display:grid;gap:3px}.app-site-footer strong{color:#10233f;font-size:15px}.app-site-footer span,.app-site-footer a{font-size:13px}.app-site-footer nav{display:flex;flex-wrap:wrap;gap:8px 16px}.app-site-footer a{color:#52708d;font-weight:750;text-decoration:none}.app-site-footer a:hover,.app-site-footer a:focus-visible{color:#008d67;text-decoration:underline}.app-shell[data-theme=dark] .app-site-footer{border-color:#294765;background:#10243f}.app-shell[data-theme=dark] .app-site-footer strong{color:#e6f0ff}.app-shell[data-theme=dark] .app-site-footer a{color:#78e7bf}@media(min-width:900px){.app-site-footer{width:calc(100% - clamp(48px,10vw,168px));max-width:1320px;margin:0 auto 8px}}@media(max-width:899px){.app-site-footer{grid-column:auto;margin:8px 12px 14px;width:auto}}@media(max-width:767px){.app-site-footer{display:grid;gap:14px;margin-bottom:8px;padding:18px}}@media(min-width:761px)and (max-width:899px){.app-shell{--sidebar-width: min(318px, 58vw);width:100%;min-height:100dvh;margin:0;padding:0 0 76px;display:block;border:0;border-radius:0;background:#f4f7fb;box-shadow:none}.sidebar{position:fixed;z-index:60;top:0;left:0;width:var(--sidebar-width);height:100dvh;min-height:auto;max-height:none;padding:18px 16px;border-radius:0;overflow-y:auto;overscroll-behavior:contain;transform:translate3d(-104%,0,0);transition:transform .24s ease,box-shadow .24s ease;will-change:transform}.sidebar.open{transform:translateZ(0);box-shadow:28px 0 70px #0b1d3a33}.mobile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:block;width:100dvw;height:100dvh;padding:0;border:0;border-radius:0;opacity:0;pointer-events:none;background:#0712257a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:opacity .2s ease}.mobile-drawer-backdrop.open{opacity:1;pointer-events:auto}.sidebar .brand{justify-content:flex-start;gap:12px;padding:2px 0 14px}.sidebar .brand-home>div:not(.brand-mark){min-width:0;display:block}.sidebar .brand-mark{width:44px;height:44px}.sidebar .brand strong{font-size:25px}.sidebar .brand span{display:block;font-size:12px}.sidebar .mobile-menu-button{width:38px;height:38px;min-height:38px;margin-left:auto;display:inline-grid;place-items:center;flex:0 0 auto;padding:0;color:var(--muted);border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.sidebar .main-nav{display:grid;grid-template-columns:1fr;gap:8px}.sidebar .main-nav button{min-height:48px;justify-content:flex-start;gap:14px;padding:0 14px;font-size:16px;line-height:1.1}.sidebar .main-nav button:before{display:block;left:-16px}.sidebar .profile-card{display:flex;max-width:100%;overflow:hidden}.sidebar .drawer-actions{display:grid;gap:8px;padding:8px 0 0}.sidebar .drawer-actions button{width:100%;min-height:46px;display:inline-flex;align-items:center;justify-content:flex-start;gap:12px;padding:0 14px;color:var(--ink);border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--paper) 82%,var(--surface-soft));font-weight:800}.workspace{width:100%;max-width:100vw;min-height:100dvh;padding:0 20px 28px;background:#f4f7fb}.workspace-topbar{position:sticky;top:0;z-index:20;min-height:64px;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:12px;margin:0 -20px 18px;padding:10px 20px;border-bottom:1px solid #e4ecf5;background:#fffffff5;box-shadow:none}.workspace-topbar h1,.workspace-topbar .search-shell,.workspace-topbar .topbar-actions{display:none}.mobile-top-brand{min-width:0;display:inline-flex;align-items:center;gap:8px}.mobile-top-brand img{width:28px;height:28px;border-radius:8px}.mobile-top-brand strong{font-size:18px}.mobile-drawer-trigger{grid-column:2;width:44px;height:44px;min-height:44px;display:inline-grid;place-items:center;padding:0;color:#10233f;border:0;border-radius:8px;background:#f4f7fb;box-shadow:none}.mobile-bottom-nav{position:fixed;z-index:58;right:0;bottom:0;left:0;min-height:68px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:5px 20px calc(5px + env(safe-area-inset-bottom));border-top:1px solid #dfe9f3;background:#fffffff7;box-shadow:0 -8px 24px #1c385b0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-bottom-nav button{min-height:52px;display:grid;place-items:center;align-content:center;gap:3px;padding:3px;color:#75849a;border:0;border-radius:10px;background:transparent;font-size:11px;font-weight:800}.mobile-bottom-nav button.active{color:#008d67;background:#effbf6}}.mobile-nav-chevron{display:none}@media(max-width:899px){.mobile-drawer-backdrop,.mobile-drawer-backdrop.open{display:none}.sidebar{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100dvh;min-height:100dvh;max-height:none;display:flex;flex-direction:column;padding:max(18px,env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;border:0;border-radius:0;background:#fff;box-shadow:none;transform:translate3d(0,-104%,0);transition:transform .24s ease;will-change:transform}.sidebar.open{transform:translateZ(0);box-shadow:none}.sidebar .brand{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0}.sidebar .brand-home{gap:11px}.sidebar .brand-mark{width:42px;height:42px;border-radius:12px}.sidebar .brand strong{color:#14243b;font-size:24px}.sidebar .brand span{display:none}.sidebar .mobile-menu-button{width:48px;height:48px;min-height:48px;display:inline-grid;place-items:center;margin-left:auto;padding:0;color:#1b2738;border:0;border-radius:0;background:transparent}.sidebar .main-nav{display:grid;grid-template-columns:1fr;gap:0;margin:26px 0 0;border-top:1px solid #e7edf3}.sidebar .main-nav button{width:100%;min-height:70px;display:flex;align-items:center;justify-content:flex-start;gap:0;padding:0 2px;color:#18273d;border:0;border-bottom:1px solid #e7edf3;border-radius:0;background:transparent;font-size:19px;font-weight:800;text-align:left}.sidebar .main-nav button:before,.sidebar .main-nav button>svg:not(.mobile-nav-chevron){display:none}.sidebar .main-nav button:hover,.sidebar .main-nav button.active{color:#008d67;background:transparent}.sidebar .main-nav .mobile-nav-chevron{display:block;margin-left:auto;color:#9aa9bb}.sidebar .profile-card{display:none}.sidebar .drawer-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:auto 0 0;padding:34px 4px 0}.sidebar .drawer-actions button{min-height:76px;display:grid;justify-items:center;align-content:center;gap:8px;padding:8px 4px;color:#64748a;border:0;border-radius:0;background:transparent;font-size:12px;font-weight:800;white-space:nowrap}.sidebar .drawer-actions button svg{width:26px;height:26px;padding:8px;box-sizing:content-box;border:1.5px solid currentColor;border-radius:999px}.app-shell[data-theme=dark] .sidebar{background:#10243f}.app-shell[data-theme=dark] .sidebar .brand strong,.app-shell[data-theme=dark] .sidebar .main-nav button{color:#edf5ff}.app-shell[data-theme=dark] .sidebar .main-nav,.app-shell[data-theme=dark] .sidebar .main-nav button{border-color:#294765}.app-shell[data-theme=dark] .sidebar .main-nav .mobile-nav-chevron,.app-shell[data-theme=dark] .sidebar .drawer-actions button{color:#b7cbe0}}@media(min-width:981px){.prototype-home{width:min(1320px,100%);gap:28px}.prototype-hero{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);min-height:500px;border-color:#dfe7e5;border-radius:28px;background:radial-gradient(circle at 20% 0%,rgba(223,244,235,.8),transparent 24rem),#fffdf8;box-shadow:0 26px 64px #10233f1c,0 2px #ffffffd9 inset}.prototype-hero-copy{gap:18px;padding:56px 60px 50px}.prototype-kicker{min-height:30px;font-size:14px}.prototype-hero h1{max-width:650px;font-size:clamp(44px,4.7vw,62px);line-height:1.12;letter-spacing:-.055em}.prototype-hero p{max-width:560px;font-size:17px;line-height:1.7}.prototype-task-selector{width:min(590px,100%);gap:10px}.prototype-task-selector button{min-height:54px;font-size:15px}.prototype-task-panel{width:min(590px,100%)}.prototype-search{min-height:60px;padding-left:19px;border-radius:16px}.prototype-search button{width:50px;height:50px;min-height:50px;border-radius:13px}.prototype-guest-note{padding-top:4px;font-size:13px}.prototype-hero-visual img{min-height:500px}.prototype-hero-visual:after{background:linear-gradient(90deg,#fffdf824,#fffdf800 28%)}.prototype-phrase-float{right:30px;bottom:30px;width:min(370px,calc(100% - 54px));gap:8px;padding:20px 22px;border-radius:18px;box-shadow:0 20px 42px #0c1f352e}.prototype-phrase-float strong{font-size:20px}}.app-shell[data-theme=dark] .prototype-hero{border-color:#e6e0d4;background:radial-gradient(circle at 20% 0%,rgba(222,237,225,.78),transparent 24rem),#f8f4ec;box-shadow:0 28px 70px #00000047,0 1px #ffffffb8 inset}.app-shell[data-theme=dark] .prototype-hero .prototype-search,.app-shell[data-theme=dark] .prototype-hero .prototype-secondary-action,.app-shell[data-theme=dark] .prototype-hero .prototype-task-selector button{border-color:#d9dfd6;background:#fffdf8}.app-shell[data-theme=dark] .prototype-hero .prototype-phrase-float{border-color:#e4e0d8;background:#fffdf8}.app-shell[data-theme=dark] .home-explore>summary{color:#dce8f7;border-color:#284565;background:#10243f;box-shadow:none}.app-shell[data-theme=dark] .home-explore>summary small{color:#9fb3ca}.app-shell[data-theme=dark] .home-explore[open]>summary{border-bottom-color:#284565}.app-site-footer{box-sizing:border-box;grid-column:auto;width:min(1320px,100%);margin:40px auto 0;padding:26px 0 30px;border:0;border-top:1px solid #dfe7e5;border-radius:0;background:transparent;box-shadow:none}.app-site-footer strong{color:#17314e}.app-site-footer a{color:#58718c}.app-shell[data-theme=dark] .app-site-footer{border-color:#284565;background:transparent}.app-shell[data-theme=dark] .app-site-footer span{color:#9fb3ca}@media(max-width:899px){.app-site-footer{width:auto;margin:28px 12px 14px;padding:22px 0;border-radius:0}}@media(max-width:767px){.app-site-footer{gap:12px;padding-bottom:18px}}