@font-face{font-family:Nunito Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/nunito-sans-cyrillic-400-normal-DUb-KqT8.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/nunito-sans-latin-400-normal-AkRraKH2.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/nunito-sans-cyrillic-500-normal-Cl05nkbg.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/nunito-sans-latin-500-normal-DlmaWqTx.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/nunito-sans-cyrillic-600-normal-D4TuIAT6.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/nunito-sans-latin-600-normal-BtVRvDNj.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Sans;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/nunito-sans-cyrillic-400-italic-D1Dyz3yy.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito Sans;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/nunito-sans-latin-400-italic-BF5x-HNR.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/source-serif-4-cyrillic-500-normal-BdVUvljg.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/source-serif-4-latin-500-normal-CUHe9xxf.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Sans fallback;src:local("Arial"),local("ArialMT"),local("Helvetica");size-adjust:102.74%;ascent-override:98.4%;descent-override:34.36%;line-gap-override:0%}:root{--bg: #FAF7F2;--surface: #FFFFFF;--surface-2: #F3F0E9;--ink: #14242F;--ink-2: #4C5A64;--border: #76828B;--line: #DCD6CB;--accent: #EDB345;--accent-hover: #E0A12E;--accent-edge: #976712;--accent-ink: var(--ink);--margin-line: var(--accent-edge);--ok: #025448;--ok-soft: #DFF6F0;--bad: #C14802;--bad-soft: #FFF2ED;--warn-soft: #F8E4D4;--warn: #754B10;--focus: var(--ink);--show: var(--ink);--show-marker: var(--accent);--ok-manual: var(--ink);--selection: var(--warn-soft);--video-bg: #191F23;--on-dark: var(--surface);--on-dark-2: #B9C1C7;--teacher-only: var(--ink);--overlay: rgb(20 36 47 / .45);--font-ui: "Nunito Sans", "Nunito Sans fallback", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-display: "Source Serif 4", Georgia, "Times New Roman", serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fs-small: 14px;--fs-body: 16px;--fs-lesson: 18px;--fs-h3: 20px;--fs-h2: 24px;--fs-h1: 28px;--fs-display: 40px;--lh-tight: 1.25;--lh-text: 1.5;--lh-lesson: 1.6;--fw-regular: 400;--fw-medium: 500;--fw-label: 600;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-6: 24px;--s-8: 32px;--s-12: 48px;--s-16: 64px;--r-sm: 4px;--r: 6px;--r-round: 50%;--r-track: 12px;--bw: 1px;--bw-strong: 2px;--bw-marker: 3px;--focus-gap: 2px;--underline-offset: 3px;--tap: 44px;--tap-lg: 52px;--icon: 20px;--icon-sm: 16px;--status-icon: 24px;--content: 760px;--page: 1040px;--narrow: 400px;--side: 232px;--room-side: 340px;--margin-col: 48px;--modal: 560px;--col-min: 220px;--col-wide: 280px;--card-min: 240px;--type-min: 170px;--vocab-col: 140px;--media-h: 540px;--video-float: 200px;--list-h: 260px;--result-w: 640px;--toast-w: 440px;--modal-wide: 720px;--logo-h: 32px;--dur-fast: .15s;--dur: .25s;--dur-slow: .4s;--dur-spin: .8s;--ease-out: cubic-bezier(.16, 1, .3, 1);--z-bar: 40;--z-video: 45;--z-tabbar: 50;--z-menu: 60;--z-modal: 100;--z-toast: 200;--z-zoom: 300}@media (max-width: 600px){:root{--fs-lesson: 17px;--fs-h1: 24px;--fs-display: 32px;--margin-col: 4px}}@media (prefers-reduced-motion: reduce){:root{--dur-fast: 0ms;--dur: 0ms;--dur-slow: 0ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:var(--fs-body);line-height:var(--lh-text);font-weight:var(--fw-regular);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;line-height:var(--lh-tight);font-weight:var(--fw-medium)}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}b,strong{font-weight:var(--fw-label)}p{margin:0 0 var(--s-3)}a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent-edge);text-underline-offset:var(--underline-offset)}a:hover{text-decoration-thickness:var(--bw-strong)}button,input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}img,video{max-width:100%;display:block}:focus-visible{outline:var(--bw-strong) solid var(--focus);outline-offset:var(--focus-gap)}::selection{background:var(--selection);color:var(--ink)}.display{font-family:var(--font-display);font-weight:var(--fw-medium);font-size:var(--fs-display);line-height:var(--lh-tight)}.muted{color:var(--ink-2)}.small{font-size:var(--fs-small)}.nowrap{white-space:nowrap}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.row{display:flex;align-items:center;gap:var(--s-3)}.row.wrap{flex-wrap:wrap}.row.top{align-items:flex-start}.row.end{justify-content:flex-end}.grow{flex:1;min-width:0}.stack>*+*{margin-top:var(--s-3)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.ic{flex:none;width:var(--icon);height:var(--icon)}.ic-sm{width:var(--icon-sm);height:var(--icon-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--tap);min-width:var(--tap);padding:0 var(--s-4);border-radius:var(--r-sm);border:var(--bw) solid var(--ink);background:var(--surface);color:var(--ink);font-size:var(--fs-body);font-weight:var(--fw-label);line-height:var(--lh-tight);cursor:pointer;text-decoration:none;white-space:nowrap;user-select:none;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn:hover{background:var(--surface-2);text-decoration:none}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);border-color:var(--accent-edge);color:var(--accent-ink)}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--surface-2)}.btn-danger{border-color:var(--bad);color:var(--bad)}.btn-danger:hover{background:var(--bad-soft)}.btn[aria-pressed=true]{background:var(--surface-2);box-shadow:inset 0 0 0 var(--bw) var(--ink)}.btn:disabled,.btn[aria-disabled=true]{background:var(--surface-2);border-color:var(--line);color:var(--ink-2);cursor:not-allowed;transform:none}.btn-ghost:disabled{background:transparent;border-color:transparent}.btn[aria-busy=true]{cursor:progress}.btn-lg{min-height:var(--tap-lg);padding:0 var(--s-6)}.btn-block{width:100%}.btn-icon{padding:0;width:var(--tap)}.btn-start{justify-content:flex-start}.field{display:grid;gap:var(--s-2)}.field-label{font-weight:var(--fw-label)}.field-hint{font-size:var(--fs-small);color:var(--ink-2);white-space:pre-line}.field-error{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-small);color:var(--bad);font-weight:var(--fw-label)}.input,.textarea{width:100%;min-height:var(--tap);padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);border:var(--bw) solid var(--border);background:var(--surface);color:var(--ink);font-size:var(--fs-body);transition:border-color var(--dur-fast) var(--ease-out)}.input::placeholder,.textarea::placeholder{color:var(--ink-2)}.input:hover,.textarea:hover{border-color:var(--ink-2)}.input:focus,.textarea:focus{border-color:var(--ink)}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--bad);box-shadow:inset 0 0 0 var(--bw) var(--bad)}.input:disabled,.textarea:disabled,.input[readonly],.textarea[readonly]{background:var(--surface-2);border-color:var(--line)}.textarea{min-height:calc(var(--tap) * 2.5);resize:vertical;line-height:var(--lh-text)}.textarea-code{font-family:var(--font-mono)}.check{display:inline-flex;align-items:center;gap:var(--s-3);min-height:var(--tap);cursor:pointer}.check input{width:var(--icon);height:var(--icon);margin:0;accent-color:var(--ink)}.toggle{display:inline-flex;align-items:center;gap:var(--s-3);min-height:var(--tap);padding:0 var(--s-2);border:0;background:none;cursor:pointer;font-size:var(--fs-small);font-weight:var(--fw-label);color:var(--ink)}.toggle-track{position:relative;flex:none;width:calc(var(--s-8) + var(--s-2));height:var(--s-6);border-radius:var(--r-track);border:var(--bw-strong) solid var(--border);background:var(--surface);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.toggle-track:after{content:"";position:absolute;top:var(--bw-strong);left:var(--bw-strong);width:var(--s-4);height:var(--s-4);border-radius:var(--r-round);background:var(--border);transition:transform var(--dur-fast) var(--ease-out)}.toggle[aria-checked=true] .toggle-track{background:var(--ink);border-color:var(--ink)}.toggle[aria-checked=true] .toggle-track:after{background:var(--on-dark);transform:translate(var(--s-4))}.toggle:disabled{cursor:not-allowed;color:var(--ink-2)}.card{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r)}.card-pad{padding:var(--s-6)}@media (max-width: 600px){.card-pad{padding:var(--s-4)}}.card-link{position:relative;transition:border-color var(--dur-fast) var(--ease-out)}.card-link:hover{border-color:var(--border)}.card-link:focus-within{border-color:var(--ink)}.card-cover{color:inherit;text-decoration:none}.card-cover:after{content:"";position:absolute;inset:0;z-index:1}.card-cover:focus-visible{outline:none}.card-link:has(.card-cover:focus-visible){outline:var(--bw-strong) solid var(--focus);outline-offset:var(--focus-gap)}.card-link .btn{position:relative;z-index:2}.badge{display:inline-flex;align-items:center;gap:var(--s-1);min-height:var(--s-6);padding:0 var(--s-2);border-radius:var(--r-sm);font-size:var(--fs-small);font-weight:var(--fw-label);line-height:var(--lh-tight);white-space:nowrap;background:var(--surface-2);color:var(--ink-2)}.badge-ok{background:var(--ok-soft);color:var(--ok)}.badge-bad{background:var(--bad-soft);color:var(--bad)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.status{display:inline-flex;align-items:center;gap:var(--s-2);font-weight:var(--fw-label);line-height:var(--lh-tight)}.status-ok{color:var(--ok)}.status-bad{color:var(--bad)}.status-manual{color:var(--ok-manual)}.status-input,.status-shown{color:var(--ink-2);font-weight:var(--fw-regular)}.status-detail{color:var(--ink-2);font-weight:var(--fw-regular);font-size:var(--fs-small)}.status-ic{flex:none;width:var(--status-icon);height:var(--status-icon)}.status-ic circle{fill:currentColor}.status-ic path{fill:none;stroke:var(--on-dark);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.status-compact .status-ic{width:var(--icon);height:var(--icon)}.initial{display:inline-grid;place-items:center;flex:none;width:var(--s-8);height:var(--s-8);border-radius:var(--r-round);background:var(--ok-manual);color:var(--on-dark);font-size:var(--fs-small);font-weight:var(--fw-label);line-height:1}.initial-outline{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 var(--bw-strong) var(--ink)}.conn{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--fs-small);color:var(--ink);white-space:nowrap}.conn-line{flex:none;width:var(--s-6);height:var(--bw-strong);background:currentColor}.conn-weak .conn-line{background:repeating-linear-gradient(90deg,currentColor 0 var(--s-1),transparent var(--s-1) calc(var(--s-1) + var(--s-1) - 1px))}.conn-offline .conn-line{background:repeating-linear-gradient(90deg,currentColor 0 var(--s-2),transparent var(--s-2) var(--s-4))}.conn-on-dark{color:var(--on-dark)}.notice{display:flex;align-items:flex-start;gap:var(--s-3);flex-wrap:wrap;padding:var(--s-3) var(--s-4);border-radius:var(--r);background:var(--warn-soft);color:var(--ink)}.notice-ic{flex:none;width:var(--status-icon);height:var(--status-icon);color:var(--warn)}.notice-ic circle{fill:none;stroke:currentColor;stroke-width:2}.notice-ic path{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.notice-body{flex:1;min-width:min(100%,var(--col-min))}.notice-body b{display:block}.notice-acts{display:flex;gap:var(--s-2);flex-wrap:wrap}.notice-info{background:var(--surface-2)}.notice-dark{background:var(--teacher-only);color:var(--on-dark);--focus: var(--on-dark)}.notice+.notice{margin-top:var(--s-3)}.tabs{display:flex;gap:var(--s-1);border-bottom:var(--bw) solid var(--line);overflow-x:auto}.tab{min-height:var(--tap);min-width:var(--tap);padding:0 var(--s-3);border:0;background:none;cursor:pointer;white-space:nowrap;font-weight:var(--fw-label);color:var(--ink-2);box-shadow:inset 0 calc(-1 * var(--bw-strong)) 0 transparent}.tab:hover{color:var(--ink)}.tab[aria-selected=true]{color:var(--ink);box-shadow:inset 0 calc(-1 * var(--bw-strong)) 0 var(--ink)}.modal-back{position:fixed;inset:0;z-index:var(--z-modal);background:var(--overlay);display:flex;align-items:flex-start;justify-content:center;padding:var(--s-12) var(--s-4) var(--s-4);overflow-y:auto;animation:fade var(--dur) var(--ease-out)}.modal{width:100%;max-width:var(--modal);background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r);animation:rise var(--dur) var(--ease-out)}.modal-wide{max-width:var(--modal-wide)}.modal-head{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-4) 0 var(--s-6)}.modal-head h2{flex:1;font-size:var(--fs-h3)}.modal-body{padding:var(--s-4) var(--s-6) var(--s-6)}.modal-foot{display:flex;gap:var(--s-3);justify-content:flex-end;padding:0 var(--s-6) var(--s-6);flex-wrap:wrap}@media (max-width: 600px){.modal-back{padding:0;align-items:flex-end}.modal{border-radius:var(--r) var(--r) 0 0;max-height:94vh;overflow-y:auto}.modal-head{padding-left:var(--s-4)}.modal-body{padding:var(--s-3) var(--s-4) var(--s-4)}.modal-foot{padding:0 var(--s-4) var(--s-4)}.modal-foot .btn{flex:1}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(var(--s-2))}}.toasts{position:fixed;left:50%;bottom:var(--s-6);transform:translate(-50%);z-index:var(--z-toast);display:grid;gap:var(--s-2);width:min(var(--toast-w),calc(100vw - var(--s-8)))}.toast{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-4);min-height:var(--tap);border-radius:var(--r);background:var(--ink);color:var(--on-dark);--focus: var(--on-dark);animation:rise var(--dur-fast) var(--ease-out)}.toast-bad{background:var(--bad-soft);color:var(--ink);box-shadow:inset 0 0 0 var(--bw-strong) var(--bad);--focus: var(--ink)}.toast-bad .status-ic{color:var(--bad)}.toast-act{min-height:var(--tap);min-width:var(--tap);padding:0 var(--s-3);border:0;background:none;color:inherit;cursor:pointer;font-weight:var(--fw-label);text-decoration:underline;text-underline-offset:var(--underline-offset)}.spinner{display:inline-block;flex:none;width:var(--icon);height:var(--icon);border-radius:var(--r-round);border:var(--bw-strong) solid var(--line);border-top-color:var(--ink);animation:spin var(--dur-spin) linear infinite}.spinner-sm{width:var(--icon-sm);height:var(--icon-sm)}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:flex;align-items:center;justify-content:center;gap:var(--s-3);padding:var(--s-12) var(--s-4);color:var(--ink-2)}.empty{text-align:center;padding:var(--s-12) var(--s-4);color:var(--ink-2)}.empty h3{color:var(--ink);margin-bottom:var(--s-2)}.empty-acts{display:flex;gap:var(--s-3);justify-content:center;flex-wrap:wrap;margin-top:var(--s-4)}.copy-link{display:flex;align-items:center;gap:var(--s-2);min-width:0;padding:var(--s-1) var(--s-1) var(--s-1) var(--s-3);border:var(--bw) solid var(--border);border-radius:var(--r-sm);background:var(--surface-2)}.copy-link code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:var(--fs-small);color:var(--ink)}.menu{position:relative}.menu-list{position:absolute;right:0;top:calc(100% + var(--s-1));z-index:var(--z-menu);min-width:var(--col-min);padding:var(--s-1);background:var(--surface);border:var(--bw) solid var(--border);border-radius:var(--r)}.menu-item{display:flex;width:100%;align-items:center;gap:var(--s-3);min-height:var(--tap);padding:0 var(--s-3);border:0;border-radius:var(--r-sm);background:none;cursor:pointer;text-align:left}.menu-item:hover{background:var(--surface-2)}.menu-item-danger{color:var(--bad)}.logo{display:inline-flex;align-items:center;color:var(--ink);text-decoration:none}.logo svg{display:block;height:var(--logo-h);width:auto}.logo-sheet{fill:var(--surface)}.logo-edge{fill:none;stroke:var(--border);stroke-width:2}.logo-margin{fill:var(--accent)}.logo-rule{fill:var(--margin-line)}.logo-ink{fill:var(--ink)}.logo-on-dark .logo-ink.logo-word{fill:var(--on-dark)}.margin{flex:none;width:var(--margin-col);display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-6) 0;background:var(--surface-2);border-right:var(--bw-strong) solid var(--margin-line)}.margin-shown{box-shadow:inset calc(-1 * var(--bw-marker)) 0 0 var(--show)}.margin-num{font-size:var(--fs-small);font-weight:var(--fw-label);color:var(--ink-2)}.margin-marks{display:grid;gap:var(--s-2);justify-items:center}@media (max-width: 600px){.margin{padding:0}.margin-num,.margin-marks{display:none}}.radios{display:grid;gap:0;margin:0;padding:0;border:0;min-width:0}.radios legend{padding:0;margin-bottom:var(--s-1)}.check input[type=radio]{width:var(--icon);height:var(--icon);margin:0;accent-color:var(--ink)}.lesson{max-width:var(--content);margin:0 auto}.lesson-sheet{border:var(--bw) solid var(--line);border-radius:var(--r);overflow:hidden;margin-bottom:var(--s-6);background:linear-gradient(90deg,var(--surface-2) 0 var(--margin-col),var(--margin-line) var(--margin-col) calc(var(--margin-col) + var(--bw-strong)),var(--surface) calc(var(--margin-col) + var(--bw-strong)))}.blk{display:flex;align-items:stretch;scroll-margin-top:calc(var(--tap) * 2)}.blk+.blk,.lesson-sheet>*+.blk{border-top:var(--bw) solid var(--line)}.blk-main{flex:1;min-width:0;padding:var(--s-6);background:var(--surface)}.blk-head{display:flex;align-items:flex-start;flex-wrap:wrap;gap:var(--s-3);margin-bottom:var(--s-4)}.blk-head:empty{display:none}.blk-head>.grow{flex:1 1 var(--col-min)}.blk-num{display:none;font-size:var(--fs-small);font-weight:var(--fw-label);color:var(--ink-2);padding-top:var(--s-1)}.blk-title{font-size:var(--fs-h3);font-weight:var(--fw-medium);line-height:var(--lh-tight)}.blk-shown .blk-title{text-decoration:underline var(--bw-marker) var(--show-marker);text-underline-offset:var(--s-1)}.blk-shown-label{font-size:var(--fs-small);color:var(--ink-2);margin-bottom:var(--s-1)}.blk-hint{color:var(--ink-2);margin-top:var(--s-1)}.blk-body{font-size:var(--fs-lesson);line-height:var(--lh-lesson)}@media (max-width: 600px){.blk-main{padding:var(--s-4)}.blk-num{display:block}}.md h1,.md h2,.md h3{margin:var(--s-4) 0 var(--s-2)}.md h1{font-size:var(--fs-h2)}.md h2{font-size:var(--fs-h3)}.md h3{font-size:var(--fs-lesson);font-weight:var(--fw-label)}.md ul,.md ol{padding-left:var(--s-6);margin:0 0 var(--s-3)}.md li{margin:var(--s-1) 0}.md p:last-child{margin-bottom:0}.md blockquote{margin:var(--s-3) 0;padding:var(--s-1) var(--s-4);border-left:var(--bw-strong) solid var(--border);color:var(--ink-2)}.md em,.md i{font-style:italic}.vocab{display:grid}.vocab-row{display:grid;grid-template-columns:minmax(var(--vocab-col),1fr) minmax(var(--vocab-col),1fr);gap:var(--s-1) var(--s-4);padding:var(--s-2) 0;border-bottom:var(--bw) solid var(--line)}.vocab-row:last-child{border-bottom:0}.vocab-w{display:flex;align-items:center;gap:var(--s-1);font-weight:var(--fw-label)}.vocab-w .btn{margin-left:calc(-1 * var(--s-3))}.vocab-t{color:var(--ink-2);align-self:center}.vocab-ex{grid-column:1 / -1;color:var(--ink-2);font-style:italic;font-size:var(--fs-body)}@media (max-width: 600px){.vocab-row{grid-template-columns:1fr}}.word{min-height:var(--tap);min-width:var(--tap);padding:0 var(--s-4);border-radius:var(--r-sm);border:var(--bw) solid var(--border);background:var(--surface);font-size:var(--fs-lesson);color:var(--ink);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.word:hover{border-color:var(--ink)}.word:active{transform:translateY(1px)}.word:disabled{cursor:default;color:var(--ink-2);background:var(--surface-2);border-color:var(--line);transform:none}.gaps-text{white-space:pre-wrap}.gap{display:inline-block;vertical-align:middle;min-width:4ch;min-height:var(--tap);padding:0 var(--s-2);margin:var(--s-1) 0;border:var(--bw) solid var(--border);border-radius:var(--r-sm);background:var(--surface);font-size:inherit;line-height:var(--lh-lesson);font-weight:var(--fw-label);color:var(--ink);transition:border-color var(--dur-fast) var(--ease-out)}.gap:hover{border-color:var(--ink-2)}.gap:focus{border-color:var(--ink)}.gap.is-ok{border:var(--bw-strong) solid var(--ok);background:var(--ok-soft)}.gap.is-bad{border-color:var(--bad);background:var(--bad-soft);text-decoration:underline var(--bw-strong) var(--bad);text-underline-offset:var(--underline-offset)}.gap[readonly]{cursor:default}.gaps-text .status{vertical-align:middle;margin-left:var(--s-1)}.bank{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-bottom:var(--s-4);padding:var(--s-3);background:var(--surface-2);border-radius:var(--r)}.q{padding:var(--s-3) 0;border-bottom:var(--bw) solid var(--line)}.q:first-child{padding-top:0}.q:last-child{border-bottom:0;padding-bottom:0}.q-text{margin-bottom:var(--s-2)}.q-n{color:var(--ink-2);font-weight:var(--fw-label);margin-right:var(--s-2)}.q-filled{font-weight:var(--fw-label)}.opts{display:flex;flex-wrap:wrap;gap:var(--s-2)}.opt{display:inline-flex;align-items:center;gap:var(--s-2);min-height:var(--tap);min-width:var(--tap);padding:var(--s-1) var(--s-4);border-radius:var(--r-sm);border:var(--bw) solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;font-size:var(--fs-lesson);text-align:left;transition:border-color var(--dur-fast) var(--ease-out)}.opt:hover{border-color:var(--ink)}.opt:disabled{cursor:default;color:var(--ink-2)}.opt.is-ok{border:var(--bw-strong) solid var(--ok);background:var(--ok-soft);color:var(--ink)}.opt.is-bad{border-color:var(--bad);background:var(--bad-soft);color:var(--ink)}.opt.is-bad .opt-text{text-decoration:underline var(--bw-strong) var(--bad);text-underline-offset:var(--underline-offset)}.opt.is-key{border:var(--bw-strong) dashed var(--ink-2)}.match{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-6);align-items:start}.match-rows{display:grid;gap:var(--s-2)}.match-row{display:grid;grid-template-columns:auto 1fr auto;gap:var(--s-1) var(--s-3);align-items:center;width:100%;min-height:var(--tap);padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);border:var(--bw) solid var(--border);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out)}.match-row:hover{border-color:var(--ink)}.match-row:disabled{cursor:default}.match-row .letter{color:var(--ink-2);font-weight:var(--fw-label);font-size:var(--fs-small)}.match-row .status{grid-column:3;grid-row:1}.match-row.is-sel{border:var(--bw-strong) solid var(--ink)}.match-slot{grid-column:2 / -1;font-weight:var(--fw-label);min-height:var(--s-6)}.match-slot.free{color:var(--ink-2);font-weight:var(--fw-regular);font-size:var(--fs-body)}.match-row.is-ok{border:var(--bw-strong) solid var(--ok);background:var(--ok-soft)}.match-row.is-bad{border-color:var(--bad);background:var(--bad-soft)}.match-row.is-bad .match-slot{text-decoration:underline var(--bw-strong) var(--bad);text-underline-offset:var(--underline-offset)}.match-pool{display:flex;flex-wrap:wrap;gap:var(--s-2);align-content:flex-start;position:sticky;top:calc(var(--tap) * 2)}.match-pool .word{text-align:left;height:auto;padding:var(--s-2) var(--s-4);line-height:var(--lh-tight)}@media (max-width: 700px){.match{grid-template-columns:1fr}.match-pool{position:static}}.ord{padding:var(--s-3) 0;border-bottom:var(--bw) solid var(--line)}.ord:last-child{border-bottom:0}.ord-line{display:flex;flex-wrap:wrap;gap:var(--s-2);align-items:center;min-height:var(--tap-lg);padding:var(--s-1) var(--s-2);margin-bottom:var(--s-2);border:var(--bw) dashed var(--border);border-radius:var(--r-sm);background:var(--surface-2)}.ord-line.is-ok{border:var(--bw-strong) solid var(--ok);background:var(--ok-soft)}.ord-line.is-bad{border-style:solid;border-color:var(--bad);background:var(--bad-soft)}.ord-line.is-bad .word{text-decoration:underline var(--bw-strong) var(--bad);text-underline-offset:var(--underline-offset)}.ord-pool{display:flex;flex-wrap:wrap;gap:var(--s-2)}.ord-n{color:var(--ink-2);font-weight:var(--fw-label);margin:0 var(--s-1)}.solution{margin-left:var(--s-2);font-size:var(--fs-body);font-weight:var(--fw-label);color:var(--ink-2)}.solution:before{content:"→ "}.ord .solution{display:block;margin:0}.writing-prompt{margin-bottom:var(--s-3)}.writing .textarea{min-height:calc(var(--tap) * 4);font-size:var(--fs-lesson);line-height:var(--lh-lesson)}.writing-bar{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-2);flex-wrap:wrap}.discuss{margin:0;padding-left:var(--s-6)}.discuss li{padding:var(--s-1) 0}.media-img{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.media img{border-radius:var(--r);width:100%;height:auto;max-height:var(--media-h);object-fit:cover}.media audio{width:100%}.media video{width:100%;border-radius:var(--r);background:var(--video-bg)}.media .frame{position:relative;padding-top:56.25%;border-radius:var(--r);overflow:hidden;background:var(--video-bg)}.media .frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.media .caption{margin-top:var(--s-2);color:var(--ink-2)}.media-wait{min-height:calc(var(--tap) * 3);display:grid;place-items:center;border-radius:var(--r);background:var(--surface-2);color:var(--ink-2)}.zoom{position:fixed;inset:0;z-index:var(--z-zoom);display:grid;place-items:center;padding:var(--s-4);border:0;background:var(--video-bg);cursor:zoom-out;--focus: var(--on-dark)}.zoom img{max-height:92vh;width:auto;border-radius:var(--r-sm)}.shell{display:grid;grid-template-columns:var(--side) 1fr;min-height:100vh}.side{position:sticky;top:0;height:100vh;padding:var(--s-6) var(--s-3);border-right:var(--bw) solid var(--line);display:flex;flex-direction:column;gap:var(--s-1);background:var(--bg)}.side-brand{display:inline-flex;padding:0 var(--s-3) var(--s-6)}.nav{display:grid;gap:var(--s-1)}.nav a{display:flex;align-items:center;gap:var(--s-3);min-height:var(--tap);padding:0 var(--s-3);border-radius:var(--r-sm);color:var(--ink-2);font-weight:var(--fw-label);text-decoration:none;transition:background-color var(--dur-fast) var(--ease-out)}.nav a:hover{background:var(--surface-2);color:var(--ink)}.nav a.on{background:var(--surface);color:var(--ink);box-shadow:inset var(--bw-marker) 0 0 var(--ink)}.side-foot{margin-top:auto;display:grid;gap:var(--s-2)}.side-user{padding:0 var(--s-3);font-size:var(--fs-small);color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{min-width:0;padding:var(--s-8) var(--s-8) var(--s-16)}.page{max-width:var(--page);margin:0 auto}.page-head{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-6);flex-wrap:wrap}.page-head h1{flex:1;min-width:var(--col-min)}.section-title{font-size:var(--fs-h3);margin:var(--s-8) 0 var(--s-3)}.section-title:first-child{margin-top:0}.tabbar{display:none}@media (max-width: 860px){.shell{grid-template-columns:1fr}.side{display:none}.main{padding:var(--s-4) var(--s-4) calc(var(--tap-lg) + var(--s-12))}.tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:var(--z-tabbar);background:var(--surface);border-top:var(--bw) solid var(--line);padding:0 var(--s-1) env(safe-area-inset-bottom)}.tabbar a{flex:1;display:grid;justify-items:center;align-content:center;gap:var(--s-1);min-height:var(--tap-lg);font-size:var(--fs-small);color:var(--ink-2);text-decoration:none}.tabbar a.on{color:var(--ink);font-weight:var(--fw-label);box-shadow:inset 0 var(--bw-marker) 0 var(--ink)}}.live-now{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap;margin-bottom:var(--s-6)}.live-now .grow b{display:block}.toolbar{display:flex;gap:var(--s-3);align-items:center;flex-wrap:wrap;margin-bottom:var(--s-4)}.toolbar .input{max-width:var(--col-wide)}.lessons{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-min),1fr));gap:var(--s-4)}.lesson-card{display:flex;flex-direction:column;overflow:hidden}.lesson-card .cover{aspect-ratio:16 / 9;display:grid;place-items:center;font-size:var(--fs-display);font-weight:var(--fw-medium);color:var(--ink);background:linear-gradient(90deg,var(--surface-2) 0 24%,var(--margin-line) 24% calc(24% + var(--bw-strong)),var(--bg) calc(24% + var(--bw-strong)));border-bottom:var(--bw) solid var(--line)}.lesson-card .body{padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-2);flex:1}.lesson-card .badges{display:flex;gap:var(--s-2);flex-wrap:wrap}.lesson-card .title{font-weight:var(--fw-label);font-size:var(--fs-body);line-height:var(--lh-tight)}.lesson-card .topic{font-size:var(--fs-small);color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesson-card .foot{display:flex;align-items:center;gap:var(--s-2);margin-top:auto;padding-top:var(--s-2);font-size:var(--fs-small);color:var(--ink-2)}.lesson-card .foot .btn{margin-left:auto}.editor-head{position:sticky;top:0;z-index:var(--z-bar);background:var(--bg);border-bottom:var(--bw) solid var(--line);margin:calc(-1 * var(--s-8)) calc(-1 * var(--s-8)) var(--s-6);padding:var(--s-2) var(--s-8)}.editor-head .inner{max-width:var(--content);margin:0 auto;display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}@media (max-width: 860px){.editor-head{margin:calc(-1 * var(--s-4)) calc(-1 * var(--s-4)) var(--s-4);padding:var(--s-2) var(--s-4)}.editor-head .inner{row-gap:var(--s-1)}.save-state-quiet{display:none}}.title-input{width:100%;min-height:var(--tap);border:0;border-radius:var(--r-sm);background:none;padding:var(--s-1) 0;resize:none;overflow:hidden;font-size:var(--fs-h1);font-weight:var(--fw-medium);line-height:var(--lh-tight);color:var(--ink)}.title-input:focus{outline:var(--bw-strong) solid var(--focus);outline-offset:var(--focus-gap)}.lesson-meta{margin:var(--s-2) 0 var(--s-6)}.save-state{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--fs-small);color:var(--ink-2)}.save-state-err{color:var(--bad);font-weight:var(--fw-label)}.section-row{display:flex;align-items:center;gap:var(--s-2);margin:var(--s-6) 0 var(--s-3)}.blk-tools{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--s-1);margin:calc(-1 * var(--s-3)) calc(-1 * var(--s-3)) var(--s-1) 0}.blk-editing .blk-main{box-shadow:inset 0 0 0 var(--bw-strong) var(--ink)}.blk-edit{display:grid;gap:var(--s-4)}.blk-edit-type{font-size:var(--fs-small);color:var(--ink-2)}.blk-edit .acts{display:flex;gap:var(--s-3);justify-content:flex-end;flex-wrap:wrap}.blk-edit .field-narrow{max-width:var(--col-min)}.blk-insert{position:relative;height:0;display:flex;justify-content:center;z-index:2}.blk-insert .btn{position:absolute;top:calc(var(--tap) / -2);opacity:0;background:var(--surface);transition:opacity var(--dur-fast) var(--ease-out)}.blk-insert:hover .btn,.blk-insert .btn:focus-visible{opacity:1}@media (hover: none){.blk-insert{display:none}}.add-panel{border-style:dashed;border-color:var(--border)}.add-panel h3{margin-bottom:var(--s-3)}.types{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--type-min),1fr));gap:var(--s-2)}.type-ic{display:grid;place-items:center;flex:none;width:var(--s-8);height:var(--s-8);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink);font-weight:var(--fw-label);font-size:var(--fs-small)}.types .btn{min-height:var(--tap-lg);padding:0 var(--s-3);font-weight:var(--fw-medium);white-space:normal;text-align:left}.empty-hint{color:var(--ink-2);margin:var(--s-2) 0 var(--s-4)}.after-sheet{margin-top:var(--s-4)}.center-page{min-height:100vh;display:grid;place-items:center;padding:var(--s-6) var(--s-4)}.auth-card{width:100%;max-width:var(--narrow)}.auth-card .logo{margin-bottom:var(--s-6)}.auth-card h1{margin-bottom:var(--s-2)}.auth-card form{display:grid;gap:var(--s-4);margin-top:var(--s-6)}.auth-alt{display:grid;gap:var(--s-3);margin-top:var(--s-6)}.auth-foot{margin-top:var(--s-4)}.copies{display:grid;gap:var(--s-3)}.copy-item{display:grid;gap:var(--s-1)}.section-gap{margin-bottom:var(--s-6)}.lesson-h1{margin-bottom:var(--s-2)}.blk-slot+.blk-slot{border-top:var(--bw) solid var(--line)}.title-btn{padding:0;border:0;background:none;text-align:left;cursor:pointer;font-weight:var(--fw-label);color:var(--ink)}.consents{display:grid;gap:var(--s-1)}.consents p{margin:0}.consents .check{align-items:flex-start;padding:var(--s-2) 0;min-height:var(--tap)}.consents .check input{margin-top:var(--bw-strong);flex:none}.consents-optional{margin-top:var(--s-2)}.stack-form{display:grid;gap:var(--s-4)}.site-footer{padding:var(--s-6) var(--s-6) var(--s-8);border-top:var(--bw) solid var(--line);background:var(--bg);font-size:var(--fs-small);color:var(--ink-2)}.site-footer ul{display:flex;flex-wrap:wrap;gap:0 var(--s-4);margin:0 0 var(--s-2);padding:0;list-style:none}.site-footer a{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--ink-2)}.site-footer a:hover{color:var(--ink)}.site-footer p{margin:0}@media (max-width: 860px){.site-footer{padding:var(--s-4) var(--s-4) calc(var(--tap-lg) + var(--s-6))}}.legal{max-width:var(--page);margin:0 auto;padding:0 var(--s-6) var(--s-12)}.legal-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);min-height:var(--tap-lg);padding:var(--s-4) 0}.legal-bar-link{display:inline-flex;align-items:center;min-height:var(--tap);font-weight:var(--fw-label)}.legal-draft{margin-bottom:var(--s-6)}.legal-index h1,.legal-main h1{margin-bottom:var(--s-3)}.legal-list{display:grid;gap:var(--s-3);margin:var(--s-6) 0 0;padding:0;list-style:none}.legal-item{display:grid;gap:var(--s-1)}.legal-item-title{font-weight:var(--fw-label);font-size:var(--fs-h3);line-height:var(--lh-tight)}.legal-main{max-width:var(--content)}.legal-meta{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap;color:var(--ink-2);margin-bottom:var(--s-4)}.legal-todo{margin:0 0 var(--s-4)}.legal-toc{margin-bottom:var(--s-8);padding:var(--s-4) var(--s-6);background:var(--surface-2);border-left:var(--bw-strong) solid var(--margin-line);border-radius:var(--r-sm)}.legal-toc summary{min-height:var(--tap);display:flex;align-items:center;cursor:pointer;font-weight:var(--fw-label)}.legal-toc ul{margin:var(--s-2) 0 0;padding:0;list-style:none;columns:2 var(--col-wide);column-gap:var(--s-8)}.legal-toc li{break-inside:avoid}.legal-toc a{display:flex;align-items:center;min-height:var(--tap)}.legal-text{line-height:var(--lh-lesson)}.legal-text h2{font-size:var(--fs-h2);margin:var(--s-8) 0 var(--s-3);scroll-margin-top:var(--s-4)}.legal-text h3{font-size:var(--fs-h3);margin:var(--s-6) 0 var(--s-2);scroll-margin-top:var(--s-4)}.legal-text h4{font-size:var(--fs-body);font-weight:var(--fw-label);margin:var(--s-4) 0 var(--s-2)}.legal-text p,.legal-text ul,.legal-text ol{margin:0 0 var(--s-3)}.legal-text ul,.legal-text ol{padding-left:var(--s-6)}.legal-text p:target{background:var(--surface-2);box-shadow:inset var(--bw-marker) 0 0 var(--margin-line);padding-left:var(--s-3)}.legal-text hr{border:0;border-top:var(--bw) solid var(--line);margin:var(--s-8) 0}.legal-text blockquote{margin:var(--s-4) 0;padding:var(--s-3) var(--s-4);background:var(--surface-2);border-left:var(--bw-strong) solid var(--border);border-radius:var(--r-sm)}.legal-text blockquote p:last-child,.legal-text blockquote ol:last-child{margin-bottom:0}.legal-text mark{background:var(--warn-soft);color:var(--warn);padding:0 var(--s-1);border-radius:var(--r-sm)}.legal-text code{font-family:var(--font-mono);font-size:var(--fs-small)}.table-wrap{overflow-x:auto;margin:0 0 var(--s-4)}.legal-text table{width:100%;border-collapse:collapse;font-size:var(--fs-body);line-height:var(--lh-text)}.legal-text th,.legal-text td{padding:var(--s-2) var(--s-3);border:var(--bw) solid var(--line);text-align:left;vertical-align:top}.legal-text th{background:var(--surface-2);font-weight:var(--fw-label)}.legal-form{margin-top:var(--s-12);scroll-margin-top:var(--s-4)}.legal-form h2{margin-bottom:var(--s-3)}@media (max-width: 600px){.legal{padding:0 var(--s-4) var(--s-8)}.legal-toc{padding:var(--s-3) var(--s-4)}}@media print{.legal-bar,.legal-meta .btn,.legal-toc,.legal-form,.site-footer{display:none}.legal{max-width:none;padding:0}.legal-text mark{background:none;color:inherit}.legal-text a{text-decoration:none}}@page{margin:16mm}.room{min-height:100vh;display:flex;flex-direction:column}.room-bar{position:sticky;top:0;z-index:var(--z-bar);display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;padding:var(--s-2) var(--s-6);background:var(--bg);border-bottom:var(--bw) solid var(--line)}.room-bar .logo svg{height:var(--logo-h)}.room-bar>.grow{flex:1 1 var(--col-wide)}.room-title{font-weight:var(--fw-label);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-who{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap;font-size:var(--fs-small);color:var(--ink-2)}.room-acts{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.room-body{flex:1;display:grid;grid-template-columns:1fr var(--room-side);gap:var(--s-6);padding:var(--s-6);align-items:start}.room-side{position:sticky;top:calc(var(--tap) * 2);display:grid;gap:var(--s-4)}.room-main{min-width:0}.room-main .notice,.room-main .invite,.room-pick{margin-bottom:var(--s-4)}.room-pick{display:grid;gap:var(--s-2)}@media (max-width: 1100px){.room-body{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:var(--s-4)}.room-side{display:contents}.room-side>.video{order:-1;margin-bottom:var(--s-4)}.room-main{order:0}.room-side>.words-panel{order:1;margin-top:var(--s-4)}}@media (max-width: 600px){.room-bar{padding:var(--s-2) var(--s-4)}}.invite{display:grid;gap:var(--s-3)}.video{overflow:hidden}.video-stage{position:relative;aspect-ratio:4 / 3;display:grid;place-items:center;text-align:center;background:var(--video-bg);color:var(--on-dark);--focus: var(--on-dark)}.video-stage video.remote{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-stage video.self{position:absolute;right:var(--s-2);bottom:var(--s-2);z-index:2;width:30%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--r-sm);border:var(--bw-strong) solid var(--on-dark);transform:scaleX(-1);background:var(--video-bg)}.video-stage video.self.screen{transform:none}.video-msg{position:relative;z-index:1;display:grid;gap:var(--s-3);justify-items:center;padding:var(--s-6);font-size:var(--fs-body)}.video-err{font-size:var(--fs-small);color:var(--on-dark-2)}.video-ctrl{display:flex;gap:var(--s-2);justify-content:center;padding:var(--s-2)}@media (max-width: 1100px){.room-side>.video:not(.floating) .video-stage{aspect-ratio:auto}.room-side>.video:not(.floating) .video-msg{padding:var(--s-4);display:flex;align-items:center;flex-wrap:wrap;justify-content:center}.video.floating{position:fixed;right:var(--s-3);top:calc(var(--tap) + var(--s-6));width:var(--video-float);z-index:var(--z-video);border-color:var(--border)}.video.floating .video-ctrl{padding:var(--s-1);gap:var(--s-1);flex-wrap:wrap}}.words-panel h3{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-3);font-size:var(--fs-body);font-weight:var(--fw-label)}.words-panel form{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--s-2);margin-bottom:var(--s-3)}.wp-list{display:grid;max-height:var(--list-h);overflow-y:auto}.wp-item{display:flex;align-items:center;gap:var(--s-2);border-bottom:var(--bw) solid var(--line)}.wp-item:last-child{border-bottom:0}.wp-item .grow{overflow-wrap:anywhere}.ended{max-width:var(--result-w);margin:0 auto;padding:var(--s-12) var(--s-4)}.summary-score{font-size:var(--fs-display);font-weight:var(--fw-medium);line-height:1}.result{display:grid;gap:var(--s-2);padding-top:var(--s-4);border-top:var(--bw) solid var(--line)}.result-head{display:flex;align-items:baseline;gap:var(--s-3);flex-wrap:wrap}.mistake{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap;padding:var(--s-2) 0;border-bottom:var(--bw) solid var(--line)}.mistake:last-child{border-bottom:0}.mistake-ctx{flex-basis:100%;font-size:var(--fs-small);color:var(--ink-2)}.mistake s{color:var(--bad);text-decoration-thickness:var(--bw-strong)}.mistake b{color:var(--ok)}.result-head .section-title{margin:0}