/* Shared learning rhythm, conversational practice, contextual language help. */
.learning-context-link{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 24px;border:1px solid var(--line);border-radius:18px;margin:22px 0;background:var(--grammar-wash)}.learning-context-link>span{display:flex;align-items:center;gap:16px}.learning-context-link>span>.ico{width:22px;flex-shrink:0;color:var(--grammar-blue)}.learning-context-link strong{font-size:14px}.learning-context-link small{font-size:12px;color:var(--muted);display:block;margin-top:7px;line-height:1.7}.learning-context-link .link-btn{font-size:12px;text-align:left;flex-shrink:0}@media(max-width:850px){.learning-context-link{align-items:flex-start;flex-direction:column;padding:20px;gap:16px}.learning-context-link .link-btn{margin-left:38px}}
.learning-progress{border:1px solid var(--line);border-radius:23px;background:var(--card);padding:28px;margin:25px 0;display:grid;grid-template-columns:1fr 1fr;gap:25px 38px}.learning-progress h2{font-size:25px;line-height:1.4;letter-spacing:-.7px;margin:14px 0}.learning-progress p{font-size:13px;line-height:1.85;color:var(--muted);max-width:48ch}.learning-progress-rows button{width:100%;display:flex;gap:15px;align-items:center;text-align:left;padding:14px 0}.learning-progress-rows button+button{border-top:1px solid var(--line)}.learning-progress-rows button>span{flex:1}.learning-progress-rows strong{font-size:14px}.learning-progress-rows small{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:5px;font-weight:450}.learning-progress-rows b{font-size:23px}.learning-progress-rows b small{display:inline;font-size:13px}.learning-progress-rows .ico{width:16px;color:var(--grammar-blue);flex-shrink:0}.learning-progress footer{grid-column:1/-1;display:flex;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:20px;font-size:12px;line-height:1.8;color:var(--muted)}.learning-progress .link-btn{font-size:12px}
@media(max-width:900px){.learning-progress{grid-template-columns:1fr;padding:23px;gap:20px}.learning-progress footer{align-items:flex-start;flex-direction:column;gap:13px}.learning-progress h2{font-size:24px}}
.learning-menu-trigger{display:flex;align-items:center;gap:8px;min-height:42px;padding:9px 13px;border:1px solid var(--line);border-radius:12px;font-size:12px;color:var(--ink);flex-shrink:0}.learning-menu-trigger .ico{width:17px;height:17px}.learning-menu-trigger:hover{background:var(--card)}
.learning-plan{display:grid;grid-template-columns:1.05fr 1fr;border:1px solid var(--line);border-radius:26px;background:var(--card);margin:0 0 30px;overflow:hidden}.plan-current{padding:32px 36px;background:var(--grammar-wash)}.plan-label{font-size:11px;font-weight:750;letter-spacing:.09em;text-transform:uppercase;color:var(--grammar-blue)}.plan-current h2{font-size:29px;line-height:1.3;letter-spacing:-.9px;margin:15px 0 12px;max-width:25ch}.plan-current p{font-size:14px;color:var(--muted);line-height:1.8;max-width:49ch;margin-bottom:22px}.plan-current .btn{font-size:13px;min-height:46px}.plan-next{padding:12px 28px;display:flex;flex-direction:column;justify-content:center}.plan-next button{display:flex;gap:15px;align-items:center;text-align:left;padding:22px 0;min-width:0}.plan-next button+button{border-top:1px solid var(--line)}.plan-next button>span:first-child{display:grid;place-items:center;background:var(--bg);border-radius:13px;width:42px;height:46px;flex-shrink:0}.plan-next button>span:nth-child(2){flex:1;min-width:0}.plan-next small{font-size:11px;color:var(--muted);display:block;line-height:1.6;margin-bottom:5px}.plan-next strong{display:block;font-size:14px;font-weight:650;line-height:1.6}.plan-next .ico{width:19px;flex-shrink:0}.plan-next button>.ico{width:15px;color:var(--muted)}.plan-next button:hover strong{color:var(--grammar-blue)}
.learning-followup{display:flex;gap:19px 28px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:25px 5px;font-size:13px;line-height:1.6}.learning-followup>span{color:var(--muted);flex:1;min-width:200px}.learning-followup .link-btn{font-size:12px;text-align:left}
.term-link{display:inline;padding:0;color:inherit;font:inherit;line-height:inherit;text-decoration:underline dotted;text-underline-offset:4px;text-decoration-color:var(--grammar-blue);border-radius:3px}.term-link:hover,.term-link:focus-visible{color:var(--grammar-blue);background:var(--grammar-wash)}.term-explanation>p{font-size:16px;line-height:1.9;margin:18px 0}.term-explanation>div{font-size:23px;line-height:1.65;background:var(--grammar-wash);border-radius:17px;padding:23px;color:var(--ink);overflow-wrap:anywhere}.term-explanation>.link-btn{display:block;margin-top:18px}.grammar-feedback.revealed{background:var(--grammar-wash)}.grammar-feedback.revealed .grammar-was:empty,.grammar-feedback.revealed .grammar-was:empty+.ico{display:none}.grammar-hint .term-link{font-weight:600}
.learning-menu{display:grid;grid-template-columns:1fr 1fr;gap:8px}.learning-menu>button{display:flex;align-items:center;gap:12px;text-align:left;min-height:62px;padding:16px 14px;border-radius:13px;background:var(--bg);font-size:14px}.learning-menu>button>.ico{width:19px;height:19px;flex-shrink:0;color:var(--grammar-blue)}.learning-menu>button>.ico:last-child{margin-left:auto;width:15px;color:var(--muted)}.learning-menu>button:hover{background:var(--grammar-wash)}
.help-page,.recall-page,.life-page,.life-detail{max-width:1180px;margin:auto}.help-page h1,.recall-page h1,.life-heading h1{font-size:clamp(36px,4vw,55px);line-height:1.13;letter-spacing:-2px}.help-page .page-head p:last-child,.recall-page .page-head p:last-child,.life-page .page-head p:last-child{max-width:58ch;font-size:15px;line-height:1.85}.help-search,.life-search{max-width:600px;margin:20px 0 26px}.help-list{border-top:1px solid var(--line)}.help-term{display:grid;grid-template-columns:190px 1fr 20px;align-items:center;gap:28px;padding:25px 6px;border-bottom:1px solid var(--line);text-align:left;width:100%}.help-term strong{font-size:19px;letter-spacing:-.5px}.help-term>span{font-size:14px;line-height:1.85;color:var(--muted)}.help-term>.ico{width:18px;color:var(--grammar-blue)}.help-term:hover strong{color:var(--grammar-blue)}
.recall-total{display:flex;flex-direction:column;align-items:flex-end;font-size:68px;font-weight:750;letter-spacing:-3px;color:var(--grammar-blue)}.recall-total small{font-size:12px;font-weight:450;letter-spacing:0;color:var(--muted);margin-top:7px}.recall-tabs{margin:22px 0 30px;max-width:460px}.recall-groups{display:grid;grid-template-columns:1fr 1fr;gap:20px}.recall-group{border:1px solid var(--line);border-radius:22px;background:var(--card);padding:25px;min-width:0}.recall-group>header{display:flex;align-items:center;gap:20px;margin-bottom:20px}.recall-group h2{font-size:19px;letter-spacing:-.5px}.recall-group>header>span{margin-left:auto;font-size:13px;color:var(--muted)}.recall-group>p{font-size:14px;line-height:1.8;margin:20px 0}.recall-item{display:flex;align-items:center;gap:12px;text-align:left;padding:15px 0;border-top:1px solid var(--line);width:100%;font-size:14px;line-height:1.6}.recall-item>span:nth-child(2){flex:1}.recall-item .ico{width:16px;flex-shrink:0}.recall-item:hover{color:var(--grammar-blue)}.recall-empty{padding:40px 0;max-width:650px}.recall-empty h2{font-size:25px;letter-spacing:-.8px}.recall-empty p{font-size:14px;line-height:1.85;color:var(--muted);margin:15px 0 22px}.recall-empty .btn{margin:0 10px 10px 0}
.life-list{display:grid;grid-template-columns:1fr 1fr;gap:24px}.life-card{text-align:left;display:flex;flex-direction:column;min-width:0;padding:30px 30px 0;background:var(--card);border:1px solid var(--line);border-radius:25px;transition:transform .2s ease,border-color .2s ease}.life-card:hover{transform:translateY(-3px);border-color:var(--grammar-blue)}.life-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted);margin-bottom:28px}.life-card h2{font-size:30px;line-height:1.25;letter-spacing:-1px;max-width:25ch}.life-card>p{font-size:14px;color:var(--muted);line-height:1.85;margin:18px 0 23px;flex:1}.life-card-route{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin-bottom:26px}.life-card-route i{width:24px;height:1px;background:var(--line)}.life-card footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0;border-top:1px solid var(--line);font-size:13px;color:var(--grammar-blue);font-weight:650}.life-card footer>.ico{width:18px}.life-detail>.page-head h1{font-size:clamp(32px,3.3vw,46px);letter-spacing:-1.5px}.life-detail>.page-head p{max-width:67ch;font-size:15px;line-height:1.8}
.life-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:28px;align-items:start}.life-conversation{border:1px solid var(--line);background:var(--card);border-radius:27px;overflow:hidden;min-width:0}.life-dialogue-head{display:flex;align-items:center;justify-content:space-between;padding:22px 30px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.life-dialogue-head span:first-child{font-weight:650;color:var(--grammar-blue)}.life-current{padding:30px 32px;min-width:0}.life-who{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:650;color:var(--muted);margin-bottom:11px}.life-partner{font-size:clamp(26px,2.6vw,36px);font-weight:700;line-height:1.5;letter-spacing:-.9px;overflow-wrap:anywhere}.life-partner .grammar-spoken{text-align:left}.life-current .grammar-audio-note{margin:12px 0;font-size:11px}.life-translate{font-size:12px;margin:6px 0 15px}.life-translation{font-size:14px;color:var(--muted);line-height:1.8;margin:0 0 18px}.life-intent{padding:18px 20px;border-left:3px solid var(--grammar-blue);background:var(--grammar-wash);border-radius:0 12px 12px 0;margin:20px 0}.life-intent>span{font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:750;color:var(--grammar-blue)}.life-intent>p{font-size:15px;line-height:1.8;margin-top:7px}.life-options{display:flex;flex-direction:column;gap:12px;margin-top:23px}.life-options>button{padding:19px 22px;border:1px solid var(--line);border-radius:15px;text-align:left;transition:border-color .15s ease,background .15s ease}.life-options>button:hover:not(:disabled){border-color:var(--grammar-blue);background:var(--grammar-wash)}.life-options>button>span{display:block;font-size:20px;line-height:1.7;font-weight:550}.life-options small{display:block;font-size:12px;line-height:1.8;color:var(--muted);margin-top:7px}.life-options>button.correct{border-color:var(--good);background:var(--grammar-mint)}.life-options>button.incorrect{border-color:#b27331;background:var(--grammar-peach)}.life-options>button:disabled{color:var(--ink);opacity:.75}.life-options>button.correct,.life-options>button.incorrect{opacity:1}
.life-feedback{margin-top:24px;padding:22px;border-radius:17px;background:var(--grammar-wash);outline-offset:4px}.life-feedback.correct{background:color-mix(in srgb,var(--grammar-mint) 60%,var(--card))}.life-feedback.incorrect{background:color-mix(in srgb,var(--grammar-peach) 60%,var(--card))}.life-feedback h3{font-size:21px;line-height:1.45;letter-spacing:-.6px}.life-feedback>p{font-size:14px;line-height:1.9;margin:12px 0 20px}.life-feedback .btn{font-size:13px}.life-reaction{font-weight:650}.life-transcript:empty{display:none}.life-previous{padding:22px 32px;border-bottom:1px solid var(--line);background:var(--bg)}.life-previous>p{font-size:16px;line-height:1.75;margin-bottom:16px}.life-previous>.life-own{color:var(--grammar-blue);margin-bottom:0}.life-notes{padding:25px 6px;position:sticky;top:95px}.life-notes h2{font-size:25px;line-height:1.3;letter-spacing:-.8px;margin:16px 0}.life-notes>p{font-size:13px;color:var(--muted);line-height:1.9}.life-notes>.link-btn{display:flex;gap:8px;font-size:12px;text-align:left;margin-top:20px;line-height:1.6}.life-notes>.link-btn>.ico{width:16px;flex-shrink:0}.life-route{display:flex;flex-direction:column;gap:13px;margin:27px 0;padding:23px 0;border-block:1px solid var(--line);font-size:12px;color:var(--muted)}.life-route>span::before{content:'';display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--line);margin-right:12px}.life-route>span.active{color:var(--grammar-blue)}.life-route>span.active::before{background:var(--grammar-blue)}.life-route>span.done::before{background:var(--good)}.life-notes p.small{font-size:11px}
.life-current>h2{font-size:23px;line-height:1.5;letter-spacing:-.6px}#life-answer-form>label{display:block;font-size:13px;margin-bottom:10px}#life-answer{font-size:24px;min-height:59px;max-width:430px}#life-answer:disabled{opacity:1;color:var(--muted)}.life-answer-model{font-size:22px;line-height:1.75;margin-bottom:22px;overflow-wrap:anywhere}.life-result{padding:35px}.life-result h2{font-size:32px;line-height:1.25;letter-spacing:-1px}.life-result>p{font-size:15px;color:var(--muted);line-height:1.9;margin:20px 0 25px}.life-takeaways{padding:23px;background:var(--grammar-wash);border-radius:17px;margin-bottom:27px}.life-takeaways h3{font-size:12px;color:var(--grammar-blue);font-weight:750;margin-bottom:20px}.life-takeaways>div{margin-top:20px;font-size:20px;line-height:1.7}.life-takeaways small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.life-related{font-size:12px;margin-top:24px;text-align:left;line-height:1.6}
body.large .life-current p,body.large .life-notes p,body.large .help-term>span,body.large .plan-current p{font-size:18px}
@media(max-width:1150px){.learning-plan{grid-template-columns:1fr}.plan-current{padding:27px 30px}.plan-current h2{max-width:none}.plan-next{padding:4px 28px}.plan-next button{padding:17px 0}.life-layout{grid-template-columns:minmax(0,1fr) 220px;gap:20px}.life-current{padding:26px}.life-notes h2{font-size:22px}.life-card{padding:26px 24px 0}}
@media(max-width:850px){.life-layout{grid-template-columns:1fr}.life-notes{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 25px;padding:10px 5px}.life-notes>.plan-label,.life-notes>h2,.life-notes>p{grid-column:1/-1}.life-notes .life-route{grid-column:1/-1}.life-list{gap:17px}.life-card h2{font-size:25px}.help-term{grid-template-columns:145px 1fr 18px;gap:20px}.recall-groups{gap:15px}}
@media(max-width:700px){.learning-menu-trigger{padding:8px 10px;min-height:39px;border-radius:11px}.learning-menu-trigger span{display:none}.learning-menu-trigger .ico{width:17px}.learning-plan{border-radius:22px;margin-bottom:22px}.plan-current{padding:25px 22px}.plan-current h2{font-size:26px}.plan-current p{font-size:13px}.plan-next{padding:3px 20px}.plan-next button{gap:11px;padding:18px 0}.plan-next button>span:first-child{width:34px;height:39px;border-radius:10px}.plan-next strong{font-size:13px}.plan-next small{font-size:10px}.plan-next .ico{width:17px}.learning-followup{gap:15px;padding:22px 5px}.learning-followup>span{width:100%;font-size:12px}.learning-menu{grid-template-columns:1fr}.learning-menu>button{min-height:52px;font-size:13px}.help-page h1,.recall-page h1,.life-heading h1{font-size:36px;letter-spacing:-1.5px}.help-page .page-head p:last-child,.recall-page .page-head p:last-child,.life-page .page-head p:last-child{font-size:14px}.help-search,.life-search{width:100%}.help-term{grid-template-columns:1fr 18px;gap:8px 18px;padding:22px 3px}.help-term strong{font-size:20px}.help-term>span{grid-column:1;grid-row:2;font-size:13px}.help-term>.ico{grid-column:2;grid-row:1/3}.term-explanation>p{font-size:14px}.term-explanation>div{font-size:21px;padding:20px}.recall-page>.page-head{align-items:flex-start;flex-direction:column;gap:20px}.recall-total{font-size:44px;letter-spacing:-1px;align-items:flex-start}.recall-total small{margin-top:3px}.recall-groups,.life-list{grid-template-columns:1fr}.recall-group{padding:22px}.recall-item{font-size:13px}.recall-empty{padding:30px 0}.recall-empty .btn{width:100%;margin-right:0}.life-heading{flex-direction:column;align-items:flex-start;gap:20px}.life-card h2{font-size:29px}.life-card{padding:26px 24px 0}.life-detail>.page-head h1{font-size:32px;letter-spacing:-1.1px}.life-detail>.page-head p{font-size:14px}.life-conversation{border-radius:22px}.life-dialogue-head{padding:19px 20px}.life-current{padding:25px 20px}.life-partner{font-size:28px;letter-spacing:-.7px}.life-intent{padding:17px}.life-intent>p{font-size:14px}.life-options>button{padding:17px}.life-options>button>span{font-size:19px}.life-feedback{padding:20px 17px}.life-feedback h3{font-size:20px}.life-feedback>p{font-size:13px}.life-feedback .btn{width:100%;padding-inline:14px}.life-previous{padding:21px}.life-notes{gap:0 15px}.life-notes>.link-btn{font-size:11px}.life-current>h2{font-size:21px}.life-result{padding:27px 21px}.life-result h2{font-size:29px}.life-result>p{font-size:14px}.life-takeaways{padding:21px 17px}.life-takeaways>div{font-size:19px}.life-result>.row{gap:12px}.life-result>.row>.btn{width:100%}.life-answer-model{font-size:20px}.life-related{font-size:12px}.learning-followup .link-btn{font-size:12px}}
@media(prefers-reduced-motion:reduce){.life-card,.life-options>button{transition:none}.life-card:hover{transform:none}}
.reduce-motion .life-card,.reduce-motion .life-options>button{transition:none}.reduce-motion .life-card:hover{transform:none}