*,:before,:after{box-sizing:border-box}html,body{background:var(--ground);min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);-webkit-tap-highlight-color:transparent}#root{min-height:100dvh}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,h4,p{margin:0}.app{background:var(--app);max-width:480px;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0px);margin:0 auto;position:relative}.app--tabs{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.page{padding:0 var(--space-4) 24px;gap:var(--space-4);flex-direction:column;display:flex}.env-badge{top:calc(6px + env(safe-area-inset-top,0px));z-index:50;font:700 10px/1 var(--font-body);letter-spacing:.08em;color:var(--orange-ink);background:var(--orange-50);border-radius:var(--radius-pill);pointer-events:none;padding:4px 7px;position:fixed;right:6px}.app-nav{left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:20;width:min(448px,100% - 32px);position:fixed;transform:translate(-50%)}.app-nav a{border-radius:26px;display:block}.nav-item{min-height:52px;color:var(--muted);border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12px;font-weight:600;display:flex}.nav-item svg{width:23px;height:23px}.nav-item[aria-current=page]{background:var(--blue);color:var(--paper)}.app-nav a:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.btn{border-radius:var(--radius-button);min-height:52px;font:700 16px/1.2 var(--font-body);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;padding:0 20px;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn--blue{background:var(--blue);color:var(--paper);box-shadow:var(--lip-blue)}.btn--blue:active:not(:disabled){box-shadow:0 1px 0 var(--blue-dk);transform:translateY(4px)}.btn--orange{background:var(--orange);color:var(--paper);box-shadow:var(--lip-orange)}.btn--orange:active{box-shadow:0 1px 0 var(--orange-dk);transform:translateY(4px)}.btn--soft{background:var(--blue-50);color:var(--blue-dk)}.btn--wide{width:100%}a.btn{text-decoration:none}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.topbar{padding-top:calc(12px + env(safe-area-inset-top,0px));grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;min-height:56px;display:grid}.topbar h1{font:600 19px/1.3 var(--font-display);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar__sp{width:40px}.state,.splash{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:60dvh;padding:24px;display:flex}.splash{background:var(--app);min-height:100dvh}.splash__title,.state__title{font:600 19px/1.4 var(--font-display)}.state__msg{color:var(--ink-2);max-width:32ch;font-size:14px;line-height:1.6}.state--error .state__title{color:var(--red)}.spinner{border:3px solid var(--blue-50);border-top-color:var(--blue);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.home{padding-bottom:8px}.home .av-hero{height:380px}.home .av-hero>img{object-position:50% 42%}.av-avatar{overflow:hidden}.avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.av-sheet-up{gap:var(--space-5\.5);flex-direction:column;display:flex}.av-sheet-up .av-hint{min-height:18px;margin-top:-12px}.av-stat{color:inherit}.av-stat>span:last-child{flex-direction:column;display:flex}.resume-card{background:var(--blue-50);color:var(--blue-dk);border-radius:var(--radius-card);justify-content:space-between;align-items:center;padding:14px 16px;font-weight:700;display:flex}.resume-card svg{width:20px;height:20px}.resume-card--invite{background:var(--green-50);color:oklch(34% .09 150);gap:8px;font-size:14px;line-height:1.4}.soon-card .av-count--duel{padding:0 10px 0 14px}.av-endless{color:var(--paper)}.study{min-height:100dvh;padding:0 var(--space-4) 24px;flex-direction:column;display:flex}.study__top{padding-top:calc(12px + env(safe-area-inset-top,0px));grid-template-columns:40px 1fr auto;align-items:center;gap:12px;min-height:60px;display:grid}.study__progress{flex-direction:column;gap:6px;min-width:0;display:flex}.study__title{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;overflow:hidden}.study__progress .av-bar__track{border-radius:var(--radius-pill);background:var(--line);height:8px;display:block;overflow:hidden}.study__progress .av-bar__track>span{background:var(--blue);border-radius:inherit;height:100%;transition:width .3s;display:block}.study[data-kind=review] .av-bar__track>span{background:var(--orange)}.study__count{font:600 14px var(--font-display);color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}.saving-chip--warn{text-align:center;background:#8a3b12;width:max-content;max-width:calc(100vw - 32px);line-height:1.5}.saving-chip{left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--paper);border-radius:var(--radius-pill);padding:6px 12px;font-size:12px;font-weight:700;position:fixed;transform:translate(-50%)}.quiz{flex-direction:column;flex:1;gap:16px;padding-top:8px;display:flex}.fuse{border-radius:var(--radius-pill);background:var(--line);height:6px;overflow:hidden}.fuse>span{background:var(--blue);border-radius:inherit;height:100%;display:block}.fuse--warn>span{background:var(--orange)}.quiz__card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-feature);min-height:180px;box-shadow:var(--float-soft);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px 16px;display:flex;position:relative}.quiz__prompt{font:600 clamp(28px,8vw,36px)/1.2 var(--font-display);text-align:center;overflow-wrap:anywhere}.quiz__tag{color:var(--orange-ink);background:var(--orange-50);border-radius:var(--radius-pill);padding:3px 10px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px}.slide-in{animation:.28s ease-out dealIn}@keyframes dealIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.opts{flex-direction:column;gap:14px;display:flex}.opt{border:1.5px solid var(--line);background:var(--paper);border-radius:var(--radius-button);min-height:56px;font:600 17px/1.4 var(--font-body);color:var(--ink);text-align:left;box-shadow:0 3px 0 var(--line);cursor:pointer;padding:12px 16px;transition:transform 80ms}.opt:active:not(:disabled){box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.opt:disabled{cursor:default}.opt--right{border-color:var(--green);background:var(--green-50);color:var(--ink);box-shadow:0 3px 0 var(--green)}.opt--wrong{border-color:var(--red);box-shadow:0 3px 0 var(--red);background:oklch(96% .03 25)}.opt--dim{opacity:.55}.quiz__after{flex-direction:column;gap:12px;display:flex}.quiz__verdict{color:var(--ink-2);text-align:center;font-size:14px}.quiz__verdict b{color:var(--green)}.quiz__acts{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cards{flex-direction:column;gap:14px;padding-top:8px;display:flex}.cards__lead{color:var(--orange-ink);text-align:center;font-size:13px;font-weight:700}.cards__nav{grid-template-columns:1fr 1fr;gap:10px;display:grid}.wordcard{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-feature);text-align:center;flex-direction:column;gap:6px;padding:16px;display:flex}.av-sheet .wordcard{border:0;padding:4px 0}.wordcard__art{aspect-ratio:16/10;border-radius:var(--radius-card);background:var(--blue-50);align-self:center;width:min(100%,280px);overflow:hidden}.wordcard__art img{object-fit:cover;width:100%;height:100%}.wordcard__hw{font:600 28px/1.2 var(--font-display);margin-top:6px}.wordcard__meta{color:var(--muted);justify-content:center;gap:10px;font-size:13px;display:flex}.wordcard__th{font-size:18px;font-weight:700}.wordcard__alt{color:var(--ink-2);font-weight:500}.wordcard__hint{color:var(--ink-2);font-size:13px}.wordcard__ex{text-align:left;flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.ex{background:var(--app);border-radius:var(--radius-bubble);align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.ex__text{flex:1;min-width:0}.ex .speaker{width:36px;height:36px;margin:-2px -4px 0 0}.ex .speaker svg{width:18px;height:18px}.ex__en{font-size:15px;line-height:1.5}.ex__th{color:var(--ink-2);margin-top:2px;font-size:13.5px;line-height:1.5}.ex b{color:var(--blue-dk)}.result{min-height:100dvh;padding:calc(24px + env(safe-area-inset-top,0px)) var(--space-4) 24px;flex-direction:column;gap:18px;display:flex}.result__art{border-radius:var(--radius-feature);text-align:center;background:linear-gradient(180deg,oklch(90% .06 240) 0%,oklch(96% .03 230) 60%,var(--paper) 100%);border:1px solid var(--line);flex-direction:column;gap:8px;padding:28px 16px 18px;display:flex}.result__kicker{color:var(--blue);font-size:13px;font-weight:700}.result__title{font:600 24px/1.3 var(--font-display);text-wrap:balance}.result__sub{color:var(--ink-2);font-size:15px}.result__streak{color:var(--streak-ink);justify-content:center;align-items:center;gap:6px;font-size:13.5px;font-weight:700;display:inline-flex}.result__streak svg{width:18px;height:18px}.result__acts{flex-direction:column;gap:12px;margin-top:auto;display:flex}.tiles{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}.tile{background:var(--glass);border-radius:var(--radius-card);border:1px solid oklch(100% 0 0/.7);flex-direction:column;align-items:center;gap:2px;padding:10px 6px;display:flex}.tile .av-num{align-items:center;gap:2px;font-size:20px;display:inline-flex}.tile .av-num svg{width:18px;height:18px}.tile small{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:600}.cefr{font:600 12px var(--font-display);color:var(--muted)}.bands{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bands li{grid-template-columns:32px 1fr 48px;align-items:center;gap:10px;display:grid}.bands__bar{border-radius:var(--radius-pill);background:var(--line);height:10px;overflow:hidden}.bands__bar>span{background:var(--faint);height:100%;display:block}.bands li.pass .bands__bar>span{background:var(--green)}.place-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-feature);margin:0;animation:.5s cubic-bezier(.22,1,.36,1) flowRise;overflow:hidden;box-shadow:0 10px 24px oklch(45% .08 250/.1)}.place-card__art{background:oklch(90% .05 235);position:relative}.place-card__art img{aspect-ratio:1.85;object-fit:cover;width:100%;height:auto;display:block}.place-card__tag{border-radius:var(--radius-pill);color:var(--blue);background:oklch(100% 0 0/.92);padding:4px 12px;font-size:12px;font-weight:700;position:absolute;bottom:12px;left:12px}.place-card__body{text-align:left;flex-direction:column;gap:2px;padding:14px 16px 16px;display:flex}.place-card__brand{color:var(--muted);font-size:12px;font-weight:600}.place-card__name{font:600 16px/1.35 var(--font-display);color:var(--ink);overflow-wrap:anywhere}.place-card__level{color:var(--navy);flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:2px 0 0;font-size:26px;line-height:1.2;display:flex}.place-card__level span{font:600 16px/1.3 var(--font-body);color:var(--ink-2)}.place-card__line{color:var(--pink-dk);margin:2px 0 0;font-size:16px;font-weight:700}.place-card__set{color:var(--ink-2);margin:10px 0 0;font-size:14px}.place-card__stats{flex-wrap:wrap;gap:8px;margin:6px 0 0;padding:0;list-style:none;display:flex}.place-card__stats li{border-radius:var(--radius-pill);background:var(--app);font:600 14px/1.3 var(--font-display);color:var(--navy);white-space:nowrap;padding:6px 12px}.result--place .result-progress{margin:0}.place-card--tap{cursor:pointer}.place-card--tap:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.place-tiles{margin-top:0}.place-tiles .tile{background:var(--paper);border-color:var(--line)}.place-bands{flex-direction:column;gap:10px;display:flex}.place-bands h3{font:600 16px/1.3 var(--font-display);color:var(--navy);margin:0}.place-bands .result__note{color:var(--muted);margin:0;font-size:12px}.result--place .result__verdict{text-align:center;margin:0}.result--place .result__acts{background:linear-gradient(180deg,transparent 0,var(--app) 14px);padding-top:18px}@media (prefers-reduced-motion:reduce){.place-card{animation:none}}.bands__n{font:600 13px var(--font-display);text-align:right;font-variant-numeric:tabular-nums}.welcome{min-height:100dvh;padding:calc(32px + env(safe-area-inset-top,0px)) var(--space-4) 24px;text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.welcome__art{border-radius:50%}.welcome h1{font:600 24px/1.3 var(--font-display);text-wrap:balance}.welcome__lead{color:var(--ink-2);font-size:14.5px;line-height:1.6}.welcome__cards{text-align:left;flex-direction:column;gap:10px;width:100%;margin:0;padding:0;list-style:none;display:flex}.welcome__cards li{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);flex-direction:column;gap:2px;padding:14px 16px;display:flex}.welcome__cards b{font-size:15px}.welcome__cards span{color:var(--ink-2);font-size:13.5px;line-height:1.5}.welcome .btn{margin-top:auto}.course{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper);flex-direction:column;display:flex;overflow:hidden}.course__categories{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.course>.course-row{border:0;border-radius:0}.course-row{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);text-align:left;width:100%;font:inherit;color:var(--ink);cursor:pointer;flex-direction:column;align-items:stretch;padding:0;display:flex;position:relative;overflow:hidden}.course-row>img{object-fit:cover;object-position:center 58%;border-radius:0;width:100%;height:108px;display:block}.course-row__txt{width:100%;min-width:0;padding:12px var(--space-4);flex-direction:column;gap:4px;display:flex}.course-row__txt b{font:600 17px/1.4 var(--font-display);text-wrap:balance}.course-row__txt small{color:var(--ink-2);font-size:12px;line-height:1.5}.course-row .av-bar__track{border-radius:var(--radius-pill);background:var(--line);flex:none;height:6px;margin-top:4px;display:block;overflow:hidden}.course-row .av-bar__track>span{background:var(--blue);height:100%;display:block}.course-row>.chev,.course-row>svg{top:var(--space-3);right:var(--space-3);box-sizing:content-box;border-radius:var(--radius-pill);background:var(--paper);padding:6px;position:absolute}.course-row__offer{padding:12px var(--space-4);align-items:center;gap:12px;display:flex}.course-row__offer .course-row__txt{flex:1;padding:0}.course-price{text-align:right;flex-direction:column;flex:none;align-items:flex-end;gap:2px;max-width:108px;display:flex}.course-price b{font:600 21px/1.3 var(--font-display);color:var(--blue-dk)}.course-price del{color:var(--muted);font-size:12px}.course-price small{color:var(--pink-dk);font-size:12px;line-height:1.4}.course-price em{color:var(--muted);font-size:12px;font-style:normal}.course-row--locked>img{object-position:center 42%}.course-row--locked svg,.chev svg{width:20px;height:20px;color:var(--blue-dk)}.hub-more{gap:var(--space-4);scroll-margin-top:calc(72px + env(safe-area-inset-top,0px));flex-direction:column;display:flex}.hub-more h2{font:500 18px var(--font-display)}.chev{place-items:center;transition:transform .15s;display:grid}.chev--open{transform:rotate(180deg)}.cats{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cats>li+li{border-top:1px solid var(--line)}.cat-row{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.cat-row:disabled{cursor:default;opacity:.7}.cat-row img,.cat-row__ph{object-fit:cover;background:var(--blue-50);border-radius:12px;width:44px;height:44px}.cat-row__txt{flex-direction:column;min-width:0;display:flex}.cat-row__txt b{font-size:14.5px;line-height:1.35}.cat-row__txt small{color:var(--muted);font-size:12px}.cat-row__pct{font:600 14px var(--font-display);color:var(--blue);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:4px;display:flex}.cat-row__pct.done{color:var(--green)}.cat-row__pct svg{width:20px;height:20px}.cover{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-feature);width:100%}.lead{color:var(--ink-2);font-size:15px;line-height:1.6}.known{background:var(--green-50);border-radius:var(--radius-card);padding:12px 14px;font-size:14px}.known b{font-family:var(--font-display);color:var(--green)}.seg{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-pill);grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.seg button{border-radius:var(--radius-pill);min-height:40px;font:700 13px var(--font-body);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;display:flex}.seg button[aria-selected=true]{background:var(--blue);color:var(--paper)}.seg__n{font:600 12px var(--font-display);font-variant-numeric:tabular-nums}.chips-pad{margin:0;padding:0 0 4px}.words{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.word-row{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-row);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.word-row__txt{flex-direction:column;min-width:0;display:flex}.word-row__txt b{font-size:15.5px}.word-row__txt small{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.pill{color:var(--muted);background:var(--app);border-radius:var(--radius-pill);white-space:nowrap;padding:3px 9px;font-size:12px;font-weight:700}.pill--due{color:var(--orange-ink);background:var(--orange-50)}.mystats{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.mystats div{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-row);padding:10px 12px}.mystats dt{color:var(--muted);font-size:12px;font-weight:600}.mystats dd{font:600 16px var(--font-display);margin:2px 0 0}.me-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);flex-direction:column;gap:10px;padding:16px;display:flex}.me-card__who{align-items:center;gap:12px;display:flex}.me-card__who img{border-radius:50%;width:48px;height:48px}.me-card__who b{font-size:16px;display:block}.me-card__who small{color:var(--muted);font-size:12.5px}.me-card .tile{background:var(--app);border:0}.settings{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);flex-direction:column;gap:10px;padding:16px;display:flex}.settings h2{font:600 16px var(--font-display)}.settings__txt{color:var(--ink-2);font-size:13.5px;line-height:1.6}.settings__ok{color:var(--green);font-weight:700}.settings__err{color:var(--red);font-size:13px}.dev-link{color:var(--muted);text-align:center;font-size:13px;text-decoration:underline}@media (width<=400px){.quiz__prompt{font-size:28px}.opt{min-height:52px;font-size:16px}.btn{font-size:15px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:root{--wrong:oklch(53% .19 25);--wrong-50:oklch(95.5% .035 25);--green-ink:oklch(45% .12 150)}.welcome{text-align:left;background:var(--app);min-height:100dvh;padding:0;display:block;position:relative;overflow:hidden}.welcome:before{content:"";z-index:1;background:linear-gradient(oklch(92% .045 225),oklch(92% .045 225/.85) 45%,#0000);height:34%;position:absolute;inset:0 0 auto}.welcome__scene{object-fit:cover;object-position:50% 38%;width:100%;height:52dvh;position:absolute;top:0;-webkit-mask-image:linear-gradient(#000 62%,#0000);mask-image:linear-gradient(#000 62%,#0000)}.welcome__top{z-index:2;padding:calc(20px + env(safe-area-inset-top,0px)) 20px 0;position:relative}.welcome h1{font:600 31px/1.22 var(--font-display);color:var(--navy);overflow-wrap:anywhere}.welcome__top p{color:var(--ink);margin-top:6px;font-size:14px;font-weight:600}.welcome__bottom{z-index:2;padding:16px 16px calc(24px + env(safe-area-inset-bottom,0px));margin-top:max(168px,100dvh - 500px);position:relative}.welcome__steps{gap:8px;margin:0 0 16px;padding:0;list-style:none;display:grid}.welcome__steps li{border:1px solid var(--line);background:var(--paper);animation:flowRise .36s var(--ease-out,ease-out) both;border-radius:18px;align-items:center;gap:12px;padding:10px 14px 10px 10px;display:flex}.welcome__steps li:nth-child(2){animation-delay:60ms}.welcome__steps li:nth-child(3){animation-delay:.12s}.welcome__steps img{object-fit:contain;background:var(--blue-50);border-radius:14px;flex:none;width:52px;height:52px}.welcome__steps b{font-size:15px;line-height:1.3;display:block}.welcome__steps small{color:var(--ink-2);margin-top:2px;font-size:13px;line-height:1.45;display:block}.study{height:100dvh;min-height:640px;padding-bottom:0;overflow-x:clip}.study:has(.cards){height:auto;min-height:100dvh;padding-bottom:24px}.study__title{display:none}.study__top{flex:none;min-height:54px;padding-top:10px}.study__top .av-iconbtn{color:var(--muted);background:0 0;border:0}.study__meta{min-height:28px;color:var(--ink-2);flex:none;align-items:center;gap:8px;margin:8px 0 6px;font-size:12px;font-weight:700;display:flex}.study__meta>span:first-child{flex:1}.miss-dots{gap:4px;display:flex}.miss-dots i{background:var(--line);border-radius:50%;width:8px;height:8px}.miss-dots .on{background:var(--red)}.sound-toggle{font:600 12px var(--font-body);color:var(--muted);white-space:nowrap;background:0 0;border:0;min-height:32px;padding:4px}.quiz{gap:18px;min-height:0;padding-top:8px;padding-bottom:114px;position:relative}.quiz__stack{flex:1;min-height:170px;max-height:275px;margin-bottom:8px;position:relative}.quiz__stack:before,.quiz__stack:after{content:"";background:var(--blue-50);border:1px solid var(--line);border-radius:24px;height:100%;position:absolute}.quiz__stack:before{top:18px;left:28px;right:28px}.quiz__stack:after{top:9px;left:14px;right:14px}.quiz__card{z-index:1;min-height:0;box-shadow:none;border-radius:24px;padding:56px 18px 40px;animation:.4s cubic-bezier(.22,1,.36,1) flowDeal;position:absolute;inset:0;overflow:hidden}.quiz__prompt{color:var(--navy);z-index:1;font-size:39px;line-height:1.15}.quiz__card .fuse{background:var(--blue-50);border-radius:0;height:6px;position:absolute;top:0;left:0;right:0}.fuse>span{transform-origin:0;will-change:transform;width:100%}.quiz__timer{background:var(--blue-50);height:30px;color:var(--blue);font:600 15px/1 var(--font-display);font-variant-numeric:tabular-nums;border-radius:99px;align-items:center;gap:4px;padding:0 10px 0 8px;display:flex;position:absolute;top:16px;left:14px}.quiz__timer svg{width:16px;height:16px}.quiz__card--hurry{border-color:var(--orange);animation:1s ease-in-out infinite quizTick}.quiz__card--hurry .quiz__timer{background:var(--orange-50);color:var(--orange-ink)}.quiz__card--right{border-color:var(--green);box-shadow:0 0 0 3px var(--green-50)}.quiz__card--wrong{border-color:var(--wrong);box-shadow:0 0 0 3px var(--wrong-50)}.quiz__say{text-align:center;color:var(--ink-2);font-size:13px;font-weight:700;position:absolute;bottom:16px;left:18px;right:18px}.quiz__card--right .quiz__say{color:var(--green-ink)}.quiz__card--wrong .quiz__say{color:var(--wrong)}.quiz__tag{padding:3px 10px;font-size:12px;display:inline-block;position:static}.speaker{border:1px solid var(--line);background:var(--paper);width:40px;height:40px;color:var(--blue);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid}.speaker svg{width:20px;height:20px}.speaker--on{background:var(--blue-50);animation:1s ease-in-out infinite speakerPulse}.quiz__card>.speaker{z-index:3;position:absolute;top:14px;right:14px}.speaker-error{color:var(--red);background:var(--paper);z-index:4;border-radius:8px;padding:4px;font-size:12px;position:absolute;bottom:42px}.opt{text-align:center;border-width:1px;border-radius:18px;width:100%;min-height:56px;padding:10px 46px;font-size:16px;font-weight:700;line-height:1.35;animation:.3s cubic-bezier(.22,1,.36,1) both flowRise;position:relative}.opt:nth-child(2){animation-delay:50ms}.opt:nth-child(3){animation-delay:.1s}.opt__number{background:var(--app);width:24px;height:24px;color:var(--muted);border-radius:8px;place-items:center;font-size:12px;display:grid;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.opt__mark{width:24px;height:24px;color:var(--paper);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.opt__mark svg{width:16px;height:16px}.opt--right .opt__mark{background:var(--green)}.opt--wrong .opt__mark{background:var(--red)}.quiz__after{z-index:5;width:min(480px,100%);padding:12px 16px calc(22px + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:1px solid var(--line);gap:8px;animation:.3s cubic-bezier(.22,1,.36,1) dockRise;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -10px 24px oklch(30% .06 262/.08)}.quiz__acts{grid-template-columns:1fr 1.35fr}.quiz__acts svg{width:20px;height:20px}.quiz__verdict{font-size:12px}.quiz--out .quiz__card{animation:.24s cubic-bezier(.55,0,1,.45) both flowOut}.quiz--out .opt{animation:.16s both optionOut}.combo{background:var(--orange-50);height:30px;color:var(--orange-ink);font:600 15px/1 var(--font-display);z-index:2;border-radius:99px;align-items:center;gap:3px;padding:0 10px 0 7px;animation:.42s cubic-bezier(.2,1.6,.4,1) comboBump;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.combo svg{width:18px;height:18px}.combo--hot{background:var(--orange);color:var(--paper)}.quiz__card--fire{border-color:var(--orange)}.combo-heat{pointer-events:none;background:radial-gradient(70% 90% at 50% 125%,oklch(80% .17 62/.42),#0000 70%);height:46%;animation:.8s ease-in-out infinite alternate heatFlick;position:absolute;bottom:0;left:0;right:0}.combo-burst{z-index:8;pointer-events:none;place-items:center;display:grid;position:absolute;top:35%;left:50%}.combo-burst>span{background:var(--orange);color:var(--paper);font:600 24px/1 var(--font-display);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:10px 16px;animation:1.5s cubic-bezier(.2,1.4,.4,1) both comboBadge;display:flex;position:absolute;box-shadow:0 0 0 4px oklch(82% .16 75/.7)}.combo-burst svg{width:28px;height:28px}.combo-burst small{font:600 14px var(--font-body)}.combo-burst>i{background:var(--orange);border-radius:3px;width:6px;height:16px;animation:.75s ease-out both comboSpark;position:absolute}@keyframes flowDeal{0%{opacity:.3;transform:translateY(18px)scale(.92)}}@keyframes flowRise{0%{opacity:0;transform:translateY(12px)}}@keyframes flowOut{to{opacity:0;transform:translate(-115%)rotate(-7deg)}}@keyframes optionOut{to{opacity:0;transform:translateY(8px)}}@keyframes dockRise{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}@keyframes quizTick{10%{transform:rotate(-1.2deg)}20%{transform:rotate(1.2deg)}30%,to{transform:none}}@keyframes speakerPulse{50%{transform:scale(1.06)}}@keyframes comboBump{0%{transform:translate(-50%)scale(.6)}60%{transform:translate(-50%)scale(1.2)}}@keyframes heatFlick{to{opacity:.55;transform-origin:bottom;transform:scaleY(.9)}}@keyframes comboBadge{0%{opacity:0;transform:scale(.3)rotate(-10deg)}18%{opacity:1;transform:scale(1.12)rotate(3deg)}30%,75%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-30px)scale(.9)}}@keyframes comboSpark{0%{transform:rotate(var(--angle)) translateY(0);opacity:1}to{transform:rotate(var(--angle)) translateY(-110px);opacity:0}}.cards__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.cards__lead{text-align:left}.cards__dots{gap:5px;display:flex}.cards__dots i{background:var(--line);border-radius:99px;width:20px;height:6px}.cards__dots .done{background:var(--faint)}.cards__dots .now{background:var(--orange)}.cards>.wordcard{animation:.4s cubic-bezier(.22,1,.36,1) flowDeal}.cards__nav{background:var(--app);z-index:2;padding:12px 0;position:sticky;bottom:0}.wordcard{text-align:left;gap:0;padding:0;overflow:hidden}.wordcard__body{flex-direction:column;gap:6px;padding:14px 16px 16px;display:flex}.wordcard__art{aspect-ratio:1;border-radius:0;width:100%;max-width:none;position:relative}.wordcard__art--default{background:radial-gradient(circle at 50% 42%,oklch(97.5% .02 250),oklch(91% .04 250));flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.wordcard__art--default img{object-fit:contain;width:46%;height:auto}.wordcard__art--default span{color:var(--ink-2);font-size:13px;font-weight:600}.wordcard__head{align-items:center;gap:10px;display:flex;position:relative}.wordcard__hw{overflow-wrap:anywhere;margin-top:0;font-size:30px}.wordcard__meta{justify-content:flex-start}.wordcard__th{color:var(--orange-ink);background:var(--orange-50);border-radius:10px;align-self:flex-start;padding:3px 10px;font-size:17px}.ex{background:0 0;padding:0}.ex b{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);text-underline-offset:3px;text-decoration-thickness:2px}.sheet-panel{position:relative}.sheet-close{z-index:3;border:1px solid var(--line);background:var(--paper);font-size:25px;line-height:1;position:absolute;top:12px;right:12px}.sheet-panel:has(.wordcard){padding:0 0 calc(24px + env(safe-area-inset-bottom,0px));overflow-x:hidden}.sheet-panel .wordcard{border:0;padding:0}.sheet-panel .av-sheet__acts{padding:0 20px}.sheet-panel:has(.wordcard) .av-sheet__acts{z-index:2;padding:12px 20px calc(14px + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:1px solid var(--line);margin-top:18px;position:sticky;bottom:0}.result__art{padding-top:0;animation:.5s cubic-bezier(.22,1,.36,1) flowRise;overflow:hidden}.result__scene{background:url(/img/cover-raven-deadpan.jpg) 74% 45%/cover;height:160px;margin:0 -16px -36px;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.result__kicker{background:var(--glass);border-radius:99px;align-self:center;padding:3px 12px;position:relative}.result__title{position:relative}.result__note{color:var(--ink-2);font-size:13px;line-height:1.55}.bands li{grid-template-columns:32px 1fr 88px}.bands__n{font-size:12px}.bands__bar>span{transform-origin:0;animation:.6s cubic-bezier(.22,1,.36,1) barGrow}.result__acts{padding-bottom:env(safe-area-inset-bottom,0px)}.home .av-hero>img{animation:.6s ease-out heroFade}.av-challenge__placeholder{gap:6px;margin:12px 0;display:grid}.av-challenge__placeholder span{min-height:32px;color:var(--muted);border-bottom:1px solid var(--line);align-items:center;gap:10px;font-size:12px;display:flex}.av-challenge__placeholder i{background:var(--blue-50);border-radius:50%;width:22px;height:22px}.av-challenge__placeholder em{margin-left:auto;font-style:normal}.av-endless__action{background:var(--glass);color:var(--navy);white-space:nowrap;width:max-content;min-height:44px;font:700 13px var(--font-body);cursor:pointer;border:0;border-radius:99px;flex:none;margin-top:0;margin-left:auto;padding:0 16px}@keyframes heroFade{0%{opacity:0}}@keyframes barGrow{0%{transform:scaleX(0)}}@media (width<=400px){.btn{font-size:14.5px}.quiz__prompt{font-size:36px}.tile small{font-size:12px}.welcome h1{font-size:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.combo-burst{display:none}}.av-endless__action{align-items:center;gap:6px;display:flex}.av-endless__action svg{width:16px;height:16px}.opt--wrong{border-color:var(--wrong);background:var(--wrong-50);color:var(--wrong);box-shadow:0 3px 0 var(--wrong)}.opt--right,.quiz__verdict b{color:var(--green-ink)}.pause-art{object-fit:cover;object-position:80% 50%;width:calc(100% + 40px);max-width:none;height:160px;margin:0 -20px -12px;display:block;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.page{animation:.25s cubic-bezier(.22,1,.36,1) flowRise}.cards--out>.wordcard{animation:.24s cubic-bezier(.55,0,1,.45) both flowOut}.quiz__card--wrong{animation:.42s ease-in-out wrongShake}@keyframes wrongShake{0%,to{transform:none}20%{transform:translate(-6px)rotate(-1.5deg)}40%{transform:translate(6px)rotate(1.5deg)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.quiz__card--fire:before{content:"";border:2px solid var(--orange);pointer-events:none;border-radius:22px;animation:1.1s ease-in-out infinite fireGlow;position:absolute;inset:1px;box-shadow:inset 0 0 20px oklch(72% .19 48/.35)}@keyframes fireGlow{50%{opacity:.45}}.combo-embers{pointer-events:none;position:absolute;inset:0;overflow:hidden}.combo-embers i{background:radial-gradient(circle,oklch(95% .1 90),oklch(75% .19 55) 55%,#0000 72%);border-radius:50%;width:8px;height:8px;animation:1.15s ease-out infinite emberRise;position:absolute;bottom:8px}@keyframes emberRise{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--drift),-120px) scale(.2);opacity:0}}.combo-burst:before{content:"";background:radial-gradient(circle,oklch(92% .12 85/.9),oklch(75% .19 55/.6) 40%,#0000 70%);border-radius:50%;width:120px;height:120px;animation:.7s cubic-bezier(.2,.8,.3,1) both burstRing;position:absolute}@keyframes burstRing{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(3.2)}}.hearts{vertical-align:middle;gap:3px;display:inline-flex}.heart{width:18px;height:18px;display:inline-block;position:relative}.heart svg{width:100%;height:100%;position:absolute;inset:0}.heart__empty{fill:none;stroke:var(--line);stroke-width:2.2px;opacity:0}.heart__half{position:absolute;inset:0}.heart__half svg{fill:var(--red)}.heart__half--l{clip-path:polygon(0 0,53% 0,43% 34%,57% 52%,45% 70%,50% 100%,0 100%)}.heart__half--r{clip-path:polygon(53% 0,100% 0,100% 100%,50% 100%,45% 70%,57% 52%,43% 34%)}.heart--lost .heart__half{opacity:0}.heart--lost .heart__empty{opacity:1}.heart--break{animation:.28s ease-out heartShake}.heart--break .heart__half--l{animation:.64s cubic-bezier(.3,.7,.4,1) forwards heartSplitL}.heart--break .heart__half--r{animation:.64s cubic-bezier(.3,.7,.4,1) forwards heartSplitR}.heart--break .heart__empty{animation:.64s ease-out forwards heartEmpty}@keyframes heartShake{0%,to{transform:none}30%{transform:translate(-2px)rotate(-10deg)scale(1.2)}65%{transform:translate(2px)rotate(10deg)scale(1.2)}}@keyframes heartSplitL{0%,35%{opacity:1;transform:none}to{opacity:0;transform:translate(-6px,9px)rotate(-30deg)}}@keyframes heartSplitR{0%,35%{opacity:1;transform:none}to{opacity:0;transform:translate(6px,9px)rotate(30deg)}}@keyframes heartEmpty{0%,55%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.heart--break,.heart--break .heart__half,.heart--break .heart__empty{animation:none}.heart--break .heart__half{opacity:0}.heart--break .heart__empty{opacity:1}}.recall,.recall-bridge{flex-direction:column;flex:1;gap:16px;display:flex}.recall__card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-feature);box-shadow:var(--float-soft);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:260px;padding:56px 18px 22px;display:flex;position:relative}.recall__card>.speaker{position:absolute;top:14px;right:14px}.recall__chip{color:oklch(48% .13 300);background:oklch(96% .025 300);border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:12.5px;font-weight:700;display:inline-flex;position:absolute;top:14px;left:14px}.recall__chip svg,.recall-bridge__mini svg,.result__own svg{width:14px;height:14px}.recall__word{font:600 clamp(28px,8vw,36px)/1.2 var(--font-display);overflow-wrap:anywhere;margin:0}.recall__hint{color:var(--muted);margin:0;font-size:13.5px}.recall__ans{border-top:1px solid var(--line);gap:6px;width:100%;padding-top:14px;display:grid}.recall__th{font:600 22px/1.35 var(--font-display);color:var(--ink);overflow-wrap:anywhere;margin:0}.recall__ex{color:var(--ink-2);overflow-wrap:anywhere;margin:0;font-size:14px}.recall__done{margin:2px 0 0;font-size:13px;font-weight:700}.recall__done--ok{color:var(--green)}.recall__done--no{color:var(--orange-ink)}.recall__acts{margin-top:auto}.recall__wide{width:100%;min-height:54px}.recall__pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.recall__pair .btn{min-height:54px}.recall__msg{text-align:center;color:var(--orange-ink);margin:0;font-size:13px}.recall-bridge{text-align:center;justify-content:center;align-items:center;padding:12px 8px 0}.recall-bridge img{object-fit:contain;width:132px;height:132px}.recall-bridge h2{font:600 22px/1.3 var(--font-display);text-wrap:balance;margin:0}.recall-bridge p{color:var(--ink-2);max-width:30ch;margin:0}.recall-bridge__mini{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.recall-bridge .recall__wide{margin-top:auto}.study__meta--own>span:first-child{color:oklch(48% .13 300);align-items:center;gap:6px;font-weight:700;display:inline-flex}.study__meta--own>span:first-child:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.pause-meter{color:var(--muted);gap:6px;margin:4px 0 2px;font-size:12.5px;font-weight:600;display:grid}.tiles--two{grid-template-columns:repeat(2,1fr)}.result__own{color:var(--ink-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:4px 0 0;font-size:13px;display:inline-flex}.result__own svg{color:oklch(48% .13 300)}.result__own b{color:var(--ink)}.result__left{background:var(--orange-50);color:var(--orange-ink);border-radius:14px;margin:4px 0 0;padding:10px 12px;font-size:13px;font-weight:600}@media (prefers-reduced-motion:reduce){.recall__card{animation:none}}.result--fx .fx{opacity:0;animation:fxIn .5s cubic-bezier(.22,1,.36,1) var(--d,0s) forwards}.result--fx .tile.fx{animation-name:fxPop}@keyframes fxIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fxPop{0%{opacity:0;transform:scale(.86)}70%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:none}}.result--fx .tile--glow .av-num{color:var(--green-ink,oklch(45% .13 150))}.result--skip .fx{opacity:1;animation:none}.result__scene--level{background:0 0;height:190px;position:relative;overflow:hidden}.result__scene--level img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.result__scene--level img.is-new{animation:1s cubic-bezier(.22,1,.36,1) both sceneIn}@keyframes sceneIn{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:none}}.result-progress__name{font:600 15px/1.35 var(--font-display);color:var(--ink);margin:-6px 0 0}.result-progress__name.level-gain{color:var(--blue)}.result-progress .av-bar__track.is-full>span{animation:.42s ease-out both barFull}@keyframes barFull{0%{filter:none}60%{filter:brightness(1.35)saturate(1.2)}to{filter:brightness(1.15)}}@media (prefers-reduced-motion:reduce){.result--fx .fx,.result__scene--level img.is-new,.result-progress .av-bar__track.is-full>span{opacity:1;animation:none}}.btn--pink{background:var(--pink);color:var(--paper);box-shadow:var(--lip-pink)}.btn--pink:active:not(:disabled){box-shadow:0 1px 0 var(--pink-dk);transform:translateY(3px)}.race-page{padding:18px 16px 24px}.race-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.race-title>span{color:var(--muted);font-size:12px;font-weight:600}.race-seg{background:var(--ground);border-radius:16px;grid-template-columns:1fr 1fr;gap:4px;margin-top:12px;padding:4px;display:grid}.race-seg button{min-height:44px;color:var(--muted);font:700 15px var(--font-body);background:0 0;border:0;border-radius:12px}.race-seg button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 4px oklch(30% .05 262/.1)}.race-hero{background:var(--paper);border:1px solid var(--line);box-shadow:var(--float-soft);border-radius:24px;margin-top:14px;padding:14px 16px 16px}.race-chips{scrollbar-width:none;gap:6px;margin:0 -16px;padding:0 16px 6px;display:flex;overflow:auto}.race-chips button{border:1px solid var(--line);background:var(--paper);min-height:36px;color:var(--ink-2);font:700 12.5px var(--font-body);white-space:nowrap;border-radius:99px;flex:none;padding:0 14px}.race-chips button[aria-pressed=true]{background:var(--pink);border-color:var(--pink);color:var(--paper)}.race-chips i{background:currentColor;border-radius:50%;width:5px;height:5px;margin-left:5px;display:inline-block}.race-main{grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:12px;display:grid}.race-face{object-fit:cover;object-position:58% 18%;border-radius:50%;width:56px;height:56px}.race-rank{font:600 30px/1.05 var(--font-display);color:var(--navy);display:block}.race-best{text-align:right}.race-best b{font:600 24px/1.1 var(--font-display);color:var(--pink-dk);display:block}.race-best small{color:var(--muted);font-size:13px;font-weight:600}.race-say{background:var(--pink-50);color:var(--cat-ink);white-space:nowrap;text-overflow:ellipsis;border-radius:12px;margin:12px 0 14px;padding:8px 10px;font-size:12.5px;font-weight:600;overflow:hidden}.race-start{gap:10px;width:100%;min-height:52px;padding:8px 12px;font-size:15px}.race-quota{background:var(--paper);min-width:24px;height:24px;color:var(--pink-dk);border-radius:99px;place-items:center;padding:0 5px;display:grid}.race-scope{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:4px;margin:18px -4px 6px;padding-top:2px;display:flex}.race-scope button{min-height:44px;font:700 15px var(--font-body);color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;margin-bottom:-1px;padding:0 12px}.race-scope button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--pink)}.race-scope small{font-size:12px}.race-row{border-radius:10px;grid-template-columns:40px 28px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:40px;padding:3px 4px;font-size:13px;display:grid}.race-row--me{background:var(--blue-50);font-weight:700}.race-place{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.race-row--me .race-place{color:var(--blue)}.race-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.race-name small{color:var(--blue);font-size:12px}.race-row>b{font:600 13px var(--font-display);white-space:nowrap}.medal{width:28px;height:28px;color:var(--paper);text-shadow:0 1px 1px oklch(40% .07 75);background:oklch(80% .12 85);border:1px solid oklch(40% .07 75);border-radius:50%;place-items:center;display:grid;position:relative}.medal--2{background:oklch(76% .014 262);border-color:oklch(60% .014 262)}.medal--3{background:oklch(70% .09 55);border-color:oklch(50% .09 55)}.medal:before{content:"";background:inherit;clip-path:polygon(0 100%,0 0,30% 40%,50% 0,70% 40%,100% 0,100% 100%);width:9px;height:6px;position:absolute;top:-4px}.race-avatar{background:var(--pink-50);width:28px;height:28px;color:var(--cat-ink);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid;overflow:hidden}.race-avatar img{object-fit:cover;width:100%;height:100%}.race-dots{text-align:center;color:var(--faint);padding:8px}.race-note{color:var(--ink-2);margin-top:12px;font-size:12.5px;line-height:1.5}.race-page>.race-note{text-align:center;color:var(--muted)}.race-empty{color:var(--muted);text-align:center;padding:24px 6px;font-size:13px;line-height:1.6}.race-actions{justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.race-actions>a{color:var(--blue);font-size:13px}.race-section-title{font:600 18px var(--font-display);margin:24px 0 12px}.race-rival{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.race-rival>div{flex:1;min-width:0;font-size:14px}.race-rival small{color:var(--muted);font-size:12px;display:block}.race-rival .race-avatar{width:40px;height:40px}.race-sheet-art{object-fit:contain;max-width:200px;height:138px;margin:0 auto 12px;display:block}.race-rules{color:var(--ink-2);padding-left:20px;font-size:13px;line-height:1.6}.race-rules li+li{margin-top:5px}.race-direction{margin:0}.race-page--endless .race-say{background:var(--blue-50);color:var(--navy)}.race-page--endless .race-best b{color:var(--navy)}.race-cover{aspect-ratio:1536/832;max-width:100%;color:var(--navy);isolation:isolate;background:50%/cover no-repeat;border-radius:20px;margin-top:14px;position:relative;overflow:hidden;container-type:inline-size}.race-cover:before{content:"";z-index:1;background:linear-gradient(90deg,oklch(92% .045 225) 0%,oklch(92% .045 225/.9) 34%,oklch(92% .045 225/0) 62%);position:absolute;inset:0}.race-cover>div{z-index:2;flex-direction:column;justify-content:space-between;min-width:0;padding:4.5cqw 0 4.5cqw 5.5cqw;display:flex;position:absolute;inset:0 40% 0 0}.race-cover span{color:var(--ink-2);font-size:max(12px,3.6cqw);font-weight:700;line-height:1.15}.race-cover b{font:600 max(30px, 12cqw) / 1 var(--font-display);color:var(--pink-dk)}.race-cover small{font:600 max(14px, 5cqw) var(--font-display);color:var(--navy);display:block}.race-cover p{font:600 max(13px, 4.4cqw) / 1.25 var(--font-display);text-wrap:balance}.race-cover-picker{scrollbar-width:none;gap:8px;margin:12px -20px 0;padding:2px 20px 6px;display:flex;overflow:auto}.race-cover-picker button{border:1px solid var(--line);background:var(--paper);width:104px;min-width:104px;color:var(--ink);font:600 14px/1.25 var(--font-body);text-align:center;border-radius:12px;flex:none;padding:4px}.race-cover-picker button[aria-checked=true]{border-color:var(--pink);box-shadow:inset 0 0 0 1px var(--pink);background:var(--pink-50)}.race-cover-picker__thumb{display:block;position:relative}.race-cover-picker img{aspect-ratio:1.85;object-fit:cover;border-radius:8px;width:100%;display:block}.race-cover-picker__thumb i{color:var(--navy);place-items:center;display:grid;position:absolute;inset:0}.race-cover-picker__thumb i svg{background:var(--paper);border-radius:99px;width:28px;height:28px;padding:5px}.race-cover-picker button>span:not(.race-cover-picker__thumb){margin:5px 0 2px;display:block}.race-cover-picker small{font:600 14px/1.2 var(--font-body);color:var(--ink-2);margin-bottom:2px;display:block}.race-cover-picker button.is-locked{background:var(--ground);cursor:not-allowed}.race-cover-picker button.is-locked img{opacity:.45;filter:grayscale(.7)}.race-cover-picker button.is-locked>span:not(.race-cover-picker__thumb){color:var(--ink-2)}.race-cover--night{color:var(--paper)}.race-cover--night:before{background:linear-gradient(90deg, var(--navy), transparent)}.race-cover--night b,.race-cover--night small,.race-cover--night span,.race-cover--night p{color:var(--paper)}.race-run-info{text-align:center;margin:12px 0}.race-run-info p{color:var(--pink-dk);font-size:13px;font-weight:700}.race-run-info h1{font:600 27px/1.3 var(--font-display);margin-top:3px}.race-run .quiz__prompt{font-size:36px}.race-run .quiz__card{min-height:210px}.race-run-note{text-align:center;color:var(--muted);margin:16px 0;font-size:12px}.race-run--night{background:var(--navy) url(/img/endless-bg.jpg) center/cover;min-height:100dvh;color:var(--paper)}.race-run--night .study__title,.race-run--night .study__count,.race-run--night .race-run-info p,.race-run--night .race-run-note,.race-run--night .race-note{color:var(--endless-text)}.race-run--night .quiz__card{background:var(--navy);color:var(--paper);border-color:var(--ink-2)}.race-run--night .quiz__prompt{color:var(--paper)}.race-run--night .quiz__say{color:var(--endless-text)}.race-run--night .quiz__card--right .quiz__say{color:var(--green)}.race-run--night .quiz__timer{color:var(--endless-gold)}.race-run--night .quiz__card--wrong{background:var(--navy)}.race-pip{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:420px;animation:.35s ease-out race-pip-in;display:flex}.race-pip img{object-fit:contain;height:200px}.race-pip p{font:600 22px var(--font-display)}@keyframes race-pip-in{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:none}}.race-network{border:1px solid var(--orange);background:var(--orange-50);color:var(--ink);border-radius:16px;padding:12px;font-size:13px}.race-network .btn{margin-top:10px}.race-result{isolation:isolate;min-height:100dvh;position:relative;overflow:hidden}.race-result-body{flex-direction:column;gap:16px;padding:0 16px 24px;display:flex}.race-result-body h2{font:600 17px var(--font-display)}@media (prefers-reduced-motion:reduce){.race-pip{animation:none}.race-start,.race-seg button,.race-chips button{transition:none}}.race-result{flex-direction:column;display:flex;overflow:visible}.race-result-body{padding-top:calc(14px + env(safe-area-inset-top,0px));flex:1;padding-bottom:0}.race-result-head h1{font:600 26px/1.25 var(--font-display);margin:4px 0 0}.race-cover small{white-space:nowrap}.race-cover .race-cover-time{font:600 max(12px, 3.8cqw) var(--font-body);color:var(--ink-2);margin-top:.5cqw}.race-cover--night .race-cover-time{color:var(--paper)}.story-pill--queued{color:var(--blue-dk);background:var(--blue-50);border-color:oklch(84% .06 262)}.av-challenge .race-board,.av-challenge>.race-note{margin-top:12px}.race-cover .race-cover-name{font:600 max(13px, 4.4cqw) / 1.2 var(--font-display);color:var(--navy);white-space:nowrap;text-overflow:ellipsis;margin-top:.6cqw;font-style:normal;display:block;overflow:hidden}.race-cover--night .race-cover-name{color:var(--paper)}.race-cover-picker img{aspect-ratio:1.25;height:auto}.race-page>.race-note{text-wrap:balance}.race-cover:not(.race-cover--night):before{background:var(--wash,oklch(92% .045 225));-webkit-mask-image:linear-gradient(90deg,#000 0%,#000000e6 34%,#0000 64%);mask-image:linear-gradient(90deg,#000 0%,#000000e6 34%,#0000 64%)}.race-tip{background:var(--pink-50);border-radius:18px;align-items:center;gap:10px;margin:14px 2px 0;padding:10px 14px;font-size:14px;line-height:1.5;display:flex}.race-tip img{object-fit:cover;border-radius:50%;flex:none;width:36px;height:36px}.race-tip b{color:var(--pink-dk)}.profile-page{padding:18px 16px 24px}.profile-title{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.profile-title h1{font:600 27px var(--font-display)}.profile-gear{background:var(--paper);box-shadow:var(--float-soft);border-radius:50%;width:44px;height:44px}.profile-gear svg{width:24px;height:24px}.profile-status{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:16px 14px}.profile-who{align-items:center;gap:12px;display:flex}.profile-who>img,.profile-who>span{object-fit:cover;background:var(--blue);width:44px;height:44px;color:var(--paper);font:600 22px var(--font-display);border-radius:50%;place-items:center;display:grid}.profile-who b{font:600 20px var(--font-display)}.profile-who small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.profile-records{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;display:grid}.profile-records>div,.profile-records>button{text-align:left;background:var(--app);border:0;border-radius:16px;align-items:center;gap:8px;min-width:0;min-height:76px;padding:10px 8px;display:flex}.profile-records p{flex-direction:column;min-width:0;display:flex}.profile-records b{font:600 19px/1.1 var(--font-display);color:var(--navy);white-space:nowrap}.profile-records span{color:var(--ink-2);margin-top:4px;font-size:12px;font-weight:600;line-height:1.25}.profile-record-icon{background:var(--blue-50);width:34px;height:34px;color:var(--blue);border-radius:12px;flex:none;place-items:center;display:grid}.profile-record-icon svg{width:22px;height:22px}.profile-record-icon--streak{background:var(--orange-50);color:var(--orange-ink)}.profile-record-icon--mastered{background:var(--green-50);color:var(--green)}.profile-status>.btn{width:100%}.profile-section{margin-top:24px}.profile-section-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.profile-section-head h2{font:600 20px var(--font-display)}.profile-section-head small{color:var(--muted);font-size:12px}.profile-badges{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.profile-badge{text-align:center;border:1px solid var(--line);background:var(--paper);min-width:0;min-height:170px;color:var(--ink);cursor:pointer;border-radius:18px;flex-direction:column;align-items:center;padding:12px 6px;display:flex;position:relative}.profile-badge>img{object-fit:cover;border-radius:50%;width:62px;height:62px;display:block}.profile-badge--locked>img{filter:grayscale(.8);opacity:.65}.profile-badge>b{font:700 12.5px/1.25 var(--font-body);max-width:100%;min-height:2.5em;margin:7px 0 5px}.profile-badge-chip{font:700 12px var(--font-body);background:var(--blue-50);color:var(--blue);border-radius:99px;margin-top:-5px;padding:2px 7px;position:relative}.profile-badge-chip--earned{background:var(--green);color:var(--paper)}.profile-small{color:var(--muted);font-size:12px;line-height:1.5}.profile-badge-bar{background:var(--line);border-radius:99px;width:100%;height:5px;margin-top:7px;overflow:hidden}.profile-badge-bar i{background:var(--blue);border-radius:99px;height:100%;display:block}.profile-badge-detail{object-fit:cover;border-radius:50%;width:160px;height:160px;margin:0 auto 20px;animation:.55s cubic-bezier(.22,1,.36,1) both profile-reveal;display:block}@keyframes profile-reveal{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.profile-calendar-score{margin-bottom:12px;font-size:13px}.profile-calendar-score b{font:600 26px var(--font-display);color:var(--orange-ink)}.profile-calendar-score small{color:var(--muted);font-size:12px;display:block}.practice-calendar__grid{grid-template-rows:repeat(7,1fr);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;padding:6px 0;display:grid}.practice-day{aspect-ratio:1;background:var(--line);cursor:pointer;border:0;border-radius:50%;width:100%;min-width:0;padding:0;display:block}.practice-day--1{background:oklch(87% .05 262)}.practice-day--2{background:oklch(76% .09 262)}.practice-day--3{background:oklch(64% .14 262)}.practice-day--4{background:var(--blue)}.practice-day--cleared{box-shadow:0 0 0 2px var(--streak-ring);border:2px solid var(--app)}.practice-day[aria-pressed=true]{outline:2px solid var(--navy);outline-offset:3px}.practice-calendar>.profile-small{min-height:30px;margin:12px 0}.practice-key{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:flex}.practice-key .practice-day{width:12px;min-width:12px;height:12px}.practice-key .practice-day--cleared{margin-left:5px}.profile-setting{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 0;display:flex}.profile-setting>div{flex:1;min-width:0}.profile-setting b{font-size:15px}.profile-setting p{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.5}.profile-switch{background:var(--dis);border:0;border-radius:99px;flex:none;width:52px;height:32px;padding:3px}.profile-switch:after{content:"";background:var(--paper);border-radius:50%;width:26px;height:26px;transition:transform .18s;display:block}.profile-switch[aria-checked=true]{background:var(--blue)}.profile-switch[aria-checked=true]:after{transform:translate(20px)}.profile-bg{border:1px solid var(--line);border-radius:var(--radius-duel);font:600 13px/1.4 var(--font-body);background:var(--paper);color:var(--ink);padding:8px}.profile-bg[aria-pressed=true]{background:var(--pink);color:var(--paper);border-color:var(--pink)}.achievement-poster{aspect-ratio:9/16;max-height:56dvh;color:var(--navy);isolation:isolate;background:50%/cover;border-radius:22px;flex-direction:column;justify-content:space-between;margin:16px auto;padding:18px;display:flex;position:relative;overflow:hidden}.achievement-poster:before{content:"";background:linear-gradient(var(--app), transparent 35%, var(--app) 83%);z-index:-1;position:absolute;inset:0}.achievement-poster>span{font-size:16px;font-weight:700}.achievement-poster h3{font:600 25px/1.2 var(--font-display);margin-bottom:8px}.achievement-poster p{font-size:13px;line-height:1.5}.achievement-poster--night{color:var(--paper)}@media (prefers-reduced-motion:reduce){.profile-badge-detail{animation:none}.profile-switch:after{transition:none}}.notify-setting-art{object-fit:cover;object-position:center;border-radius:18px;width:100%;height:150px;margin-bottom:16px}.notify-setting-block{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;margin-top:16px;padding:12px 0 20px}.notify-setting-block h3{font:600 17px var(--font-display);margin:0 0 8px}.notify-setting-block .profile-setting{padding:12px 0}.notify-hour{color:var(--ink-2);justify-content:space-between;align-items:center;gap:10px;margin:16px 0;font-size:13px;font-weight:600;display:flex}.notify-hour select,.notify-hour input{border:1px solid var(--line);background:var(--paper);max-width:50%;min-height:44px;color:var(--ink);font:600 14px var(--font-body);border-radius:12px;padding:8px 12px}.notify-setting-block>.btn{width:100%;margin:10px 0;font-size:14px}.notify-status{background:var(--blue-50);color:var(--blue-dk);border-radius:12px;margin-top:14px;padding:10px 12px;font-size:13px;line-height:1.5}.pwa-offer{background:var(--blue-50);border-radius:20px;grid-template-columns:76px 1fr;align-items:center;gap:14px;margin:12px 0;padding:14px 44px 14px 14px;display:grid;position:relative}.pwa-offer>img{object-fit:cover;border-radius:16px;width:76px;height:76px;display:block}.pwa-offer>div{justify-items:start;gap:4px;min-width:0;display:grid}.pwa-offer b{font:600 16px/1.3 var(--font-display);color:var(--ink)}.pwa-offer p{color:var(--ink-2);margin:0;font-size:14px;line-height:1.4}.pwa-offer .av-btn-ghost{background:var(--paper);min-height:36px;box-shadow:inset 0 0 0 1px var(--line);color:var(--blue-dk);font:600 14px var(--font-body);border-radius:999px;margin-top:6px;padding:0 14px}.pwa-offer-close{color:var(--muted);background:0 0;border:0;width:40px;height:40px;font-size:24px;position:absolute;top:6px;right:6px}.profile-referral{color:#634f38;background:#fff7e5;border-radius:18px;margin:18px 0;padding:18px;text-decoration:none;display:block}.profile-referral b,.profile-referral span{display:block}.profile-referral span{margin-top:6px;font-size:12px}.achievement-poster{text-align:center;justify-content:flex-start;align-items:center;gap:10px;width:min(100%,280px);min-height:440px;max-height:none;padding:16px}.achievement-poster:before{background:linear-gradient(#dceefb 0%,#dceefbcc 30%,#dceefb00 55%,#142c5359 100%)}.achievement-poster--night:before{background:linear-gradient(#192b53 0%,#192b53cc 32%,#192b5333 60%,#192b5399 100%)}.achievement-poster>span{color:var(--navy);background:#fffc;border-radius:99px;padding:4px 10px;font-size:11px}.achievement-big{flex-direction:column;align-items:center;display:flex}.achievement-big b{font:600 54px/1.1 var(--font-display)}.achievement-big small{font-size:13px;font-weight:600}.achievement-stat-tiles{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:auto;display:grid}.achievement-stat-tiles>span,.achievement-badge-row,.achievement-map{color:var(--navy);background:#fffd;border-radius:14px;padding:10px}.achievement-stat-tiles b{font-size:24px;display:block}.achievement-stat-tiles small{font-size:10px}.achievement-badge-row{text-align:left;border:0;justify-content:center;gap:12px;width:100%;min-width:0;min-height:76px;display:flex}.achievement-badge-row>p{align-self:center;font-size:12px;line-height:1.5}.achievement-badge-row>span{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.achievement-badge-row img{object-fit:cover;border-radius:50%;width:38px;height:38px}.achievement-badge-row small{color:var(--blue);background:var(--blue-50);border-radius:99px;padding:1px 5px;font-size:9px}.achievement-badge-row b{margin-top:4px;font-size:9px}.achievement-map{text-align:left;width:100%;padding:10px}.achievement-map>small{font-size:10px;font-weight:700}.achievement-map>div{grid-template-rows:repeat(7,8px);grid-template-columns:repeat(13,1fr);grid-auto-flow:column;gap:2px;margin-top:6px;display:grid}.achievement-map i{background:#c4cedf;border-radius:2px}.achievement-map i.practiced{background:#466dc0}.achievement-map i.cleared{box-shadow:inset 0 0 0 1px #e88c37}.achievement-poster .achievement-cta{color:#fff;text-shadow:0 1px 4px #142c53;font-size:10px}.achievement-poster .achievement-cta b{letter-spacing:.02em;margin-top:3px;font-size:12px;display:block}.achievement-poster--badge:before{display:none}.achievement-featured{text-align:center;color:var(--navy);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:25% 9% 14%}.achievement-featured>span{font-size:12px}.achievement-featured img{object-fit:contain;border-radius:50%;width:70px;height:70px}.achievement-featured h3{font-size:21px}.achievement-featured p{font-size:12px}.achievement-featured small{margin-top:auto;font-size:11px}.fire-score{color:var(--streak-ink);justify-content:center;align-items:center;gap:8px;display:flex}.fire-score svg{width:36px;height:36px}.fire-score b{font:600 36px/1.2 var(--font-display)}.fire-rules{gap:8px;margin:16px 0;display:grid}.fire-rules p{text-align:left;background:var(--app);border-radius:var(--radius-row);grid-template-columns:80px 1fr;gap:8px;padding:12px;display:grid}.fire-rules b{color:var(--streak-ink)}.fire-rules span{color:var(--ink-2);font-size:13px}.fire-today{color:var(--green);text-align:center;margin:12px 0;font-weight:600}.sheet-panel:has(>.settings-content){flex-direction:column;max-height:90dvh;padding-bottom:0;display:flex;overflow:hidden}.settings-content{overscroll-behavior:contain;min-height:0;margin:0 -12px;padding:0 12px 16px;overflow-y:auto}.settings-footer{padding:12px 20px calc(16px + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:1px solid var(--line);flex:none;margin:0 -20px}.settings-footer>.btn{width:100%}.settings-footer .notify-status{margin:0 0 10px}.settings-privacy__links{flex-wrap:wrap;gap:6px 18px;margin:8px 0 4px;display:flex}.settings-privacy__links a,.notify-setting-block .profile-small a{color:var(--blue-dk);align-items:center;min-height:32px;font-size:14px;font-weight:600;display:inline-flex}.voice-seg{background:var(--ground);border-radius:14px;flex:none;grid-template-columns:1fr 1fr;gap:2px;padding:3px;display:grid}.voice-seg button{min-width:56px;min-height:40px;color:var(--muted);font:700 14px var(--font-body);background:0 0;border:0;border-radius:11px}.voice-seg button[aria-checked=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 4px oklch(30% .05 262/.1)}.achievement-name{max-width:100%;font:600 15px/1.2 var(--font-display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.achievement-featured .achievement-name{font-size:14px}.achievement-poster>*{flex-shrink:0}.achievement-name{padding:1px 0;line-height:1.4}.achievement-poster .achievement-big b{font-size:44px;line-height:1.05}.achievement-poster .achievement-big small{font-size:12px}.achievement-poster .achievement-stat-tiles{gap:6px}.achievement-poster .achievement-stat-tiles b{font-size:20px;line-height:1.15}.achievement-poster .achievement-badge-row{gap:8px;min-height:0;padding:7px 8px}.achievement-poster .achievement-badge-row b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:2px;line-height:1.3;overflow:hidden}.achievement-poster .achievement-map{padding:7px 10px}.achievement-share-content .achievement-poster{min-height:fit-content;max-height:none}.achievement-poster .achievement-stat-tiles>span{padding:5px 10px}.achievement-poster .achievement-stat-tiles b{font-size:18px}.achievement-poster .achievement-badge-row img{width:28px;height:28px}.achievement-poster .achievement-big b{font-size:40px}.achievement-share-content .achievement-poster{gap:4px;padding-top:10px;padding-bottom:10px}.course-detail,.checkout-page,.order-status,.referral-page{padding:0 0 calc(110px + env(safe-area-inset-bottom));background:var(--app);min-height:100dvh}.course-hero{background:var(--blue-50);height:270px;position:relative;overflow:hidden}.course-hero>img{object-fit:cover;width:100%;height:100%}.course-hero:after{content:"";background:linear-gradient(transparent, color-mix(in oklch, var(--navy) 50%, transparent) 42%, color-mix(in oklch, var(--navy) 86%, transparent));position:absolute;inset:30% 0 0}.course-detail>.topbar{z-index:20;background:var(--app);color:var(--ink);border-bottom:1px solid var(--line);position:sticky;top:0}.course-hero-copy{z-index:1;color:var(--paper);text-shadow:0 1px 3px color-mix(in oklch, var(--navy) 80%, transparent);position:absolute;bottom:22px;left:20px;right:20px}.course-hero-copy h1{margin:6px 0;font-family:Mitr,sans-serif;font-size:26px}.course-hero-copy small,.course-hero-copy span{font-size:12px}.course-hero-copy small{font-weight:500}.course-detail-body,.checkout-page,.referral-page{padding-left:20px;padding-right:20px}.course-learning-path{margin:24px 0}.course-learning-path>div{border-bottom:1px solid var(--line);padding:16px 0 16px 44px;position:relative}.course-learning-path>div>span{font:600 18px var(--font-display);color:var(--blue);position:absolute;top:18px;left:0}.course-learning-path h3{font:600 16px var(--font-display);margin:0 0 4px}.course-learning-path p{color:var(--ink-2);margin:0;font-size:14px;line-height:1.6}.purchase-dock del{color:var(--muted);font-size:12px;display:block}.course-detail h2,.checkout-page h2,.referral-page h2{margin:24px 0 12px;font-size:17px;font-weight:600}.purchase-dock{z-index:8;width:min(100%,480px);padding:16px 20px calc(16px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f9fdef;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 18px #20384b08}.purchase-dock--note{flex-wrap:wrap}.purchase-dock__note{color:var(--ink);flex:0 0 100%;margin:0;font-size:13px;font-weight:600;line-height:1.5}.purchase-dock>div{flex:0 auto;min-width:0}.purchase-dock>div small{overflow-wrap:anywhere}.purchase-dock>div b{font:600 24px Mitr,sans-serif;display:block}.purchase-dock small{color:#477753;font-size:12px;display:block}.purchase-dock .btn{flex:1;min-width:0;padding-left:12px;padding-right:12px;font-size:14px}.purchase-dock>div+.btn{flex:1 0 140px;min-width:140px}.uat-price-note{color:#716239;background:#fff8dc;border-radius:10px;padding:10px 12px;font-size:12px}.order-summary{background:#fff;border-radius:20px;margin:20px 0;padding:20px}.order-summary p .link-button{font-size:inherit}.order-summary h2{margin-top:0}.order-item{align-items:center;gap:10px;padding:12px 0;font-size:13px;display:flex}.order-item>img,.order-add>img{object-fit:cover;border-radius:10px;flex:none;width:72px;height:54px}.order-item .link-button{margin-top:4px;font-size:12px}.order-add{width:100%;font:inherit;text-align:left;color:var(--blue-dk);cursor:pointer;background:0 0;border:1px dashed #b9c6da;border-radius:14px;align-items:center;gap:10px;margin-top:4px;padding:10px;font-size:13px;display:flex}.order-add>span{flex:1;min-width:0}.order-add small{color:var(--muted);font-size:12px;display:block}.order-item>p{flex:1;margin:0}.order-item small{color:var(--muted);font-size:12px;display:block}.order-total{justify-content:space-between;gap:10px;margin-top:12px;font-size:13px;display:flex}.order-total--final{border-top:1px solid #edf1f5;padding-top:16px;font-size:20px}.order-wait .order-item{min-height:78px}.order-wait .order-item>p{flex:1}.order-wait__pic{flex:none;width:72px;height:54px}.order-wait .order-total{align-items:center;min-height:17px}.order-wait .order-total--final{min-height:42px}.payment-choice{background:#edf2ff;border:2px solid #5c77c2;border-radius:14px;padding:16px}.payment-choice p{margin:6px 0;font-size:12px}.purchase-message{background:#edf2ff;border-radius:14px;padding:16px;font-size:13px;line-height:1.7}.invite-note{background:var(--green-50);color:oklch(34% .09 150);border-radius:14px;flex-direction:column;gap:4px;margin:12px 0;padding:12px 16px;font-size:14px;line-height:1.5;display:flex}.invite-note b{font-weight:700}.invite-note small{color:oklch(40% .06 150);font-size:12px}.order-total--off span,.order-total--off b{color:oklch(40% .12 150)}.purchase-code__ok,.purchase-code__no{margin:8px 0 0;font-size:13px;line-height:1.5}.purchase-code__ok{color:oklch(40% .12 150)}.purchase-code__no{color:var(--pink-dk)}.purchase-code__done{margin:0 0 8px;padding:0 4px;font-weight:600}.purchase-code summary{cursor:pointer;color:#58677e;font-size:13px}.purchase-code input{border:1px solid #ccd6e5;border-radius:10px;width:100%;margin:8px 0;padding:10px;display:block}.upsell-item{align-items:center;gap:12px;padding:18px 0;display:flex}.upsell-item img{object-fit:cover;border-radius:12px;flex:none;width:84px;height:63px}.upsell-item>span{flex:1;min-width:0}.upsell-item small{color:var(--muted);font-size:12px;font-weight:400;display:block}.upsell-item__price{white-space:nowrap}.order-status h1,.referral-page h1{font:500 24px Mitr,sans-serif}.order-unlocked{aspect-ratio:1200/650;object-fit:cover;width:calc(100% + 40px);margin-left:-20px}.order-status .order-summary p{margin:8px 0;line-height:1.7}.order-status .order-summary .btn{width:100%;margin-top:16px;display:flex}.purchase-ref-link{text-align:center;color:#5273a1;padding:14px;font-size:13px;display:block}.referral-art{width:110px;margin:20px auto;display:block}.referral-code{letter-spacing:2px;margin:14px 0;font:600 28px Mitr,sans-serif;display:block}.referral-totals{grid-template-columns:1fr 1fr;gap:12px;margin:22px 0;display:grid}.referral-totals>div{background:#fff;border-radius:16px;padding:16px}.referral-totals b,.referral-totals span{display:block}.referral-totals span{color:var(--muted);margin-top:8px;font-size:12px}.referral-page ul{padding-left:20px;font-size:13px;line-height:1.9}.credit-row{border-bottom:1px solid #e6ecf4;justify-content:space-between;gap:12px;padding:14px 0;font-size:13px;display:flex}.credit-row small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.payment-methods{gap:10px;display:grid}.payment-choice{text-align:left;background:var(--paper);border:1px solid var(--line);cursor:pointer;align-items:center;gap:14px;width:100%;transition:transform .15s,background .15s;display:flex}.payment-choice[aria-pressed=true]{border:2px solid var(--blue);background:var(--blue-50)}.payment-choice>span{font:600 20px var(--font-display);min-width:40px}.payment-choice:active{transform:translateY(2px)}.payment-security{text-align:center;color:var(--muted);margin:16px 0;font-size:12px}@media (prefers-reduced-motion:reduce){.payment-choice{transition:none}}.credit-help{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);margin:20px 0;padding:16px}.credit-help h2{font:600 17px var(--font-display);margin:0 0 8px}.credit-help p{color:var(--ink-2);margin:0 0 8px;font-size:14px;line-height:1.6}.referral-how{color:var(--ink-2);text-wrap:pretty;margin:10px 0 0;font-size:14px;line-height:1.5}.order-item__price,.upsell-item__price{text-align:right;justify-items:end;display:grid}.order-item__price del,.upsell-item__price del{color:var(--muted);font-size:12px;font-weight:400}.upsell-item small.upsell-item__deal{color:var(--green);font-weight:600}.promo-until,.promo-off{display:block}.promo-until{white-space:nowrap}.stories-page{background:#f4f8fd;min-height:100dvh;padding:22px 20px 120px}.stories-header,.stories-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.stories-header h1{margin:0;font:500 22px Mitr,sans-serif}.stories-header small,.stories-heading small{color:#6e7d91;font-size:12px}.stories-courses{margin-top:20px}.stories-heading{margin:24px 0 12px}.stories-heading h2{margin:0;font-size:17px;font-weight:600}.story-shelf{gap:18px;display:grid}.course-story-card{text-align:left;color:#213049;background:#fff;border:0;border-radius:20px;width:100%;padding:0;position:relative;overflow:hidden;box-shadow:0 4px #e5ecf5}.course-story-card>img{aspect-ratio:1.7;object-fit:cover;width:100%;display:block}.course-story-card>div{padding:14px}.course-story-card small{color:#8592a3;font-size:12px}.course-story-card h3{margin:8px 0;font:500 15px/1.5 Mitr,sans-serif}.course-story-card p{color:#778397;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.story-card-status{background:#fffefaed;border-radius:8px;padding:5px 8px;font-size:12px;font-weight:600;position:absolute;top:12px;left:12px}.story-card-status--open{color:#317a4d;background:#e9f8eb}.grammar-row{text-align:left;color:#25334a;background:#fff;border:0;border-radius:14px;align-items:center;gap:12px;width:100%;margin:8px 0;padding:14px;display:flex}.grammar-row-icon{color:#a0abb9;background:#f0f3f7;border-radius:11px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:15px;display:grid}.grammar-row-icon--open{color:#cf8752;background:#fff1df}.grammar-row>span:nth-child(2){flex:1;min-width:0}.grammar-row b,.grammar-row small{display:block}.grammar-row b{font-size:13px}.grammar-row small{color:#8a95a6;margin-top:4px;font-size:12px}.grammar-row em{color:#947451;background:#fff5e7;border-radius:6px;flex:none;padding:4px 6px;font-size:12px;font-style:normal}.ai-story-grid{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;display:grid}.ai-story-card{color:#283750;background:#fff;border-radius:17px;min-width:0;padding:13px;text-decoration:none}.ai-story-tags{flex-wrap:wrap;align-items:center;gap:5px;font-size:12px;display:flex}.ai-story-tags>span,.ai-story-tags>b{color:#6982a1;background:#f1f5f8;border-radius:5px;padding:3px 5px}.ai-story-tags>b{color:#ba7a3b;background:#fff4d9}.ai-story-card h3{margin:10px 0;font:500 14px/1.6 Mitr,sans-serif}.ai-story-card p{color:#8590a0;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:12px;line-height:1.7;display:-webkit-box;overflow:hidden}.ai-story-card small{color:#8b96a6;font-size:12px}.ai-story-card footer{color:#c56e88;margin-top:10px;font-size:12px}.story-feed-empty{color:#8796a9;text-align:center;margin:26px 10px;font-size:12px;line-height:1.8}.story-create-fab{z-index:9;bottom:calc(88px + env(safe-area-inset-bottom));border-radius:18px;align-items:center;gap:10px;padding:12px 18px;font-size:14px;display:flex;position:fixed;right:max(20px,50vw - 220px)}.story-create-fab>span{font-size:24px;line-height:1}.story-create-fab small{opacity:.85;font-size:12px;display:block}.story-lock-art{width:95px;margin:12px auto;display:block}.story-word-chips{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.story-word-chips>button,.story-word-chips>span{color:#33486a;background:#fff;border:0;border-radius:12px;padding:9px 12px;font-size:13px}.story-word-chips small{color:#8391a8;font-size:12px;display:block}.story-label{margin:18px 0;font-size:13px;font-weight:600;display:block}.story-label input,.story-label textarea{background:#fff;border:1px solid #d5deea;border-radius:12px;width:100%;margin-top:7px;padding:12px;font:400 14px Anuphan,sans-serif;display:block}.story-level{border:0;gap:18px;margin:18px 0;padding:0;font-size:13px;display:flex}.story-level legend{margin-bottom:10px;font-weight:600}.story-level label{align-items:center;gap:6px;display:flex}.story-ai-note{color:#7f8da2;font-size:12px;line-height:1.8}.story-detail{min-height:100dvh;padding:0 20px calc(110px + env(safe-area-inset-bottom));background:#f4f8fd}.story-detail-cover{aspect-ratio:1.6;object-fit:cover;width:calc(100% + 40px);margin-left:-20px;display:block}.story-detail-card{background:#fff;border-radius:20px;margin:18px 0;padding:20px;position:relative}.story-detail-card h1{margin:12px 0;font:500 22px/1.5 Mitr,sans-serif}.story-detail-card p{color:#69798f;font-size:13px;line-height:1.8}.story-detail h2{margin:22px 0 10px;font-size:14px}.story-heart{color:#c67088;background:#fff0f5;border:0;border-radius:10px;padding:8px 12px;font-size:12px}.link-button{color:#5278a5;background:0 0;border:0;padding:10px;font-size:12px;text-decoration:underline}.story-reader{color:#dfe6f1;background:#101c32;height:100dvh;padding:70px 24px 145px;overflow:auto}.story-reader header{z-index:4;background:#111e35f2;border-bottom:1px solid #fff1;align-items:center;gap:12px;width:min(100%,480px);padding:20px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.story-reader header a{color:#fff;flex:0 0 24px;text-decoration:none}.story-reader header .reader-back{color:#fff;height:44px;font:inherit;cursor:pointer;background:0 0;border:0;flex:0 0 44px;margin:-10px;padding:0}.story-reader header b{flex:1;font-size:13px;line-height:1.5}.story-reader header small{white-space:nowrap;color:#91a0b7;font-size:12px}.reader-lines p{margin:36px 0;font-family:Anuphan,sans-serif;font-size:21px;line-height:1.9;transition:color .4s,opacity .4s}.reader-lines p.ahead{color:#60718d;opacity:.45}.reader-lines p.read{color:#8493ab}.reader-lines p.active{color:#f4f7fc}.reader-lines small{color:#a8b5cc;margin-top:10px;font-size:13px;line-height:1.8;display:block}.reader-word{color:inherit;font:inherit;background:0 0;border:0;border-bottom:1px dotted;padding:0}.reader-controls{z-index:5;width:min(100%,480px);padding:22px 20px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(#111e3500,#111e35 20%);position:fixed;bottom:0;left:50%;transform:translate(-50%)}.reader-controls>div{justify-content:center;align-items:center;gap:10px;margin:8px 0;display:flex}.reader-controls button{color:#d7e2f2;background:#24344f;border:0;border-radius:10px;padding:10px 14px;font-size:12px}.reader-controls button:disabled{opacity:.3}.reader-controls .reader-play{color:#19273c;background:#e2bf68;border-radius:50%;width:42px;height:42px;padding:0;font-size:16px}.reader-controls>div+div button{background:0 0;padding:6px;font-size:12px}.reader-message{background:#223654;border-radius:12px;padding:12px;font-size:12px;position:fixed;bottom:150px;left:20px;right:20px}.story-result-art{aspect-ratio:1.55;object-fit:cover;width:100%;display:block}.story-result-copy{padding:24px 20px}.story-result-copy h1{margin:12px 0;font:500 24px Mitr,sans-serif}.story-result-copy>p{color:#8390a4;font-size:12px;line-height:1.8}.story-result-copy .btn{justify-content:center;width:100%;margin-top:14px;text-decoration:none;display:flex}.story-result-score{align-items:center;gap:16px;margin:20px 0;display:flex}.story-result-score>b{color:#43806c;font:600 40px Mitr,sans-serif}.story-result-score span{font-size:13px}.story-gains{gap:12px;display:flex}.story-gains p{background:#fff;border-radius:12px;flex:1;padding:14px;font-size:13px}.grammar-page{background:#f4f8fd;min-height:100dvh;padding:20px 20px 45px}.grammar-page h1{text-wrap:balance}.grammar-top{align-items:center;gap:12px;font-size:13px;display:flex}.grammar-top a{color:#6e829e;font-size:24px;text-decoration:none}.grammar-top b{flex:1}.grammar-steps{gap:5px;margin:20px 0;display:flex}.grammar-steps i{background:#e0e7f1;border-radius:3px;flex:1;height:5px}.grammar-steps i.done{background:#a5c5ee}.grammar-steps i.now{background:#567cb9}.grammar-tag{color:#8b96a8;margin:20px 0;font-size:12px}.grammar-card{background:#fff;border-radius:20px;margin:18px 0;padding:20px;font-size:14px;line-height:1.9}.grammar-card p{margin:6px 0 16px}.grammar-card small{color:#8390a4;font-size:12px;line-height:1.7;display:block}.grammar-prompt{margin:22px 0;font:500 22px/1.7 Anuphan,sans-serif}.grammar-th{font-size:15px;line-height:1.9}.grammar-raven{color:#7e7c95;align-items:center;gap:10px;margin:24px 0;font-size:12px;line-height:1.7;display:flex}.grammar-raven img{object-fit:contain;width:40px;height:40px}.grammar-options{flex-direction:column;gap:12px;display:flex}.grammar-options button{text-align:left;color:#344562;background:#fff;border:1px solid #e2e8f2;border-radius:15px;padding:16px;font:500 17px Anuphan,sans-serif;box-shadow:0 4px #e4eaf3}.grammar-options .correct{color:#347447;background:#e7f6e9;border-color:#9bcea1}.grammar-options .dim{opacity:.5}.grammar-options .wrong{color:#a8322b;background:#fdeceb;border-color:#e7a09b}.grammar-why{background:#fff0e8;border-radius:13px;margin:20px 0;padding:14px;font-size:12px;line-height:1.8}.grammar-why.correct{color:#3d7750;background:#e6f4e9}.grammar-page>.btn{width:100%;margin-top:18px}.grammar-dialogue article{background:#fff;border-radius:20px;max-width:88%;margin:20px 0;padding:16px;animation:.3s both av-rise}.grammar-dialogue article:nth-child(2n){background:#e5efff;margin-left:auto}.grammar-dialogue small{color:#8494ac;font-size:12px}.grammar-dialogue p{margin:8px 0;font-size:15px;line-height:1.8}.grammar-dialogue p+p{color:#8a95a8;font-size:12px}.grammar-order-slot{color:#93a0b3;background:#fff;border:1px dashed #c4d1e6;border-radius:16px;flex-wrap:wrap;gap:8px;min-height:90px;margin:20px 0;padding:16px;font-size:12px;display:flex}.grammar-order-slot button,.grammar-tiles button{color:#395275;background:#fff;border:1px solid #dbe3f0;border-radius:9px;padding:9px 12px;font:400 15px Anuphan,sans-serif}.grammar-tiles{flex-wrap:wrap;gap:8px;display:flex}.grammar-tiles button:disabled{opacity:.2}.private-book-entry{color:#567592;justify-content:space-between;padding:12px 0 18px;font-size:13px;text-decoration:none;display:flex}.private-book-entry span{color:#8a9aaa;font-size:12px}.private-book{gap:var(--space-4);flex-direction:column;display:flex}.private-book>p{color:var(--ink-2);font-size:12px}.private-book>.btn{width:100%;margin:0 0 4px}.private-stats{color:var(--ink-2);gap:10px;font-size:12px;display:flex}.private-row{text-align:left;background:#fff;border:0;width:100%}.private-meaning{color:#3d6d99;font-size:23px;font-weight:600}.private-pages{gap:12px;display:flex}.story-quiz-result{background:#f4f8fd;min-height:100dvh}.story-reader .sheet-dialog{color:#25314a}.course-story-card,.ai-story-card{transition:transform .18s,box-shadow .18s}.course-story-card:active,.ai-story-card:active{transform:translateY(3px)}@media (prefers-reduced-motion:reduce){.reader-lines p,.course-story-card,.ai-story-card{transition:none}.grammar-dialogue article{animation:none}}.ai-consent{grid-template-columns:22px 1fr;gap:8px;margin:16px 0;font-size:12px;line-height:1.6;display:grid}.ai-consent input{width:20px;height:20px;accent-color:var(--blue)}.ai-consent small{color:var(--muted);grid-column:2}.story-quiz .quiz__context{font:400 16px/1.6 var(--font-body);text-align:center;color:var(--muted);overflow-wrap:anywhere;max-width:100%;margin:6px 0}.story-quiz .quiz__stack{height:280px}.story-outcomes{text-align:left;margin:20px 0;padding:0;list-style:none}.story-outcomes li{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 0;font-size:12px;display:flex}.story-outcomes li>span{overflow-wrap:anywhere;flex:1;min-width:0}.story-outcomes li>span+span{text-align:right}.story-outcomes small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.sheet-dialog--page .sheet-panel{width:min(100%,480px);height:100dvh;max-height:100dvh;padding:72px 20px calc(28px + env(safe-area-inset-bottom));background:var(--app);border-radius:0}.sheet-dialog--page .av-sheet__grab{display:none}.sheet-dialog--page .sheet-close{top:16px;left:16px;right:auto}.sheet-dialog--page h4{text-align:left}.sheet-dialog--page .story-word-chips{background:var(--paper);border:1px solid var(--line);border-radius:18px;grid-template-columns:1fr;padding:12px;display:grid}.sheet-dialog--page .story-word-chips>span{border-bottom:1px solid var(--line);background:0 0;border-radius:0;align-items:center;gap:12px;padding:10px 2px;display:flex}.sheet-dialog--page .story-word-chips small{color:var(--muted);display:inline}.sheet-dialog--page .purchase-ref-link{color:var(--blue);text-align:left;background:0 0;border:0;padding:12px 2px}.sheet-dialog--page .av-chips{flex-wrap:wrap;gap:8px;display:flex}.private-detail{text-align:center;gap:8px;display:grid}.private-detail h4{font:600 28px/1.2 var(--font-display);overflow-wrap:anywhere;margin:0;padding-inline:44px}.private-detail .private-meaning{margin:0}.private-example{color:var(--ink-2);overflow-wrap:anywhere;margin:0}.private-note{color:oklch(48% .13 300);background:oklch(96% .025 300);border-radius:12px;margin:6px 0 0;padding:10px 12px;font-size:13px;font-weight:600}.private-empty{background:var(--app);color:var(--ink-2);border-radius:16px;padding:16px;font-size:14px;line-height:1.7}.private-empty b{color:var(--ink);margin-bottom:4px;display:block}.sheet-dialog{background:0 0;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:clip;transform:none}.sheet-dialog[open]{justify-content:center;align-items:flex-end;display:flex}.sheet-dialog .sheet-panel{overscroll-behavior:contain;width:min(480px,100%);max-height:90dvh;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));will-change:transform;outline:none;transition:transform .2s cubic-bezier(.32,.72,0,1);animation:.32s cubic-bezier(.32,.72,0,1) backwards sheetIn;overflow-y:auto}.sheet-dialog--leaving .sheet-panel{pointer-events:none;animation:.22s cubic-bezier(.4,0,1,1) forwards sheetOut}@keyframes sheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheetOut{0%{transform:translateY(var(--drag-from,0px))}to{transform:translateY(100%)}}.sheet-dialog::backdrop{background:#10244966;animation:.24s ease-out backwards shadeIn}.sheet-dialog--leaving::backdrop{animation:.22s ease-in forwards shadeOut}@keyframes shadeIn{0%{opacity:0}}@keyframes shadeOut{to{opacity:0}}.sheet-handle{touch-action:none;cursor:grab;justify-content:center;align-items:center;height:26px;margin:-10px -20px 6px;display:flex}.sheet-handle .av-sheet__grab{margin:0}.sheet-panel:has(.wordcard)>.sheet-handle{z-index:2;margin:0;position:absolute;top:0;left:0;right:0}.sheet-panel:has(.wordcard)>.sheet-handle .av-sheet__grab{background:oklch(100% 0 0/.85)}.sheet-panel .wordcard__body>*{animation:none}.sheet-panel .mystats{margin:4px 20px 0}.sheet-dialog--page[open]{align-items:stretch}.sheet-dialog--page .sheet-panel{border-radius:0;height:100dvh;max-height:100dvh}.sheet-dialog--page .sheet-handle{display:none}.sheet-panel:has(>.pause-art){padding-top:0;overflow-x:clip}.sheet-panel:has(>.pause-art)>.sheet-handle{z-index:2;margin:0;position:absolute;top:0;left:0;right:0}.sheet-panel:has(>.pause-art)>.sheet-handle .av-sheet__grab{background:oklch(100% 0 0/.85)}.word-skeleton .wordcard__art{background:var(--blue-50)}.word-skeleton .wordcard__body i{background:var(--line-2);border-radius:7px;width:70%;height:14px;display:block}.word-skeleton .wordcard__body i:first-child{width:45%;height:28px}.word-skeleton .wordcard__body i:nth-child(3),.word-skeleton .wordcard__body i:nth-child(4){width:100%;height:40px}.word-skeleton{min-height:420px}.av-iconbtn,.sheet-close{flex-shrink:0;place-items:center;min-width:40px;min-height:40px;padding:0;line-height:0;display:grid}.av-iconbtn svg,.sheet-close svg,.speaker svg,.back svg{width:22px;height:22px;margin:0;display:block}.app-nav{isolation:isolate}.app-nav a{z-index:1;position:relative}.app-nav .nav-item[aria-current=page],.app-nav a[aria-current=page]{background:0 0}.nav-slider{background:var(--blue);width:calc(25% - 3.5px);height:52px;transform:translateX(calc(var(--active-tab)*100%));pointer-events:none;border-radius:26px;transition:transform .24s cubic-bezier(.2,.8,.2,1);position:absolute;top:7px;left:7px}.tab-surface{animation:.24s cubic-bezier(.2,.8,.2,1) both tabSlideIn}.tab-surface .page{animation:none}@keyframes tabSlideIn{0%{opacity:.45;transform:translateX(calc(var(--direction)*24px))}to{opacity:1;transform:translate(0)}}.home-notify{color:var(--blue-dk);background:#fffc;margin-left:8px}#consistency{scroll-margin-top:20px}.sheet-panel:has(.achievement-share-content){background:var(--app);flex-direction:column;padding:56px 16px 0;display:flex;overflow:hidden}.achievement-share-content{overscroll-behavior:contain;flex:1;min-height:0;padding:0 0 12px;overflow-y:auto}.achievement-share-content .achievement-poster{width:min(100%,248px);margin:12px auto}.achievement-share-content .race-actions{justify-content:flex-start;align-items:stretch;padding:6px 0;display:flex;overflow-x:auto}.profile-bg{white-space:normal;flex-direction:column;flex:0 0 116px;align-items:center;gap:6px;min-height:172px;display:flex}.profile-bg img{object-fit:cover;border-radius:9px;width:96px;height:96px}.profile-bg small{margin-top:auto;font-size:12px}.profile-bg--locked{color:var(--muted)}.profile-bg--locked img{filter:saturate(.3);opacity:.65}.sheet-panel .share-sticky{padding:12px 4px calc(16px + env(safe-area-inset-bottom,0px));background:var(--app);border-top:1px solid var(--line);flex:none;margin:0}.study[data-kind=learn] .study__count{white-space:nowrap;text-align:right;min-width:112px;font-size:12px}.study[data-kind=learn] .study__meta{justify-content:flex-start;gap:8px;font-size:12px;line-height:1.5}.study[data-kind=learn] .sound-toggle{flex-shrink:0;margin-left:auto}.study[data-kind=learn] .quiz__stack:before,.study[data-kind=learn] .quiz__stack:after{display:none}.study[data-kind=learn] .quiz__card{box-shadow:none;border:1px solid var(--line);border-radius:24px;animation:.22s ease-out both learnCardIn}.study[data-kind=learn] .quiz__stack{max-height:236px}.study[data-kind=learn] .quiz__card--hurry{animation:none}.study[data-kind=learn] .quiz__card--wrong{animation:.24s ease-out both wrongShake}@keyframes learnCardIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.study .cards__nav{padding-bottom:env(safe-area-inset-bottom,0px)}.result:has(.result-progress) .result__scene{background-image:url(/img/result-fox-garden.jpg)}.result-progress{border:1px solid var(--line);background:var(--paper);border-radius:20px;gap:12px;margin:16px 20px;padding:18px;display:grid}.result-progress>div:first-child{justify-content:space-between;align-items:center;display:flex}.result-progress .av-bar__track{width:100%;height:10px}.result-progress .av-bar__track>span{transition:width 80ms linear}.result-progress p{color:var(--ink-2);font-size:13px}.level-gain{color:var(--blue);animation:.45s ease-out both levelGlow}@keyframes levelGlow{0%{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.result-unlock{background:var(--green-50);border-radius:18px;margin:12px 20px;padding:16px;font-weight:600}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (prefers-reduced-motion:reduce){.tab-surface,.book-panel,.sheet-dialog .sheet-panel,.sheet-dialog::backdrop,.sheet-dialog--leaving::backdrop,.level-gain{animation:none!important}.sheet-dialog .sheet-panel{transition:none}.nav-slider,.book-tabs:before,.result-progress .av-bar__track>span{transition:none!important}}.study__progress .av-bar__track{flex:none;width:100%;min-height:8px}.stories-page,.course-detail-body,.checkout-page,.referral-page,.course-detail>.topbar{padding-left:var(--space-4);padding-right:var(--space-4)}.tab-head,.stories-header,.profile-title,.race-title{min-height:56px;padding-top:calc(12px + env(safe-area-inset-top,0px));justify-content:space-between;align-items:center;gap:12px;margin:0;display:flex}.tab-head h1,.stories-header h1,.profile-title h1,.race-title h1{font:600 26px/1.25 var(--font-display);margin:0}.tab-head__link{border-radius:var(--radius-pill);background:var(--paper);border:1px solid var(--line);min-height:40px;color:var(--blue-dk);align-items:center;gap:2px;padding:0 6px 0 14px;font-size:13px;font-weight:700;display:inline-flex}.tab-head__link svg{width:18px;height:18px}.av-tab-header{z-index:10;gap:var(--space-4);margin:0 calc(-1 * var(--space-4)) calc(-1 * var(--space-3));padding:0 var(--space-4) var(--space-3);background:var(--app);box-shadow:0 1px 0 var(--line);flex-direction:column;display:flex;position:sticky;top:0}.av-tab-header .stories-courses{margin:0 calc(-1 * var(--space-4));padding:2px var(--space-4) 10px;scroll-padding-inline:var(--space-4)}.lesson-views{isolation:isolate;grid-template-columns:repeat(2,minmax(0,1fr));position:relative}.lesson-views:before{content:"";z-index:-1;border-radius:var(--radius-pill);background:var(--blue);width:calc(50% - 6px);transform:translateX(calc(var(--lesson-view)*(100% + 4px)));transition:transform .24s cubic-bezier(.2,.8,.2,1);position:absolute;top:4px;bottom:4px;left:4px}.lesson-views button{min-height:44px;color:var(--ink-2);font-size:14px}.lesson-views button[aria-selected=true]{color:var(--paper);background:0 0}.lesson-panel{animation:.24s cubic-bezier(.2,.8,.2,1) both tabSlideIn}.home .av-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.home .av-stat{min-width:0}.home .av-stat small{text-overflow:ellipsis;overflow:hidden}.home-encouragement{font:400 12px/1.5 var(--font-body);text-align:center;color:var(--ink-2);text-wrap:balance;min-height:29px;margin:12px 0 0;padding-top:10px}.book-tabs{isolation:isolate;grid-template-columns:repeat(3,minmax(0,1fr));position:relative}.book-tabs:before{content:"";z-index:-1;border-radius:var(--radius-pill);background:var(--blue);width:calc(33.3333% - 5.33333px);transform:translateX(calc(var(--book-tab)*(100% + 4px)));transition:transform .24s cubic-bezier(.2,.8,.2,1);position:absolute;top:4px;bottom:4px;left:4px}.book-panel{gap:var(--space-4);flex-direction:column;animation:.24s cubic-bezier(.2,.8,.2,1) both tabSlideIn;display:flex}.book-tabs a{border-radius:var(--radius-pill);min-width:0;min-height:44px;font:700 12px var(--font-body);white-space:nowrap;color:var(--ink-2);justify-content:center;align-items:center;gap:4px;display:flex}.book-tabs a[aria-selected=true]{color:var(--paper)}.book-filters .av-chip,.stories-courses .av-chip{align-items:center;gap:6px;min-height:44px;display:inline-flex}.book-filters .av-chip svg{width:16px;height:16px}.book-filters{margin:0 calc(-1 * var(--space-4));padding:2px var(--space-4) 4px;scroll-padding-inline:var(--space-4);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000)}.word-row--button{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;min-height:56px;transition:background-color .15s,transform 80ms}.word-row--button:active{background:var(--app);transform:scale(.99)}.word-row--button .word-row__txt{flex:1}.book-translation-toggle{flex:none;gap:6px;min-height:44px;padding:0 12px}.book-translation-toggle[aria-pressed=true]{background:var(--blue-50);border-color:var(--blue)}.book-controls{gap:var(--space-2);display:flex}.book-controls label{min-width:0;color:var(--muted);flex:1;font-size:12px}.book-controls select{border:1px solid var(--line);border-radius:var(--radius-row);width:100%;min-height:44px;padding:0 var(--space-2);background:var(--paper);color:var(--ink);font:600 13px var(--font-body);margin-top:4px;display:block}.book-meaning{max-width:48%;color:var(--ink-2);text-align:right;overflow-wrap:anywhere;font-size:14px;line-height:1.4}.word-row__txt b{overflow-wrap:anywhere}.private-row .word-row__txt{flex:1}.private-recall{text-align:center;padding-top:8px}.private-recall>small{color:var(--ink-2);margin:0 32px;display:block}.private-recall-head{flex-direction:column;align-items:center;gap:6px;margin:20px 0 8px;display:flex}.private-recall-head h4{overflow-wrap:anywhere;text-align:center;max-width:100%;margin:0;font-size:32px}.private-recall-meaning{min-height:64px}.private-recall-meaning p{margin:8px 0}.private-recall-status{min-height:36px;color:var(--ink-2);margin:4px 0;font-size:12px;line-height:1.5}.private-recall-delete{text-align:center;width:100%;min-height:44px;margin-top:12px;display:block}.private-recall-head .av-btn-ghost{min-height:44px;color:var(--blue);flex:none;padding:0 8px}.private-recall-actions{flex-direction:row;gap:12px;display:flex}.private-recall-actions>button{flex:1}.word-row--button>svg{width:18px;height:18px;color:var(--faint);flex:none;margin-left:-4px}.wordcard__art{aspect-ratio:3/2;border-radius:0;width:100%;max-width:none;height:auto;max-height:none}.wordcard__art:after{content:"";pointer-events:none;background:linear-gradient(transparent,var(--paper));position:absolute;inset:60% 0 0}.wordcard__art--default img{object-fit:contain;width:auto;height:65%;max-height:none}.wordcard__art--default span{z-index:1;font-size:12px;position:relative}.race-page,.profile-page,.stories-page{padding-top:0}.race-page h1{font:600 26px/1.25 var(--font-display)}.app{overflow-x:clip}a.av-btn-ghost{justify-content:center;align-items:center;display:flex}.race-chips,.stories-courses{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000)}.story-detail{padding-left:var(--space-4);padding-right:var(--space-4)}.story-detail-cover,.order-unlocked{max-width:none;width:calc(100% + 2 * var(--space-4));margin-left:calc(-1 * var(--space-4))}.order-status{padding-left:var(--space-4);padding-right:var(--space-4)}.order-status .topbar h1,.referral-page .topbar h1,.race-page .topbar h1{font:600 19px/1.3 var(--font-display)}.saving-chip{z-index:30;animation:.2s ease-out .4s both chipIn}@keyframes chipIn{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.grammar-page{padding:calc(12px + env(safe-area-inset-top,0px)) var(--space-4) 45px}.grammar-top a.av-iconbtn{color:var(--ink);font-size:0}.game-error{text-align:center;flex-direction:column;align-items:center;gap:12px;margin:auto 0;padding:24px 8px;display:flex}.game-error p{color:var(--ink-2);max-width:30ch;font-size:15px;line-height:1.6}.result-share svg{width:20px;height:20px}.result__verdict{color:var(--blue-dk);font-size:14px;font-weight:700;position:relative}.result-share-note{text-align:center;min-height:20px;color:var(--ink-2);text-wrap:balance;margin:0;font-size:13px;line-height:1.5}.state__art{object-fit:cover;border-radius:24px;width:120px;height:120px}.topbar{z-index:10;margin-inline:calc(-1 * var(--space-4));padding-inline:var(--space-4);background:var(--app);box-shadow:0 1px 0 var(--line);position:sticky;top:0}.course-detail>.topbar,.admin-page>.topbar{margin-inline:0}.story-detail>.topbar{background:#f4f8fd}.race-top{gap:var(--space-3)}.race-top .race-seg{margin:0}.welcome{overflow:clip}.welcome .dock{background:linear-gradient(180deg,transparent 0,var(--app) 26%);padding-bottom:0}.course-detail>.topbar{box-shadow:none}.profile-page>.av-tab-header{margin-bottom:0}.av-sheet__sub{text-wrap:balance}.study:has(.cards){padding-bottom:0}.cards{flex:1}.study .cards__nav,.result__acts,.dock{z-index:4;padding:14px 0 calc(16px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,transparent 0,var(--app) 26%);margin-top:auto;position:sticky;bottom:0}.result{padding-bottom:0}.result-progress,.result-unlock{margin:0}.av-count[aria-disabled=true]{pointer-events:none}.dock{flex-direction:column;gap:10px;display:flex}.dock .btn{width:100%}.dock--pair{flex-flow:wrap}.dock--pair>p{flex:0 0 100%;margin:0}.dock--pair .btn{flex:1 1 0;width:auto;min-width:0}.grammar-page{flex-direction:column;padding-bottom:0;display:flex}.grammar-page .dock,.story-quiz-result .dock{background:linear-gradient(#0000 0,#f4f8fd 26%)}.story-quiz-result{flex-direction:column;display:flex}.story-quiz-result .dock{padding-left:20px;padding-right:20px}.story-quiz-result .story-result-copy{flex:1}.story-reader{scroll-behavior:auto;overscroll-behavior:contain}.reader-controls .reader-cta{color:#19273c;background:#e2bf68;border-radius:14px;flex:1;padding:14px 16px;font-size:16px;font-weight:700;box-shadow:0 4px #b99a3f}.reader-controls button{font-size:14px;font-weight:600}.reader-controls>div+div button{color:#c5d3e8;font-size:13px;font-weight:600}.reader-controls>div+div button[aria-pressed=true]{color:#e2bf68}.reader-lines p{font-weight:500}.reader-lines small{color:#c3cfe2;font-size:15px}.stories-heading small,.stories-header small{color:#53647b;font-size:14px;font-weight:600}.course-story-card small{color:#5d6c80;font-size:13px;font-weight:600}.course-story-card h3{font-size:18px}.course-story-card p{color:#4d5c70;font-size:14.5px;font-weight:500}.story-card-status{font-size:13px;font-weight:700}.grammar-row b{font-size:16px;font-weight:700}.grammar-row small{color:#5d6c80;font-size:13px;font-weight:500}.grammar-row em{border-radius:99px;padding:5px 9px;font-size:13px;font-weight:700}.grammar-row em.grammar-row-done{color:oklch(40% .11 150);background:var(--green-50)}.grammar-row small.grammar-row-again{color:var(--blue-dk);font-weight:700}.grammar-row-icon{border-radius:14px;flex-basis:44px;width:44px;height:44px;font-size:16px;font-weight:700;overflow:hidden}.grammar-row-icon img{object-fit:cover;width:100%;height:100%;display:block}.story-detail-card p{color:#4d5c70;font-size:15px;font-weight:500;line-height:1.75}.story-detail h2{font-size:16px}.story-ai-note{color:#53647b;font-size:14px;font-weight:500}.grammar-top{font-size:15px;font-weight:600}.grammar-top small{color:#6b7a8f;font-size:13px}.grammar-tag{color:var(--ink-2);font-size:14px;font-weight:600}.grammar-card{color:var(--ink);font-size:18px;font-weight:500;line-height:1.7}.grammar-card small{color:var(--ink-2);font-size:15px;font-weight:500}.grammar-card b{font-weight:600}.grammar-th{font-size:17px;font-weight:500;line-height:1.7}.grammar-prompt{font-size:24px;font-weight:500}.grammar-raven{color:var(--ink-2);font-size:15px;font-weight:500}.grammar-why{font-size:15.5px;font-weight:500;line-height:1.7}.grammar-options button{font-size:18px;font-weight:500}.grammar-order-slot{font-size:15px}.grammar-order-slot button,.grammar-tiles button{font-size:17px;font-weight:500}.grammar-dialogue article{margin:12px 0;padding:12px 16px;scroll-margin-bottom:140px}.grammar-dialogue small{color:#5d6c80;font-size:13px;font-weight:700;display:block}.grammar-dialogue p{margin:2px 0 0;font-size:17.5px;font-weight:500;line-height:1.55}.grammar-dialogue p+p{color:var(--ink-2);margin-top:6px;font-size:15px;font-weight:500}.story-result-art{-webkit-mask-image:linear-gradient(#000 62%,#0000);mask-image:linear-gradient(#000 62%,#0000)}.story-result-copy{margin-top:-26px;position:relative}.story-result-copy>small{color:var(--ink-2);font-size:14px;font-weight:600}.story-result-score{flex-wrap:wrap;gap:6px 14px}.story-result-score span{font-size:15px;font-weight:600}.story-pill{white-space:nowrap;border:1.5px solid #0000;border-radius:99px;justify-content:center;align-items:center;padding:6px 12px;font-size:14px;font-style:normal;font-weight:700;display:inline-flex}.story-pill--right{color:oklch(38% .11 150);background:var(--green-50);border-color:oklch(80% .08 150)}.story-pill--again{color:var(--orange-ink);background:var(--orange-50);border-color:oklch(82% .09 55)}.story-pill--locked{color:var(--ink-2);border-color:var(--line);background:oklch(95% .01 255)}.story-outcomes{margin:12px 0}.story-outcomes li{align-items:center;padding:12px 0;font-size:16px}.story-outcomes li>span:first-child b{font-size:18px;display:block}.story-outcomes li>span:first-child small{color:var(--ink-2);margin-top:2px;font-size:14px}.grammar-done h1{margin-top:6px}.grammar-score{align-items:center;gap:10px;margin:16px 0;display:flex}.grammar-score i{background:var(--line);width:40px;height:40px;color:var(--paper);border-radius:50%;place-items:center;display:grid}.grammar-score i.on{background:var(--green);box-shadow:0 3px oklch(46% .12 150)}.grammar-score i svg{width:22px;height:22px}.grammar-score span{margin-left:4px;font-size:15px;font-weight:600}.grammar-score b{font:600 28px var(--font-display)}.grammar-done>p{color:var(--ink-2);font-size:14px;font-weight:500}.grammar-row-icon:not(.grammar-row-icon--open) img{filter:grayscale(.85);opacity:.5}.profile-record-icon{width:44px;height:44px;box-shadow:0 0 0 2px var(--paper);background:0 0;border-radius:50%;overflow:hidden}.profile-record-icon img{object-fit:cover;width:118%;height:118%;margin:-9%;display:block}.stories-page[aria-busy=true] :is(.story-shelf,.grammar-shelf){opacity:.55;pointer-events:none;transition:opacity .15s}.reader-nb{white-space:nowrap}.course-story-card>img{height:auto}.reader-lines{padding:30vh 0 48vh}.achievement-stat-tiles{margin-top:2px}.achievement-stat-tiles>span{padding:8px}.achievement-poster .achievement-cta{margin:auto 0 0;line-height:1.35}.achievement-badge-row>span{padding-bottom:2px}.share-sticky .profile-small{color:var(--ink-2);font-size:13px;font-weight:500}.course-story-card{scroll-margin-top:150px}.story-card-status{align-items:center;gap:5px;display:inline-flex}.story-card-status svg{width:15px;height:15px}.story-card-status--read{background:var(--green-50);color:oklch(38% .11 150)}.story-card-status--ready{background:var(--blue);color:var(--paper);box-shadow:0 2px 0 var(--blue-dk)}.story-card-status--next{background:var(--orange-50);color:var(--orange-ink)}.course-story-card[data-state=ready]{outline:3px solid var(--blue);outline-offset:-3px;box-shadow:0 6px 0 var(--blue-dk),0 12px 28px oklch(52% .19 262/.22)}.course-story-card[data-state=read]>img{filter:saturate(.85)}.course-story-card[data-state=locked]>img{filter:grayscale(.55)brightness(.92)}.course-story-card[data-state=next]{outline:2px dashed var(--orange);outline-offset:-2px}.story-go{color:var(--blue);margin-top:8px;font-size:15px;font-weight:700;display:block}.reader-lines p .speaker-tag{width:max-content;font:700 13px/1.5 var(--font-body);letter-spacing:.02em;color:var(--tag,#c5d3e8);background:#ffffff14;border-radius:99px;margin:0 0 4px;padding:2px 10px;font-style:normal;display:block}.speaker-tag--m1{--tag:#8fb8ff}.speaker-tag--m2{--tag:#6fe0c8}.speaker-tag--m3{--tag:#ffb27a}.speaker-tag--m4{--tag:#d6b3ff}.speaker-tag--m5{--tag:#ffd36b}.speaker-tag--m6{--tag:#ff9aa8}.speaker-tag--f1{--tag:#c5d3e8}.speaker-tag--f2{--tag:#ff9ec8}.speaker-tag--f3{--tag:#e6c39a}.speaker-tag--f4{--tag:#9ee37d}.speaker-tag--f5{--tag:#7fd6ff}.speaker-tag--f6{--tag:#ff8d6b}.speaker-tag--f7{--tag:#b6a2ff}.reader-lines p.ahead .speaker-tag{opacity:.7}.grammar-card{padding:18px 20px}.grammar-card>p{margin:0 0 14px}.grammar-card>p:first-child{margin-top:0}.grammar-card>p:last-child,.grammar-card>p:last-child small{margin-bottom:0}.lesson-block{background:var(--paper);border:1px solid var(--line);border-radius:20px;margin:12px 0;padding:14px 16px 16px}.lesson-block--warn{background:var(--orange-50);border-color:oklch(90% .05 55)}.lesson-label{background:var(--line);color:var(--ink-2);font:600 14px/1.5 var(--font-body);border-radius:99px;margin:0 0 10px;padding:3px 12px;display:inline-flex}.lesson-block--rule .lesson-label{background:var(--blue-50);color:var(--blue-dk)}.lesson-block--warn .lesson-label{background:var(--paper);color:var(--orange-ink)}.lesson-lead{color:var(--ink);margin:0 0 10px;font-size:17px;font-weight:600;line-height:1.55}.lesson-rows{grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.lesson-rows>li{color:var(--ink);font-size:16.5px;font-weight:500;line-height:1.7}.lesson-block--warn .lesson-rows>li{padding-left:18px;position:relative}.lesson-block--warn .lesson-rows>li:before{content:"";background:var(--orange);border-radius:50%;width:7px;height:7px;position:absolute;top:.8em;left:2px}.en{color:var(--blue-dk);font-style:normal;font-weight:700}.lesson-block--warn .en{color:var(--ink)}.formula{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.formula__part{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.formula__join{font:600 15px var(--font-display);color:var(--muted)}.chip{border-radius:12px;align-items:center;max-width:100%;padding:4px 12px;font-size:16.5px;font-weight:600;line-height:1.5;display:inline-flex}.chip--en{background:var(--blue-50);color:var(--blue-dk);font-weight:700}.chip--th,.chip--mix{background:var(--app);color:var(--ink);border:1px solid var(--line)}.chip--opt{background:var(--paper);color:var(--ink-2);border:1.5px dashed var(--faint)}.term{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.term__rhs{min-width:0}.term__eq{font:600 15px var(--font-display);color:var(--muted)}.gx{border-radius:10px;align-items:center;gap:6px;margin:2px;padding:1px 10px;font-size:.96em;font-weight:700;display:inline-flex}.gx i{font-size:1.05em;font-style:normal}.gx--bad{background:var(--paper);color:var(--orange-ink);border:1.5px solid oklch(86% .07 55);-webkit-text-decoration:line-through oklch(60% .15 50/.55);text-decoration:line-through oklch(60% .15 50/.55);text-decoration-thickness:2px}.gx--bad i{text-decoration:none}.gx--good{background:var(--green-50);color:oklch(38% .11 150);border:1.5px solid oklch(86% .07 150)}.lesson-examples{gap:10px;margin:0;padding:0;list-style:none;display:grid}.lesson-examples>li{background:var(--app);border-radius:14px;padding:10px 14px}.lesson-examples p{color:var(--ink);margin:0;font-size:18px;font-weight:700;line-height:1.55}.lesson-examples small{color:var(--ink-2);margin-top:2px;font-size:15px;font-weight:500;line-height:1.55;display:block}.lesson-tip{background:var(--blue-50);border:1px solid var(--line);border-radius:20px;align-items:center;gap:12px;margin:12px 0;padding:14px 16px;display:flex}.lesson-tip img{object-fit:contain;flex:none;width:44px;height:44px}.lesson-tip__title{font:600 14px var(--font-body);color:var(--blue-dk);margin:0 0 6px}.lesson-tip ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.lesson-tip li{color:var(--ink);font-size:16px;font-weight:600;line-height:1.55}.lesson-tip .chip{background:var(--paper)}.lesson-why{background:var(--orange-50);border:1px solid oklch(90% .05 55);border-radius:20px;margin:14px 0;padding:14px 16px}.lesson-why--right{background:var(--green-50);border-color:oklch(88% .06 150)}.lesson-why__verdict{font:600 17px var(--font-display);color:var(--orange-ink);align-items:center;gap:6px;margin:0 0 8px;display:flex}.lesson-why--right .lesson-why__verdict{color:oklch(38% .11 150)}.lesson-why__verdict svg{width:20px;height:20px}.lesson-why .lesson-rows>li{padding-left:18px;font-size:16px;position:relative}.lesson-why .lesson-rows>li:before{content:"";background:var(--orange);border-radius:50%;width:7px;height:7px;position:absolute;top:.8em;left:2px}.lesson-why--right .lesson-rows>li:before{background:var(--green)}.lesson-why .lesson-rows>li.lead{font-weight:700}.achievement-poster{gap:5px;padding:12px}.achievement-poster>span{padding:3px 10px}.achievement-big b{font-size:38px}.achievement-big small{font-size:12px}.achievement-stat-tiles{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px;margin-top:0}.achievement-stat-tiles>span{text-align:left;grid-template-rows:auto auto;grid-template-columns:28px minmax(0,1fr);align-items:center;column-gap:7px;min-height:40px;padding:5px 8px;display:grid}.achievement-stat-tiles img{object-fit:cover;clip-path:circle(42.4%);border-radius:50%;grid-row:1/span 2;width:30px;height:30px;transform:scale(1.18)}.achievement-stat-tiles b{align-self:end;font-size:17px;line-height:1.1}.achievement-stat-tiles small{white-space:nowrap;align-self:start;font-size:11px;line-height:1.2}.achievement-badge-row{min-height:0;padding:7px 10px 10px}.achievement-badge-row img{width:36px;height:36px}.achievement-map{padding:6px 10px 8px}.achievement-map>div{grid-template-rows:repeat(7,5px);gap:2px;margin-top:4px}.achievement-poster .achievement-cta{margin:auto 0 0;font-size:10px;line-height:1.3}.achievement-poster .achievement-cta b{margin-top:2px;font-size:12px}.story-steps{gap:8px;margin:14px 0 4px;padding:0;list-style:none;display:grid}.story-steps li{background:var(--paper);border:1px solid var(--line);color:var(--ink-2);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;font-size:16px;font-weight:600;display:flex}.story-steps li.now{border-color:var(--blue);color:var(--ink);box-shadow:0 0 0 3px var(--blue-50)}.story-steps li.done{color:var(--ink-2)}.story-steps__no{background:var(--line);width:28px;height:28px;color:var(--ink-2);font:600 14px var(--font-display);border-radius:50%;flex:none;place-items:center;display:grid}.story-steps li.now .story-steps__no{background:var(--blue);color:var(--paper)}.story-steps li.done .story-steps__no{background:var(--green);color:var(--paper)}.story-steps__no svg{width:16px;height:16px}.purchase-dock .story-again{flex:none;width:auto;padding:0 14px}.story-questions{padding-bottom:0}.qa-card{background:var(--paper);border:1px solid var(--line);text-align:center;border-radius:20px;margin:6px 0 14px;padding:18px 18px 14px}.qa-card__q{font:600 22px/1.45 var(--font-display);color:var(--ink);text-wrap:balance;margin:0 0 6px}.qa-card__th{color:var(--ink-2);margin:4px 0 0;font-size:16px;font-weight:500;line-height:1.6}.qa-opt{text-align:left;justify-content:flex-start;gap:12px;padding-top:12px;padding-bottom:12px;font-size:17px;line-height:1.45}.qa-proof{background:var(--orange-50);border:1px solid oklch(90% .05 55);border-radius:20px;margin:14px 0 0;padding:14px 16px}.qa-proof--right{background:var(--green-50);border-color:oklch(88% .06 150)}.qa-proof__verdict{font:600 17px var(--font-display);color:var(--orange-ink);margin:0 0 6px}.qa-proof--right .qa-proof__verdict{color:oklch(38% .11 150)}.qa-proof blockquote{background:var(--paper);color:var(--ink);border-radius:12px;margin:0 0 8px;padding:8px 12px;font-size:16px;font-weight:600;line-height:1.55}.qa-proof blockquote em{font:700 13px var(--font-body);color:var(--blue-dk);margin-bottom:2px;font-style:normal;display:block}.qa-proof__why{color:var(--ink-2);margin:0;font-size:16px;font-weight:500;line-height:1.6}.story-questions .dock{margin-top:auto}.story-qa-score{background:var(--green-50);color:oklch(32% .09 150);border:1px solid oklch(88% .06 150);border-radius:16px;align-items:center;gap:10px;margin:0 0 14px;padding:10px 14px;font-size:17px;font-weight:600;display:flex}.story-qa-score svg{width:22px;height:22px;color:var(--green);flex:none}.story-qa-score b{font:600 20px var(--font-display)}.result__art--tone{background:linear-gradient(180deg,color-mix(in srgb,var(--tone) 34%,#fff) 0,var(--paper) 70%)}.toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:60;text-wrap:balance;background:var(--ink);width:max-content;max-width:calc(100vw - 32px);color:var(--paper);font:600 15px var(--font-body);box-shadow:var(--float-soft);border-radius:99px;align-items:center;gap:8px;padding:12px 18px;animation:.22s cubic-bezier(.22,1,.36,1) toastIn;display:inline-flex;position:fixed;transform:translate(-50%)}.toast svg{color:oklch(78% .17 150);flex:none;width:18px;height:18px}.toast--note{white-space:pre-line;border-radius:20px}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.book-controls label{font-size:13px}.book-controls select{min-height:52px;padding:0 var(--space-3);font-size:15px}.notify-hour{font-size:14px}.notify-hour select{min-height:48px;font-size:15px}.achievement-map>div{grid-template-rows:repeat(7,7px);grid-template-columns:repeat(13,7px);justify-content:space-between;gap:3px 0;margin-top:5px}.achievement-map .practice-day{box-sizing:border-box;cursor:default;border-radius:50%;width:7px;height:7px}.achievement-map .practice-day--0{background:oklch(88% .02 255)}.achievement-map .practice-day--cleared{box-shadow:0 0 0 1.5px var(--streak-ring);border:0}@media (height>=740px){.achievement-share-content .achievement-poster--badge{zoom:1.15}}@media (height>=820px){.achievement-share-content .achievement-poster--badge{zoom:1.3}}.notify-setting-block .profile-setting:has(+.notify-hour){border-bottom:0;padding-bottom:4px}.notify-setting-block .notify-hour{border-bottom:1px solid var(--line);margin:0;padding:4px 0 14px}.achievement-map i.practice-day--1{background:oklch(87% .05 262)}.achievement-map i.practice-day--2{background:oklch(76% .09 262)}.achievement-map i.practice-day--3{background:oklch(64% .14 262)}.achievement-map i.practice-day--4{background:var(--blue)}.stories-courses .av-chip svg{flex:none;width:16px;height:16px}.race-result-dock{grid-template-columns:1fr 1fr;gap:10px;display:grid}.race-result-dock .btn{margin:0}.race-result-dock .btn--two{flex-direction:column;gap:0;padding:6px 10px;line-height:1.2}.race-result-dock .btn--two small{font:600 12px/1.25 var(--font-body);opacity:.8}.result-missed{border:1px solid var(--line);background:var(--paper);border-radius:20px;padding:16px 16px 4px}.result-missed h3{font:600 16px/1.3 var(--font-display);color:var(--navy);margin:0}.result-missed .story-outcomes{margin:4px 0 0}.result-missed .story-outcomes li:last-child{border-bottom:0}.result-missed .av-btn-ghost{width:100%}.result .result__acts{background:linear-gradient(180deg,transparent 0,var(--app) 14px);padding-top:18px}.notify-guide{background:var(--blue-50);border-radius:16px;margin:10px 0 6px;padding:14px}.notify-guide b{font:600 16px var(--font-display);color:var(--ink);display:block}.notify-guide p{color:var(--ink-2);margin:4px 0 0;font-size:14px;line-height:1.5}.notify-guide ol{color:var(--ink);margin:10px 0 0;padding-left:20px;font-size:14px;line-height:1.65}.notify-setting-block .notify-guide .btn{width:100%;margin:12px 0 0;font-size:15px}.notify-guide__alt,.notify-guide .notify-guide__alt{color:var(--ink-2);margin:18px 0 0;font-size:14px;line-height:1.5}.notify-guide__alt a{color:var(--blue-dk);font-weight:700;text-decoration:underline}.notify-ready-row .av-btn-ghost{min-height:44px;color:var(--blue-dk);padding:0;font-size:14px}.notify-ready{font:600 14px var(--font-body);color:oklch(38% .11 150);align-items:center;gap:8px;margin:10px 0 4px;display:flex}.notify-ready i{background:var(--green);border-radius:50%;flex:none;width:8px;height:8px}.share-result{background:var(--blue-50);color:var(--blue-dk);font:600 14px/1.45 var(--font-body);text-align:center;border-radius:12px;margin:0 0 8px;padding:8px 12px}.notify-setup{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px 16px;display:flex}.notify-setup p{max-width:34ch;color:var(--ink-2);margin:0;font-size:15px;line-height:1.55}.notify-setup__steps{background:var(--blue-50);text-align:left;max-width:340px;color:var(--ink);border-radius:16px;margin:0;padding:14px 16px 14px 34px;font-size:15px;line-height:1.7}.ios-icon{vertical-align:-5px;background:var(--surface,#fff);color:var(--blue);box-shadow:0 0 0 1px var(--line,#dfe6ef);border-radius:7px;margin:0 2px;padding:2px;display:inline-block}.notify-setup__steps small{color:var(--ink-2);font-size:13px;line-height:1.5;display:block}.pwa-offer--top{margin:0 0 14px;padding-right:14px}.pwa-offer--top .btn{margin-top:10px;padding:10px 18px;font-size:15px}.sk{color:#0000;-webkit-user-select:none;user-select:none;background:linear-gradient(100deg,oklch(92% .012 255) 30%,oklch(96.5% .008 255) 45%,oklch(92% .012 255) 60%) 0 0/300% 100%;border-radius:10px;animation:1.6s ease-in-out infinite skShimmer;display:block}@keyframes skShimmer{0%{background-position:100% 0}to{background-position:0 0}}.sk--dot{border-radius:50%;width:28px;height:28px}.sk--line{width:62%;height:12px}.sk--num{width:54px;height:12px}.sk--chip{border-radius:var(--radius-pill);width:150px;height:24px}.sk--title{width:170px;height:30px;margin-top:10px}.sk--card{border-radius:20px}.fade-in{animation:.28s ease-out both softIn}@keyframes softIn{0%{opacity:0}to{opacity:1}}.home .av-hero{background:linear-gradient(oklch(86% .06 240),oklch(93% .035 230) 55%,oklch(95% .03 80))}.home .av-hero>img{opacity:0;transition:opacity .45s;animation:none}.home .av-hero>img.is-in{opacity:1}.sk--tall{height:16px;margin:10px 0}.sk--thin{height:9px;margin-top:8px}.sk-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sk-word{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-row);justify-content:space-between;align-items:center;gap:10px;min-height:56px;padding:10px 14px;display:flex}.sk-shelf{gap:18px;display:grid}.sk-story{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px #e5ecf5}.sk-story__art{aspect-ratio:1.7;border-radius:0;width:100%}.sk-story>div{gap:8px;padding:14px;display:grid}.sk-grammar{background:#fff;border-radius:14px;align-items:center;gap:12px;margin:8px 0;padding:14px;display:flex}.sk-grammar>span:nth-child(2){flex:1;min-width:0}.sk-grammar .sk--line{display:block}.sk-grammar__icon{border-radius:14px;flex:none;width:44px;height:44px}.sk-rank{grid-template-columns:28px 28px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:40px;padding:3px 4px;display:grid}.sk-rank-empty{height:69px}.sk-blocks{gap:14px;display:grid}.state--wait{animation:.3s ease-out .35s both softIn}img[data-broken]{background:var(--blue-50)}