/* Keep lesson and canvas colors aligned with the light Punshine shell, including on dark-mode devices. */

    #grammar-scene-workspace { color-scheme: only light; --lx-bg:#f6f8f6; --lx-paper:#ffffff; --lx-ink:#152830; --lx-sub:#546c6b; --lx-line:#dce6df; --lx-lime:#cbff71; --lx-lime-ink:#203619; --lx-soft:#edf6de; --lx-process:#65519a; --lx-process-bg:#eee8fc; --lx-event:#94621b; --lx-event-bg:#fff1d7; --lx-good:#326647; --lx-good-bg:#e9f7ed; --lx-error:#a13d38; --lx-error-bg:#fff0eb; font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; color:var(--lx-ink); background:var(--lx-bg); border:1px solid var(--lx-line); border-radius:24px; overflow:hidden; }
    #grammar-scene-workspace * { box-sizing:border-box; }
    #grammar-scene-workspace [hidden] { display:none !important; }
    #grammar-scene-workspace button,#grammar-scene-workspace input { font:inherit; }
    #grammar-scene-workspace button { color:inherit; }
    #grammar-scene-workspace .lx-top { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 24px; padding-right:105px; background:var(--lx-paper); border-bottom:1px solid var(--lx-line); }
    #grammar-scene-workspace .lx-brand { display:flex; align-items:center; gap:10px; font-size:19px; font-weight:750; }
    #grammar-scene-workspace .lx-logo { display:grid; place-items:center; width:34px; height:34px; border-radius:11px; background:var(--lx-lime); color:var(--lx-lime-ink); }
    #grammar-scene-workspace .lx-subtitle { color:var(--lx-sub); font-size:12px; }
    #grammar-scene-workspace .lx-tag { color:var(--lx-sub); font-size:12px; white-space:nowrap; }
    #grammar-scene-workspace .lx-content { padding:24px; }
    #grammar-scene-workspace h2 { font-size:27px; line-height:1.2; letter-spacing:-.8px; margin:7px 0 12px; font-weight:750; }
    #grammar-scene-workspace h3 { font-size:20px; line-height:1.35; margin:0 0 12px; font-weight:700; }
    #grammar-scene-workspace p { margin:0 0 14px; }
    #grammar-scene-workspace .lx-kicker { color:var(--lx-sub); font-size:11px; letter-spacing:1.3px; text-transform:uppercase; font-weight:750; }
    #grammar-scene-workspace .lx-muted { color:var(--lx-sub); }
    #grammar-scene-workspace .lx-small { font-size:13px; }
    #grammar-scene-workspace .lx-progress-head { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px; margin:20px 0 9px; font-size:12px; color:var(--lx-sub); }
    #grammar-scene-workspace .lx-track { height:6px; border-radius:8px; background:var(--lx-line); overflow:hidden; }
    #grammar-scene-workspace .lx-track-fill { height:100%; width:0%; background:var(--lx-good); transition:width .3s ease; }
    #grammar-scene-workspace .lx-steps { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; margin:15px 0 24px; }
    #grammar-scene-workspace .lx-step { text-align:left; padding:11px 9px; border:1px solid var(--lx-line); border-radius:12px; background:var(--lx-paper); font-size:12px; min-height:56px; display:flex; flex-direction:column; gap:3px; }
    #grammar-scene-workspace .lx-step span { color:var(--lx-sub); font-size:11px; }
    #grammar-scene-workspace .lx-step[aria-current="step"] { background:var(--lx-lime); color:var(--lx-lime-ink); border-color:transparent; }
    #grammar-scene-workspace .lx-step[aria-current="step"] span { color:var(--lx-lime-ink); }
    #grammar-scene-workspace .lx-step.is-done:not([aria-current="step"]) { background:var(--lx-soft); }
    #grammar-scene-workspace .lx-grid { display:grid; grid-template-columns:1.08fr 1fr; gap:20px; align-items:start; }
    #grammar-scene-workspace .lx-panel { background:var(--lx-paper); border:1px solid var(--lx-line); padding:22px; border-radius:20px; min-width:0; }
    #grammar-scene-workspace .lx-note { padding:14px 16px; border-radius:13px; background:var(--lx-soft); margin:16px 0; }
    #grammar-scene-workspace .lx-caution { background:var(--lx-event-bg); }
    #grammar-scene-workspace .lx-english { font-size:23px; line-height:1.5; letter-spacing:-.4px; font-weight:700; margin:12px 0 8px; overflow-wrap:anywhere; }
    #grammar-scene-workspace mark { color:var(--lx-process); background:var(--lx-process-bg); padding:1px 5px; border-radius:5px; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
    #grammar-scene-workspace mark.lx-event-word { color:var(--lx-event); background:var(--lx-event-bg); }
    #grammar-scene-workspace .lx-buttons { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0; }
    #grammar-scene-workspace .lx-btn { display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:10px 15px; min-height:44px; border:1px solid var(--lx-line); border-radius:11px; background:var(--lx-paper); font-size:14px; font-weight:600; text-decoration:none; }
    #grammar-scene-workspace .lx-btn-main { background:var(--lx-lime); color:var(--lx-lime-ink); border-color:transparent; }
    #grammar-scene-workspace .lx-btn[aria-pressed="true"] { background:var(--lx-ink); color:var(--lx-bg); border-color:transparent; }
    #grammar-scene-workspace button:disabled { opacity:.45; cursor:not-allowed; }
    #grammar-scene-workspace .lx-bottom { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:22px; }
    #grammar-scene-workspace .lx-bottom .lx-small { max-width:52%; }
    #grammar-scene-workspace .lx-scene { position:relative; height:220px; overflow:hidden; border-radius:17px; background:var(--lx-soft); color:var(--lx-ink); }
    #grammar-scene-workspace .lx-clock { position:absolute; top:13px; left:14px; background:var(--lx-paper); border-radius:8px; padding:5px 11px; font-size:14px; font-variant-numeric:tabular-nums; }
    #grammar-scene-workspace .lx-window { position:absolute; width:64px; height:62px; top:24px; right:28px; border:5px solid var(--lx-paper); border-radius:11px; background:var(--lx-process-bg); }
    #grammar-scene-workspace .lx-window:after { content:''; position:absolute; width:4px; background:var(--lx-paper); height:100%; left:45%; }
    #grammar-scene-workspace .lx-counter { position:absolute; bottom:22px; left:15px; right:15px; height:60px; background:var(--lx-paper); border-top:8px solid var(--lx-ink); border-radius:6px; }
    #grammar-scene-workspace .lx-stove { position:absolute; left:46%; bottom:80px; width:95px; height:9px; border-radius:50%; background:var(--lx-ink); }
    #grammar-scene-workspace .lx-pan { position:absolute; left:49%; bottom:89px; width:61px; height:20px; border:4px solid var(--lx-ink); border-top:0; background:var(--lx-event-bg); border-radius:0 0 30px 30px; }
    #grammar-scene-workspace .lx-pan:after { content:''; position:absolute; left:54px; top:2px; width:26px; height:5px; background:var(--lx-ink); transform:rotate(-12deg); }
    #grammar-scene-workspace .lx-chef { position:absolute; width:68px; height:115px; bottom:81px; left:21%; }
    #grammar-scene-workspace .lx-head { position:absolute; width:40px; height:43px; left:14px; top:5px; border-radius:40% 40% 47% 47%; background:var(--lx-event-bg); border:2px solid var(--lx-event); }
    #grammar-scene-workspace .lx-hair { position:absolute; width:43px; height:15px; top:0; left:13px; background:var(--lx-ink); border-radius:16px 19px 4px 4px; }
    #grammar-scene-workspace .lx-eye { position:absolute; top:20px; left:24px; width:4px; height:4px; border-radius:50%; background:var(--lx-ink); box-shadow:13px 0 0 var(--lx-ink); }
    #grammar-scene-workspace .lx-smile { position:absolute; top:30px; left:28px; width:10px; height:5px; border-bottom:2px solid var(--lx-ink); border-radius:50%; }
    #grammar-scene-workspace .lx-body { position:absolute; bottom:0; left:7px; width:57px; height:68px; border-radius:18px 18px 4px 4px; background:var(--lx-process); }
    #grammar-scene-workspace .lx-apron { position:absolute; width:31px; height:43px; bottom:0; left:20px; border-radius:3px; background:var(--lx-paper); }
    #grammar-scene-workspace .lx-arm { position:absolute; top:54px; left:46px; height:13px; width:47px; transform-origin:3px 50%; transform:rotate(18deg); border-radius:8px; background:var(--lx-event-bg); border:2px solid var(--lx-event); }
    #grammar-scene-workspace .lx-steam { position:absolute; left:54%; bottom:123px; color:var(--lx-process); font-size:29px; opacity:.65; }
    #grammar-scene-workspace .lx-phone { position:absolute; bottom:88px; right:24px; color:var(--lx-event); padding:7px; border-radius:9px; background:var(--lx-event-bg); }
    #grammar-scene-workspace .lx-phone svg { width:23px; height:23px; display:block; }
    #grammar-scene-workspace .lx-ringing .lx-phone { animation:lx-phone-ring .2s ease-in-out 6; }
    #grammar-scene-workspace .lx-cooking .lx-arm { animation:lx-stir .45s ease-in-out 4 alternate; }
    #grammar-scene-workspace .lx-cooking .lx-steam { animation:lx-steam .9s ease-out 2; }
    #grammar-scene-workspace .lx-finished .lx-steam { opacity:0; }
    #grammar-scene-workspace .lx-finished .lx-pan { background:var(--lx-good-bg); }
    #grammar-scene-workspace .lx-scene-label { position:absolute; bottom:34px; left:28px; font-size:12px; font-weight:650; }
    #grammar-scene-workspace .lx-caption { margin-top:12px; min-height:48px; font-size:14px; }
    #grammar-scene-workspace .lx-time { position:relative; margin:28px 3px 36px; height:14px; background:var(--lx-line); border-radius:9px; }
    #grammar-scene-workspace .lx-time-band { position:absolute; left:9%; width:81%; height:14px; border-radius:9px; background:var(--lx-process); opacity:.75; }
    #grammar-scene-workspace .lx-time-dot { position:absolute; left:42%; top:-5px; width:24px; height:24px; border-radius:50%; background:var(--lx-event); box-shadow:0 0 0 4px var(--lx-paper); }
    #grammar-scene-workspace .lx-time-end { position:absolute; top:23px; font-size:11px; color:var(--lx-sub); }
    #grammar-scene-workspace .lx-time-end.end { right:0; }
    #grammar-scene-workspace .lx-legend { display:flex; gap:13px; flex-wrap:wrap; font-size:12px; color:var(--lx-sub); }
    #grammar-scene-workspace .lx-legend b { display:inline-block; width:18px; height:8px; margin-right:5px; border-radius:7px; background:var(--lx-process); }
    #grammar-scene-workspace .lx-legend .lx-dot-key { width:9px; height:9px; background:var(--lx-event); }
    #grammar-scene-workspace .lx-view { display:flex; align-items:center; justify-content:center; gap:12px; padding:24px 12px; background:var(--lx-soft); border-radius:15px; min-height:140px; }
    #grammar-scene-workspace .lx-moment { display:flex; flex-direction:column; align-items:center; gap:8px; min-width:0; padding:8px; color:var(--lx-sub); font-size:12px; text-align:center; }
    #grammar-scene-workspace .lx-moment svg { width:34px; height:34px; }
    #grammar-scene-workspace .lx-moment.is-focus { color:var(--lx-process); background:var(--lx-process-bg); border-radius:12px; }
    #grammar-scene-workspace .lx-connect { height:2px; width:20px; flex-shrink:0; background:var(--lx-line); }
    #grammar-scene-workspace .lx-formula { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin:20px 0; }
    #grammar-scene-workspace .lx-token { border-radius:9px; padding:9px 12px; background:var(--lx-soft); font-weight:650; }
    #grammar-scene-workspace .lx-token.process { background:var(--lx-process-bg); color:var(--lx-process); }
    #grammar-scene-workspace .lx-options { display:grid; gap:9px; margin-top:17px; }
    #grammar-scene-workspace .lx-answer { border:1px solid var(--lx-line); background:var(--lx-paper); border-radius:12px; text-align:left; min-height:49px; padding:12px 15px; font-size:15px; }
    #grammar-scene-workspace .lx-answer[aria-pressed="true"] { background:var(--lx-process-bg); border-color:var(--lx-process); }
    #grammar-scene-workspace .lx-answer.is-correct { background:var(--lx-good-bg); border-color:var(--lx-good); }
    #grammar-scene-workspace .lx-answer.is-wrong { background:var(--lx-error-bg); border-color:var(--lx-error); }
    #grammar-scene-workspace .lx-feedback { margin:16px 0 0; padding:15px; border-radius:12px; background:var(--lx-good-bg); color:var(--lx-good); font-size:14px; }
    #grammar-scene-workspace .lx-feedback.is-wrong { background:var(--lx-error-bg); color:var(--lx-error); }
    #grammar-scene-workspace .lx-question-number { font-size:12px; color:var(--lx-sub); margin-bottom:10px; }
    #grammar-scene-workspace .lx-question-context { margin:16px 0; padding:17px; background:var(--lx-soft); border-radius:12px; }
    #grammar-scene-workspace .lx-question-context .lx-english { margin:0; }
    #grammar-scene-workspace .lx-exercise { max-width:590px; margin:0 auto; }
    #grammar-scene-workspace .lx-quiz-icon { display:flex; align-items:center; justify-content:center; gap:25px; padding:20px; background:var(--lx-soft); border-radius:16px; margin:16px 0; }
    #grammar-scene-workspace .lx-quiz-icon svg { width:43px; height:43px; color:var(--lx-process); }
    #grammar-scene-workspace .lx-quiz-icon .lx-icon-event svg { color:var(--lx-event); }
    #grammar-scene-workspace details { margin-top:16px; color:var(--lx-sub); font-size:13px; }
    #grammar-scene-workspace details p { margin-top:10px; }
    #grammar-scene-workspace a { color:var(--lx-process); }
    #grammar-scene-workspace .lx-finish { text-align:center; padding:24px 12px; }
    #grammar-scene-workspace .lx-finish-icon { display:grid; place-items:center; width:72px; height:72px; margin:0 auto 20px; background:var(--lx-lime); color:var(--lx-lime-ink); border-radius:24px; }
    #grammar-scene-workspace .lx-finish-icon svg { width:35px; height:35px; }
    #grammar-scene-workspace .lx-finish .lx-note { text-align:left; max-width:480px; margin:20px auto; }
    #grammar-scene-workspace .lx-metric { font-size:14px; color:var(--lx-sub); }
    #grammar-scene-workspace .lx-source { font-size:11px; color:var(--lx-sub); margin-top:20px; }
    #grammar-scene-workspace { --lx-skin:#f0bf96; --lx-skin-shade:#d79971; --lx-wood:#d4bba0; --lx-night:#263c59; --lx-countertop:#243e42; --lx-food:#d99142; }
    #grammar-scene-workspace .lx-film { background:var(--lx-soft); border-radius:17px; overflow:hidden; }
    #grammar-scene-workspace .lx-film-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; padding:13px 15px 0; font-size:12px; }
    #grammar-scene-workspace .lx-film-head strong { display:flex; align-items:center; gap:6px; color:var(--lx-process); }
    #grammar-scene-workspace .lx-film-clock { background:var(--lx-paper); padding:4px 9px; border-radius:8px; font-weight:650; font-variant-numeric:tabular-nums; }
    #grammar-scene-workspace .lx-film canvas { width:100%; aspect-ratio:16/10; display:block; }
    #grammar-scene-workspace .lx-film-frame { background:var(--lx-paper); border:1px solid var(--lx-line); padding:10px 13px; margin:0 12px 12px; border-radius:10px; font-size:13px; min-height:43px; }
    #grammar-scene-workspace .lx-timeline-label { display:flex; flex-wrap:wrap; justify-content:space-between; gap:7px; font-size:11px; color:var(--lx-sub); margin:15px 0 7px; }
    #grammar-scene-workspace .lx-film-range { width:100%; accent-color:var(--lx-process); margin:6px 0 0; min-height:32px; }
    #grammar-scene-workspace .lx-film-line { position:relative; height:10px; background:var(--lx-line); border-radius:8px; }
    #grammar-scene-workspace .lx-film-duration { height:10px; width:100%; border-radius:8px; background:var(--lx-process); opacity:.65; }
    #grammar-scene-workspace .lx-film-event { position:absolute; left:25%; top:-4px; height:18px; width:18px; border-radius:50%; background:var(--lx-event); transform:translateX(-50%); }
    #grammar-scene-workspace .lx-film-cursor { position:absolute; left:25%; top:-5px; height:21px; width:3px; background:var(--lx-ink); border-radius:3px; transition:left .08s linear; }
    #grammar-scene-workspace .lx-two-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:17px; }
    #grammar-scene-workspace .lx-comparison-map { grid-template-rows:repeat(9,auto); column-gap:16px; row-gap:0; }
    #grammar-scene-workspace .lx-comparison-map .lx-compare { display:grid; grid-template-rows:subgrid; grid-row:span 9; }
    #grammar-scene-workspace .lx-compare { background:var(--lx-paper); border:1px solid var(--lx-line); border-radius:18px; padding:20px; min-width:0; }
    #grammar-scene-workspace .lx-compare.simple { border-top:5px solid var(--lx-event); }
    #grammar-scene-workspace .lx-compare.continuous { border-top:5px solid var(--lx-process); }
    #grammar-scene-workspace .lx-compare h3 { margin:6px 0; }
    #grammar-scene-workspace .lx-compare .lx-english { font-size:19px; line-height:1.45; }
    #grammar-scene-workspace .lx-compare-example { padding:15px 0; border-top:1px solid var(--lx-line); }
    #grammar-scene-workspace .lx-compare-example:last-child { padding-bottom:0; }
    #grammar-scene-workspace .lx-compare-example p { margin:4px 0; }
    #grammar-scene-workspace .lx-compare-example .lx-kicker { letter-spacing:.6px; }
    #grammar-scene-workspace .lx-mini-film { display:flex; align-items:center; justify-content:space-around; gap:6px; min-height:86px; margin:14px 0; background:var(--lx-event-bg); border-radius:12px; padding:13px 8px; }
    #grammar-scene-workspace .continuous .lx-mini-film { background:var(--lx-process-bg); }
    #grammar-scene-workspace .lx-mini-film span { display:flex; flex-direction:column; align-items:center; gap:5px; font-size:11px; }
    #grammar-scene-workspace .lx-mini-film svg { width:25px; height:25px; }
    #grammar-scene-workspace .lx-in-frame { background:var(--lx-paper); padding:9px 18px; border-radius:10px; }
    #grammar-scene-workspace .lx-translation { color:var(--lx-sub); margin-top:9px; font-size:14px; line-height:1.55; }
    #grammar-scene-workspace .lx-translation span { display:block; font-size:11px; letter-spacing:.5px; margin-bottom:3px; }
    #grammar-scene-workspace .lx-draft { min-height:58px; display:flex; flex-wrap:wrap; align-items:center; gap:7px; background:var(--lx-soft); border-radius:12px; padding:12px; margin:14px 0; }
    #grammar-scene-workspace .lx-draft button { min-height:40px; }
    #grammar-scene-workspace .lx-wordbank { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
    #grammar-scene-workspace .lx-answer-input { display:block; width:100%; padding:13px; font-size:16px; color:var(--lx-ink); background:var(--lx-paper); border:1px solid var(--lx-line); border-radius:10px; margin-top:9px; }
    #grammar-scene-workspace .lx-tr-prompt { margin-bottom:16px; padding:15px; border-radius:12px; background:var(--lx-soft); }
    #grammar-scene-workspace .lx-reveal-line { font-size:16px; color:var(--lx-ink); margin-bottom:9px; }
    #grammar-scene-workspace .lx-reveal-line strong { color:var(--lx-good); }
    @media(max-width:480px) { #grammar-scene-workspace .lx-two-columns { grid-template-columns:1fr; } #grammar-scene-workspace .lx-compare { padding:17px; } }
    @keyframes lx-phone-ring { 50% { transform:rotate(14deg); } }
    @keyframes lx-stir { to { transform:rotate(-6deg); } }
    @keyframes lx-steam { to { transform:translateY(-15px); opacity:.1; } }
    @media(prefers-reduced-motion:reduce) { #grammar-scene-workspace *,#grammar-scene-workspace *:before,#grammar-scene-workspace *:after { animation:none !important; transition:none !important; } }
    @media(max-width:620px) { #grammar-scene-workspace .lx-grid { grid-template-columns:1fr; } #grammar-scene-workspace .lx-content { padding:18px; } #grammar-scene-workspace .lx-panel { padding:18px; } #grammar-scene-workspace h2 { font-size:24px; } #grammar-scene-workspace .lx-steps { gap:4px; } #grammar-scene-workspace .lx-step { padding:9px 5px; font-size:11px; } #grammar-scene-workspace .lx-tag { display:none; } #grammar-scene-workspace .lx-top { padding:16px 105px 16px 18px; } }
    @media(max-width:380px) { #grammar-scene-workspace .lx-content { padding:12px; } #grammar-scene-workspace .lx-steps { grid-template-columns:repeat(3,minmax(0,1fr)); } #grammar-scene-workspace .lx-step { font-size:12px; } #grammar-scene-workspace .lx-bottom { align-items:flex-start; flex-direction:column; } #grammar-scene-workspace .lx-bottom .lx-small { max-width:100%; } #grammar-scene-workspace .lx-english { font-size:21px; } }
  
#grammar-scene-workspace .lx-emoji {display:inline-block;font-style:normal;}
#grammar-scene-workspace .lx-quiz-icon .lx-emoji {font-size:32px;}
#grammar-scene-workspace .lx-mini-film .lx-emoji {font-size:25px;}
#grammar-scene-workspace .lx-source-example {margin:18px 0;padding:14px;background:var(--lx-process-bg);border-radius:12px;}
#grammar-scene-workspace .lx-base-verb {display:inline-block;background:var(--lx-process-bg);color:var(--lx-process);border-radius:8px;padding:7px 12px;margin:8px 0;font-size:15px;}
#grammar-scene-workspace .lx-top {padding-right:24px;}
.gr-scene-pilot {margin:22px 0;padding:22px;border-radius:20px;background:var(--surface,#fff);border:1px solid var(--line,#dce6df);}
.gr-scene-pilot h3 {margin:0 0 7px;}
.gr-scene-pilot .gr-scene-links {display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;}
.gr-scene-pilot .gr-scene-links button {font-size:13px;padding:10px 13px;}
.gr-scene-tag {display:inline-block;background:#eef7df;color:#365b37;padding:5px 9px;border-radius:7px;margin:6px 0;font-size:12px;}

#grammar-scene-workspace .lx-top{padding-right:24px;flex-wrap:wrap} #grammar-scene-workspace .lx-top>div{min-width:0} #grammar-scene-workspace button:focus-visible,#grammar-scene-workspace a:focus-visible,#grammar-scene-workspace input:focus-visible{outline:3px solid var(--lx-process);outline-offset:3px} #grammar-scene-workspace .lx-film-clock{max-width:60%;text-align:right} .gr-scene-links{display:flex;flex-wrap:wrap;gap:10px}.gr-scene-links button{border:1px solid #bcd4a6;background:#fff;border-radius:12px;padding:12px 16px;text-align:left;color:#25443b}.gr-scene-links button:hover{background:#eaf7d7} #grammar-scene-workspace .lx-source summary{cursor:pointer;font-weight:650} #grammar-scene-workspace .lx-verb-given{margin:12px 0;padding:12px 15px;background:var(--lx-process-bg);color:var(--lx-process);border-radius:12px} #grammar-scene-workspace .lx-film-frame{min-height:68px} #grammar-scene-workspace .lx-film canvas{display:block;width:100%;height:auto}

.gr-scene-pilot .gr-scene-links {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.gr-scene-pilot .gr-scene-links button{min-width:0;line-height:1.5}#grammar-scene-workspace .lx-concept-line .lx-film-event{display:none}#grammar-scene-workspace .lx-concept-line .lx-film-duration{width:100%;background:linear-gradient(90deg,var(--lx-process-bg) 33%,var(--lx-event-bg) 33%,var(--lx-event-bg) 66%,var(--lx-good-bg) 66%)}
@media(max-width:900px){.gr-scene-pilot .gr-scene-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.gr-scene-pilot .gr-scene-links{grid-template-columns:1fr}}

#grammar-scene-workspace .lx-extra{margin-top:20px;background:var(--lx-good-bg)}
#grammar-scene-workspace .lx-extra-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media(max-width:800px){#grammar-scene-workspace .lx-extra-examples{grid-template-columns:1fr}}