:root{--bg:#f7fbff;--panel:#fff;--ink:#17223a;--muted:#637086;--line:#dbe7f3;--blue:#2f6fdf;--mint:#20b486;--sun:#ffc857;--coral:#f1644b;--shadow:0 22px 54px #1e40701f;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}main,section,article,aside,div{min-width:0}.productShell{background:radial-gradient(circle at 12% 8%,#ffc85738,#0000 26%),radial-gradient(circle at 88% 12%,#20b48629,#0000 28%),#f8fbff;grid-template-columns:306px minmax(0,1fr);min-height:100vh;display:grid}.productSidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-right:1px solid #dbe7f3;align-content:start;gap:20px;height:100vh;padding:24px 18px;display:grid;position:sticky;top:0}.brandLockup{background:#fff;border:1px solid #dbe7f3;border-radius:22px;align-items:center;gap:14px;padding:14px;display:flex;box-shadow:0 18px 42px #1e40701a}.brandLogo{color:#14213d;letter-spacing:0;background:linear-gradient(135deg,#ffd35a 0%,#36d9ad 58%,#57a4ff 100%);border-radius:24px;flex:none;place-items:center;width:72px;height:72px;font-size:25px;font-weight:950;display:grid}.brandLockup strong{color:#17223a;font-size:28px;line-height:1;display:block}.brandLockup small{color:#637086;margin-top:8px;font-size:13px;font-weight:800;display:block}.startHint{background:linear-gradient(135deg,#fff7df,#fff);border:1px solid #ffdca1;border-radius:20px;padding:18px}.startHint strong{color:#7b4a00;font-size:18px}.startHint p{color:#6b5a3e;margin:8px 0 0;font-weight:750;line-height:1.65}.routeStartHint p{font-size:14px}.productNav{gap:16px;display:grid}.navGroup{border-radius:20px;gap:8px;padding:12px;display:grid}.navGroup.learn{background:#fff4cf}.navGroup.library{background:#eaf7ff}.navGroup.admin{background:#f0f4fa}.navGroup.classroomRoute{background:#eefaf6}.navGroup p{color:#637086;margin:0 0 4px;font-size:12px;font-weight:950}.navGroup a{color:#2e3b52;background:#ffffffb8;border-radius:14px;align-items:center;min-height:44px;padding:0 14px;font-weight:900;display:flex}.navGroup a.active,.navGroup a:hover{color:#14213d;background:#ffd15c}.classroomRoute a{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:54px;padding:8px 10px;display:grid}.classroomRoute a span{color:#17223a;background:#fff;border-radius:10px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:950;display:grid}.classroomRoute a b{color:#24324a;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.classroomRoute a small{color:#637086;font-size:11px;font-weight:900}.classroomRoute a.current{background:#fff4cf;border:1px solid #ffc857}.classroomRoute a.done{background:#effff8;border:1px solid #bcebd9}.classroomRoute a.done span{color:#fff;background:#20b486}.routeModeCard{background:#ffffffd1;border:1px solid #bcebd9;border-radius:16px;gap:5px;padding:12px;display:grid}.routeModeCard strong{color:#0d755a;font-size:15px;line-height:1.25}.routeModeCard span,.routeModeCard small{color:#52627a;font-size:12px;font-weight:850;line-height:1.45}.routeModeCard.quiet{border-color:#dbe7f3}.routeModeCard.quiet strong{color:#17223a}.productContent{width:min(1200px,100vw - 306px);min-width:0;padding:28px 36px 76px}.topBar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.topBar h1{color:#17223a;overflow-wrap:anywhere;max-width:760px;margin:0;font-size:clamp(30px,4vw,42px);line-height:1.12}.topSubline{color:#637086;max-width:720px;margin:10px 0 0;font-size:15px;font-weight:800;line-height:1.6}.topActions,.cloudActions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.signedInBadge{color:#42536b;background:#fff;border:1px solid #dbe7f3;border-radius:999px;align-items:center;gap:10px;min-height:46px;padding:0 12px 0 16px;font-size:13px;font-weight:900;display:inline-flex}.signedInBadge span{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.primaryLink,.ghostLink,.cloudActions a{border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:950;display:inline-flex}.primaryLink,.cloudActions a{color:#14213d;background:#ffd15c;box-shadow:0 12px 24px #ffb74238}.ghostLink{color:#245173;background:#fff;border:1px solid #dbe7f3}.todayBoard{background:linear-gradient(135deg,#fff 0%,#eef7ff 58%,#fff2d2 100%);border:1px solid #c9e0ff;border-radius:30px;grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:18px;padding:26px;display:grid;box-shadow:0 24px 60px #1e40701f}.lessonBrief h2{overflow-wrap:anywhere;margin:14px 0 10px;font-size:clamp(40px,7vw,56px);line-height:1}.lessonBrief p,.nextStepCard p{color:#637086;max-width:760px;margin:0;font-size:18px;font-weight:750;line-height:1.75}.statusPill,.sectionTitle>span{color:#0d755a;background:#dff8ef;border-radius:999px;align-items:center;width:fit-content;min-height:32px;padding:0 12px;font-size:13px;font-weight:950;display:inline-flex}.lessonMeta,.heroActionRow{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.heroActionRow a,.heroActionRow button{color:#14213d;min-height:52px;font:inherit;cursor:pointer;background:#ffd15c;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 20px;font-size:16px;font-weight:950;display:inline-flex;box-shadow:0 14px 28px #ffb74238}.heroActionRow button{color:#245173;box-shadow:none;background:#fff;border:1px solid #dbe7f3}.lessonMeta span,.storyPath span,.reviewStack span{color:#314055;background:#fff;border-radius:999px;align-items:center;min-height:36px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.modeChip{color:#314055;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dbe7f3;border-radius:999px;padding:0 13px;font-size:13px;font-weight:900}.modeChip.active{color:#14213d;background:#ffd15c;border-color:#ffc857}.nextStepCard{background:#ffffffe0;border:1px solid #f2d087;border-radius:24px;align-content:center;gap:10px;padding:22px;display:grid}.nextStepCard span{color:#986200;font-weight:950}.nextStepCard strong{color:#17223a;font-size:27px;line-height:1.2}.nextStepCard a{color:#fff;background:#17223a;border-radius:999px;align-items:center;width:fit-content;min-height:42px;margin-top:4px;padding:0 16px;font-weight:950;display:inline-flex}.progressTrack{background:#e8f0f8;border-radius:999px;width:100%;height:12px;overflow:hidden}.progressTrack i{border-radius:inherit;background:linear-gradient(90deg,#20b486,#57a4ff);height:100%;display:block}.sessionMeta{flex-wrap:wrap;gap:8px;display:flex}.sessionMeta span{color:#314055;background:#f3f8fe;border-radius:999px;min-height:30px;padding:6px 10px;font-size:12px;font-weight:900}.stepActions,.inlineStepActions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.stepActions button,.stepActions a,.inlineStepActions button,.inlineStepActions a,.resetButton{color:#17223a;min-height:40px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dbe7f3;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:950;display:inline-flex}.stepActions button:first-child,.inlineStepActions a{background:#fff4cf;border-color:#ffd15c}.stepActions button:last-child{color:#fff;background:#20b486;border-color:#20b486}.resetButton{color:#245173}.stepRail{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.stepRail button{color:#314055;min-height:48px;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #dbe7f3;border-radius:16px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:950;display:flex}.stepRail span{color:#17223a;background:#eef7ff;border-radius:10px;flex:none;place-items:center;width:28px;height:28px;font-size:12px;display:grid}.stepRail button.current{background:#fff4cf;border-color:#ffc857}.stepRail button.done{background:#effff8;border-color:#bcebd9}.stepRail button.done span{color:#fff;background:#20b486}.sectionPanel{background:#fffffff0;border:1px solid #dbe7f3;border-radius:26px;margin-top:20px;padding:24px;box-shadow:0 20px 50px #1e407014}.currentMaterialPanel{background:linear-gradient(135deg,#fff 0%,#f4fbff 60%,#fff8df 100%)}.sectionTitle{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.sectionTitle.compact{margin-bottom:10px}.sectionTitle h2{color:#17223a;overflow-wrap:anywhere;margin:0;font-size:clamp(24px,4vw,30px);line-height:1.2}.flowTimeline{gap:12px;display:grid}.flowItem{background:#fbfdff;border:1px solid #e2edf8;border-radius:20px;grid-template-columns:52px minmax(0,1fr);gap:14px;padding:16px;display:grid}.flowItem.current{background:#fffaf0;border-color:#ffc857;box-shadow:0 14px 32px #ffb85c29}.flowItem.done{background:#f4fffa;border-color:#bcebd9}.flowBadge{color:#14213d;cursor:pointer;background:#ffd15c;border:0;border-radius:16px;place-items:center;width:46px;height:46px;font-weight:950;display:grid}.flowItem.done .flowBadge{color:#fff;background:#20b486}.flowHead{justify-content:space-between;align-items:center;gap:12px;display:flex}.flowHead h3{margin:0;font-size:21px}.flowHead span{color:#0d755a;font-weight:950}.flowItem p{color:#637086;margin:8px 0 6px;line-height:1.6}.flowItem strong{color:#17223a}.splitPanel{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:20px;display:grid}.storyPanel{background:linear-gradient(135deg,#fff 0%,#fff8e8 100%)}.storyPath,.reviewStack{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.materialLibraryGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.materialCard{background:#fff;border:1px solid #dbe7f3;border-radius:20px;gap:10px;min-height:230px;padding:18px;display:grid}.materialCard.active{background:#fff8df;border-color:#ffc857;box-shadow:0 16px 34px #ffb85c24}.materialCard span{color:#0d755a;background:#dff8ef;border-radius:999px;width:fit-content;padding:6px 10px;font-size:12px;font-weight:950}.materialCard h3{color:#17223a;overflow-wrap:anywhere;margin:0;font-size:clamp(21px,5vw,24px);line-height:1.15}.materialCard strong{color:#2f6fdf}.materialCard p{color:#637086;overflow-wrap:anywhere;margin:0;font-weight:750;line-height:1.6}.materialCard a{color:#14213d;background:#ffd15c;border-radius:999px;align-items:center;width:fit-content;min-height:40px;margin-top:auto;padding:0 14px;font-weight:950;display:inline-flex}.drillGrid,.metricGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.drillGrid article,.metricCard,.lessonQueue article,.principleList div{background:#fff;border:1px solid #dbe7f3;border-radius:18px}.drillGrid article{padding:18px}.drillGrid strong{color:#0d755a;font-size:18px}.drillGrid p,.principleList p{color:#637086;margin:8px 0 0;line-height:1.55}.metricCard{gap:8px;padding:18px;display:grid}.metricCard span{color:#637086;font-weight:900}.metricCard strong{color:#2f6fdf;font-size:38px;line-height:1}.lessonQueue{gap:10px;margin-top:18px;display:grid}.lessonQueue article{grid-template-columns:78px minmax(0,1fr) 128px;align-items:center;gap:12px;padding:14px 16px;display:grid}.lessonQueue span{color:#2f6fdf;font-weight:950}.lessonQueue em{color:#8b5700;justify-self:end;font-size:13px;font-style:normal;font-weight:900}.principleList{gap:12px;display:grid}.principleList div{padding:16px}.principleList strong{color:#17223a;font-size:18px}.storyShell{background:radial-gradient(circle at 8% 12%,#ffc85738,#0000 28%),radial-gradient(circle at 92% 6%,#57a4ff2e,#0000 30%),#f8fbff;min-height:100vh;padding:24px}.storyTopbar{grid-template-columns:276px minmax(0,1fr) auto;align-items:center;gap:20px;width:min(1280px,100%);margin:0 auto 20px;display:grid}.compactBrand{min-height:104px}.storyTopbar h1{color:#17223a;margin:0;font-size:42px;line-height:1.12}.storyTopbar p:not(.eyebrow){color:#637086;margin:8px 0 0;font-size:17px;font-weight:750;line-height:1.6}.storyUserBox{background:#ffffffe6;border:1px solid #dbe7f3;border-radius:18px;justify-content:flex-end;align-items:center;gap:12px;min-width:180px;padding:12px 14px;display:flex}.storyUserBox span{color:#42536b;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:13px;font-weight:900;overflow:hidden}.storyStudio{grid-template-columns:300px minmax(0,1fr);gap:20px;width:min(1280px,100%);margin:0 auto;display:grid}.storyControlPanel{align-content:start;gap:14px;height:calc(100vh - 36px);display:grid;position:sticky;top:18px}.studioCard{background:#fffffff0;border:1px solid #dbe7f3;border-radius:24px;padding:22px;box-shadow:0 20px 50px #1e407014}.studioCard.focus{background:linear-gradient(135deg,#fff8e8 0%,#fff 70%);gap:10px;display:grid}.studioCard.focus>span{color:#986200;font-weight:950}.studioCard.focus strong{color:#17223a;font-size:25px;line-height:1.22}.studioCard.focus p{color:#637086;margin:0;font-weight:750;line-height:1.6}.studioStepList{background:#ffffffe6;border:1px solid #dbe7f3;border-radius:22px;gap:8px;padding:12px;display:grid;overflow:auto}.studioStepList button{color:#314055;min-height:48px;font:inherit;text-align:left;cursor:pointer;background:#f6faff;border:1px solid #0000;border-radius:15px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;font-weight:950;display:flex}.studioStepList span{color:#17223a;background:#fff;border-radius:10px;flex:none;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.studioStepList button.current{background:#fff4cf;border-color:#ffc857}.studioStepList button.done{background:#effff8;border-color:#bcebd9}.studioStepList button.done span{color:#fff;background:#20b486}.storyWorkspace{gap:18px;display:grid}.storyGuideBar{z-index:9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border:1px solid #c9e0ff;border-radius:24px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex;position:sticky;top:18px;box-shadow:0 18px 42px #1e40701a}.storyGuideBar div:first-child{gap:4px;display:grid}.storyGuideBar span{color:#2f6fdf;font-size:12px;font-weight:950}.storyGuideBar strong{color:#17223a;font-size:20px;line-height:1.2}.storyGuideActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.storyGuideActions a,.storyGuideActions button{color:#17223a;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dbe7f3;border-radius:999px;justify-content:center;align-items:center;padding:0 13px;font-size:13px;font-weight:950;display:inline-flex}.storyGuideActions a{background:#fff4cf;border-color:#ffd15c}.storyGuideActions button:disabled{cursor:not-allowed;opacity:.45}.fixedStoryPlayer{z-index:8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f5fffaf5;border:1px solid #bfe8db;border-radius:24px;grid-template-columns:minmax(220px,.75fr) minmax(320px,1fr);align-items:center;gap:16px;padding:18px;display:grid;position:sticky;top:92px;box-shadow:0 18px 40px #15525b1f}.fixedStoryPlayer div{gap:5px;display:grid}.fixedStoryPlayer span,.currentSentenceMini span{color:#0d755a;letter-spacing:0;font-size:12px;font-weight:950}.fixedStoryPlayer strong{color:#17223a;font-size:18px;line-height:1.35}.fixedStoryPlayer audio{width:100%}.fixedStoryPlayer p{color:#5a6b82;margin:0;font-weight:800}.storyUseNotice{background:linear-gradient(135deg,#fff8e8 0%,#fff 72%);border-color:#ffdca1;gap:8px;display:grid}.storyUseNotice strong{color:#7b4a00;font-size:22px}.storyUseNotice p{color:#637086;margin:0;font-weight:780;line-height:1.7}.materialCard{background:linear-gradient(135deg,#fff 0%,#eef7ff 100%)}.materialGrid,.studyGrid{gap:14px;display:grid}.materialGrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.currentMaterialState{background:#fff;border:1px solid #dbe7f3;border-radius:14px;gap:5px;min-height:70px;padding:13px 15px;display:grid}.currentMaterialState span{color:#637086;font-size:12px;font-weight:850}.currentMaterialState strong{color:#17223a;font-size:16px}.segmentToolbar{grid-template-columns:auto minmax(320px,1fr);align-items:center;gap:12px;margin-top:14px;display:grid}.segmentLength,.segmentMove{background:#fff;border:1px solid #dbe7f3;border-radius:12px;align-items:center;gap:8px;min-height:48px;padding:6px;display:flex}.segmentLength span{color:#637086;padding:0 8px;font-size:12px;font-weight:850}.segmentLength button,.segmentMove button,.segmentList button{color:#47526a;font:inherit;cursor:pointer;background:#f3f5f9;border:1px solid #0000;border-radius:9px;font-size:13px;font-weight:850}.segmentLength button,.segmentMove button{min-height:34px;padding:0 12px}.segmentLength button.active{color:#fff;background:var(--ll-primary)}.segmentMove{justify-content:space-between}.segmentMove strong{color:var(--ll-ink);font-size:15px}.segmentMove button:disabled{cursor:not-allowed;opacity:.42}.segmentList{scrollbar-width:thin;gap:8px;margin-top:12px;padding:4px 2px 8px;display:flex;overflow-x:auto}.segmentList button{text-align:left;gap:2px;min-width:112px;padding:9px 11px;display:grid}.segmentList button span{color:#667085;font-size:11px}.segmentList button strong{color:#17223a;font-size:13px}.segmentList button.active{border-color:var(--ll-primary);background:var(--ll-primary-soft)}.segmentList button.active span,.segmentList button.active strong{color:var(--ll-primary)}.studyGrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.materialGrid label,.studyGrid label{color:#637086;gap:8px;font-size:13px;font-weight:950;display:grid}.materialGrid input,.materialGrid select,.studyGrid textarea{color:#17223a;width:100%;font:inherit;background:#fff;border:1px solid #dbe7f3;border-radius:16px;outline:none;font-weight:760}.materialGrid input,.materialGrid select{min-height:48px;padding:10px 12px}.materialGrid select{cursor:pointer}.clipControlGrid{background:#f3fff9;border:1px solid #cfeee4;border-radius:18px;grid-template-columns:minmax(130px,.5fr) minmax(130px,.5fr) auto;align-items:end;gap:12px;margin-top:14px;padding:14px;display:grid}.clipControlGrid label{color:#0d755a;gap:7px;font-size:13px;font-weight:950;display:grid}.clipControlGrid input{color:#17223a;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #bcebd9;border-radius:14px;padding:9px 11px;font-weight:850}.clipControlGrid button{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#20b486;border:0;border-radius:999px;padding:0 18px;font-weight:950}.studyGrid textarea{resize:vertical;min-height:180px;padding:14px;line-height:1.7}.materialGrid input:focus,.materialGrid select:focus,.studyGrid textarea:focus{border-color:#2f6fdf;box-shadow:0 0 0 4px #2f6fdf1f}.inlinePlayer,.emptyPlayer,.transcriptBox{background:#fff;border:1px solid #dbe7f3;border-radius:18px;gap:10px;margin-top:14px;padding:16px;display:grid}.inlinePlayer audio{width:100%}.emptyPlayer{background:#fff8e8;border-color:#ffdca1}.emptyPlayer p,.transcriptBox p{color:#637086;margin:0;font-weight:750;line-height:1.7}.transcriptBox p{white-space:pre-wrap}.textModeGroup{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.textModeGroup button{color:#42536b;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dbe7f3;border-radius:999px;padding:0 13px;font-size:13px;font-weight:900}.textModeGroup button.active{color:#432600;background:#fff0bf;border-color:#ffc857}.sentenceCoachList{gap:14px;display:grid}.sentenceCoach{background:#fbfdff;border:1px solid #dbe7f3;border-radius:22px;gap:14px;padding:18px;display:grid}.sentenceCoach.featured{background:linear-gradient(135deg,#fff8dd 0%,#fff 66%);border-color:#ffc857;box-shadow:0 18px 42px #ffb85c29}.sentenceCoach.current{background:#f2f7ff;border-color:#2f6fdf}.sentenceCoach.done{background:#f2fff9;border-color:#bcebd9}.sentenceTitle{gap:8px;display:grid}.sentenceTitle span{color:#0d755a;background:#dff8ef;border-radius:999px;width:fit-content;padding:6px 10px;font-size:12px;font-weight:950}.sentenceTitle strong{color:#17223a;font-size:22px;line-height:1.35}.coachGrid,.wordMiniGrid,.deepGrammarGrid,.phraseGrid,.wordStudyGrid,.fsiPracticeGrid{gap:10px;display:grid}.coachGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.coachGrid p{color:#4d5d75;background:#fff;border:1px solid #e2edf8;border-radius:16px;margin:0;padding:13px;line-height:1.65}.selfStudyHint{background:#effff8;border:1px solid #bcebd9;border-radius:18px;gap:6px;padding:14px 16px;display:grid}.selfStudyHint strong{color:#0d755a}.selfStudyHint p{color:#42536b;margin:0;font-weight:800;line-height:1.65}.wordMiniGrid{grid-template-columns:repeat(5,minmax(0,1fr))}.deepGrammarGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.phraseGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.wordStudyGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.wordMiniGrid div,.deepGrammarGrid article,.phraseGrid article,.wordStudyGrid article,.fsiPracticeGrid article{background:#fff;border:1px solid #dbe7f3;border-radius:16px;gap:6px;padding:13px;display:grid}.fsiPracticeGrid article:first-child{background:#fff8df;border-color:#ffd985;grid-column:span 2}.fsiPracticeGrid article:first-child li{background:#fff}.wordMiniGrid strong,.deepGrammarGrid strong,.phraseGrid strong,.wordStudyGrid strong,.fsiPracticeGrid strong{color:#17223a}.wordStudyGrid small{color:#637086;font-weight:850}.wordMiniGrid span,.deepGrammarGrid p,.phraseGrid p,.phraseGrid span,.phraseGrid em,.wordStudyGrid p,.wordStudyGrid span,.wordStudyGrid em,.fsiPracticeGrid p{color:#637086;margin:0;font-size:13px;font-weight:750;line-height:1.55}.phraseGrid b,.wordStudyGrid b{color:#17223a}.fsiPracticeGrid ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.fsiPracticeGrid li{color:#17223a;background:#f6faff;border-radius:12px;padding:8px 10px;font-size:13px;font-weight:850;line-height:1.45}.phraseGrid em,.wordStudyGrid em{color:#0d755a;font-style:normal}.fsiPracticeGrid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.fsiLine{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.fsiLine span{color:#334258;background:#fff;border:1px solid #e2edf8;border-radius:16px;padding:12px;font-size:13px;font-weight:850;line-height:1.55}.summaryPanel{background:linear-gradient(135deg,#fff 0%,#f3fbff 62%,#fff7df 100%)}.summaryGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.summaryGrid article{background:#fff;border:1px solid #dbe7f3;border-radius:18px;gap:8px;min-height:112px;padding:16px;display:grid}.summaryGrid strong{color:#17223a}.summaryGrid p{color:#637086;margin:0;font-weight:780;line-height:1.55}.storyCtaRow{margin-top:18px}.storyCtaRow a{color:#14213d;background:#ffd15c;border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:950;display:inline-flex}.shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;height:100vh;padding:24px;position:sticky;top:0}.brandCard{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;align-items:center;gap:12px;padding:16px;display:flex}.brandMark{color:#17324f;background:linear-gradient(135deg, var(--sun), #8ee8d4);border-radius:18px;place-items:center;width:54px;height:54px;font-weight:900;display:grid}.brandCard h1{margin:0;font-size:22px}.brandCard p{color:var(--muted);margin:4px 0 0;font-size:13px;font-weight:700}.nav{gap:10px;margin-top:24px;display:grid}.nav a{color:#3c4a62;background:#f3f8fe;border-radius:14px;padding:14px 16px;font-weight:800}.nav a.active,.nav a:hover{color:#432600;background:linear-gradient(135deg,#ffd56a,#ffb85c)}.content{width:min(1180px,100vw - 320px);padding:34px 42px 72px}.hero{box-shadow:var(--shadow);background:linear-gradient(135deg,#fff 0%,#eef7ff 55%,#fff4df 100%);border:1px solid #cde4ff;border-radius:26px;grid-template-columns:1fr 280px;align-items:stretch;gap:22px;padding:34px;display:grid}.eyebrow{color:var(--coral);margin:0 0 8px;font-size:13px;font-weight:900}.hero h2{max-width:760px;margin:0;font-size:40px;line-height:1.15}.hero p{color:var(--muted);line-height:1.75}.heroPanel{background:#ffffffd1;border:1px solid #d8eaff;border-radius:22px;align-content:center;gap:8px;padding:22px;display:grid}.heroPanel span,.heroPanel p{color:var(--muted);margin:0;font-weight:800}.heroPanel strong{color:var(--coral);font-size:58px;line-height:1}.section{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:22px;margin-top:22px;padding:24px}.sectionHead{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.sectionHead h3{margin:0;font-size:26px}.badge{color:#0e6b50;background:#e2fbf1;border-radius:999px;min-width:max-content;padding:8px 12px;font-size:13px;font-weight:900}.badge.warm{color:#8b5700;background:#fff1c8}.steps,.metrics,.cloudGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.methodGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.stepCard,.metric,.cloudGrid article,.methodGrid article,.lessonRow{border:1px solid var(--line);background:#fff;border-radius:16px}.stepCard{padding:16px}.methodGrid article{background:linear-gradient(135deg,#fff 0%,#f7fbff 100%);gap:8px;padding:18px;display:grid}.methodGrid span{color:#0e6b50;background:#e2fbf1;border-radius:999px;width:fit-content;padding:5px 10px;font-size:12px;font-weight:900}.methodGrid h4,.methodGrid p{margin:0}.methodGrid h4{font-size:19px}.methodGrid p{color:var(--muted);line-height:1.6}.stepCard span{color:#fff;background:var(--coral);border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.stepCard h4{margin:12px 0 8px;font-size:17px}.stepCard p,.leadText,.cloudGrid p{color:var(--muted);margin:0;line-height:1.6}.leadText{max-width:840px;margin-bottom:18px}.storySteps{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.storyFocusPanel{background:linear-gradient(135deg,#effff8 0%,#fff 62%,#fff4dc 100%);border:1px solid #bcebd9;border-radius:18px;grid-template-columns:220px minmax(0,1fr);align-items:stretch;gap:16px;margin-bottom:18px;padding:18px;display:grid}.storyFocusPanel article{background:#ffffffe0;border:1px solid #f2d087;border-radius:16px;align-content:center;gap:8px;padding:16px;display:grid}.storyFocusPanel span{color:#986200;font-weight:900}.storyFocusPanel strong{color:#0d7f62;font-size:32px}.storyFocusPanel h4,.storyFocusPanel p{margin:0}.storyFocusPanel p{color:var(--muted);font-weight:750;line-height:1.65}.storyStep{border:1px solid var(--line);background:#fffdf8;border-radius:16px;gap:8px;padding:16px;display:grid}.storyStep span{color:#fff;background:var(--mint);border-radius:50%;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.storyStep p{color:var(--muted);margin:0;line-height:1.55}.sourceLinks{flex-wrap:wrap;gap:10px;margin-top:18px;margin-bottom:18px;display:flex}.sourceLinks a{color:#0e6b50;background:#e2fbf1;border-radius:999px;padding:10px 14px;font-weight:900}.resourceGrid,.chapterList{gap:12px;display:grid}.resourceGrid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.resourceGrid article,.chapterList article{border:1px solid var(--line);background:#fff;border-radius:16px}.resourceGrid article{padding:16px}.resourceGrid p,.chapterList p{color:var(--muted);margin:6px 0 0;line-height:1.55}.privateImport{background:linear-gradient(135deg,#fff9e8,#fff 58%,#effaf6);border:1px solid #ffd9a4;border-radius:18px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:18px;margin-bottom:18px;padding:18px;display:grid}.managementPanel{border:1px solid var(--line);background:#fff;border-radius:18px;margin-bottom:18px;padding:18px}.managementPanel summary{cursor:pointer;color:var(--blue);font-size:18px;font-weight:900}.privateImport h4{margin:0 0 8px;font-size:22px}.privateImport p{color:var(--muted);margin:0;line-height:1.65}.privateImport dl{gap:10px;margin:0;display:grid}.privateImport dl div{background:#ffffffd1;border:1px solid #f4dfb8;border-radius:12px;gap:5px;padding:10px 12px;display:grid}.privateImport dt{color:#9b5c00;font-size:12px;font-weight:900}.privateImport dd{overflow-wrap:anywhere;color:var(--ink);margin:0;font-size:13px;font-weight:750;line-height:1.5}.localAudioPanel{background:#f7fbff;border:1px solid #cde4ff;border-radius:18px;gap:16px;margin-bottom:18px;padding:18px;display:grid}.localAudioPanel h4{margin:0 0 8px;font-size:22px}.localAudioPanel p{color:var(--muted);margin:0;line-height:1.65}.localAudioGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.fullAudio,.localAudioGrid article{border:1px solid var(--line);background:#fff;border-radius:14px;gap:8px;padding:12px;display:grid}.localAudioGrid audio{width:100%}.localAudioGrid span{color:var(--muted);font-size:13px;font-weight:800}.deepDivePanel{background:#fff;border:1px solid #d7e7f7;border-radius:18px;gap:16px;margin-bottom:18px;padding:18px;display:grid}.printFeature{background:#f2fbf7;border:1px solid #d7efe4;border-radius:16px;padding:16px}.printFeature strong{color:#0e6b50;margin-bottom:6px;font-size:18px;display:block}.deepDivePanel h4{margin:0 0 8px;font-size:22px}.deepDivePanel p{color:var(--muted);margin:0;line-height:1.6}.deepDiveGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.deepDiveGrid article{border:1px solid var(--line);background:#f8fcff;border-radius:14px;gap:8px;padding:14px;display:grid}.deepDiveGrid strong{color:var(--ink);font-size:17px}.kidMeaning{background:#fff8e8;border:1px solid #ffe1a6;border-radius:12px;padding:9px 10px;font-weight:800;color:#704400!important}.chapterList{grid-template-columns:repeat(2,minmax(0,1fr))}.chapterList article{grid-template-columns:94px 1fr;align-items:start;gap:6px 12px;padding:14px;display:grid}.chapterList span{color:var(--blue);grid-row:span 3;font-weight:900}.chapterList em{color:#0e6b50;font-size:13px;font-style:normal;font-weight:800}.metric{gap:8px;padding:18px;display:grid}.metric span{color:var(--muted);font-weight:800}.metric strong{color:var(--blue);font-size:34px}.cloudGrid article{padding:18px}.cloudGrid strong{margin-bottom:8px;font-size:18px;display:block}.cloudActions{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.cloudActions a,.buttonLink{color:#17223a;background:#ffd15c;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-weight:900;text-decoration:none;display:inline-flex}.envPanel{background:#fff8e8;border:1px solid #f1d9a8;border-radius:16px;gap:8px;margin-top:14px;padding:16px;display:grid}.envPanel code,.authCard code{color:#17324d;background:#eef7ff;border-radius:8px;width:fit-content;padding:6px 10px;font-weight:850;display:block}.authShell,.dashboardShell{background:linear-gradient(135deg,#f6fbff 0%,#fff8e8 100%);min-height:100vh;padding:48px}.authShell{place-items:center;display:grid}.authCard,.dashboardCard,.dashboardHero{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffeb;border-radius:20px}.authCard{gap:12px;width:min(560px,100%);padding:28px;display:grid}.authCard h1,.authCard p{margin:0}.dashboardShell{gap:20px;display:grid}.dashboardHero{justify-content:space-between;align-items:center;gap:18px;padding:24px;display:flex}.dashboardHero h1,.dashboardHero p{margin:0}.dashboardGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.workbench{gap:18px;display:grid}.workbenchGrid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.dashboardCard{padding:20px}.dashboardCard.wide{grid-column:1/-1}.sectionHead.compact{margin-bottom:12px}.plainButton{color:#0e6b50;cursor:pointer;background:#e2fbf1;border:0;border-radius:999px;min-height:40px;padding:0 14px;font-weight:900}.plainButton:disabled,.buttonLink:disabled{opacity:.55;cursor:not-allowed}.formCard{gap:12px;display:grid}.formCard h3{margin:0 0 4px}.formCard label{color:var(--muted);gap:6px;font-size:13px;font-weight:900;display:grid}.formCard input,.formCard select,.formCard textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:12px;outline:none;padding:11px 12px;font-weight:750}.formCard textarea{resize:vertical;min-height:84px;line-height:1.5}.formCard input:focus,.formCard select:focus,.formCard textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2f6fdf1f}.saveStatus{color:#0e6b50;background:#effff8;border:1px solid #bcebd9;border-radius:14px;margin:10px 0 0;padding:12px 14px;font-weight:900}.healthGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.healthGrid span{color:#17324d;background:#f3f8fe;border-radius:12px;padding:10px 12px;font-weight:850}.mutedText{color:var(--muted);line-height:1.6}.stackList{gap:10px;display:grid}.stackList div{border:1px solid var(--line);background:#fffdf8;border-radius:14px;gap:4px;padding:12px;display:grid}.stackList span{color:var(--muted)}.lessonList{gap:8px;max-height:520px;display:grid;overflow:auto}.lessonRow{grid-template-columns:92px minmax(0,1fr) 190px;align-items:center;gap:14px;padding:12px 14px;display:grid}.lessonRow span{color:var(--blue);font-weight:900}.lessonRow strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lessonRow em{color:var(--muted);justify-self:end;font-size:12px;font-style:normal;font-weight:900}@media (max-width:980px){.shell,.hero{grid-template-columns:1fr}.sidebar{height:auto;position:static}.content{width:100%;padding:20px}.steps,.storySteps,.storyFocusPanel,.resourceGrid,.privateImport,.localAudioGrid,.deepDiveGrid,.chapterList,.methodGrid,.metrics,.cloudGrid,.dashboardGrid,.workbenchGrid,.healthGrid{grid-template-columns:1fr}.dashboardHero{flex-direction:column;align-items:flex-start}}@media (max-width:1180px){.productShell{grid-template-columns:260px minmax(0,1fr)}.productContent{width:calc(100vw - 260px);padding:24px}.topBar,.todayBoard,.splitPanel,.materialLibraryGrid,.storyGuideBar,.storyTopbar,.storyStudio,.fixedStoryPlayer,.clipControlGrid,.materialGrid,.studyGrid.two{grid-template-columns:1fr}.storyControlPanel{height:auto;position:static}.topBar{flex-direction:column;align-items:flex-start}.drillGrid,.metricGrid,.stepRail,.coachGrid,.deepGrammarGrid,.phraseGrid,.wordStudyGrid,.fsiLine,.summaryGrid,.fsiPracticeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.wordMiniGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.productShell{grid-template-columns:1fr}.productSidebar{height:auto;position:static}.productContent{width:100%;padding:18px}.brandLogo{width:64px;height:64px}.brandLockup strong{font-size:24px}.topBar h1{font-size:32px}.lessonBrief h2{font-size:42px}.flowHead{flex-direction:column;align-items:flex-start}.drillGrid,.metricGrid,.stepRail,.coachGrid,.wordMiniGrid,.deepGrammarGrid,.phraseGrid,.wordStudyGrid,.fixedStoryPlayer,.fsiLine,.summaryGrid,.fsiPracticeGrid,.lessonQueue article{grid-template-columns:1fr}.fixedStoryPlayer{position:static}.storyGuideBar{flex-direction:column;align-items:flex-start;position:static}.storyGuideActions,.textModeGroup{justify-content:flex-start}.lessonQueue em{justify-self:start}}:root{--ll-bg:#f5f7fb;--ll-card:#fff;--ll-ink:#14213d;--ll-muted:#65718a;--ll-line:#dfe4ee;--ll-primary:#4f46e5;--ll-primary-soft:#eef0ff;--ll-mint:#19a974;--ll-coral:#f26b5b;--ll-shadow:0 10px 28px #17223a12}.practiceApp,.storyShell{background:var(--ll-bg);min-height:100vh;padding:0}.appHeader{z-index:40;border-bottom:1px solid var(--ll-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;position:sticky;top:0}.appHeaderInner{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:30px;width:min(1360px,100% - 48px);min-height:72px;margin:0 auto;display:grid}.appBrand{align-items:center;gap:10px;display:inline-flex}.appBrand strong{color:var(--ll-ink);font-size:22px;line-height:1}.appBrandMark{background:var(--ll-primary);border-radius:12px;place-items:center;width:38px;height:38px;display:grid;position:relative;box-shadow:0 5px #312e81}.appBrandMark:before{content:"";border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid #fff;width:0;height:0;margin-left:3px}.appBrandMark i{background:#79e3bd;border-radius:50%;width:7px;height:7px;position:absolute;bottom:7px;right:6px}.appNav{align-items:stretch;gap:4px;height:72px;display:flex}.appNav a{color:#47526a;white-space:nowrap;flex:none;align-items:center;padding:0 15px;font-size:14px;font-weight:850;display:inline-flex;position:relative}.appNav a:hover,.appNav a.active{color:var(--ll-primary)}.appNav a.active:after{background:var(--ll-primary);content:"";border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:15px;right:15px}.appAccount{align-items:center;gap:12px;display:flex}.appAccount>a,.learnerBadge{border:1px solid var(--ll-line);color:#47526a;background:#fff;border-radius:12px;min-height:38px;padding:0 13px;font-size:13px;font-weight:800}.appAccount>a{align-items:center;display:inline-flex}.learnerBadge{background:#f7f8fc;align-items:center;display:inline-flex}.practiceContainer{gap:18px;width:min(1320px,100% - 48px);margin:0 auto;padding:28px 0 72px;display:grid}.resumePanel,.learningPath,.practiceSection{border:1px solid var(--ll-line);background:var(--ll-card);box-shadow:var(--ll-shadow);border-radius:16px}.resumePanel{grid-template-columns:minmax(320px,1.2fr) minmax(220px,.6fr) minmax(260px,.8fr);align-items:center;gap:28px;min-height:210px;padding:30px;display:grid}.resumeIntro{align-items:center;gap:20px;display:flex}.resumeMark{color:#fff;background:var(--ll-primary);border-radius:22px;flex:none;place-items:center;width:84px;height:84px;font-size:15px;font-weight:900;display:grid}.resumeIntro small,.resumeProgress span{color:var(--ll-muted);font-size:13px;font-weight:800}.resumeIntro h1{color:var(--ll-ink);margin:4px 0 7px;font-size:clamp(28px,3vw,38px);line-height:1.12}.resumeIntro p,.resumeProgress p{color:var(--ll-muted);margin:0;font-weight:700;line-height:1.55}.resumeProgress{border-right:1px solid var(--ll-line);border-left:1px solid var(--ll-line);gap:12px;padding:6px 28px;display:grid}.resumeProgress>div:first-child{justify-content:space-between;gap:10px;display:flex}.resumeProgress strong{color:var(--ll-ink)}.resumeActions{gap:13px;display:grid}.primaryAction{color:#fff;background:var(--ll-primary);border-radius:12px;justify-content:space-between;align-items:center;min-height:52px;padding:0 18px;font-weight:900;display:flex;box-shadow:0 5px #312e81}.primaryAction:active{transform:translateY(3px);box-shadow:0 2px #312e81}.modeSelect{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.modeSelect button{border:1px solid var(--ll-line);min-height:34px;color:var(--ll-muted);font:inherit;cursor:pointer;background:#fff;border-radius:9px;padding:4px 7px;font-size:11px;font-weight:800}.modeSelect button.active{color:var(--ll-primary);background:var(--ll-primary-soft);border-color:#a5b4fc}.learningPath{grid-template-columns:repeat(6,minmax(0,1fr));padding:18px;display:grid}.learningPath article{border-right:1px dashed #cbd3e1;min-height:164px;padding:10px 18px;position:relative}.learningPath article:last-child{border-right:0}.learningPath article.current{background:var(--ll-primary-soft);border-radius:12px}.stepSelect{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;padding:0;display:flex}.stepSelect>span{width:34px;height:34px;color:var(--ll-muted);background:#fff;border:2px solid #cbd3e1;border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.learningPath article.current .stepSelect>span{border-color:var(--ll-primary);color:#fff;background:var(--ll-primary);box-shadow:0 0 0 5px #dfe2ff}.learningPath article.done .stepSelect>span{border-color:var(--ll-mint);color:#fff;background:var(--ll-mint)}.stepSelect strong,.stepSelect small{display:block}.stepSelect strong{color:var(--ll-ink);font-size:15px}.stepSelect small{color:var(--ll-muted);margin-top:3px;font-size:11px;font-weight:750}.learningPath article>p{min-height:40px;color:var(--ll-muted);margin:12px 0;font-size:12px;line-height:1.55}.pathActions{gap:7px;display:flex}.pathActions a,.pathActions button{border:1px solid var(--ll-line);color:#49566d;min-height:32px;font:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:0 10px;font-size:11px;font-weight:850}.pathActions a{border-color:var(--ll-primary);color:#fff;background:var(--ll-primary);align-items:center;display:inline-flex}.practiceSection{padding:26px;scroll-margin-top:88px}.materialsPage{padding-top:32px;padding-bottom:64px}.materialsHero{border:1px solid var(--ll-line);background:linear-gradient(135deg,#fff 0%,#f2f8ff 100%);border-radius:16px;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:22px;padding:30px;display:flex}.materialsHero h1{max-width:760px;color:var(--ll-ink);margin:7px 0 10px;font-size:clamp(30px,4vw,46px);line-height:1.12}.materialsHero p:not(.eyebrow){max-width:760px;color:var(--ll-muted);margin:0;line-height:1.75}.materialsHero .primaryAction{flex:none}.catalogBackLink{color:var(--ll-primary);margin-bottom:12px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.catalogBackLink:hover{text-decoration:underline}.practiceSectionHead{justify-content:space-between;align-items:center;gap:20px;display:flex}.practiceSectionHead h2{color:var(--ll-ink);margin:0;font-size:26px}.practiceSectionHead p{color:var(--ll-muted);margin:6px 0 0;font-size:14px}.materialSearch input{border:1px solid var(--ll-line);width:min(380px,38vw);min-height:44px;color:var(--ll-ink);font:inherit;background:#f9fafc;border-radius:12px;outline:none;padding:0 15px}.materialSearch input:focus{border-color:var(--ll-primary);box-shadow:0 0 0 4px #eceeff}.filterBar{gap:8px;margin:22px 0 16px;display:flex;overflow-x:auto}.filterBar button{border:1px solid var(--ll-line);color:#526078;min-height:38px;font:inherit;cursor:pointer;background:#fff;border-radius:10px;flex:none;padding:0 14px;font-size:13px;font-weight:800}.filterBar button.active{border-color:var(--ll-primary);color:#fff;background:var(--ll-primary)}.materialRows{gap:8px;display:grid}.materialRow{border:1px solid var(--ll-line);background:#fff;border-radius:12px;grid-template-columns:minmax(0,1fr) 220px auto;align-items:center;gap:20px;min-height:112px;padding:15px 16px;display:grid}.materialRow:hover{border-color:#b6bdf7;box-shadow:0 8px 22px #4f46e514}.materialRow.active{border-left:4px solid var(--ll-primary);background:#fafaff}.materialIdentity{align-items:center;gap:15px;display:flex}.materialMonogram{color:#fff;background:var(--ll-primary);border-radius:14px;flex:none;place-items:center;width:64px;height:64px;font-size:22px;font-weight:950;display:grid}.materialIdentity small{color:var(--ll-primary);font-weight:850}.materialIdentity h3{color:var(--ll-ink);margin:3px 0 4px;font-size:19px}.materialIdentity p{color:var(--ll-muted);margin:0;font-size:13px;line-height:1.5}.materialStats{color:var(--ll-muted);justify-content:flex-end;gap:8px;font-size:12px;font-weight:800;display:flex}.materialStats span{background:#f3f5f9;border-radius:8px;padding:7px 9px}.rowAction,.reviewRows a{border:1px solid var(--ll-primary);min-height:38px;color:var(--ll-primary);font:inherit;cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:850;display:inline-flex}.materialRow.active .rowAction{color:#fff;background:var(--ll-primary)}.disabledRowAction{border-color:var(--ll-line);color:var(--ll-muted);cursor:not-allowed;background:#f3f5f9}.emptyResults{color:var(--ll-muted);text-align:center;padding:32px}.srOnly{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.compactSection{box-shadow:none}.dueCount{color:#b44236;background:#fff0ed;border-radius:9px;padding:8px 10px;font-size:13px}.reviewRows,.catalogTable{border-top:1px solid var(--ll-line);margin-top:18px;display:grid}.reviewRows>div{border-bottom:1px solid var(--ll-line);grid-template-columns:80px minmax(0,1fr) 230px auto;align-items:center;gap:14px;padding:14px 4px;display:grid}.reviewRows span{color:var(--ll-primary);font-size:12px;font-weight:850}.reviewRows small{color:var(--ll-muted)}.catalogTable>div,.catalogTable>a{border-bottom:1px solid var(--ll-line);color:inherit;grid-template-columns:80px minmax(0,1fr) 180px;gap:16px;padding:13px 4px;text-decoration:none;display:grid}.catalogTable>a:hover{background:#f5f8fb}.catalogTable span{color:var(--ll-primary);font-weight:850}.catalogTable small{color:var(--ll-muted);text-align:right}.textAction{color:var(--ll-primary);font-weight:850}.storyTopbar{justify-content:space-between;width:min(1320px,100% - 48px);margin:0 auto;padding:22px 0 14px;display:flex}.storyTopbar h1{font-size:30px}.storyTopbar p:not(.eyebrow){margin-top:5px;font-size:14px}.storyStudio{width:min(1320px,100% - 48px);display:block}.storyControlPanel{height:auto;display:block;position:static}.storyControlPanel>.studioCard{display:none}.studioStepList{border-radius:14px;grid-template-columns:repeat(6,1fr);gap:0;padding:12px;display:grid;overflow:visible}.studioStepList button{background:0 0;border-radius:10px;justify-content:center;min-height:48px}.storyWorkspace{margin-top:14px}.storyGuideBar{box-shadow:var(--ll-shadow);border-radius:14px;top:72px}.storyGuideActions a,.storyGuideActions button{border-radius:9px}.fixedStoryPlayer{background:#f7f7fff7;border:1px solid #cfd4ff;border-radius:14px;grid-template-columns:minmax(200px,.6fr) minmax(320px,1fr);top:142px;box-shadow:0 8px 22px #4f46e517}.storyWorkspace>.studioCard{box-shadow:var(--ll-shadow);border-radius:14px;margin-top:0;display:none}.storyStudio[data-active-step="0"] .storyWorkspace>.materialCard,.storyStudio[data-active-step="1"] .storyWorkspace>#transcript,.storyStudio[data-active-step="2"] .storyWorkspace>#sentence-coach,.storyStudio[data-active-step="3"] .storyWorkspace>#fsi,.storyStudio[data-active-step="4"] .storyWorkspace>#fsi,.storyStudio[data-active-step="5"] .storyWorkspace>.summaryPanel{display:block}.storyStudio[data-active-step="4"] .storyWorkspace>#fsi{margin-bottom:14px}.studioCard,.sentenceCoach,.coachGrid p,.wordMiniGrid div,.deepGrammarGrid article,.phraseGrid article,.wordStudyGrid article,.fsiPracticeGrid article{border-radius:12px}.sentenceCoachList{content-visibility:auto;contain-intrinsic-size:900px}@media (max-width:1000px){.appHeaderInner{grid-template-columns:auto 1fr;gap:16px}.appNav{order:3;grid-column:1/-1;height:46px;overflow-x:auto}.appAccount{justify-self:end}.resumePanel{grid-template-columns:1fr 1fr}.resumeActions{grid-column:1/-1;grid-template-columns:1fr 1fr}.learningPath{grid-template-columns:1fr}.learningPath article{border-bottom:1px dashed #cbd3e1;border-right:0;min-height:auto}.materialRow{grid-template-columns:1fr auto}.materialStats{display:none}.studioStepList{grid-template-columns:repeat(6,minmax(120px,1fr));overflow-x:auto}}@media (max-width:700px){.materialsHero{flex-direction:column;align-items:stretch;padding:22px}.materialsHero .primaryAction{justify-content:center;width:100%}.appHeaderInner,.practiceContainer,.storyTopbar,.storyStudio{width:min(100% - 28px,1320px)}.learnerBadge{display:none}.appBrand strong{font-size:19px}.appNav{scrollbar-width:none;width:100%}.appNav::-webkit-scrollbar{display:none}.appNav a{padding:0 13px}.resumePanel{grid-template-columns:1fr;padding:20px}.resumeIntro{align-items:flex-start}.resumeMark{border-radius:16px;width:64px;height:64px}.resumeProgress{border:0;border-top:1px solid var(--ll-line);border-bottom:1px solid var(--ll-line);padding:16px 0}.resumeActions{grid-column:auto;grid-template-columns:1fr}.practiceSection{padding:20px}.practiceSectionHead{flex-direction:column;align-items:stretch}.materialSearch input{width:100%}.materialRow{grid-template-columns:1fr}.rowAction{width:100%}.reviewRows>div,.catalogTable>div,.catalogTable>a{grid-template-columns:1fr;gap:7px}.catalogTable small{text-align:left}.storyTopbar{align-items:flex-start}.storyUserBox{min-width:auto}.fixedStoryPlayer{grid-template-columns:1fr;position:static}.storyGuideBar{position:static}.segmentToolbar{grid-template-columns:1fr}.segmentMove{min-width:0}.clipControlGrid,.materialGrid{grid-template-columns:1fr}}.englishPodCatalogPage,.lessonStudyPage{padding-top:32px;padding-bottom:64px}.catalogHero,.lessonStudyHero{background:#fff;border:1px solid #dce5ef;justify-content:space-between;align-items:end;gap:32px;padding:34px 38px;display:flex}.catalogHero h1,.lessonStudyHero h1{letter-spacing:0;margin:6px 0 10px;font-size:clamp(32px,4vw,54px)}.catalogHero p,.lessonStudyHero p{color:#637084;max-width:720px;margin:0}.catalogNumbers{grid-template-columns:auto auto;gap:4px 12px;min-width:180px;display:grid}.catalogNumbers strong{color:#146c5b;font-size:28px}.catalogNumbers span{color:#69778c;align-self:center}.materialSearch{gap:8px;display:flex}.materialSearch button{color:#fff;cursor:pointer;background:#12213b;border:0;padding:0 18px}.lessonCatalogGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.lessonCatalogItem{background:#fff;border:1px solid #dce5ef;flex-direction:column;min-height:210px;padding:20px;display:flex}.lessonCatalogItem>div{justify-content:space-between;gap:12px;display:flex}.lessonCatalogItem>div span{color:#1f62c8;font-weight:800}.lessonCatalogItem small{color:#118367}.lessonCatalogItem h3{margin:18px 0 8px;font-size:20px}.lessonCatalogItem p{color:#69778c;margin:0 0 20px;line-height:1.6}.lessonCatalogItem a,.disabledLessonAction{margin-top:auto;font-weight:750}.lessonCatalogItem a{color:#075fc7}.lessonCatalogItem.pending{background:#f7f9fc}.lessonCatalogItem.pending small,.disabledLessonAction{color:#8a94a4}.catalogPagination{grid-template-columns:1fr auto 1fr;align-items:center;margin-top:28px;display:grid}.catalogPagination a:last-child{justify-self:end}.catalogPagination strong{color:#526076}.lessonStudyFlow{gap:18px;margin-top:18px;display:grid}.lessonStudyCard{background:#fff;border:1px solid #dce5ef;padding:30px}.lessonStudyCard>div:first-child{align-items:center;gap:14px;display:flex}.lessonStudyCard h2{margin:0;font-size:26px}.lessonStepNumber{color:#fff;background:#146c5b;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-weight:850;display:grid}.englishPodPlayers{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px;gap:12px!important;display:grid!important}.englishPodPlayers label{background:#f5f8fb;border:1px solid #dce5ef;gap:7px;padding:16px;display:grid}.englishPodPlayers span{color:#69778c;font-size:14px}.englishPodPlayers audio{width:100%;margin-top:8px}.sceneSummary{grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 0;gap:10px!important;display:grid!important}.sceneSummary span{background:#eef8f4;padding:13px 15px}.dialogueStudyList{gap:8px!important;display:grid!important}.dialogueStudyList>div{border-bottom:1px solid #e4eaf1;grid-template-columns:42px 1fr;gap:4px 10px;padding:14px;display:grid}.dialogueStudyList b{color:#146c5b;grid-row:span 2}.dialogueStudyList p{margin:0;font-size:18px}.dialogueStudyList span{color:#6b778b}.coreSentenceGrid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px;gap:14px!important;display:grid!important}.coreSentenceCard{border:1px solid #dce5ef;min-width:0;padding:20px}.coreSentenceCard h3{overflow-wrap:anywhere;margin:0 0 8px;font-size:22px}.sentenceMeaning{color:#146c5b;font-weight:700}.coreSentenceCard dl,.vocabularyStudyCard dl{margin:16px 0 0}.coreSentenceCard dt,.vocabularyStudyCard dt{color:#6b778b;margin-top:12px;font-size:13px;font-weight:750}.coreSentenceCard dd,.vocabularyStudyCard dd{margin:3px 0 0;line-height:1.6}.coreSentenceCard pre{white-space:pre-wrap;font:inherit;background:#f5f8fb;padding:12px;line-height:1.6}.expressionCompare{border-top:1px solid #e1e7ef;margin-top:16px;padding-top:14px}.expressionCompare p{gap:3px;margin:10px 0;display:grid}.expressionCompare span,.expressionCompare small{color:#667389}.vocabularyStudyGrid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px;gap:14px!important;display:grid!important}.vocabularyStudyCard{border:1px solid #dce5ef;padding:20px}.vocabularyStudyCard>div{align-items:center;gap:10px;display:flex}.vocabularyStudyCard h3{margin:0;font-size:23px}.wordSpeakButton{cursor:pointer;color:#164f87;background:#fff;border:1px solid #b8c7d8;margin-left:auto;padding:7px 10px}.fsiInstructionGrid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px;gap:10px!important;display:grid!important}.fsiInstructionGrid p{background:#fff6d8;margin:0;padding:16px;line-height:1.6}.hostAndPerformance{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px;gap:12px!important;display:grid!important}.hostAndPerformance>div{border:1px solid #dce5ef;gap:7px;padding:16px;display:grid}.hostAndPerformance span{white-space:pre-wrap;color:#5f6c80}@media (max-width:900px){.lessonCatalogGrid,.coreSentenceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.englishPodPlayers{grid-template-columns:1fr}}@media (max-width:640px){.catalogHero,.lessonStudyHero{flex-direction:column;align-items:start;padding:24px 20px}.lessonCatalogGrid,.coreSentenceGrid,.vocabularyStudyGrid,.sceneSummary,.fsiInstructionGrid,.hostAndPerformance{grid-template-columns:1fr}.lessonStudyCard{padding:20px 16px}}.learnerSwitcher{align-items:center;gap:8px;min-width:0;display:flex}.learnerSwitcher i{border-radius:50%;flex:none;width:10px;height:10px}.learnerSwitcher select{color:#30415b;max-width:150px;font:inherit;cursor:pointer;background:0 0;border:0;font-weight:700}.createLearnerLink{color:#146c5b;white-space:nowrap;font-weight:750}.profilesPage{padding-top:32px;padding-bottom:64px}.profileManager{grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:18px;margin-top:18px;display:grid}.profileList,.profileCreateForm{background:#fff;border:1px solid #dce5ef;padding:26px}.profileList{align-content:start;gap:10px;display:grid}.profileList article{border:1px solid #e2e8f0;align-items:center;gap:14px;padding:16px;display:flex}.profileList article i{border-radius:50%;flex:none;width:38px;height:38px}.profileList h3,.profileList p{margin:0}.profileList p{color:#68758a;margin-top:4px}.profileCreateForm{gap:14px;display:grid}.profileCreateForm h2{margin:0 0 4px}.profileCreateForm label{color:#44536a;gap:6px;font-weight:700;display:grid}.profileCreateForm input{min-height:44px;font:inherit;border:1px solid #cad5e2;padding:9px 11px}.profileCreateForm input[type=color]{width:70px;padding:4px}.profileCreateForm button{color:#fff;cursor:pointer;background:#146c5b;border:0;min-height:46px;font-weight:800}.studySessionControl{background:#eef9f5;border:1px solid #b9ddd4;grid-template-columns:1fr auto;align-items:center;gap:7px 16px;margin:14px 0;padding:14px 18px;display:grid}.studySessionControl div{gap:2px;display:grid}.studySessionControl span{color:#627386;font-size:14px}.studySessionControl button{color:#fff;cursor:pointer;background:#146c5b;border:0;grid-area:1/2/span 2;min-height:42px;padding:0 18px;font-weight:800}.studySessionControl small{color:#526276;grid-column:1/-1}.unifiedStudyFlow{background:#fff;border:1px solid #cbd9e7;border-radius:14px;margin:16px 0 22px;padding:18px;scroll-margin-top:90px;box-shadow:0 10px 30px #12213b0f}.unifiedStudyFlow>header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;display:flex}.unifiedStudyFlow>header div{gap:3px;display:grid}.unifiedStudyFlow>header strong{color:#12213b;font-size:19px}.unifiedStudyFlow>header span{color:#68768a;font-size:13px}.unifiedStudyFlow>header button{color:#fff;min-height:42px;font:inherit;cursor:pointer;background:#146c5b;border:0;border-radius:9px;padding:0 18px;font-weight:850}.unifiedStudyFlow .finishStudyButton{background:#12213b}.unifiedStudyFlow ol{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.unifiedStudyFlow li{background:#f8fafc;border:1px solid #e0e7ef;border-radius:10px;grid-template-rows:1fr auto;gap:8px;min-width:0;padding:10px;display:grid}.unifiedStudyFlow li.current{background:#f2f1ff;border-color:#4f46e5;box-shadow:inset 0 0 0 1px #4f46e5}.unifiedStudyFlow li.done{background:#effbf7;border-color:#91dbc4}.unifiedStudyFlow li a{color:inherit;gap:9px;text-decoration:none;display:flex}.unifiedStudyFlow li a>b{color:#fff;background:#738097;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.unifiedStudyFlow li.current a>b{background:#4f46e5}.unifiedStudyFlow li.done a>b{background:#159a73}.unifiedStudyFlow li a span{min-width:0}.unifiedStudyFlow li a strong,.unifiedStudyFlow li a small{display:block}.unifiedStudyFlow li a strong{color:#17223a;font-size:14px}.unifiedStudyFlow li a small{color:#6b778b;margin-top:3px;font-size:11px;line-height:1.4}.unifiedStudyFlow li button{color:#405069;min-height:32px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd6e2;border-radius:7px;font-size:11px;font-weight:800}.unifiedStudyFlow li button:disabled{cursor:not-allowed;opacity:.48}.unifiedStudyFlow li.done button{color:#087c5c;border-color:#a7dbc9}.unifiedStudyFlow>p{color:#526276;margin:12px 2px 0;font-size:13px}.sessionGrade{border-top:1px solid #e0e7ef;flex-wrap:wrap;align-items:center;gap:7px;margin-top:12px;padding-top:12px;display:flex}.sessionGrade span{color:#526276;margin-right:4px;font-size:12px;font-weight:850}.sessionGrade button{color:#526078;min-height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd6e2;border-radius:8px;padding:0 11px;font-size:12px;font-weight:800}.sessionGrade button.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.knowledgeSaveButton{color:#4f46e5;min-height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #4f46e5;border-radius:8px;margin-top:14px;padding:0 11px;font-size:12px;font-weight:850}.knowledgeSaveButton.saved{color:#087c5c;background:#effbf7;border-color:#8fd6c0}.knowledgeSaveButton.error{color:#a63b2f;border-color:#ef9b8d}.knowledgeCardHeading{justify-content:space-between;align-items:start;gap:12px;display:flex}.knowledgeCardHeading .knowledgeSaveButton{flex:none;margin-top:0}.sentenceTitle .knowledgeSaveButton{width:fit-content}.wordStudyGrid article .knowledgeSaveButton{width:100%}.lessonStudyCard{scroll-margin-top:90px}.outputTaskCard,.reviewTaskCard{border-left:4px solid #4f46e5}.recordsPage{padding-top:32px;padding-bottom:72px}.recordsHero{background:#fff;border:1px solid #dce5ef;border-radius:14px;justify-content:space-between;align-items:end;gap:28px;padding:30px 34px;display:flex}.recordsHero h1{color:#12213b;margin:5px 0 8px;font-size:42px}.recordsHero p{color:#66748a;max-width:720px;margin:0}.recordTabs{background:#fff;border:1px solid #dce5ef;border-radius:12px;gap:8px;margin:18px 0;padding:6px;display:flex}.recordTabs a{color:#526078;border-radius:8px;padding:10px 18px;font-weight:800;text-decoration:none}.recordTabs a.active{color:#fff;background:#4f46e5}.recordTabs>button{color:#4f46e5;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #4f46e5;border-radius:8px;margin-left:auto;padding:0 14px;font-size:12px;font-weight:850}.recordsEmpty{color:#66748a;text-align:center;background:#fff;border:1px dashed #cbd6e2;border-radius:14px;padding:50px 24px}.recordsEmpty h2{color:#17223a;margin:0 0 8px}.recordsEmpty a{color:#185fbd;font-weight:800}.recordList{gap:12px;display:grid}.reviewRecordList article{background:#fff;border:1px solid #dce5ef;border-left:4px solid #8da0b5;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;padding:20px 22px;display:flex}.reviewRecordList article.due{background:#fffaf8;border-left-color:#ee735f}.reviewRecordList article.completed{background:#f3fcf9;border-left-color:#1ca37b}.reviewRecordList span{color:#4f46e5;font-size:12px;font-weight:900}.reviewRecordList h2{color:#17223a;margin:4px 0;font-size:19px}.reviewRecordList p{color:#6b778b;margin:0;font-size:13px}.recordActions{flex:none;gap:8px;display:flex}.recordActions a,.recordActions button{color:#34445d;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #bdc9d6;border-radius:8px;align-items:center;padding:0 13px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.recordActions button{color:#fff;background:#4f46e5;border-color:#4f46e5}.recordActions .reviewAgain{color:#b33f31;background:#fff4f1;border-color:#e57a69}.recordActions .reviewFuzzy{color:#875b00;background:#fff8df;border-color:#e0ae42}.knowledgeRecordList{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledgeRecordList article{background:#fff;border:1px solid #dce5ef;border-radius:12px;min-width:0;padding:22px}.knowledgeRecordList header{justify-content:space-between;align-items:start;gap:12px;display:flex}.knowledgeRecordList h2{color:#17223a;overflow-wrap:anywhere;margin:0;font-size:23px}.knowledgeRecordList header span{color:#66748a}.knowledgeRecordList header b{color:#087c5c;white-space:nowrap;background:#eaf9f4;border-radius:7px;padding:5px 8px;font-size:11px}.knowledgeRecordActions{flex:none;gap:6px;display:flex}.knowledgeRecordActions button{color:#46566e;min-height:32px;font:inherit;cursor:pointer;background:#fff;border:1px solid #c7d2df;border-radius:7px;padding:0 9px;font-size:11px;font-weight:800}.knowledgeRecordList dl{grid-template-columns:88px 1fr;gap:9px 12px;margin:18px 0 0;display:grid}.knowledgeRecordList dt{color:#748095;font-size:12px;font-weight:850}.knowledgeRecordList dd{color:#34445d;overflow-wrap:anywhere;min-width:0;margin:0;line-height:1.55}.saveToast{z-index:30;color:#fff;background:#12213b;border-radius:9px;padding:12px 16px;position:fixed;bottom:22px;right:22px;box-shadow:0 10px 30px #12213b38}.lastSessionBar{background:#fff;border:1px solid #d8e2ed;justify-content:space-between;align-items:center;gap:18px;margin-top:12px;padding:14px 18px;display:flex}.lastSessionBar div{gap:3px;display:grid}.lastSessionBar span{color:#68758a}.lastSessionBar a{color:#075fc7;font-weight:800}.storySessionWrap{width:min(100% - 48px,1320px);margin:0 auto}.authProductShell{background:#f6f8fb;grid-template-columns:minmax(360px,.9fr) minmax(460px,1.1fr);min-height:100vh;display:grid}.authProductIntro{color:#fff;background:#12213b;flex-direction:column;justify-content:center;padding:clamp(42px,7vw,100px);display:flex}.authProductIntro .appBrand{color:#fff;align-self:flex-start}.authProductIntro h1{max-width:620px;margin:54px 0 18px;font-size:clamp(38px,5vw,68px);line-height:1.08}.authProductIntro p{color:#cbd7e6;max-width:600px;font-size:18px;line-height:1.7}.authProductIntro ul{color:#dce5ef;padding-left:20px;line-height:2}.authComponentWrap{place-content:center;justify-items:center;padding:40px;display:grid}.authComponentWrap>p{color:#6a7688;text-align:center;max-width:400px;font-size:13px}.clerkCardBox{box-shadow:none!important}.clerkCard{box-shadow:none!important;border:1px solid #dce5ef!important}@media (max-width:800px){.profileManager,.authProductShell{grid-template-columns:1fr}.authProductIntro{padding:36px 24px}.authProductIntro h1{margin-top:30px}.authComponentWrap{padding:28px 14px}.lastSessionBar{flex-direction:column;align-items:flex-start}.unifiedStudyFlow ol{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledgeRecordList{grid-template-columns:1fr}.recordsHero,.reviewRecordList article{flex-direction:column;align-items:flex-start}}@media (max-width:520px){.unifiedStudyFlow{padding:14px}.unifiedStudyFlow>header{flex-direction:column;align-items:stretch}.unifiedStudyFlow ol{grid-template-columns:1fr}.recordsHero{padding:22px 18px}.recordsHero h1{font-size:34px}.recordTabs{overflow-x:auto}.recordTabs a{flex:none}.recordActions{width:100%}}