:root{color-scheme:light;--color-paper: oklch(97% .012 95);--color-paper-2: oklch(94% .018 95);--color-paper-3: oklch(91% .022 95);--color-surface: oklch(99% .006 95);--color-rule: oklch(86% .014 95);--color-ink: oklch(20% .012 250);--color-ink-2: oklch(40% .014 250);--color-ink-3: oklch(56% .012 250);--color-accent: oklch(86% .18 95);--color-accent-deep: oklch(72% .16 80);--color-accent-cast: oklch(76% .2 95 / .45);--color-accent-tint: oklch(94% .07 95);--color-accent-2: oklch(66% .18 235);--color-accent-2-ink: oklch(46% .15 240);--color-accent-2-tint: oklch(94% .035 235);--color-accent-3: oklch(68% .2 18);--color-accent-3-ink: oklch(50% .19 22);--color-accent-3-tint: oklch(94% .04 18);--color-mint: oklch(80% .14 150);--color-mint-ink: oklch(44% .12 150);--color-mint-tint: oklch(94% .045 150);--color-lav: oklch(74% .14 305);--color-lav-ink: oklch(46% .14 305);--color-lav-tint: oklch(94% .035 305);--color-sepia: oklch(52% .08 65);--color-sepia-tint: oklch(93% .03 75);--color-focus: oklch(55% .17 240);--color-film: oklch(22% .02 250);--color-road: oklch(33% .012 250);--color-curb: oklch(84% .02 90);--color-on-dark: oklch(97% .012 95);--font-display: "Plus Jakarta Sans", "Be Vietnam Pro", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", "Be Vietnam Pro", system-ui, sans-serif;--font-label: "JetBrains Mono", ui-monospace, Menlo, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.25rem;--text-lg: 1.5625rem;--text-xl: 1.9531rem;--text-2xl: 2.4414rem;--text-display-s: clamp(2.2rem, 3.5vw + 1rem, 3.6rem);--text-display: clamp(2.6rem, 5vw + 1rem, 5rem);--text-hero: clamp(2.6rem, 3.2vw + 1rem, 4.2rem);--text-numeral: clamp(3rem, 5vw + 1rem, 5rem);--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4.5rem;--space-4xl: 6.5rem;--page-max: 72rem;--page-gutter: clamp(1rem, 4vw, 2.5rem);--radius-card: 20px;--radius-chip: 14px;--radius-input: 12px;--radius-pill: 999px;--shadow-contact: 0 1px 2px oklch(20% .012 250 / .08);--shadow-ambient: 0 12px 32px -16px oklch(20% .012 250 / .18);--shadow-lift: 0 18px 40px -18px oklch(20% .012 250 / .24);--border-clay: 3px solid var(--color-ink);--shadow-clay: 0 6px 0 0 var(--color-ink), 0 22px 36px -20px oklch(20% .012 250 / .35);--nav-h: 4rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-press: cubic-bezier(.2, .7, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--z-raised: 1;--z-sticky: 10;--z-overlay: 20}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;overflow-x:clip}body{background:var(--color-paper);color:var(--color-ink);font:400 var(--text-base)/1.6 var(--font-body);font-variant-numeric:tabular-nums;padding-block:env(safe-area-inset-top,0) env(safe-area-inset-bottom,0)}button,input,select,textarea{font:inherit;color:inherit}img,video{max-width:100%;height:auto}a{color:inherit}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}h1,h2,h3{font-family:var(--font-display);font-style:normal;line-height:1.12;letter-spacing:-.025em;text-wrap:balance;margin:0;overflow-wrap:anywhere;min-width:0}h1{font-size:var(--text-2xl);font-weight:700}h2{font-size:var(--text-xl);font-weight:700}h3{font-size:var(--text-md);font-weight:600}p{margin:0}.muted{color:var(--color-ink-2)}.shell{max-width:var(--page-max);margin-inline:auto;padding-inline:var(--page-gutter)}.btn{--btn-face: var(--color-surface);--btn-edge: var(--color-rule);display:inline-flex;align-items:center;justify-content:center;gap:.5em;white-space:nowrap;padding:.6rem 1.15rem;border:1px solid var(--color-rule);border-radius:var(--radius-pill);background:var(--btn-face);color:var(--color-ink);font-weight:600;text-decoration:none;cursor:pointer;box-shadow:var(--shadow-contact);transition:transform var(--dur-micro) var(--ease-press),box-shadow var(--dur-micro) var(--ease-press),background-color .16s var(--ease-out)}.btn:hover{background:var(--color-paper-2)}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.btn--push,.btn.primary{--btn-face: var(--color-accent);--btn-edge: var(--color-accent-deep);border:0;background:var(--btn-face);box-shadow:0 4px 0 0 var(--btn-edge),0 6px 12px -3px var(--color-accent-cast)}.btn--push:hover,.btn.primary:hover{background:var(--btn-face);transform:translateY(-2px);box-shadow:0 6px 0 0 var(--btn-edge),0 12px 22px -4px var(--color-accent-cast)}.btn--push:active,.btn.primary:active{transform:translateY(3px);box-shadow:0 1px 0 0 var(--btn-edge),0 2px 6px -2px var(--color-accent-cast);transition-duration:70ms}.btn--push[disabled],.btn.primary[disabled]{transform:none;box-shadow:0 4px 0 0 var(--btn-edge)}.btn--push:focus-visible,.btn.primary:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.btn--lg{padding:.85rem 1.5rem;font-size:var(--text-md)}.btn--sm,.btn.small{padding:.35rem .85rem;font-size:var(--text-sm)}.btn--soft{background:var(--color-surface)}.btn__arrow{transition:transform var(--dur-short) var(--ease-out)}.btn:hover .btn__arrow{transform:translate(3px)}.link-quiet{color:var(--color-accent-2-ink);font-weight:600;text-underline-offset:.25em;text-decoration-thickness:2px;white-space:nowrap}.link-quiet:hover{color:var(--color-ink)}.alarm{width:1.35em;height:1.35em;flex:none;overflow:visible;animation:alarm-breathe 4s var(--ease-in-out) infinite;transform-origin:50% 60%}.alarm__face{fill:var(--color-accent);stroke:var(--color-ink);stroke-width:2.2}.alarm__bell,.alarm__feet{fill:none;stroke:var(--color-ink);stroke-width:2.4;stroke-linecap:round}.alarm__hands{fill:none;stroke:var(--color-ink);stroke-width:2;stroke-linecap:round}body:has(.cta-ring:hover) .alarm,body:has(.cta-ring:focus-visible) .alarm{animation:alarm-ring .5s linear infinite}@keyframes alarm-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes alarm-ring{0%,to{transform:rotate(0)}20%{transform:rotate(-14deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-10deg)}80%{transform:rotate(8deg)}}.site-nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:var(--z-sticky);background:var(--color-paper);border-bottom:2px solid var(--color-ink)}.site-nav__in{max-width:var(--page-max);margin-inline:auto;padding:var(--space-sm) var(--page-gutter);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.wordmark{display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-display);font-weight:800;font-size:var(--text-md);letter-spacing:-.03em;text-decoration:none;white-space:nowrap}.site-nav nav{display:flex;align-items:center;gap:var(--space-xs)}.site-nav__link{display:inline-flex;align-items:center;gap:.4em;padding:.45rem .8rem;border-radius:var(--radius-pill);text-decoration:none;font-weight:700;font-size:var(--text-sm);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transition:background-color var(--dur-micro) var(--ease-out)}.site-nav__link:hover{background:var(--color-paper-2)}.site-nav__link[aria-current=page]{background:var(--color-accent-tint)}.count{min-width:1.4em;height:1.4em;padding-inline:.35em;border-radius:var(--radius-pill);background:var(--color-accent-3-ink);color:var(--color-on-dark);font:600 var(--text-xs)/1.4em var(--font-label);text-align:center}.site-main{display:block}.site-nav__cta{margin-left:var(--space-2xs)}@media(max-width:25rem){.site-nav__link[href="#/on-tap"]{display:none}}@media(max-width:23.4rem){.site-nav .wordmark span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.site-nav .wordmark{font-size:var(--text-lg)}.site-nav__link{padding-inline:.6rem}}.section-title{font-size:var(--text-display-s);font-weight:700;letter-spacing:-.03em;max-width:20ch}.section-lead{margin-top:var(--space-md);font-size:var(--text-md);line-height:1.55;color:var(--color-ink-2);max-width:52ch}.page-title{font-size:var(--text-display);font-weight:700;letter-spacing:-.035em}.vis--heard{background:var(--color-surface);border-radius:var(--radius-card);padding:var(--space-lg) var(--space-xl);box-shadow:var(--shadow-contact),var(--shadow-ambient);transform:rotate(-1.2deg);max-width:24rem}.vis--heard b{font:600 var(--text-xs) var(--font-label);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-3-ink)}.vis--heard ul{margin:var(--space-sm) 0 0;padding:0;list-style:none;display:grid;gap:var(--space-2xs)}.vis--heard li{display:flex;justify-content:space-between;gap:var(--space-md);font-size:var(--text-md);font-weight:500;padding-block:.2rem;border-bottom:1px dashed var(--color-rule)}.vis--heard li span{font:600 var(--text-sm) var(--font-label);color:var(--color-accent-3-ink)}.toy{background:var(--color-surface);border-radius:var(--radius-card);padding:var(--space-lg);box-shadow:var(--shadow-contact),var(--shadow-ambient);display:grid;gap:var(--space-md)}.toy--loading{min-height:18rem}.toy__top{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.toy__hint{color:var(--color-ink-2)}.toy__pics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.toy__pic{border:2px solid var(--color-rule);border-radius:var(--radius-chip);padding:6px;background:var(--color-surface);cursor:pointer;transition:border-color var(--dur-micro) var(--ease-out),transform var(--dur-short) var(--ease-out)}.toy__pic:hover:not([disabled]){transform:translateY(-2px);border-color:var(--color-ink-3)}.toy__pic[disabled]{cursor:default}.toy__pic.right{border-color:var(--color-mint-ink);background:var(--color-mint-tint)}.toy__pic.wrong{border-color:var(--color-accent-3-ink);background:var(--color-accent-3-tint)}.toy__result{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap;font-weight:500}.spine{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-xs);position:relative;padding-top:var(--space-2xl)}.spine:before{content:"";position:absolute;left:10%;right:10%;top:calc(var(--space-2xl) + 1.6rem);height:4px;border-radius:2px;background:var(--color-ink);opacity:.85}.spine__stop{position:relative;display:grid;justify-items:center;gap:2px}.spine__day{position:relative;width:3.2rem;height:3.2rem;border-radius:50%;display:grid;place-items:center;background:var(--color-surface);border:3px solid var(--color-ink);font:700 var(--text-md) var(--font-display)}.spine__stop small{color:var(--color-ink-2);font-size:var(--text-sm)}.spine__stop.is-here .spine__day{background:var(--color-accent-3);color:var(--color-on-dark);border-color:var(--color-accent-3-ink)}.spine__chip{position:absolute;bottom:calc(100% + .4rem);white-space:nowrap;padding:.2rem .6rem;border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-on-dark);font-size:var(--text-sm);font-weight:600}.note{max-width:40rem;margin-inline:auto;padding:var(--space-lg) var(--space-xl);background:var(--color-accent-tint);border-radius:var(--radius-chip);transform:rotate(1.3deg);box-shadow:var(--shadow-contact),var(--shadow-ambient);line-height:1.6}.note a{color:var(--color-accent-2-ink);font-weight:600}.note--warn{background:var(--color-accent-3-tint);transform:none}.foot{border-top:3px solid var(--color-ink);background:var(--color-paper-2)}.foot__marquee{overflow:hidden;border-bottom:1px solid var(--color-rule)}.foot__track{display:flex;width:max-content;white-space:nowrap;padding-block:var(--space-md);animation:marquee 40s linear infinite}.foot__track span{padding-right:.6em;font:700 clamp(1.1rem,2.4vw,1.6rem) var(--font-display);letter-spacing:-.02em}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.foot__row{max-width:var(--page-max);margin-inline:auto;padding:var(--space-lg) var(--page-gutter);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md);color:var(--color-ink-2);font-size:var(--text-sm)}.foot__row nav{display:flex;gap:var(--space-md)}.foot__row nav a{font-weight:600;white-space:nowrap}.line-tabs{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-lg)}.line-tab{display:inline-flex;align-items:baseline;gap:.5em;padding:.45rem .9rem;border-radius:var(--radius-pill);border:2px solid var(--color-ink);background:var(--color-surface);text-decoration:none;white-space:nowrap;transition:transform var(--dur-micro) var(--ease-press)}.line-tab b{font:800 var(--text-base) var(--font-display)}.line-tab span{font-size:var(--text-sm);color:var(--color-ink-2)}.line-tab:hover{transform:translateY(-2px)}.line-tab[aria-current=page]{box-shadow:0 3px 0 0 var(--color-ink)}.line-tab--pear[aria-current=page]{background:var(--color-accent)}.line-tab--sky[aria-current=page]{background:var(--color-accent-2-tint)}.line-tab--mint[aria-current=page]{background:var(--color-mint-tint)}.line-tab--lav[aria-current=page]{background:var(--color-lav-tint)}.planned{margin-block:var(--space-2xl) var(--space-4xl);max-width:44rem;padding:var(--space-xl);border-radius:var(--radius-card);border:2px dashed var(--color-ink-3);display:grid;gap:var(--space-md);justify-items:start}.planned b{font:700 var(--text-lg) var(--font-display);letter-spacing:-.02em}.planned p{color:var(--color-ink-2)}.planned--sky{background:var(--color-accent-2-tint)}.planned--mint{background:var(--color-mint-tint)}.planned--lav{background:var(--color-lav-tint)}.planned--pear{background:var(--color-accent-tint)}.chips-row{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-xs)}.chips-row li{padding:.2rem .7rem;border-radius:var(--radius-pill);background:var(--color-surface);font-size:var(--text-sm);font-weight:600}.route-head{padding-top:var(--space-2xl)}.legend-row{list-style:none;margin:var(--space-lg) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-lg);font-size:var(--text-sm);color:var(--color-ink-2)}.legend-row li{display:inline-flex;align-items:center;gap:.45em}.dot{display:inline-block;width:.8rem;height:.8rem;border-radius:50%;border:2px solid var(--color-ink);flex:none}.dot--open{background:var(--color-accent)}.dot--done{background:var(--color-mint)}.dot--soon{background:transparent;border-style:dashed;border-color:var(--color-ink-3)}.route-top{margin-top:var(--space-2xl);display:grid;gap:var(--space-md)}@media(min-width:60rem){.route-top{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:stretch}}.continue{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--space-lg);align-items:center;padding:var(--space-md);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-contact),var(--shadow-ambient);text-decoration:none;transition:transform var(--dur-short) var(--ease-spring),box-shadow var(--dur-short) var(--ease-out)}.continue:hover{transform:translateY(-3px);box-shadow:var(--shadow-contact),var(--shadow-lift)}.continue img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius-chip)}.continue__text{display:grid;gap:var(--space-xs);justify-items:start;min-width:0}.continue__kicker{font:600 var(--text-xs) var(--font-label);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-2)}.continue b{font:700 var(--text-lg)/1.2 var(--font-display);letter-spacing:-.02em}.continue__bar{display:block;width:100%;height:8px;border-radius:4px;background:var(--color-paper-3);overflow:hidden}.continue__bar i{display:block;height:100%;background:var(--color-mint-ink)}@media(max-width:36rem){.continue{grid-template-columns:1fr}}.review-card{display:grid;align-content:center;gap:var(--space-2xs);padding:var(--space-lg);border-radius:var(--radius-card);border:2px dashed var(--color-rule);text-decoration:none}.review-card span{color:var(--color-ink-2);font-size:var(--text-sm)}.review-card.is-due{border:0;background:var(--color-accent-tint);box-shadow:var(--shadow-contact)}.route{list-style:none;margin:var(--space-3xl) 0 var(--space-4xl);padding:0;position:relative;display:grid;gap:var(--space-xl)}.route:before{content:"";position:absolute;left:1.45rem;top:1rem;bottom:1rem;width:8px;border-radius:4px;background:var(--color-ink)}.stop{position:relative;display:grid;grid-template-columns:3.4rem minmax(0,1fr);gap:var(--space-md);align-items:start}.stop__marker{position:relative;z-index:var(--z-raised);width:3.4rem;height:3.4rem;border-radius:50%;display:grid;place-items:center;border:5px solid var(--color-ink);background:var(--color-surface);font:700 var(--text-lg) var(--font-display)}.stop--pear .stop__marker{background:var(--color-accent-tint)}.stop--sky .stop__marker{background:var(--color-accent-2-tint)}.stop--here .stop__marker{background:var(--color-accent-3);border-color:var(--color-accent-3-ink);color:var(--color-on-dark)}.stop__body{position:relative;padding:var(--space-lg);border-radius:var(--radius-card);display:grid;gap:var(--space-sm)}.stop--pear .stop__body{background:var(--color-accent-tint)}.stop--sky .stop__body{background:var(--color-accent-2-tint)}.stop--here .stop__body{background:var(--color-accent-3-tint);box-shadow:var(--shadow-contact),var(--shadow-ambient);padding-bottom:var(--space-3xl)}.stop__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-xs) var(--space-md)}.stop__head h2{font-size:var(--text-xl)}.here-tag{padding:.2rem .7rem;border-radius:var(--radius-pill);background:var(--color-accent-3-ink);color:var(--color-on-dark);font-size:var(--text-sm);font-weight:600;white-space:nowrap}.stop__cando{color:var(--color-ink-2);max-width:60ch}.stop__bus{position:absolute;right:var(--space-lg);bottom:-1.4rem;width:clamp(8rem,18vw,12rem);height:auto;pointer-events:none}.tickets{list-style:none;margin:var(--space-xs) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr));gap:var(--space-sm)}.ticket>a,.ticket>div{position:relative;height:100%;display:grid;align-content:start;gap:4px;padding:var(--space-sm) var(--space-md) var(--space-md);border-radius:var(--radius-chip);background:var(--color-surface);text-decoration:none;-webkit-mask:radial-gradient(circle 7px at 0 55%,transparent 98%,var(--color-ink)),radial-gradient(circle 7px at 100% 55%,transparent 98%,var(--color-ink));-webkit-mask-composite:source-in;mask:radial-gradient(circle 7px at 0 55%,transparent 98%,var(--color-ink)),radial-gradient(circle 7px at 100% 55%,transparent 98%,var(--color-ink));mask-composite:intersect;transition:transform var(--dur-short) var(--ease-spring),background-color var(--dur-short) var(--ease-out)}.ticket>a:hover{transform:translateY(-3px);background:var(--color-paper)}.ticket__no{font:600 var(--text-sm) var(--font-label);color:var(--color-ink-2)}.ticket__title{font-weight:600;line-height:1.3}.stop-words{margin-top:var(--space-xs);border-top:1px solid var(--color-rule);padding-top:var(--space-sm)}.stop-words>summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2xs) var(--space-sm);min-height:44px;align-items:center;cursor:pointer;font-weight:600;list-style:none;border-radius:var(--radius-input)}.stop-words>summary::-webkit-details-marker{display:none}.stop-words>summary:before{content:"";width:.5rem;height:.5rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform var(--dur-micro) ease;margin-right:var(--space-2xs)}.stop-words[open]>summary:before{transform:rotate(45deg)}.stop-words>summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.stop-words__count{font-family:var(--font-label);font-size:var(--text-sm);font-weight:400;color:var(--color-ink-2)}.stop-words__list{list-style:none;margin:var(--space-sm) 0 0;padding:0;display:grid;gap:var(--space-md)}.stop-words__lesson{font-weight:600;display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2xs) var(--space-sm)}.stop-words__lesson b{font-family:var(--font-label);font-size:var(--text-sm)}.stop-words__grammar{font-weight:400;font-size:var(--text-sm);color:var(--color-ink-2)}.stop-words__chunks{list-style:none;margin:var(--space-2xs) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.stop-words__chunks li{padding:.15rem .6rem;border-radius:var(--radius-pill);background:var(--color-paper);border:1px solid var(--color-rule);font-size:var(--text-sm);overflow-wrap:anywhere}.stop-words__chunks li.is-passive{border-style:dashed;border-color:var(--color-ink-3);color:var(--color-ink-2)}.stop-words__words{margin-top:var(--space-2xs);font-size:var(--text-sm);overflow-wrap:anywhere}.stop-words__words>span:first-child{font-weight:600;margin-right:var(--space-2xs)}.stop-words__legend{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--color-ink-2);display:flex;align-items:center;gap:var(--space-xs)}.stop-words__legend i{width:1.6rem;height:.9rem;border:1px dashed var(--color-ink-3);border-radius:var(--radius-pill);flex:none}.ticket__state{margin-top:auto;padding-top:var(--space-xs);display:inline-flex;align-items:center;gap:.4em;font-size:var(--text-sm);font-weight:600;white-space:nowrap}.ticket--soon>div{background:transparent;outline:2px dashed var(--color-rule);outline-offset:-2px;color:var(--color-ink-2);-webkit-mask:none;mask:none}.ticket--soon .ticket__state{font-weight:500}.ticket--done .ticket__state{color:var(--color-mint-ink)}.ticket__cover{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:10px;margin-bottom:var(--space-2xs)}@media(max-width:36rem){.stop{grid-template-columns:2.6rem minmax(0,1fr);gap:var(--space-sm)}.stop__marker{width:2.6rem;height:2.6rem;border-width:4px;font-size:var(--text-md)}.route:before{left:1.05rem;width:6px}.stop__body{padding:var(--space-md)}}.stack{display:grid;gap:var(--space-md)}.stack.tight{gap:var(--space-sm)}.head{display:grid;gap:var(--space-xs)}.kicker{font:600 var(--text-xs) var(--font-label);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-2)}.lead{color:var(--color-ink-2);max-width:62ch}.card{background:var(--color-surface);border-radius:var(--radius-card);padding:var(--space-lg);box-shadow:var(--shadow-contact),var(--shadow-ambient);display:grid;gap:var(--space-md);min-width:0}.row{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:center}.row.nowrap{flex-wrap:nowrap}.row.spread{justify-content:space-between}.en{font-weight:500}.err{white-space:pre-wrap;font:13px/1.5 var(--font-label);color:var(--color-accent-3-ink);margin:0}.play:before{content:"";width:0;height:0;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}.play.playing:before{width:9px;height:12px;border:0;border-left:3px solid currentColor;border-right:3px solid currentColor}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.15s!important;animation:none!important}.vis--heard,.note{transform:none}.continue:hover,.ticket>a:hover,.toy__pic:hover:not([disabled]),.btn:hover .btn__arrow{transform:none}.btn--push:hover,.btn.primary:hover{transform:none}}.l-hero{padding-top:var(--space-2xl)}.l-hero__in{max-width:var(--page-max);margin-inline:auto;padding:0 var(--page-gutter) var(--space-3xl);display:grid;gap:var(--space-2xl);align-items:center}.l-hero h1{font-size:var(--text-hero);font-weight:800;letter-spacing:-.04em;line-height:1.02}.l-hero h1 span{display:inline-block}.l-hero__lead{margin-top:var(--space-lg);font-size:var(--text-md);line-height:1.55;color:var(--color-ink-2);max-width:36ch}.l-hero__actions{margin-top:var(--space-xl);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-lg)}.l-hero__note{margin-top:var(--space-md);font-size:var(--text-sm);color:var(--color-ink-2)}.l-hero__film{margin:0;min-width:0}.l-hero__film video{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--color-film);border:var(--border-clay);border-radius:24px;box-shadow:var(--shadow-clay)}.l-hero__film figcaption{margin-top:var(--space-md);font-size:var(--text-sm);color:var(--color-ink-2)}@media(min-width:60rem){.l-hero{padding-top:var(--space-3xl)}.l-hero__in{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.l-hero__film video{width:calc(100% + var(--page-gutter) + 8vw);max-width:none;border-right:0;border-radius:24px 0 0 24px}}.road{position:relative;height:5.5rem;background:linear-gradient(var(--color-curb) 0 .6rem,var(--color-road) .6rem)}.road:after{content:"";position:absolute;left:0;right:0;top:3.2rem;height:5px;background:repeating-linear-gradient(90deg,var(--color-accent) 0 2.4rem,transparent 2.4rem 4.2rem)}.road__bus{position:absolute;left:max(var(--page-gutter),6vw);bottom:2.1rem;height:6.5rem;width:auto;z-index:var(--z-raised)}.road__sign{position:absolute;left:calc(max(var(--page-gutter),6vw) + 15rem);bottom:3.9rem;padding:.2rem .7rem;border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-accent);font-size:var(--text-sm);font-weight:700;white-space:nowrap}.l-problem{padding-block:var(--space-4xl) var(--space-3xl)}.l-problem__pair{margin-top:var(--space-2xl);display:grid;gap:var(--space-2xl);align-items:center}@media(min-width:48rem){.l-problem__pair{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.l-book,.l-seen{position:relative;display:grid;gap:var(--space-md);padding:var(--space-xl);border-radius:var(--radius-card)}.l-book{background:var(--color-paper-2);border:2px dashed var(--color-rule);color:var(--color-ink-2);transform:rotate(-1.2deg)}.l-book table{width:100%;border-collapse:collapse;font-family:var(--font-label);font-size:var(--text-sm)}.l-book caption{text-align:left;font:600 var(--text-sm) var(--font-body);padding-bottom:var(--space-xs);color:var(--color-ink)}.l-book th,.l-book td{text-align:left;padding:var(--space-xs) var(--space-sm);border-top:1px solid var(--color-rule)}.l-book th{font-weight:500;color:var(--color-ink-3);width:7.5rem}.l-seen{background:var(--color-surface);border:var(--border-clay);box-shadow:var(--shadow-clay);transform:rotate(.8deg)}.l-seen img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius-chip)}.l-seen__say{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;font-size:var(--text-md)}.l-book__tag,.l-seen__tag{justify-self:start;padding:.2rem .75rem;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:700}.l-book__tag{background:var(--color-paper-3);color:var(--color-ink-2)}.l-seen__tag{background:var(--color-accent);border:2px solid var(--color-ink)}.l-stages{padding-block:var(--space-3xl) var(--space-4xl)}.l-stages__grid{margin-top:var(--space-2xl);display:grid;gap:var(--space-2xl)}.l-stages__pin{display:none}.l-stages__steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3xl)}.step{display:grid;gap:var(--space-sm);align-content:center;scroll-margin-top:calc(var(--nav-h) + var(--space-lg))}.step__no{font:800 var(--text-numeral)/1 var(--font-display);letter-spacing:-.05em;color:var(--color-accent-deep)}.step:nth-child(2) .step__no{color:var(--color-accent-2)}.step:nth-child(3) .step__no{color:var(--color-sepia)}.step:nth-child(4) .step__no{color:var(--color-accent-3)}.step h3{font-size:var(--text-xl)}.step p{max-width:44ch;color:var(--color-ink-2);line-height:1.6}.step__inline{margin-top:var(--space-md)}@media(min-width:60rem){.l-stages__grid{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:var(--space-4xl);align-items:start}.l-stages__pin{display:block;position:sticky;top:calc(var(--nav-h) + var(--space-xl))}.step{min-height:72vh}.step:not(.is-on) .step__no{color:var(--color-rule)}.step__no{transition:color var(--dur-long) var(--ease-out)}.step__inline{display:none}}.pin{position:relative;height:min(68vh,34rem);border:var(--border-clay);border-radius:28px;box-shadow:var(--shadow-clay);overflow:hidden;transition:background-color var(--dur-long) var(--ease-out)}.pin--pear{background:var(--color-accent-tint)}.pin--sky{background:var(--color-accent-2-tint)}.pin--paper{background:var(--color-paper-2)}.pin--coral{background:var(--color-accent-3-tint)}.pin__slide{position:absolute;inset:0;display:grid;place-items:center;padding:var(--space-xl);opacity:0;transform:translateY(14px);transition:opacity var(--dur-long) var(--ease-out),transform var(--dur-long) var(--ease-out)}.pin__slide.is-on{opacity:1;transform:none}.pin__slide>.vis{width:100%;max-width:30rem}.vis--still{margin:0}.vis--still img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius-chip);border:2px solid var(--color-ink)}.vis--still figcaption{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--color-ink-2)}.vis--spine p{margin-top:var(--space-lg);color:var(--color-ink-2);text-align:center}.step__inline .vis--heard{transform:rotate(-1deg)}.l-riders{padding-top:var(--space-4xl)}.l-riders__stop{max-width:var(--page-max);margin:var(--space-2xl) auto 0;padding-inline:var(--page-gutter);display:flex;align-items:flex-end;gap:var(--space-lg);border-bottom:8px solid var(--color-ink)}.stop-pole{flex:none;position:relative;width:4.6rem;height:17rem;display:grid;justify-items:center;align-content:start}.stop-pole:after{content:"";position:absolute;top:4.4rem;bottom:0;width:7px;border-radius:3px;background:var(--color-ink)}.stop-pole span,.stop-pole b{position:relative;z-index:var(--z-raised);width:100%;text-align:center;background:var(--color-accent);border-inline:3px solid var(--color-ink)}.stop-pole span{padding-top:.35rem;border-top:3px solid var(--color-ink);border-radius:12px 12px 0 0;font:700 var(--text-xs) var(--font-label);letter-spacing:.1em}.stop-pole b{padding-bottom:.35rem;border-bottom:3px solid var(--color-ink);border-radius:0 0 12px 12px;font:800 var(--text-lg) var(--font-display);line-height:1.1}.l-riders__line{flex:1;min-width:0;list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-sm);overflow-x:auto;scrollbar-width:none}.l-riders__line li{flex:1 0 6.5rem;display:grid;justify-items:center;align-content:end;gap:2px;text-align:center}.l-riders__line img{height:calc(var(--h) * .4px);width:auto;transition:transform var(--dur-short) var(--ease-spring)}.l-riders__line li:hover img{transform:translateY(-6px)}.l-riders__line b{margin-top:var(--space-xs);font-size:var(--text-md)}.l-riders__line span{font-size:var(--text-sm);color:var(--color-ink-2);line-height:1.35;padding-bottom:var(--space-md);max-width:12ch}@media(max-width:40rem){.l-riders__stop .stop-pole{display:none}}.l-lines{padding-block:var(--space-4xl);background:var(--color-paper-2);border-top:8px solid var(--color-ink)}.lines{list-style:none;margin:var(--space-3xl) 0 0;padding:0;display:grid;gap:var(--space-xl)}.line{--tone: var(--color-accent);--tone-ink: var(--color-accent-deep);--tone-tint: var(--color-accent-tint);display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-md)}.line--sky{--tone: var(--color-accent-2);--tone-ink: var(--color-accent-2-ink);--tone-tint: var(--color-accent-2-tint)}.line--mint{--tone: var(--color-mint);--tone-ink: var(--color-mint-ink);--tone-tint: var(--color-mint-tint)}.line--lav{--tone: var(--color-lav);--tone-ink: var(--color-lav-ink);--tone-tint: var(--color-lav-tint)}.line__track{position:relative}.line__track:before{content:"";position:absolute;left:50%;top:0;bottom:calc(-1 * var(--space-xl));width:12px;transform:translate(-50%);background:var(--tone);border-inline:2px solid var(--color-ink)}.line:last-child .line__track:before{bottom:0;border-bottom:2px solid var(--color-ink);border-radius:0 0 6px 6px}.line:first-child .line__track:before{border-top:2px solid var(--color-ink);border-radius:6px 6px 0 0}.line--planned .line__track:before{background:repeating-linear-gradient(0deg,var(--tone) 0 14px,var(--color-surface) 14px 22px)}.line__hours{position:absolute;left:50%;transform:translate(-50%,-30%);z-index:var(--z-raised);min-width:2.4rem;height:2.4rem;padding-inline:.2rem;border-radius:var(--radius-pill);display:grid;place-items:center;background:var(--color-surface);border:3px solid var(--color-ink);font:700 var(--text-sm) var(--font-label)}.line__hours--from{top:0}.line__hours--to{bottom:0;top:auto;transform:translate(-50%,30%)}.line__bus{display:none}.line__card{padding:var(--space-lg);border-radius:var(--radius-card);background:var(--color-surface);border:2px dashed var(--color-ink-3);display:grid;gap:var(--space-xs);align-content:start}.line--running .line__card{background:var(--tone-tint);border:var(--border-clay);box-shadow:var(--shadow-clay)}.line__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.line__code{font:800 var(--text-2xl)/1 var(--font-display);letter-spacing:-.04em;color:var(--tone-ink)}.line__status{padding:.15rem .65rem;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700;white-space:nowrap;border:2px solid var(--color-ink)}.line__status--running{background:var(--color-mint)}.line__status--planned,.line__status--writing{background:var(--color-surface);border-style:dashed;color:var(--color-ink-2)}.line__card h3{font-size:var(--text-lg)}.line__hrs{font:600 var(--text-sm) var(--font-label);color:var(--color-ink-2)}.line__card>p{color:var(--color-ink-2)}.line__go{margin-top:var(--space-xs);font-weight:700;color:var(--color-ink);text-underline-offset:.25em}.line__later{font-size:var(--text-sm)}.l-lines__foot{margin-top:var(--space-xl);font-size:var(--text-sm);color:var(--color-ink-2)}@media(min-width:60rem){.lines{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md)}.line{grid-template-columns:1fr;grid-template-rows:4.5rem auto;gap:var(--space-lg)}.line__track:before{left:0;right:calc(-1 * var(--space-md));top:auto;bottom:.6rem;width:auto;height:12px;transform:none;border-inline:0;border-block:2px solid var(--color-ink);border-radius:0}.line:first-child .line__track:before{border-left:2px solid var(--color-ink);border-top:2px solid var(--color-ink);border-radius:6px 0 0 6px}.line:last-child .line__track:before{right:0;border-right:2px solid var(--color-ink);border-bottom:2px solid var(--color-ink);border-radius:0 6px 6px 0}.line--planned .line__track:before{background:repeating-linear-gradient(90deg,var(--tone) 0 14px,var(--color-surface) 14px 22px)}.line__hours{top:auto;bottom:.6rem;left:0;transform:translate(-50%,50%) translateY(-6px)}.line__hours--to{left:auto;right:0;transform:translate(50%,50%) translateY(-6px)}.line__bus{display:block;position:absolute;left:22%;bottom:1.35rem;height:3.6rem;width:auto}}.l-depart{padding-top:var(--space-4xl);background:var(--color-paper);overflow-x:clip}.l-depart__in{display:grid;gap:var(--space-2xl);align-items:center}@media(min-width:60rem){.l-depart__in{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}.l-depart__title{font-size:var(--text-display);font-weight:800;letter-spacing:-.045em;line-height:1;max-width:11ch}.l-depart__cta{margin-top:var(--space-xl)}.l-depart__note{margin-top:var(--space-md);font-size:var(--text-sm);color:var(--color-ink-2)}.l-depart__board{background:var(--color-ink);color:var(--color-on-dark);border:var(--border-clay);border-radius:18px;box-shadow:var(--shadow-clay);padding:var(--space-md) var(--space-lg);font-family:var(--font-label);display:grid;gap:var(--space-2xs);transform:rotate(-1deg)}.board__row{display:grid;grid-template-columns:3rem minmax(0,1fr) 4.5rem;gap:var(--space-sm);align-items:center;padding-block:var(--space-xs);border-top:1px dashed var(--color-ink-2);font-size:var(--text-sm)}.board__row--head{border-top:0;font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-curb)}.board__line{justify-self:start;padding:.1rem .5rem;border-radius:8px;background:var(--color-accent);color:var(--color-ink);font-weight:600}.board__line--dim{background:var(--color-ink-2);color:var(--color-on-dark)}.board__dest{color:var(--color-accent);font-weight:600;overflow-wrap:anywhere}.board__time{color:var(--color-accent);font-weight:600;font-size:var(--text-md)}.board__row--dim .board__dest,.board__row--dim span:last-child{color:var(--color-curb)}.l-depart__street{position:relative;height:15rem;margin-top:var(--space-3xl)}.l-depart__street .road--end{position:absolute;left:0;right:0;bottom:0}.stop-pole--street{position:absolute;left:52%;bottom:5.5rem;height:13rem;width:4rem}.l-depart__bus{position:absolute;left:calc(52% + 4.5rem);bottom:2.1rem;height:clamp(5.6rem,11vw,9rem);width:auto;z-index:var(--z-raised);transition:transform .9s var(--ease-in)}.l-depart__emma{position:absolute;left:30%;bottom:3rem;height:11rem;width:auto;z-index:var(--z-raised);transition:transform var(--dur-long) var(--ease-out)}body:has(.l-depart__cta:hover) .l-depart__bus,body:has(.l-depart__cta:focus-visible) .l-depart__bus{animation:rumble .14s linear infinite}body:has(.l-depart__cta:hover) .l-depart__emma{transform:translate(3rem)}.l-depart.is-leaving .l-depart__bus{animation:none;transform:translate(120vw)}.l-depart.is-leaving .l-depart__emma{transform:translate(22vw);transition:transform .9s var(--ease-in)}@keyframes rumble{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}@media(max-width:40rem){.l-depart__street{height:11rem}.stop-pole--street{left:46%;height:9rem;bottom:5.5rem}.l-depart__bus{left:calc(46% + 3.5rem);height:5.6rem}.l-depart__emma{left:8%;height:7rem}}.l-depart__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md);padding-block:var(--space-lg);color:var(--color-ink-2);font-size:var(--text-sm)}.l-depart__meta nav{display:flex;gap:var(--space-md)}.l-depart__meta nav a{font-weight:600;white-space:nowrap}.routebar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-overlay);display:none;background:var(--color-paper);border-top:2px solid var(--color-ink);padding-bottom:env(safe-area-inset-bottom,0px);transform:translateY(110%);transition:transform var(--dur-short) var(--ease-out)}.routebar.is-shown{transform:none}@media(min-width:48rem){.routebar{display:block}}.routebar__road{position:relative;max-width:var(--page-max);margin-inline:auto;height:4.25rem;padding-inline:calc(var(--page-gutter) + 2rem)}.routebar__road:before{content:"";position:absolute;left:var(--page-gutter);right:var(--page-gutter);bottom:.55rem;height:1rem;border-radius:6px;background:var(--color-road)}.routebar__road:after{content:"";position:absolute;left:calc(var(--page-gutter) + .5rem);right:calc(var(--page-gutter) + .5rem);bottom:.95rem;height:2px;background:repeating-linear-gradient(90deg,var(--color-accent) 0 1rem,transparent 1rem 1.8rem)}.routebar__stops{position:absolute;inset:0 calc(var(--page-gutter) + 2rem);list-style:none;margin:0;padding:0}.routebar__stops li{position:absolute;left:var(--x);top:.35rem;transform:translate(-50%)}.routebar__stops a{display:grid;justify-items:center;gap:2px;font-size:var(--text-xs);font-weight:700;color:var(--color-ink-3);text-decoration:none;white-space:nowrap}.routebar__stops i{width:.8rem;height:.8rem;border-radius:50%;border:2px solid var(--color-ink-3);background:var(--color-surface)}.routebar__stops .is-passed a{color:var(--color-ink)}.routebar__stops .is-passed i{border-color:var(--color-ink);background:var(--color-accent)}.routebar__road{container-type:inline-size}.routebar__bus{position:absolute;left:calc(var(--page-gutter) + 2rem);bottom:1rem;height:1.9rem;width:auto;translate:-50% 0;transform:translate(calc(100cqw * var(--p, 0)));transition:transform .12s linear}@media(prefers-reduced-motion:reduce){.pin__slide,.l-book,.l-seen,.l-depart__board,.l-riders__line li:hover img{transform:none}.routebar,.routebar__bus{transition:none}}.lx{--grp: var(--color-accent-2);--grp-tint: var(--color-accent-2-tint);--grp-ink: var(--color-accent-2-ink);min-height:100dvh;background:var(--color-paper);--lx-max: 72rem;--top-h: 6.3rem;--bar-h: 5.4rem;--film-gap: 10rem}.lx--luyen{--grp: var(--color-accent);--grp-tint: var(--color-accent-tint);--grp-ink: var(--color-accent-deep)}.lx--dung{--grp: var(--color-mint);--grp-tint: var(--color-mint-tint);--grp-ink: var(--color-mint-ink)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.lx-top{position:sticky;top:env(safe-area-inset-top,0px);z-index:var(--z-sticky);background:var(--color-paper);border-bottom:2px solid var(--color-ink)}.lx-top__in{max-width:var(--lx-max);margin-inline:auto;padding:var(--space-xs) var(--page-gutter) 0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-sm)}.lx-exit{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:2px solid transparent;background:none;color:var(--color-ink);cursor:pointer;text-decoration:none}.lx-exit:hover{background:var(--color-paper-2);border-color:var(--color-rule)}.lx-top__title{display:grid;justify-items:center;text-align:center;min-width:0;line-height:1.25}.lx-top__lesson{font-size:var(--text-xs);color:var(--color-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.lx-top__title b{font:700 var(--text-md) var(--font-display);letter-spacing:-.02em;white-space:nowrap}.lx-parts-btn{display:inline-flex;align-items:center;gap:.35em;min-height:44px;padding:0 .9rem;border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-surface);cursor:pointer;font-weight:600;white-space:nowrap}.lx-parts-btn span{font-size:var(--text-sm);color:var(--color-ink-2)}.lx-parts-btn b{font-family:var(--font-label)}.lx-parts-btn:hover{background:var(--grp-tint)}.lx-track{list-style:none;margin:0 auto;padding:var(--space-xs) var(--page-gutter) var(--space-sm);max-width:var(--lx-max);display:grid;grid-template-columns:2fr 4fr 3fr;gap:var(--space-md)}.lx-track__group{display:grid;gap:4px;min-width:0}.lx-track__label{font:600 var(--text-xs) var(--font-label);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-3)}.lx-track__group.is-here .lx-track__label{color:var(--color-ink)}.lx-track__segs{display:flex;gap:4px}.lx-seg{flex:1;height:10px;border-radius:5px;background:var(--color-paper-3);border:1.5px solid transparent}.lx-seg.is-done{background:var(--color-mint)}.lx-seg.is-on{background:var(--grp);border-color:var(--color-ink)}@media(max-width:30rem){.lx-top__lesson,.lx-parts-btn span{display:none}}.lx-page{max-width:var(--lx-max);margin-inline:auto;padding:var(--space-xl) var(--page-gutter) calc(var(--lx-bar-live, var(--bar-h)) + var(--space-2xl))}.lx-loading{color:var(--color-ink-2)}.lx-note{display:grid;gap:var(--space-md)}.lx-screen{max-width:50rem;margin-inline:auto;display:grid;gap:var(--space-lg)}.lx-screen--wide{max-width:60rem}.lx-coach{font:700 var(--text-lg)/1.35 var(--font-display);letter-spacing:-.02em;max-width:34ch;text-wrap:balance}.lx-body{display:grid;gap:var(--space-lg);min-width:0}.lx-lead{display:grid;gap:var(--space-md);align-content:start;min-width:0}@media(min-width:56rem)and (min-aspect-ratio:4/3){.lx-screen--split{max-width:none;grid-template-columns:minmax(15rem,.75fr) minmax(0,2fr);column-gap:var(--space-2xl);align-items:start}.lx-screen--split .lx-lead{position:sticky;top:calc(var(--top-h) + var(--space-lg))}.lx-screen--split .lx-coach{max-width:none}.lx-screen--split .lx-film{--film-gap: 4.5rem;justify-items:start}}@media(max-height:50rem)and (min-width:40rem){.lx{--top-h: 3.7rem;--bar-h: 4.4rem;--film-gap: 8rem}.lx-top{display:grid;grid-template-columns:auto minmax(9rem,auto) minmax(0,1fr) auto;align-items:center;column-gap:var(--space-md);padding:var(--space-2xs) max(var(--page-gutter),calc((100% - var(--lx-max)) / 2 + var(--page-gutter)))}.lx-top__in{display:contents}.lx-top__title{justify-items:start;text-align:left;grid-column:2}.lx-top__lesson{display:none}.lx-track{grid-column:3;padding:0;margin:0;max-width:none;gap:var(--space-sm)}.lx-track__label{display:none}.lx-top .lx-parts-btn{grid-column:4;grid-row:1}.lx-top .lx-exit{grid-column:1;grid-row:1}.lx-page{padding-top:var(--space-lg)}.lx-coach{font-size:var(--text-md)}.lx-bar__in{padding-block:var(--space-sm)}.lx-btn{min-height:46px}.lx-screen{gap:var(--space-md)}}.lx-hint{color:var(--color-ink-2);font-size:var(--text-sm)}.lx-link{background:none;border:0;padding:.5rem 0;cursor:pointer;color:var(--color-ink-2);font-weight:600;text-decoration:underline;text-underline-offset:.25em;white-space:nowrap}.lx-link:hover{color:var(--color-ink)}.lx-bar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-overlay);background:var(--color-surface);border-top:2px solid var(--color-ink);padding-bottom:env(safe-area-inset-bottom,0px)}.lx-bar--ok{background:var(--color-mint-tint);animation:lx-rise var(--dur-short) var(--ease-out)}.lx-bar--no{background:var(--color-accent-3-tint);animation:lx-rise var(--dur-short) var(--ease-out)}@keyframes lx-rise{0%{transform:translateY(40%);opacity:.4}to{transform:none;opacity:1}}.lx-bar__in{max-width:var(--lx-max);margin-inline:auto;padding:var(--space-md) var(--page-gutter);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.lx-bar__msg{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.lx-bar__msg b{display:block;font:700 var(--text-md) var(--font-display)}.lx-bar--ok .lx-bar__msg{color:var(--color-mint-ink)}.lx-bar--no .lx-bar__msg{color:var(--color-accent-3-ink)}.lx-bar__detail{display:block;color:var(--color-ink);font-size:var(--text-sm)}.lx-bar__icon{flex:none;width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;color:var(--color-surface)}.lx-bar--ok .lx-bar__icon{background:var(--color-mint-ink)}.lx-bar--no .lx-bar__icon{background:var(--color-accent-3-ink)}.lx-btn{--face: var(--color-accent);--edge: var(--color-accent-deep);flex:none;min-height:52px;min-width:11rem;padding:0 1.6rem;border:0;border-radius:var(--radius-pill);background:var(--face);color:var(--color-ink);font:700 var(--text-md) var(--font-body);white-space:nowrap;cursor:pointer;box-shadow:0 4px 0 0 var(--edge);transition:transform var(--dur-micro) var(--ease-press),box-shadow var(--dur-micro) var(--ease-press)}.lx-btn:hover:not([disabled]){transform:translateY(-2px);box-shadow:0 6px 0 0 var(--edge)}.lx-btn:active:not([disabled]){transform:translateY(3px);box-shadow:0 1px 0 0 var(--edge)}.lx-btn[disabled]{--face: var(--color-paper-3);--edge: var(--color-rule);color:var(--color-ink-3);cursor:not-allowed}.lx-btn--ok{--face: var(--color-mint);--edge: var(--color-mint-ink)}.lx-btn--no{--face: var(--color-accent-3);--edge: var(--color-accent-3-ink)}@media(max-width:36rem){.lx-bar__in{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.lx-btn{width:100%}.lx-bar__msg:empty{display:none}}.lx-listen{display:flex;align-items:center;gap:var(--space-md)}.lx-listen__btn{position:relative;flex:none;width:4.75rem;height:4.75rem;border-radius:50%;border:3px solid var(--color-ink);background:var(--color-accent);color:var(--color-ink);cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 0 0 var(--color-ink);transition:transform var(--dur-micro) var(--ease-press),box-shadow var(--dur-micro) var(--ease-press)}.lx-listen__btn:before{content:"";position:absolute;inset:-10px;border-radius:50%;background:conic-gradient(var(--color-accent-2) calc(var(--p, 0) * 1turn),transparent 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),var(--color-ink) calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),var(--color-ink) calc(100% - 4px))}.lx-listen__btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 0 var(--color-ink)}.lx-listen__btn:active{transform:translateY(3px);box-shadow:0 1px 0 0 var(--color-ink)}.lx-listen__btn.is-playing{background:var(--color-accent-2-tint)}.lx-listen__glyph{display:grid;place-items:center}.lx-listen__side{display:grid;gap:var(--space-2xs);justify-items:start}.lx-listen__label{font-weight:700}.lx-listen--md .lx-listen__btn{width:3.75rem;height:3.75rem}.lx-chip{min-height:36px;padding:0 .85rem;border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-surface);font-size:var(--text-sm);font-weight:600;cursor:pointer;white-space:nowrap}.lx-chip:hover{background:var(--color-paper-2)}.lx-chip.is-on{background:var(--color-accent)}.lx-chip--play{justify-self:start}.lx-mini{position:relative;flex:none;width:44px;height:44px;border-radius:50%;border:2px solid var(--color-ink);background:var(--color-surface);color:var(--color-ink);display:grid;place-items:center;cursor:pointer}.lx-mini svg{width:18px;height:18px}.lx-mini:before{content:"";position:absolute;inset:-6px;border-radius:50%;background:conic-gradient(var(--color-accent-2) calc(var(--p, 0) * 1turn),transparent 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),var(--color-ink) calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),var(--color-ink) calc(100% - 3px))}.lx-mini:hover,.lx-mini.is-playing{background:var(--color-accent-tint)}.lx-options{display:grid;gap:var(--space-md)}.lx-options--pics{grid-template-columns:repeat(3,minmax(0,1fr))}.lx-options--pics2,.lx-options--tf{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:34rem){.lx-options--pics{grid-template-columns:repeat(2,minmax(0,1fr))}.lx-options--pics>:last-child:nth-child(odd){grid-column:1 / -1}}.lx-tile{position:relative;display:flex;align-items:center;gap:var(--space-md);min-height:56px;padding:var(--space-md) var(--space-lg);text-align:left;cursor:pointer;border:3px solid var(--color-ink);border-radius:18px;background:var(--color-surface);color:var(--color-ink);font:600 var(--text-md)/1.4 var(--font-body);box-shadow:0 4px 0 0 var(--color-ink);transition:transform var(--dur-micro) var(--ease-press),box-shadow var(--dur-micro) var(--ease-press),background-color var(--dur-micro) var(--ease-out)}.lx-tile:hover:not([disabled]){transform:translateY(-2px);box-shadow:0 6px 0 0 var(--color-ink)}.lx-tile:active:not([disabled]){transform:translateY(3px);box-shadow:0 1px 0 0 var(--color-ink)}.lx-tile[disabled]{cursor:default}.lx-tile--pics,.lx-tile--pics2{flex-direction:column;align-items:stretch;padding:var(--space-xs);gap:var(--space-xs)}.lx-tile--tf{justify-content:center;min-height:5rem;font:800 var(--text-lg) var(--font-display)}.lx-tile__key{flex:none;width:1.75rem;height:1.75rem;border-radius:8px;border:2px solid var(--color-ink-3);display:grid;place-items:center;font:600 var(--text-sm) var(--font-label);color:var(--color-ink-2)}.lx-tile--pics .lx-tile__key,.lx-tile--pics2 .lx-tile__key{position:absolute;top:.9rem;left:.9rem;z-index:var(--z-raised);background:var(--color-surface)}.lx-tile--tf .lx-tile__key{position:absolute;top:.6rem;left:.6rem}.lx-tile__body{display:grid;gap:var(--space-xs);min-width:0}.lx-tile.is-sel{background:var(--color-accent-2-tint);border-color:var(--color-accent-2-ink);box-shadow:0 4px 0 0 var(--color-accent-2-ink)}.lx-tile.is-sel .lx-tile__key{border-color:var(--color-accent-2-ink);background:var(--color-accent-2-ink);color:var(--color-surface)}.lx-tile.is-right{background:var(--color-mint-tint);border-color:var(--color-mint-ink);box-shadow:0 4px 0 0 var(--color-mint-ink)}.lx-tile.is-wrong{background:var(--color-accent-3-tint);border-color:var(--color-accent-3-ink);box-shadow:0 4px 0 0 var(--color-accent-3-ink)}.lx-tile.is-dim{opacity:.5}.lx-still{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:12px}.lx-meter{display:flex;align-items:center;gap:var(--space-sm)}.lx-meter__track{flex:1;height:12px;border-radius:6px;background:var(--color-paper-3);overflow:hidden}.lx-meter__track i{display:block;height:100%;border-radius:6px;background:var(--grp);transition:width var(--dur-long) var(--ease-out)}.lx-meter__count{font:600 var(--text-sm) var(--font-label);color:var(--color-ink-2);min-width:2.6rem;text-align:right}.lx-film{margin:0;display:grid;justify-items:center}.lx-film video{display:block;width:min(100%,calc((100dvh - var(--top-h) - var(--lx-bar-live, var(--bar-h)) - var(--film-gap)) * 16 / 9));aspect-ratio:16 / 9;background:var(--color-film);border:var(--border-clay);border-radius:22px;box-shadow:var(--shadow-clay)}.lx-lines{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-xs)}.lx-lines li{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-xs) var(--space-sm);border-radius:14px}.lx-lines li:hover{background:var(--color-paper-2)}.lx-lines p{font-size:var(--text-md);line-height:1.5}.lx-who{display:inline-block;margin-right:.5em;padding:0 .5em;border-radius:6px;background:var(--color-paper-3);font:600 var(--text-xs) var(--font-label);letter-spacing:.04em;vertical-align:.15em}mark.lx-chunk{color:inherit;font-weight:700;background:linear-gradient(var(--color-accent) 0 0) 0 88% / 100% .42em no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}.lx-learn{display:grid;gap:var(--space-lg);align-items:center}@media(min-width:48rem){.lx-learn{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}}.lx-learn .lx-still{border:var(--border-clay);border-radius:20px;box-shadow:var(--shadow-clay)}.lx-learn__side{display:grid;gap:var(--space-md);justify-items:start}.lx-word{display:flex;align-items:center;gap:var(--space-sm);min-height:3.4rem}.lx-word b{font:800 clamp(1.9rem,2.5vw + 1rem,2.6rem)/1.05 var(--font-display);letter-spacing:-.03em}.lx-word.is-open b{animation:lx-pop var(--dur-long) var(--ease-spring)}@keyframes lx-pop{0%{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}.lx-word__hidden{display:block;width:14rem;max-width:70vw;height:2.6rem;border-radius:10px;background:repeating-linear-gradient(90deg,var(--color-paper-3) 0 2rem,transparent 2rem 2.6rem)}.lx-word__line{color:var(--color-ink-2);font-size:var(--text-md)}.lx-tag{padding:.2rem .75rem;border-radius:var(--radius-pill);background:var(--color-accent-tint);border:2px solid var(--color-accent-deep);font-size:var(--text-sm);font-weight:600}.lx-pair{display:grid;gap:var(--space-lg)}@media(min-width:40rem){.lx-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}.lx-pair__card{margin:0;display:grid;gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface);border:var(--border-clay);border-radius:20px;box-shadow:var(--shadow-clay)}.lx-pair__card figcaption{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-md);font-weight:500}.lx-code{justify-self:start;padding:.15rem .7rem;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:700}.lx-code--habit{background:var(--color-accent-2-tint);color:var(--color-accent-2-ink)}.lx-code--past{background:var(--color-sepia-tint);color:var(--color-sepia)}.lx-code--always,.lx-code--usually,.lx-code--sometimes,.lx-code--never{background:var(--color-mint-tint);color:var(--color-mint-ink)}.lx-tile .lx-code{margin:0 var(--space-xs) var(--space-xs)}.lx-own{display:grid;gap:var(--space-lg)}.lx-own__slot{display:grid;gap:var(--space-xs)}.lx-own__label{font-weight:700}.lx-seg-pick{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.lx-seg-pick button{min-height:44px;padding:0 1rem;border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-surface);font-weight:600;cursor:pointer}.lx-seg-pick button.is-on{background:var(--color-accent);box-shadow:0 3px 0 0 var(--color-ink)}.lx-own__out{display:grid;gap:var(--space-md);padding:var(--space-lg);border-radius:20px;background:var(--grp-tint);border:var(--border-clay);font:600 var(--text-lg)/1.5 var(--font-body)}.lx-own__out p{margin:0}.lx-own__line{border-radius:6px;transition:background var(--dur-short) ease}.lx-own__line.is-on{background:var(--color-surface);box-shadow:0 0 0 4px var(--color-surface)}.lx-explain{border:2px solid var(--color-rule);border-radius:16px;padding:var(--space-md) var(--space-lg);background:var(--color-surface);text-align:left}.lx-explain summary{cursor:pointer;font-weight:700;min-height:28px}.lx-explain ul{margin:var(--space-sm) 0 0;padding-left:1.2em;display:grid;gap:var(--space-xs)}.lx-ex{display:grid;gap:var(--space-xs);padding-top:var(--space-md);margin-top:var(--space-md);border-top:1px solid var(--color-rule)}.lx-ex:first-of-type{border-top:0;margin-top:var(--space-xs);padding-top:0}.lx-ex h4{margin:0;font-size:var(--text-md)}.lx-ex p{margin:0;color:var(--color-ink-2)}.lx-explain .lx-ex__examples,.lx-explain .lx-ex__mistakes{list-style:none;padding:0;margin:var(--space-2xs) 0 0;display:grid;gap:var(--space-xs)}.lx-ex__examples li{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs) var(--space-sm);font-size:var(--text-md)}.lx-ex__mistakes li{display:grid;gap:2px var(--space-sm);grid-template-columns:minmax(0,1fr);padding:var(--space-xs) var(--space-sm);border-radius:12px;background:var(--color-paper)}@media(min-width:40rem){.lx-ex__mistakes li{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lx-ex__why{grid-column:1 / -1}}.lx-ex__wrong{color:var(--color-accent-3-ink);align-self:center}.lx-ex__wrong:before{content:"✗ ";font-weight:700}.lx-ex__wrong s{text-decoration-thickness:2px}.lx-ex__right{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-mint-ink);font-weight:600}.lx-ex__right:before{content:"✓";font-weight:700}.lx-ex__why{font-size:var(--text-sm);color:var(--color-ink-2)}.week-dots{display:inline-flex;gap:3px;padding:4px 6px;border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-rule)}.week-dots i{width:9px;height:9px;border-radius:50%;border:1.5px dashed var(--color-ink-3)}.week-dots i.is-on{background:var(--color-mint-ink);border:1.5px solid var(--color-mint-ink)}.week-dots--past{font-size:var(--text-sm);font-weight:700;color:var(--color-sepia);background:var(--color-sepia-tint);border-color:var(--color-sepia)}.lx-clip-head{display:grid;gap:2px}.lx-clip-head span{font:600 var(--text-xs) var(--font-label);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-2)}.lx-clip-head b{font:700 var(--text-xl)/1.15 var(--font-display);letter-spacing:-.02em}.lx-clip{display:grid;gap:var(--space-md);padding:var(--space-lg);border-radius:22px;background:var(--grp-tint);border:var(--border-clay);box-shadow:var(--shadow-clay)}.lx-clip--compact{padding:var(--space-md);box-shadow:none;border-width:2px}.lx-clip--compact .lx-listen__btn{width:3.5rem;height:3.5rem}.lx-clip__main{display:flex;align-items:center;gap:var(--space-md)}.lx-clip__lines{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.lx-clip__lines button{width:44px;height:44px;border-radius:50%;border:2px solid var(--color-ink);background:var(--color-surface);font:600 var(--text-sm) var(--font-label);cursor:pointer}.lx-clip__lines button:hover{background:var(--color-paper-2)}.lx-clip__lines button.is-playing{background:var(--color-accent)}.lx-slots{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-xs);counter-reset:none}.lx-slot{display:flex;align-items:center;gap:var(--space-sm);min-height:52px;padding:var(--space-2xs) var(--space-sm);border-radius:14px;border:2px dashed var(--color-rule)}.lx-slot.is-filled{border:2px solid var(--color-ink);background:var(--color-surface)}.lx-slot.is-right{border-color:var(--color-mint-ink);background:var(--color-mint-tint)}.lx-slot.is-wrong{border-color:var(--color-accent-3-ink);background:var(--color-accent-3-tint)}.lx-slot__no{width:1.8rem;font:600 var(--text-sm) var(--font-label);color:var(--color-ink-2);text-align:center}.lx-slot button{flex:1;min-height:44px;text-align:left;border:0;background:none;font:600 var(--text-md) var(--font-body);cursor:pointer}.lx-slot__empty{color:var(--color-ink-3)}.lx-bank{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.lx-card{min-height:48px;padding:0 1.1rem;border:3px solid var(--color-ink);border-radius:14px;background:var(--color-surface);font:600 var(--text-md) var(--font-body);cursor:pointer;box-shadow:0 3px 0 0 var(--color-ink);transition:transform var(--dur-micro) var(--ease-press)}.lx-card:hover:not([disabled]){transform:translateY(-2px)}.lx-card[disabled]{opacity:.3;box-shadow:none;cursor:default}.lx-gap-line{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:18px;background:var(--color-surface);border:2px solid var(--color-ink)}.lx-gap-line p{font-size:var(--text-lg);font-weight:500;line-height:1.5}.lx-gap{display:inline-block;min-width:5.5ch;padding:0 .4em;border-bottom:3px solid var(--color-ink);text-align:center;color:var(--color-ink-3)}.lx-read{display:grid;gap:var(--space-lg);align-items:start}@media(min-width:52rem){.lx-read{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.lx-read__peek{position:sticky;top:9rem}}.lx-read__text{display:grid;gap:var(--space-md);padding:var(--space-lg);border-radius:22px;background:var(--color-surface);border:var(--border-clay);box-shadow:var(--shadow-clay)}.lx-passage{font-size:1.2rem;line-height:2.05}.lx-sent{border-radius:8px;padding:.1em 0;transition:background-color var(--dur-short) var(--ease-out)}.lx-sent.is-playing{background:var(--color-accent-tint)}.lx-sent__play{display:inline-block;width:1.5rem;height:1.5rem;margin-right:.3em;vertical-align:-.2em;border:2px solid var(--color-ink-3);border-radius:50%;background:var(--color-surface) center / .6rem no-repeat;cursor:pointer;position:relative}.lx-sent__play:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-35%,-50%);border-left:7px solid var(--color-ink-2);border-top:5px solid transparent;border-bottom:5px solid transparent}.lx-sent__play:hover{border-color:var(--color-ink)}.lx-ck{display:inline;padding:0 .1em;border:0;border-radius:4px;background:none;font:inherit;color:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:var(--color-accent-3);text-decoration-thickness:3px;text-underline-offset:.2em}.lx-ck:hover,.lx-ck.is-on{background:var(--color-accent-3-tint)}.lx-read__peek{display:grid;gap:var(--space-sm);padding:var(--space-md);border-radius:20px;border:2px dashed var(--color-rule)}.lx-read__peek.is-open{border:2px solid var(--color-ink);background:var(--color-surface)}.lx-read__peek-row{display:flex;align-items:center;gap:var(--space-sm);font:800 var(--text-lg) var(--font-display)}.lx-read__peek-empty{color:var(--color-ink-2);font-size:var(--text-sm)}.lx-statement{margin:0;padding:var(--space-lg);border-radius:18px;background:var(--grp-tint);border:2px solid var(--color-ink);font:600 var(--text-lg)/1.45 var(--font-body)}.lx-peek summary{cursor:pointer;font-weight:600;color:var(--color-ink-2);min-height:28px}.lx-peek p{margin-top:var(--space-xs);color:var(--color-ink-2);line-height:1.7}.lx-chat{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-md)}.lx-msg{display:flex;gap:var(--space-sm);align-items:flex-end;scroll-margin-bottom:calc(var(--lx-bar-live, var(--bar-h)) + var(--space-lg));scroll-margin-top:calc(var(--top-h) + var(--space-md))}.lx-msg--me{flex-direction:row-reverse}.lx-msg__av{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--color-ink);font:700 var(--text-xs) var(--font-body);background:var(--color-accent-2-tint)}.lx-msg--me .lx-msg__av{background:var(--color-accent)}.lx-msg__bubble{max-width:min(30rem,80%);display:grid;gap:var(--space-2xs);padding:var(--space-sm) var(--space-md);border-radius:18px 18px 18px 6px;border:2px solid var(--color-ink);background:var(--color-surface);justify-items:start}.lx-msg--me .lx-msg__bubble{border-radius:18px 18px 6px;background:var(--color-accent-tint)}.lx-msg__bubble p{font-size:var(--text-md)}.lx-msg__name{font:600 var(--text-xs) var(--font-label);color:var(--color-ink-2)}.lx-msg__model{display:grid;gap:2px;margin-top:var(--space-2xs);padding-top:var(--space-xs);border-top:1px dashed var(--color-rule);font-size:var(--text-sm)!important;color:var(--color-ink-2)}.lx-msg__model span:first-child{font:600 var(--text-xs) var(--font-label);text-transform:uppercase;letter-spacing:.06em}.lx-bar__in--input{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.lx-hints{display:flex;gap:var(--space-xs);overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.lx-say{display:flex;gap:var(--space-sm)}.lx-say input{flex:1;min-width:0;min-height:52px;padding:0 1.1rem;border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-surface);font-size:var(--text-md)}.lx-say .lx-btn{min-width:6.5rem}.lx-say--big input{min-height:60px;font-size:var(--text-lg);border-width:3px}.lx-frames{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-sm)}.lx-frames li{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:16px;background:var(--color-surface);border:2px solid var(--color-ink);font:600 var(--text-lg) var(--font-body)}.lx-frames span{flex:none;width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:var(--grp);border:2px solid var(--color-ink);font:700 var(--text-sm) var(--font-label)}.lx-write{display:grid;gap:var(--space-lg);align-items:start}@media(min-width:52rem){.lx-write{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}.lx-write__pad{display:grid;gap:var(--space-sm)}.lx-write__label{font:600 var(--text-xs) var(--font-label);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-2)}.lx-write textarea{width:100%;min-height:15rem;padding:var(--space-lg);border:var(--border-clay);border-radius:20px;background:var(--color-surface);box-shadow:var(--shadow-clay);font:500 var(--text-md)/1.7 var(--font-body);resize:vertical}.lx-write__count{display:flex;align-items:center;gap:6px}.lx-write__count i{width:1.6rem;height:8px;border-radius:4px;background:var(--color-paper-3)}.lx-write__count i.is-on{background:var(--color-mint-ink)}.lx-write__count span{margin-left:var(--space-xs);font-size:var(--text-sm);color:var(--color-ink-2)}.lx-write__list{display:grid;gap:var(--space-sm);padding:var(--space-md);border-radius:18px;background:var(--grp-tint);border:2px solid var(--color-ink)}.lx-write__list ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2xs)}.lx-write__list button{width:100%;display:flex;align-items:center;gap:var(--space-sm);min-height:44px;padding:0 var(--space-sm);border:0;border-radius:10px;background:none;font:600 var(--text-base) var(--font-body);cursor:pointer;text-align:left}.lx-write__list button:hover{background:var(--color-surface)}.lx-write__dot{flex:none;width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid var(--color-ink-3);display:grid;place-items:center}.lx-write__dot svg{width:14px;height:14px}.lx-write__list button.is-used .lx-write__dot{background:var(--color-mint-ink);border-color:var(--color-mint-ink);color:var(--color-surface)}.lx-compare{display:grid;gap:var(--space-lg)}@media(min-width:44rem){.lx-compare{grid-template-columns:repeat(2,minmax(0,1fr))}}.lx-compare section{padding:var(--space-lg);border-radius:20px;border:2px solid var(--color-ink);background:var(--color-surface);display:grid;gap:var(--space-sm);align-content:start}.lx-compare section+section{background:var(--grp-tint)}.lx-compare h3{font-size:var(--text-md)}.lx-compare p{font-size:var(--text-md);line-height:1.8;white-space:pre-wrap}.lx-test-plan{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-sm);counter-reset:plan}.lx-test-plan li{counter-increment:plan;display:grid;grid-template-columns:2.4rem 1fr;gap:2px var(--space-md);align-items:center;padding:var(--space-md) var(--space-lg);border-radius:18px;background:var(--color-surface);border:2px solid var(--color-ink)}.lx-test-plan li:before{content:counter(plan);grid-row:span 2;width:2.4rem;height:2.4rem;border-radius:50%;display:grid;place-items:center;background:var(--grp);border:2px solid var(--color-ink);font:700 var(--text-md) var(--font-label)}.lx-test-plan b{font-size:var(--text-md)}.lx-test-plan span{color:var(--color-ink-2);font-size:var(--text-sm)}.lx-scenes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm)}@media(max-width:40rem){.lx-scenes{grid-template-columns:repeat(2,minmax(0,1fr))}}.lx-scene{position:relative;padding:4px;border:3px solid var(--color-ink);border-radius:16px;background:var(--color-surface);cursor:pointer;box-shadow:0 3px 0 0 var(--color-ink);transition:transform var(--dur-micro) var(--ease-press)}.lx-scene:hover:not([disabled]){transform:translateY(-2px)}.lx-scene b{position:absolute;top:.5rem;left:.5rem;width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:var(--color-accent);border:2px solid var(--color-ink);font:700 var(--text-sm) var(--font-label)}.lx-scene.is-picked{background:var(--color-accent-tint)}.lx-scene.is-right{border-color:var(--color-mint-ink);background:var(--color-mint-tint)}.lx-scene.is-wrong{border-color:var(--color-accent-3-ink);background:var(--color-accent-3-tint)}.lx-done,.lx-result{display:grid;justify-items:center;text-align:center;gap:var(--space-md);padding-top:var(--space-xl)}.lx-done h2,.lx-result h2{font-size:var(--text-xl);max-width:22ch}.lx-done__badge{width:5rem;height:5rem;border-radius:50%;display:grid;place-items:center;background:var(--color-mint);border:3px solid var(--color-ink);box-shadow:0 5px 0 0 var(--color-ink);animation:lx-pop var(--dur-long) var(--ease-spring)}.lx-done__badge svg{width:2.4rem;height:2.4rem}.lx-done__score{font-size:var(--text-md);color:var(--color-ink-2)}.lx-done__score b{font:800 var(--text-2xl) var(--font-display);color:var(--color-ink)}.lx-done__text{max-width:42ch;color:var(--color-ink-2)}.lx-recap{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs)}.lx-recap li{display:inline-flex;align-items:center;gap:.4em;padding:.35rem .8rem;border-radius:var(--radius-pill);border:2px solid var(--color-mint-ink);background:var(--color-mint-tint);font-weight:600}.lx-recap li svg{width:16px;height:16px;color:var(--color-mint-ink)}.lx-recap li.is-no{border-color:var(--color-accent-3-ink);background:var(--color-accent-3-tint)}.lx-recap li.is-no svg{color:var(--color-accent-3-ink)}.lx-ring{position:relative;width:9.5rem;height:9.5rem;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--color-mint-ink) calc(var(--p) * 1turn),var(--color-paper-3) 0);border:3px solid var(--color-ink);box-shadow:0 5px 0 0 var(--color-ink)}.lx-ring:before{content:"";position:absolute;inset:14px;border-radius:50%;background:var(--color-paper);border:2px solid var(--color-ink)}.lx-ring b{position:relative;font:800 var(--text-2xl) var(--font-display)}.lx-ring small{font-size:var(--text-md);color:var(--color-ink-2)}.lx-breakdown{list-style:none;margin:0;padding:0;width:min(100%,26rem);display:grid;gap:var(--space-2xs)}.lx-breakdown li{display:flex;justify-content:space-between;padding:var(--space-xs) var(--space-md);border-radius:10px;background:var(--color-surface);border:2px solid var(--color-rule)}.lx-breakdown b{font-family:var(--font-label)}.lx-review-note{display:flex;align-items:center;gap:var(--space-sm);max-width:32rem;padding:var(--space-md);border-radius:16px;background:var(--color-mint-tint);text-align:left}.lx-review-note__icon{flex:none;width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;background:var(--color-mint-ink);color:var(--color-surface)}.lx-sub{font-size:var(--text-md)}.lx-sheet{width:min(34rem,calc(100% - 2 * var(--page-gutter)));max-height:min(44rem,90dvh);padding:0;border:3px solid var(--color-ink);border-radius:24px;background:var(--color-paper);color:var(--color-ink);box-shadow:var(--shadow-clay)}.lx-sheet::backdrop{background:#12171b73}.lx-sheet[open]{animation:lx-rise var(--dur-short) var(--ease-out)}.lx-sheet__in{padding:var(--space-lg);display:grid;gap:var(--space-lg)}.lx-sheet__sfx{display:flex;align-items:center;gap:var(--space-sm);min-height:44px;padding-top:var(--space-sm);border-top:1px solid var(--color-rule);font-weight:600;cursor:pointer}.lx-sheet__sfx input{width:1.2rem;height:1.2rem;accent-color:var(--color-mint-ink)}.lx-sheet__head{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-sm);align-items:center;font-size:var(--text-lg)}.lx-sheet__head h2{font-size:var(--text-lg)}.lx-sheet__head p{font-size:var(--text-sm);color:var(--color-ink-2)}.lx-sheet__group h3{display:flex;align-items:baseline;gap:var(--space-sm);font-size:var(--text-md);margin-bottom:var(--space-xs)}.lx-sheet__group h3 span{font:400 var(--text-sm) var(--font-body);color:var(--color-ink-2)}.lx-sheet__group ol{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2xs)}.lx-sheet__row{width:100%;min-height:52px;display:grid;grid-template-columns:2.2rem minmax(0,1fr) auto;align-items:center;gap:var(--space-sm);padding:0 var(--space-sm);border:2px solid transparent;border-radius:14px;background:var(--color-surface);cursor:pointer;text-align:left;font:inherit}.lx-sheet__row:hover{border-color:var(--color-rule)}.lx-sheet__row.is-on{border-color:var(--color-ink);background:var(--color-accent-tint)}.lx-sheet__no{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;border:2px solid var(--color-ink-3);font:600 var(--text-sm) var(--font-label)}.lx-sheet__row.is-done .lx-sheet__no{background:var(--color-mint);border-color:var(--color-mint-ink)}.lx-sheet__name{font-weight:700}.lx-sheet__size{font-size:var(--text-sm);color:var(--color-ink-2);white-space:nowrap}@media(prefers-reduced-motion:reduce){.lx-bar--ok,.lx-bar--no,.lx-sheet[open],.lx-word.is-open b,.lx-done__badge{animation:none}.lx-tile:hover:not([disabled]),.lx-tile:active:not([disabled]),.lx-btn:hover:not([disabled]),.lx-btn:active:not([disabled]),.lx-listen__btn:hover,.lx-listen__btn:active,.lx-card:hover:not([disabled]),.lx-scene:hover:not([disabled]){transform:none}}.lx-spotpic{position:relative}.lx-learn .lx-spotpic .lx-still{border:var(--border-clay);border-radius:20px;box-shadow:var(--shadow-clay)}.lx-spot{position:absolute;padding:0;margin:0;background:transparent;border:0;cursor:pointer;font:inherit;overflow:visible}.lx-spot:before{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.lx-spot:after{content:"";position:absolute;inset:-4px;border:2px dashed var(--color-surface);border-radius:8px;box-shadow:0 0 0 1px var(--color-ink-3);pointer-events:none}.lx-spot:hover:after{background:color-mix(in oklch,var(--color-accent-2-tint) 45%,transparent)}.lx-spot:focus-visible{outline:none}.lx-spot:focus-visible:after{outline:3px solid var(--color-focus);outline-offset:2px}.lx-spot__key{position:absolute;left:-4px;top:-4px;transform:translate(-45%,-45%);z-index:1;min-width:1.5rem;height:1.5rem;padding-inline:.3rem;border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink);font:700 var(--text-sm)/1.5rem var(--font-label);text-align:center;box-shadow:0 0 0 1px var(--color-ink-3);pointer-events:none}.lx-spot.is-sel:after{border:3px solid var(--color-accent-2-ink);box-shadow:none;background:color-mix(in oklch,var(--color-accent-2-tint) 45%,transparent)}.lx-spot.is-sel .lx-spot__key{background:var(--color-accent-2-ink);color:var(--color-surface)}.lx-spot.is-right:after{border:3px solid var(--color-mint-ink);box-shadow:none;background:color-mix(in oklch,var(--color-mint-tint) 50%,transparent)}.lx-spot.is-right .lx-spot__key{background:var(--color-mint-ink);color:var(--color-surface)}.lx-spot.is-wrong:after{border:3px solid var(--color-accent-3-ink);box-shadow:none}.lx-spot.is-wrong .lx-spot__key{background:var(--color-accent-3-ink);color:var(--color-surface)}.lx-spot.is-dim{opacity:.35}.lx-spot:disabled{cursor:default}.lx-spot--show{cursor:default;animation:lx-spot-in var(--dur-long) ease-out both}.lx-spot--show:after{border:3px solid var(--color-accent-3-ink);box-shadow:0 0 0 4px var(--color-accent-3-tint)}@keyframes lx-spot-in{0%{opacity:0;transform:scale(1.25)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.lx-spot--show{animation:none}}.page{max-width:880px;margin:0 auto;padding:24px 16px 120px;display:grid;gap:20px}.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--color-paper);border-bottom:1px solid var(--color-rule)}.top-in{max-width:880px;margin:0 auto;padding:10px 16px 12px;display:grid;gap:8px}.brand{display:flex;align-items:baseline;gap:4px 10px;flex-wrap:wrap}.brand b{font-family:var(--font-display);font-size:1.15rem;font-weight:800}.brand span{color:var(--color-ink-2);font-size:.85rem}.back{text-decoration:none;font-weight:600;padding-right:4px}.rail{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px}.rail a{display:grid;gap:4px;text-decoration:none;min-width:0}.rail i{display:block;height:6px;border-radius:3px;background:var(--color-rule)}.rail small{font-size:.7rem;color:var(--color-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail .done i{background:var(--color-mint-ink)}.rail .on i{background:var(--color-accent)}.rail .on small{color:var(--color-ink);font-weight:600}@media(max-width:560px){.rail small{display:none}}.nav{position:fixed;left:0;right:0;bottom:0;background:var(--color-surface);border-top:1px solid var(--color-rule);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));z-index:5}.nav-in{max-width:880px;margin:0 auto;display:flex;justify-content:space-between;gap:10px;align-items:center}.nav-in span{color:var(--color-ink-2);font-size:.85rem;text-align:center}.film{width:100%;border-radius:12px;background:var(--color-film);aspect-ratio:16/9;display:block}.still{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}.choices{display:grid;gap:10px}.opt{border:2px solid var(--color-rule);background:var(--color-surface);border-radius:12px;padding:10px 14px;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.opt:hover:not([disabled]){border-color:var(--color-ink-2)}.opt.right{border-color:var(--color-mint-ink);background:var(--color-mint-tint)}.opt.wrong{border-color:var(--color-accent-3-ink);background:var(--color-accent-3-tint)}.opt[disabled]{cursor:default}.pics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pics.two{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:560px){.pics{grid-template-columns:repeat(2,minmax(0,1fr))}}.pics .opt{padding:6px}.fb{padding:10px 14px;border-radius:10px;font-weight:500}.fb.ok{background:var(--color-mint-tint);color:var(--color-mint-ink)}.fb.no{background:var(--color-accent-3-tint);color:var(--color-accent-3-ink)}.fb.mini{padding:2px 10px}.code{display:grid;gap:6px}.code .frame{position:relative}.code.past .frame{padding:8px;background:var(--color-sepia-tint);border:4px double var(--color-sepia);border-radius:14px;transform:rotate(-1deg)}.code.past img{filter:sepia(.85) saturate(.8) contrast(.95)}.code.past .frame:after{content:"";position:absolute;right:14px;top:14px;width:28px;height:28px;border-radius:50%;background:var(--color-sepia) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M4 12a8 8 0 1 0 2.3-5.6'/%3E%3Cpath d='M4 4v4h4'/%3E%3Cpath d='M12 8v4l3 2'/%3E%3C/svg%3E") center/18px no-repeat}.days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.days div{border-radius:5px;background:var(--color-accent-2-tint);border:1px solid var(--color-accent-2-ink);overflow:hidden;display:grid}.days span{font-size:.62rem;font-weight:600;color:var(--color-accent-2-ink);text-align:center;line-height:1.5}.days img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.days--freq div{background:var(--color-surface);border:1px dashed var(--color-ink-3);padding-bottom:3px;align-content:start;justify-items:center;gap:3px}.days--freq span{color:var(--color-ink-2)}.days--freq b{width:.28rem;height:.5rem}.days--freq .is-on{background:var(--color-mint-tint);border:1px solid var(--color-mint-ink)}.days--freq .is-on span{color:var(--color-mint-ink)}.days--freq .is-on b{border:solid var(--color-mint-ink);border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}.legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(max-width:560px){.legend{grid-template-columns:1fr}}.tag{display:inline-block;justify-self:start;font-size:.75rem;font-weight:600;padding:2px 10px;border-radius:999px}.tag.habit{background:var(--color-accent-2-tint);color:var(--color-accent-2-ink)}.tag.past{background:var(--color-sepia-tint);color:var(--color-sepia)}.tag.passive{background:var(--color-accent-tint);color:var(--color-ink)}mark.v{background:none;color:inherit;border-bottom:3px solid var(--color-accent);font-weight:600}mark.v2{background:none;color:inherit;border-bottom:3px solid var(--color-accent-2-ink)}details{border:1px solid var(--color-rule);border-radius:12px;padding:12px 16px;background:var(--color-surface)}details summary{cursor:pointer;font-weight:600}details[open] summary{margin-bottom:10px}details ul{margin:0;padding-left:1.2em;display:grid;gap:6px}.vocab-card{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;align-items:center}@media(max-width:640px){.vocab-card{grid-template-columns:1fr}}.chunk{font-family:var(--font-display);font-size:2rem;font-weight:800;line-height:1.1;justify-self:start}.chunk.hidden{color:transparent;background:repeating-linear-gradient(90deg,var(--color-rule) 0 18px,transparent 18px 26px);border-radius:6px;-webkit-user-select:none;user-select:none}.dots{display:flex;gap:6px}.dots i{width:10px;height:10px;border-radius:50%;background:var(--color-rule)}.dots i.on{background:var(--color-accent)}.dots i.done{background:var(--color-mint-ink)}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs button{border:1px solid var(--color-rule);background:var(--color-surface);border-radius:999px;padding:6px 14px;cursor:pointer}.tabs button.on{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}.tabs button.done:after{content:" ✓";color:var(--color-mint-ink)}.tabs button.on.done:after{color:var(--color-accent)}.linebtns{display:flex;gap:6px;flex-wrap:wrap}.linebtns button{width:38px;height:38px;border-radius:50%;border:1px solid var(--color-rule);background:var(--color-surface);cursor:pointer;font-family:var(--font-label);font-size:.8rem}.linebtns button.playing{background:var(--color-accent);color:var(--color-ink);border-color:transparent}.cards-order{display:flex;gap:8px;flex-wrap:wrap}.cards-order button{border:1px dashed var(--color-ink-2);background:var(--color-surface);border-radius:10px;padding:8px 12px;cursor:pointer}.cards-order button[disabled]{opacity:.35}.picked{display:grid;gap:6px;counter-reset:n;padding:0;margin:0;list-style:none}.picked li{counter-increment:n;display:flex;gap:10px;align-items:center;padding:6px 10px;border-radius:8px;background:var(--color-paper)}.picked li:before{content:counter(n);font-family:var(--font-label);font-size:.8rem;color:var(--color-ink-2)}.picked li.right{background:var(--color-mint-tint)}.picked li.wrong{background:var(--color-accent-3-tint)}.gaprow{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:8px;border-top:1px solid var(--color-rule)}.gaprow.active{background:var(--color-accent-tint);border-radius:8px}.gap{display:inline-block;min-width:7ch;border-bottom:2px solid var(--color-ink-2);text-align:center;font-weight:600;padding:0 6px}.gap.right{border-color:var(--color-mint-ink);color:var(--color-mint-ink)}.gap.wrong{border-color:var(--color-accent-3-ink);color:var(--color-accent-3-ink)}.bank{display:flex;gap:8px;flex-wrap:wrap}.bank button{border:1px solid var(--color-rule);background:var(--color-paper);border-radius:8px;padding:6px 12px;cursor:pointer;font-weight:500}.transcript{display:grid;gap:4px;padding:12px 14px;border-radius:10px;background:var(--color-paper)}.transcript b{font-size:.8rem;color:var(--color-ink-2);font-weight:600;margin-right:6px}.passage{font-size:1.1rem;line-height:1.9;max-width:62ch}.passage .s{cursor:pointer;border-radius:4px;padding:1px 2px}.passage .s:hover{background:var(--color-accent-tint)}.passage .s.playing{background:var(--color-accent);color:var(--color-ink)}.passage .ck{border-bottom:2px solid var(--color-accent-3)}.tf{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--color-rule)}.chat{display:grid;gap:10px;max-height:460px;overflow-y:auto;padding:4px}.msg{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start}.msg .av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.75rem;color:var(--color-on-dark)}.msg.partner .av{background:var(--color-ink-2)}.msg.me .av{background:var(--color-accent-3)}.msg .bubble{background:var(--color-paper);border-radius:12px;padding:8px 12px;display:grid;gap:4px;justify-self:start}.msg.me .bubble{background:var(--color-accent-tint)}.msg .note{font-size:.88rem;color:var(--color-ink-2)}.input-row{display:flex;gap:8px}.input-row input{flex:1;min-width:0;border:1px solid var(--color-rule);border-radius:999px;padding:9px 14px;background:var(--color-surface)}textarea{width:100%;min-height:150px;border:1px solid var(--color-rule);border-radius:12px;padding:12px;background:var(--color-surface);resize:vertical;line-height:1.6}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips button{border:1px solid var(--color-rule);background:var(--color-paper);border-radius:999px;padding:4px 12px;cursor:pointer;font-size:.9rem}.chips button.used{background:var(--color-mint-tint);border-color:var(--color-mint-ink);color:var(--color-mint-ink)}.frames{margin:0;padding-left:1.2em;display:grid;gap:4px}.order-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}@media(max-width:560px){.order-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.order-grid button{position:relative;border:2px solid var(--color-rule);border-radius:10px;padding:3px;background:var(--color-surface);cursor:pointer}.order-grid button b{position:absolute;top:6px;left:6px;width:26px;height:26px;border-radius:50%;background:var(--color-accent);color:var(--color-ink);display:grid;place-items:center;font-family:var(--font-label);font-size:.8rem}.order-grid button.right{border-color:var(--color-mint-ink)}.order-grid button.wrong{border-color:var(--color-accent-3-ink)}.score{font-family:var(--font-display);font-size:3rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*{transition:none!important}.code.past .frame{transform:none}}