html{color-scheme:light dark}body{margin:0;background:light-dark(#f1f0e9,#171d2c)}

#english-lesson-hybrid{
 --story-bg:light-dark(#f1f0e9,#171d2c);--story-surface:light-dark(#fffdf5,#efeee5);
 --story-ink:light-dark(#172139,#eff0e8);--story-muted:light-dark(#687080,#adb6cb);
 --story-line:light-dark(#ccd0da,#414c63);--story-accent:light-dark(#2a4fe3,#a8b8ff);
 --paper-ink:#1b2640;--paper-muted:#657087;--paper-line:#d8dcea;--paper-blue:#244cdd;
 --note-bg:light-dark(#f8f1b6,#eee5a8);--note-ink:#33351f;--note-muted:#6d6d4b;
 --story-mark:#e1e8ff;--story-selected:#dde86d;--story-good:#286446;--story-bad:#a1423f;
 color:var(--story-ink);font:400 14px/1.6 ui-sans-serif,system-ui,sans-serif;container-type:inline-size;position:relative;
}
#english-lesson-hybrid *{box-sizing:border-box}
#english-lesson-hybrid [hidden]{display:none!important}
#english-lesson-hybrid button{font-family:inherit;cursor:pointer}
#english-lesson-hybrid .story-page{background:var(--story-bg);border:1px solid var(--story-line);border-radius:16px;padding:24px}
#english-lesson-hybrid .story-header{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:0 2px 22px}
#english-lesson-hybrid .story-brand{font-size:25px;line-height:1;letter-spacing:-.07em;font-weight:500;color:var(--story-accent)}
#english-lesson-hybrid .story-tag{color:var(--story-muted);font:400 11px/1.5 ui-sans-serif,system-ui,sans-serif;letter-spacing:.04em}
#english-lesson-hybrid .story-titlebar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 24px}
#english-lesson-hybrid h2{font-size:20px;font-weight:400;line-height:1.25;letter-spacing:-.03em;margin:0}
#english-lesson-hybrid h2 em{font-family:ui-sans-serif,system-ui,sans-serif;font-size:23px;font-weight:400}
#english-lesson-hybrid .story-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:start;gap:22px}
#english-lesson-hybrid .story-stage{min-width:0;background:var(--story-surface);color:var(--paper-ink);border:1px solid var(--paper-line);border-radius:10px}
#english-lesson-hybrid .story-reader{padding:26px 26px 22px}
#english-lesson-hybrid .story-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;font:400 11px/1.5 ui-sans-serif,system-ui,sans-serif;color:var(--paper-muted)}
#english-lesson-hybrid [data-scene]{color:var(--paper-blue);text-align:right}
#english-lesson-hybrid .story-reading{padding:38px 0 30px;min-height:300px;display:flex;align-items:center}
#english-lesson-hybrid .story-sentence{font:500 clamp(30px,3.8cqw,40px)/1.63 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.04em;margin:0;overflow-wrap:break-word}
#english-lesson-hybrid .story-phrase{display:inline;font:inherit;letter-spacing:inherit;line-height:inherit;border:0;padding:2px 0;color:var(--paper-blue);background:transparent;border-bottom:2px solid var(--paper-blue);box-decoration-break:clone;-webkit-box-decoration-break:clone}
#english-lesson-hybrid .story-phrase[aria-expanded="true"]{color:var(--paper-ink);background:var(--story-selected);border-bottom-color:var(--paper-ink)}
#english-lesson-hybrid .story-phrase-unit{display:inline-flex;align-items:baseline;max-width:100%}
#english-lesson-hybrid .story-phrase-unit .story-phrase{min-width:0}
#english-lesson-hybrid .story-word-group{white-space:nowrap}
#english-lesson-hybrid .story-hint{margin:0;color:var(--paper-muted);font-size:12px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
#english-lesson-hybrid .story-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--paper-line);padding-top:18px;margin-top:22px}
#english-lesson-hybrid .story-nav{font-size:13px;min-height:46px;padding:11px 16px;border-radius:6px;background:transparent;color:var(--paper-ink);border:1px solid var(--paper-line);transition:transform .15s}
#english-lesson-hybrid .story-nav:disabled{opacity:.4;cursor:default}
#english-lesson-hybrid .story-nav:not(:disabled):hover{transform:translateY(-2px)}
#english-lesson-hybrid .story-next{color:#fffefa;background:var(--paper-blue);border-color:var(--paper-blue);box-shadow:2px 2px 0 #1534a8}
#english-lesson-hybrid [data-count]{font:400 11px ui-sans-serif,system-ui,sans-serif;color:var(--paper-muted);white-space:nowrap}
#english-lesson-hybrid .story-track{height:4px;background:var(--paper-line);position:relative;border-radius:0 0 10px 10px;overflow:hidden}
#english-lesson-hybrid .story-fill{height:100%;width:6.25%;background:var(--paper-blue);transition:width .25s}
#english-lesson-hybrid .story-note-slot{min-width:0}
#english-lesson-hybrid .story-empty{padding:30px 24px;border:1px dashed var(--story-line);border-radius:10px;color:var(--story-muted)}
#english-lesson-hybrid .story-empty strong{display:block;font-size:21px;line-height:1.35;font-weight:400;color:var(--story-ink);margin:0 0 12px}
#english-lesson-hybrid .story-empty p{font-size:13px;margin:0}
#english-lesson-hybrid .story-definition{position:relative;min-width:0;background:var(--note-bg);color:var(--note-ink);padding:24px 22px 18px;border-radius:2px 2px 12px 2px;box-shadow:4px 5px 0 light-dark(#253c9c12,#0003)}
#english-lesson-hybrid .story-definition::before{content:'';display:block;position:absolute;top:-7px;left:25px;width:48px;height:14px;background:light-dark(#d1dbffb3,#ccd6ffb3);transform:rotate(-4deg);pointer-events:none}
#english-lesson-hybrid .story-definition-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
#english-lesson-hybrid .story-definition-title{min-width:0}
#english-lesson-hybrid .story-label{color:var(--note-muted);font:400 11px/1.4 ui-sans-serif,system-ui,sans-serif;letter-spacing:.06em}
#english-lesson-hybrid .story-selected-text{display:block;font-size:25px;line-height:1.2;letter-spacing:-.045em;font-weight:500;margin:12px 0;overflow-wrap:anywhere}
#english-lesson-hybrid .story-close{border:1px solid #6663303b;background:transparent;color:var(--note-muted);border-radius:50%;width:44px;height:44px;font-size:21px;flex-shrink:0}
#english-lesson-hybrid .story-base{display:block;color:var(--note-muted);font-size:12px;overflow-wrap:anywhere;margin-top:5px}
#english-lesson-hybrid .story-meaning{font-size:15px;margin:14px 0 18px}
#english-lesson-hybrid .story-rule{font-size:13px;border-left:2px solid var(--paper-blue);padding-left:10px;margin:0 0 20px}
#english-lesson-hybrid .story-usage{border-top:1px solid #6663303b;padding-top:18px}
#english-lesson-hybrid .story-pattern{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 0 16px}
#english-lesson-hybrid .story-token{font:400 17px/1.4 ui-sans-serif,system-ui,sans-serif;overflow-wrap:anywhere;max-width:100%;padding:4px 0}
#english-lesson-hybrid .story-token[data-key="true"]{background:var(--paper-blue);color:#fffefa;border-radius:5px;padding:5px 8px}
#english-lesson-hybrid .story-plus{color:var(--note-muted)}
#english-lesson-hybrid .story-examples{display:grid;gap:5px}
#english-lesson-hybrid .story-example{display:grid;gap:3px;margin:0;padding:6px 0;font-size:13px}
#english-lesson-hybrid .story-example-label{font-size:11px;color:var(--story-good)}
#english-lesson-hybrid .story-example-bad .story-example-label{color:var(--story-bad)}
#english-lesson-hybrid .story-example-bad [lang="en"]{color:var(--note-muted)}
#english-lesson-hybrid .story-example mark{background:#cae1aa;color:var(--story-good);border-radius:2px;padding:1px 2px}
#english-lesson-hybrid .story-example-bad mark{background:#ecc5a8;color:var(--story-bad);text-decoration:line-through}
#english-lesson-hybrid .story-missing{display:inline-block;min-width:1.9em;line-height:1.1;text-align:center;border:1px dashed var(--story-bad);border-radius:3px;color:var(--story-bad);background:#ecc5a84d;padding:0 3px}
#english-lesson-hybrid .story-missing-note{display:block;font-size:11px;color:var(--story-bad);margin-top:5px}
#english-lesson-hybrid .story-compare{min-height:44px;background:transparent;color:var(--paper-blue);border:0;padding:8px 0;font-size:12px;text-decoration:underline;text-underline-offset:4px;text-align:left}
#english-lesson-hybrid .story-details{border-top:1px solid #6663303b;margin-top:6px}
#english-lesson-hybrid .story-details summary{cursor:pointer;color:var(--note-muted);min-height:44px;padding:12px 0;font-size:12px}
#english-lesson-hybrid .story-tip{font-size:13px;color:var(--note-muted);margin:0 0 6px}
#english-lesson-hybrid .story-phrase{text-align:left}
#english-lesson-hybrid .keep-open{border:1px solid var(--story-line);border-radius:6px;background:transparent;color:var(--story-ink);padding:8px 14px;min-height:44px;font-size:13px}
#english-lesson-hybrid .keep-save-row{margin:0 0 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}
#english-lesson-hybrid .keep-save{border:1px solid #77754655;border-radius:5px;background:transparent;color:var(--note-ink);padding:8px 12px;font-size:13px;min-height:44px}
#english-lesson-hybrid .keep-save:disabled{color:var(--story-good);border-color:transparent;cursor:default;opacity:1}
#english-lesson-hybrid .keep-note{margin:0 0 18px}
#english-lesson-hybrid .keep-note label,#english-lesson-hybrid .keep-entry label{display:block;font-size:12px;margin-bottom:7px;color:var(--note-muted)}
#english-lesson-hybrid .keep-input{display:block;width:100%;min-height:76px;resize:vertical;border:1px solid #77754655;background:#fffdf580;border-radius:5px;padding:10px 12px;font:400 16px/1.5 ui-sans-serif,system-ui,sans-serif;color:var(--paper-ink)}
#english-lesson-hybrid .keep-note-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:5px}
#english-lesson-hybrid .keep-note-status{font-size:11px;color:var(--note-muted);margin:0}
#english-lesson-hybrid .keep-continue{border:0;background:transparent;color:var(--paper-blue);font-size:12px;min-height:44px;padding:8px 0;margin-left:auto}
#english-lesson-hybrid .keep-view{color:var(--story-ink)}
#english-lesson-hybrid .keep-view-head{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 20px}
#english-lesson-hybrid .keep-view-head h2{font:400 28px/1.3 ui-sans-serif,system-ui,sans-serif}
#english-lesson-hybrid .keep-back{min-height:44px;border:1px solid var(--story-line);border-radius:6px;background:transparent;color:var(--story-ink);padding:9px 14px;font-size:13px}
#english-lesson-hybrid .keep-empty{padding:32px 0 44px;color:var(--story-muted);font-size:14px}
#english-lesson-hybrid .keep-list{background:var(--story-surface);color:var(--paper-ink);border:1px solid var(--paper-line);border-radius:8px;padding:0 22px}
#english-lesson-hybrid .keep-entry{border-bottom:1px solid var(--paper-line);padding:4px 0}
#english-lesson-hybrid .keep-entry:last-child{border-bottom:0}
#english-lesson-hybrid .keep-entry summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;min-height:60px}
#english-lesson-hybrid .keep-entry summary::-webkit-details-marker{display:none}
#english-lesson-hybrid .keep-entry summary:after{content:'+';font-size:20px;color:var(--paper-muted)}
#english-lesson-hybrid .keep-entry[open] summary:after{content:'−'}
#english-lesson-hybrid .keep-summary-text{min-width:0;display:grid;gap:4px}
#english-lesson-hybrid .keep-entry-title{font:400 22px/1.3 ui-sans-serif,system-ui,sans-serif;color:var(--paper-blue);overflow-wrap:anywhere}
#english-lesson-hybrid .keep-entry-preview{font-size:12px;color:var(--paper-muted);white-space:pre-wrap;overflow-wrap:anywhere}
#english-lesson-hybrid .keep-entry-content{padding:0 0 20px;max-width:650px}
#english-lesson-hybrid .keep-source{font-size:16px;line-height:1.8;margin:0 0 12px;overflow-wrap:anywhere}
#english-lesson-hybrid .keep-source mark{background:var(--story-selected);color:var(--paper-ink);padding:1px 3px}
#english-lesson-hybrid .keep-meaning{color:var(--paper-muted);font-size:13px;margin:0 0 18px}
#english-lesson-hybrid .keep-entry label{color:var(--paper-muted)}
#english-lesson-hybrid .keep-source-link{border:0;background:transparent;color:var(--paper-blue);padding:12px 0 0;font-size:12px;min-height:44px}
#english-lesson-hybrid .keep-lifetime{color:var(--story-muted);font-size:11px;margin:18px 0 0}
#english-lesson-hybrid .lesson-heading{margin:0 2px 22px}
#english-lesson-hybrid .lesson-kicker{font:400 11px/1.5 ui-sans-serif,system-ui,sans-serif;color:var(--story-muted);letter-spacing:.06em;margin:0 0 8px}
#english-lesson-hybrid .lesson-heading h1{font:400 clamp(28px,4cqw,38px)/1.2 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.045em;margin:0 0 10px}
#english-lesson-hybrid .lesson-goal{font-size:13px;color:var(--story-muted);margin:0}
#english-lesson-hybrid .lesson-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;border-bottom:1px solid var(--story-line);margin:0 0 26px;padding-bottom:8px}
#english-lesson-hybrid .lesson-nav button{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--story-muted);border-radius:5px;min-height:44px;padding:8px 10px;font-size:13px;text-align:left}
#english-lesson-hybrid .lesson-nav button span{font:400 11px ui-sans-serif,system-ui,sans-serif;opacity:.7}
#english-lesson-hybrid .lesson-nav button[aria-current="step"]{background:var(--story-mark);color:var(--paper-blue)}
#english-lesson-hybrid .lesson-mobile-nav{display:none}
#english-lesson-hybrid .lesson-scenario{font-size:13px;color:var(--story-muted);margin:-12px 2px 22px;max-width:680px}
#english-lesson-hybrid .lesson-practice{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:22px;align-items:start}
#english-lesson-hybrid .lesson-practice[data-wide="true"]{grid-template-columns:minmax(0,1fr)}
#english-lesson-hybrid .lesson-practice[data-wide="true"] .lp-sheet{max-width:760px;width:100%;margin:0 auto}
#english-lesson-hybrid .lp-sheet{background:var(--story-surface);color:var(--paper-ink);border:1px solid var(--paper-line);border-radius:10px;padding:26px;min-width:0}
#english-lesson-hybrid .lp-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:400 11px/1.5 ui-sans-serif,system-ui,sans-serif;color:var(--paper-muted);margin:0 0 18px}
#english-lesson-hybrid .lp-title{font:400 23px/1.35 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.025em;margin:0 0 10px}
#english-lesson-hybrid .lp-instructions{font-size:13px;color:var(--paper-muted);margin:0 0 20px}
#english-lesson-hybrid .lp-prompt{font-size:21px;line-height:1.6;letter-spacing:-.025em;margin:0 0 22px;white-space:pre-wrap;overflow-wrap:anywhere}
#english-lesson-hybrid .lp-answer-label{font-size:12px;color:var(--paper-muted);display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}
#english-lesson-hybrid .lp-input{display:block;width:100%;resize:vertical;border:1px solid var(--paper-line);border-radius:6px;background:var(--story-surface);color:var(--paper-ink);font:400 16px/1.65 ui-sans-serif,system-ui,sans-serif;padding:12px;min-height:102px}
#english-lesson-hybrid .lp-input:focus{outline:2px solid var(--paper-blue);outline-offset:2px}
#english-lesson-hybrid .lp-reveal{border:0;background:transparent;color:var(--paper-blue);font-size:13px;min-height:44px;padding:10px 0;margin:8px 0;text-align:left}
#english-lesson-hybrid .lp-reference{background:var(--note-bg);color:var(--note-ink);border-radius:5px;padding:16px 18px;margin:0 0 20px}
#english-lesson-hybrid .lp-reference p{font-size:16px;line-height:1.75;margin:8px 0 12px;white-space:pre-wrap;overflow-wrap:anywhere}
#english-lesson-hybrid .lp-reference small{font-size:11px;color:var(--note-muted)}
#english-lesson-hybrid .lp-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--paper-line);padding-top:18px;margin-top:8px}
#english-lesson-hybrid .lp-prev,#english-lesson-hybrid .lp-next{border:1px solid var(--paper-line);border-radius:5px;background:transparent;color:var(--paper-ink);min-height:44px;padding:10px 14px;font-size:13px}
#english-lesson-hybrid .lp-next{background:var(--paper-blue);border-color:var(--paper-blue);color:#fffdf5}
#english-lesson-hybrid .lp-pattern{background:var(--note-bg);color:var(--note-ink);padding:22px;border-radius:3px 3px 12px 3px;min-width:0;box-shadow:4px 5px 0 light-dark(#253c9c12,#0003)}
#english-lesson-hybrid .lp-pattern h3{font:400 25px/1.3 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.035em;margin:12px 0;overflow-wrap:anywhere}
#english-lesson-hybrid .lp-pattern-meaning{font-size:15px;line-height:1.6;margin:0 0 18px}
#english-lesson-hybrid .lp-pattern-rule{font-size:13px;border-left:2px solid var(--paper-blue);padding-left:10px;margin:0 0 18px}
#english-lesson-hybrid .lp-examples{display:grid;gap:12px;margin:10px 0 18px;padding:0;list-style:none}
#english-lesson-hybrid .lp-examples li{font-size:13px;line-height:1.6}
#english-lesson-hybrid .lp-pattern details{border-top:1px solid #6663303b;margin-top:12px;font-size:13px}
#english-lesson-hybrid .lp-pattern summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:12px;color:var(--note-muted)}
#english-lesson-hybrid .lp-pattern details p{margin:8px 0 12px;font-size:13px;white-space:pre-line}
#english-lesson-hybrid .lp-pattern-save{border:1px solid #77754655;border-radius:5px;background:transparent;color:var(--note-ink);padding:8px 12px;min-height:44px;font-size:13px}
#english-lesson-hybrid .lp-pattern-save:disabled{border-color:transparent;color:var(--story-good);cursor:default}
#english-lesson-hybrid .lp-note{margin-top:14px}
#english-lesson-hybrid .lp-note label{display:block;font-size:12px;color:var(--note-muted);margin-bottom:7px}
#english-lesson-hybrid .lesson-session{font-size:11px;color:var(--story-muted);margin:22px 2px 0}
#english-lesson-hybrid .story-workspace{grid-template-columns:minmax(0,1fr)}
#english-lesson-hybrid .story-stage{width:100%;max-width:800px;margin:0 auto}
#english-lesson-hybrid .story-reading{display:block;padding:0;min-height:0}
#english-lesson-hybrid .story-reading-cue{font-size:12px;color:var(--paper-muted);margin:0 0 20px}
#english-lesson-hybrid .story-paragraph{border-bottom:1px solid var(--paper-line);padding:0 0 24px;margin:0 0 24px}
#english-lesson-hybrid .story-paragraph:last-child{border:0;margin-bottom:0}
#english-lesson-hybrid .paragraph-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:0 0 10px}
#english-lesson-hybrid .paragraph-title{font:400 12px/1.5 ui-sans-serif,system-ui,sans-serif;color:var(--paper-muted)}
#english-lesson-hybrid .story-paragraph-text{font:400 21px/1.85 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.025em;margin:0;overflow-wrap:anywhere}
#english-lesson-hybrid[data-type="editorial"] .story-paragraph-text{font-family:ui-sans-serif,system-ui,sans-serif}
#english-lesson-hybrid .story-paragraph .story-phrase{display:inline;text-align:left;padding:0;border-bottom-width:1px}
#english-lesson-hybrid .story-note-slot{margin-top:20px}
#english-lesson-hybrid .story-empty{display:none}
#english-lesson-hybrid .story-definition{box-shadow:none;border:1px solid #d9d29a}
#english-lesson-hybrid .story-definition:before{display:none}
#english-lesson-hybrid .story-footer{margin-top:6px}
#english-lesson-hybrid .speech-button{border:1px solid var(--paper-line);background:transparent;color:var(--paper-blue);border-radius:5px;font:400 12px/1.5 ui-sans-serif,system-ui,sans-serif;padding:7px 10px;min-height:40px;flex-shrink:0}
#english-lesson-hybrid .speech-button[aria-pressed="true"]{background:var(--story-mark);border-color:var(--paper-blue)}
#english-lesson-hybrid .speech-button:disabled{opacity:.6;cursor:default}
#english-lesson-hybrid .speech-status{font-size:12px;color:var(--story-muted);margin:0 2px 14px}
#english-lesson-hybrid .speech-status:empty{display:none}
#english-lesson-hybrid .lp-examples li{display:flex;align-items:flex-start;gap:12px}
#english-lesson-hybrid .lp-example-text{min-width:0;flex:1}
#english-lesson-hybrid .lp-examples .speech-button{border-color:#77754655;color:var(--note-ink);padding:5px 8px}
#english-lesson-hybrid .lp-group-question{border-top:1px solid var(--paper-line);padding-top:20px;margin-top:18px}
#english-lesson-hybrid .lp-group-question:first-child{border:0;margin-top:0;padding-top:0}
#english-lesson-hybrid .lp-group-label{font:400 11px/1.4 ui-sans-serif,system-ui,sans-serif;color:var(--paper-muted);margin:0 0 8px}
#english-lesson-hybrid .lp-group-prompt{font-size:18px;line-height:1.65;letter-spacing:-.015em;margin:0 0 14px}
#english-lesson-hybrid .lp-group-question .lp-input{min-height:82px}
#english-lesson-hybrid .lp-group-question .lp-reveal{margin:3px 0 8px}
@container(max-width:580px){#english-lesson-hybrid .story-paragraph-text{font-size:19px;line-height:1.8}#english-lesson-hybrid .story-reader{padding:22px 18px}#english-lesson-hybrid .story-definition{padding:18px 14px}#english-lesson-hybrid .lp-group-prompt{font-size:17px}}
@container(max-width:760px){#english-lesson-hybrid .lesson-practice{grid-template-columns:1fr}#english-lesson-hybrid .lp-pattern{grid-row:1}#english-lesson-hybrid .lesson-nav button{font-size:12px;padding:8px 6px;gap:5px}}
@container(max-width:580px){#english-lesson-hybrid .lesson-nav{display:none}#english-lesson-hybrid .lesson-mobile-nav{display:block;margin:0 0 22px}#english-lesson-hybrid .lesson-mobile-nav select{width:100%;min-height:44px;border:1px solid var(--story-line);border-radius:5px;background:var(--story-bg);color:var(--story-ink);padding:9px;font:400 16px ui-sans-serif,system-ui,sans-serif}#english-lesson-hybrid .lp-sheet{padding:22px 18px}#english-lesson-hybrid .lp-prompt{font-size:19px}#english-lesson-hybrid .lp-pattern{padding:22px 18px}#english-lesson-hybrid .lp-footer button{font-size:12px;padding:10px 11px}}
#english-lesson-hybrid[data-type="editorial"] .story-sentence{font-family:ui-sans-serif,system-ui,sans-serif;font-weight:400}
#english-lesson-hybrid[data-mark="underline"] .story-phrase{background:transparent}
#english-lesson-hybrid[data-mark="underline"] .story-phrase[aria-expanded="true"]{background:var(--story-selected)}
@container(max-width:720px){
 #english-lesson-hybrid .story-workspace{grid-template-columns:1fr}
 #english-lesson-hybrid .story-empty{display:none}
 #english-lesson-hybrid .story-reading{min-height:0;padding:28px 0}
 #english-lesson-hybrid .story-sentence{font-size:34px}
 #english-lesson-hybrid .story-definition{padding:24px}
 #english-lesson-hybrid .story-token{font-size:21px}
 #english-lesson-hybrid .story-example{grid-template-columns:56px minmax(0,1fr);gap:10px}
}
@container(max-width:400px){
 #english-lesson-hybrid .story-page{padding:18px 12px}
 #english-lesson-hybrid .story-header{padding:0 4px 20px}
 #english-lesson-hybrid .story-titlebar{padding:0 4px}
 #english-lesson-hybrid h2{font-size:18px}
 #english-lesson-hybrid .story-reader{padding:22px 18px}
 #english-lesson-hybrid .story-meta{flex-wrap:wrap;gap:6px}
 #english-lesson-hybrid .story-sentence{font-size:30px}
 #english-lesson-hybrid .story-nav{padding:10px 11px;font-size:12px}
 #english-lesson-hybrid .story-definition{padding:24px 20px}
 #english-lesson-hybrid .story-example{grid-template-columns:1fr;gap:2px}
}
@media(pointer:coarse){#english-lesson-hybrid .story-shortcuts{display:none}}
@media(prefers-reduced-motion:reduce){#english-lesson-hybrid *,#english-lesson-hybrid *::after{transition:none!important;animation:none!important}}

/* Keep the reading column fixed; explanations never enter paragraph flow. */
html{scrollbar-gutter:stable}
html.story-sheet-open{overflow:hidden}
#english-lesson-hybrid .story-workspace{max-width:1220px;margin:0 auto;grid-template-columns:minmax(0,1fr) 360px;gap:26px}
#english-lesson-hybrid .story-stage{max-width:none;margin:0}
#english-lesson-hybrid .story-note-slot{position:sticky;top:24px;margin-top:var(--note-offset,0px);min-width:0}
#english-lesson-hybrid .story-definition{position:relative;inset:auto;margin:0;width:100%;max-width:none;max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;border-radius:10px;padding:22px;font:inherit}
#english-lesson-hybrid .story-definition-head{position:sticky;top:-22px;background:var(--note-bg);z-index:1;padding-top:6px}
#english-lesson-hybrid .story-close{background:var(--note-bg)}
#english-lesson-hybrid .story-definition::backdrop{background:#11182766}
@media(max-width:999px){
 #english-lesson-hybrid .story-workspace{grid-template-columns:minmax(0,1fr);max-width:800px}
 #english-lesson-hybrid .story-note-slot{position:static;margin:0}
 #english-lesson-hybrid .story-definition{position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:680px;max-height:68dvh;border-radius:18px 18px 0 0;padding:20px 22px max(22px,env(safe-area-inset-bottom));box-shadow:0 -8px 35px #10172924}
 #english-lesson-hybrid .story-definition-head{top:-20px}
 #english-lesson-hybrid .story-definition[open]{animation:story-sheet-enter .18s ease-out}
}
@keyframes story-sheet-enter{from{transform:translateY(24px);opacity:.3}to{transform:translateY(0);opacity:1}}

#english-lesson-hybrid .story-brand.brand-home{border:0;background:transparent;padding:0;cursor:pointer;text-decoration:none}
#english-lesson-hybrid .header-actions{display:flex;gap:10px;align-items:center}
#english-lesson-hybrid .quiet-button,#english-lesson-hybrid .primary-button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;border:1px solid var(--story-line);border-radius:6px;background:transparent;color:var(--story-ink);font:400 14px/1.4 ui-sans-serif,system-ui,sans-serif;text-decoration:none;cursor:pointer}
#english-lesson-hybrid .primary-button{background:var(--paper-blue);border-color:var(--paper-blue);color:#fffdf5}
#english-lesson-hybrid button:focus-visible,#english-lesson-hybrid select:focus-visible,#english-lesson-hybrid textarea:focus-visible{outline:2px solid var(--paper-blue);outline-offset:3px}
#english-lesson-hybrid button:disabled{cursor:default;opacity:.5}
#english-lesson-hybrid .week-home{max-width:1040px;margin:25px auto 40px}
#english-lesson-hybrid .week-home h1,#english-lesson-hybrid .lesson-done h1{font:400 clamp(34px,5cqw,58px)/1.12 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.045em;margin:18px 0}
#english-lesson-hybrid .home-intro{max-width:590px;font-size:16px;line-height:1.8;color:var(--story-muted);margin-bottom:32px}
#english-lesson-hybrid .home-actions{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin:0 0 38px}
#english-lesson-hybrid .resume-card,#english-lesson-hybrid .review-invite{padding:28px;background:var(--story-surface);color:var(--paper-ink);border:1px solid var(--paper-line);border-radius:10px}
#english-lesson-hybrid .review-invite{background:var(--note-bg);color:var(--note-ink);border-color:#d9d29a}
#english-lesson-hybrid .home-actions h2{font:400 26px/1.25 ui-sans-serif,system-ui,sans-serif;margin:14px 0}
#english-lesson-hybrid .home-actions p{font-size:14px;line-height:1.65;min-height:46px;color:var(--paper-muted)}
#english-lesson-hybrid .home-actions .quiet-button{color:var(--note-ink);border-color:#77754655}
#english-lesson-hybrid .week-list{display:grid;gap:8px}
#english-lesson-hybrid .lesson-tile{display:flex;align-items:center;gap:24px;width:100%;text-align:left;padding:20px 22px;background:var(--story-surface);color:var(--paper-ink);border:1px solid var(--paper-line);border-radius:8px;min-height:96px}
#english-lesson-hybrid .lesson-tile:hover{border-color:var(--paper-blue)}
#english-lesson-hybrid .tile-day{font:400 19px ui-sans-serif,system-ui,sans-serif;color:var(--paper-blue)}
#english-lesson-hybrid .tile-copy{display:grid;gap:5px;flex:1;min-width:0}
#english-lesson-hybrid .tile-copy strong{font:400 21px/1.3 ui-sans-serif,system-ui,sans-serif}
#english-lesson-hybrid .tile-copy>span{font-size:13px;color:var(--paper-muted)}
#english-lesson-hybrid .tile-state{font-size:12px;color:var(--paper-blue);white-space:nowrap}
#english-lesson-hybrid .home-footnote{font-size:12px;color:var(--story-muted);margin-top:20px}
#english-lesson-hybrid .storage-status{font-size:13px;line-height:1.6;background:var(--note-bg);color:var(--note-ink);border-radius:6px;padding:12px 16px}
#english-lesson-hybrid .storage-status:empty{display:none}
#english-lesson-hybrid .audio-settings{font-size:12px;color:var(--story-muted);margin:-8px 0 24px;max-width:800px}
#english-lesson-hybrid .audio-settings summary{cursor:pointer;min-height:36px;padding:8px 0}
#english-lesson-hybrid .audio-settings>div{display:flex;align-items:start;flex-wrap:wrap;gap:16px;padding:10px 0}
#english-lesson-hybrid .audio-settings label{display:grid;gap:5px;max-width:100%}
#english-lesson-hybrid .audio-settings select{max-width:100%;min-height:42px;border:1px solid var(--story-line);background:var(--story-bg);color:var(--story-ink);border-radius:5px;padding:8px;font:400 14px ui-sans-serif,system-ui,sans-serif}
#english-lesson-hybrid .voice-status{width:100%;margin:0}
#english-lesson-hybrid .review-view,#english-lesson-hybrid .lesson-done{max-width:760px;margin:36px auto}
#english-lesson-hybrid .review-paper{padding:32px;background:var(--story-surface);color:var(--paper-ink);border:1px solid var(--paper-line);border-radius:10px;margin-bottom:20px}
#english-lesson-hybrid .review-count{font:400 12px ui-sans-serif,system-ui,sans-serif;color:var(--paper-muted)}
#english-lesson-hybrid .review-cue{font:400 27px/1.4 ui-sans-serif,system-ui,sans-serif;margin:18px 0}
#english-lesson-hybrid .review-instruction,#english-lesson-hybrid .review-paper label{font-size:13px;color:var(--paper-muted)}
#english-lesson-hybrid .review-paper label{display:block;margin:22px 0 8px}
#english-lesson-hybrid .review-reference h3{font:400 27px/1.3 ui-sans-serif,system-ui,sans-serif;margin:0}
#english-lesson-hybrid .review-controls,#english-lesson-hybrid .done-actions,#english-lesson-hybrid .backup-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}
#english-lesson-hybrid .review-paper .quiet-button{color:var(--paper-blue)}
#english-lesson-hybrid .lesson-done p{font-size:16px;line-height:1.8}
#english-lesson-hybrid .import-label{position:relative;overflow:hidden}
#english-lesson-hybrid .import-label input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
@container(max-width:650px){
 #english-lesson-hybrid .home-actions{grid-template-columns:1fr;gap:14px;margin-bottom:24px}
 #english-lesson-hybrid .resume-card,#english-lesson-hybrid .review-invite{padding:22px}
 #english-lesson-hybrid .home-actions p{min-height:0}
 #english-lesson-hybrid .lesson-tile{gap:14px;padding:18px 14px;flex-wrap:wrap}
 #english-lesson-hybrid .tile-state{margin-left:38px;width:100%}
 #english-lesson-hybrid .tile-copy strong{font-size:20px}
 #english-lesson-hybrid .review-paper{padding:24px 18px}
 #english-lesson-hybrid .header-actions{gap:5px}
 #english-lesson-hybrid .header-actions .quiet-button{padding:8px}
}

/* Hikâyeli: ink wordmark with a blue expression underline. */
#english-lesson-hybrid .story-brand.brand-home{display:inline-flex;align-items:center;min-height:44px;font-size:27px;letter-spacing:-.055em;color:var(--story-ink);text-decoration:underline;text-decoration-color:var(--story-accent);text-decoration-thickness:2px;text-underline-offset:4px}
#english-lesson-hybrid .home-how{max-width:590px;margin:24px 0;color:var(--story-muted)}
#english-lesson-hybrid .home-how summary{min-height:44px;cursor:pointer;display:flex;align-items:center;font-size:14px;color:var(--story-ink);width:fit-content}
#english-lesson-hybrid .home-how summary::after{content:' +';white-space:pre}
#english-lesson-hybrid .home-how[open] summary::after{content:' −'}
#english-lesson-hybrid .how-lines p{font-size:17px;line-height:1.6;margin:4px 0}
#english-lesson-hybrid .home-actions:has(.review-invite[hidden]){grid-template-columns:minmax(0,620px)}
#english-lesson-hybrid .story-paragraph{border:0;margin-bottom:32px;padding-bottom:0}
#english-lesson-hybrid .story-paragraph-text{line-height:1.9;max-width:62ch}
#english-lesson-hybrid .story-paragraph .story-phrase{appearance:none;display:inline;position:relative;vertical-align:baseline;min-height:0;min-width:0;line-height:inherit;padding:0;border:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
/* Expand sentence-link hit areas without changing line boxes or underline position. */
#english-lesson-hybrid .story-paragraph .story-phrase::after{content:"";position:absolute;inset:-10px 0}
#english-lesson-hybrid button,#english-lesson-hybrid select,#english-lesson-hybrid summary{min-height:44px}
#english-lesson-hybrid button,#english-lesson-hybrid a{overflow-wrap:anywhere}
#english-lesson-hybrid .story-header{gap:8px}
#english-lesson-hybrid .speech-button{min-width:44px;min-height:44px}
#english-lesson-hybrid .audio-settings summary,#english-lesson-hybrid .audio-settings select{min-height:44px}
#english-lesson-hybrid .keep-entry-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#english-lesson-hybrid .home-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:28px;color:var(--story-muted);font-size:12px}
#english-lesson-hybrid .home-footer a{display:inline-flex;align-items:center;min-height:44px}
#english-lesson-hybrid a{color:var(--story-accent);text-underline-offset:4px}
#english-lesson-hybrid :is(a,input,summary,[tabindex]):focus-visible{outline:2px solid var(--story-accent);outline-offset:3px;border-radius:3px}
#english-lesson-hybrid .import-label:focus-within{outline:2px solid var(--story-accent);outline-offset:3px}
#english-lesson-hybrid .data-controls{max-width:760px;margin-top:40px;overflow-wrap:anywhere}
#english-lesson-hybrid .data-controls h3{font-size:23px;line-height:1.3;font-weight:400;margin:0 0 14px;letter-spacing:-.03em}
#english-lesson-hybrid .data-controls>p{font-size:15px;line-height:1.8;margin:10px 0}
#english-lesson-hybrid .backup-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}
#english-lesson-hybrid .backup-actions p{font-size:13px;line-height:1.6;color:var(--story-muted);margin:8px 0}
#english-lesson-hybrid #delete-confirmation{background:var(--story-bg);color:var(--story-ink);border:1px solid var(--story-line);padding:18px;border-radius:6px;margin-top:12px;font-size:14px}
#english-lesson-hybrid #delete-question{margin-top:0}
#english-lesson-hybrid .delete-actions{display:flex;flex-wrap:wrap;gap:12px}
#english-lesson-hybrid .delete-actions .destructive-button{color:light-dark(#922e2b,#fff);border-color:light-dark(#922e2b,#f0b1ad);background:light-dark(#fff,#922e2b)}
#english-lesson-hybrid .delete-status:empty{display:none}
#english-lesson-hybrid .privacy-view{max-width:680px;margin:32px auto 48px;font-size:16px;line-height:1.85;overflow-wrap:anywhere}
#english-lesson-hybrid .privacy-view h1{font-size:clamp(30px,4cqw,42px);font-weight:400;line-height:1.25;letter-spacing:-.04em;margin:0 0 32px}
#english-lesson-hybrid .privacy-view h2{font-size:22px;margin:32px 0 12px}
#english-lesson-hybrid .privacy-view p{margin:12px 0 20px}
@media(max-width:999px){
 #english-lesson-hybrid .story-definition{bottom:var(--sheet-bottom,0px);max-height:min(68dvh,var(--sheet-height,68dvh));scroll-padding-block:72px 20px}
 #english-lesson-hybrid .story-definition-head{top:-20px}
}
@container(max-width:580px){
 #english-lesson-hybrid .week-home{margin-top:20px}
 #english-lesson-hybrid .week-home h1{font-size:36px;line-height:1.15}
 #english-lesson-hybrid .story-reading{padding:0}
 #english-lesson-hybrid .story-paragraph-text{font-size:19px;line-height:1.9;letter-spacing:-.015em}
 #english-lesson-hybrid .story-paragraph{margin-bottom:32px}
 #english-lesson-hybrid .story-definition{padding:20px 18px max(20px,env(safe-area-inset-bottom))}
 #english-lesson-hybrid .keep-list{padding:0 16px}
 #english-lesson-hybrid .keep-view-head{gap:12px}
 #english-lesson-hybrid .keep-entry-title{font-size:21px}
 #english-lesson-hybrid .keep-entry-content .quiet-button{margin-top:12px}
 #english-lesson-hybrid .backup-actions{grid-template-columns:minmax(0,1fr);gap:14px}
 #english-lesson-hybrid .lp-group-prompt,#english-lesson-hybrid .lp-pattern p{overflow-wrap:anywhere}
 #english-lesson-hybrid .audio-settings label{width:100%}
 #english-lesson-hybrid .audio-settings select{width:100%;font-size:16px}
}

/* LAN source has no analytics attribute and defaults to the off disclosure. */
html[data-analytics="on"] [data-analytics="off"],
html:not([data-analytics="on"]) [data-analytics="on"]{display:none}