@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2) format("woff2-variations");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #2d1f4f;--card: #dccdf0;--ink: #fbf8ff;--ink-2: #c9c1e6;--line: #4a3a78;--link: #ff9fcf;--brand: #f5127d;--brand-deep: #c00060;--on-brand: #ffffff;--sun: #ffd23f;--sun-deep: #c79100;--on-sun: #2a1a4a;--good: #3fe0a0;--bad: #ff6b76;--miss: #ffb84d;--pink: #ff5fae;--yellow: #ffcc3d;--blue: #5cb8ff;--green: #3fe0a0;--purple: #b08cff;--orange: #ff9255;--tint: 24%;--text-mix: 100%;--f-display: "Fredoka Variable", "Fredoka", ui-rounded, "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--f-text: "Figtree Variable", "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--r: 24px;--gutter: clamp(16px, 4vw, 28px);--h: var(--brand)}.accents button,.also,.btn,.bubble,.bubble.b,.card,.check,.chip,.closeto,.dock.verdict,.dock.verdict.no,.dock.verdict.whole,.dots li.d,.dots li.n,.example,.exchange.two .line.b,.extras li button,.face,.face .ctx,.face .hear,.face.back,.field,.fix mark,.frame,.gap,.goal,.grade,.hero.then,.homefold,.icon-btn,.icon-btn.on,.kept,.know,.literal,.morelist li,.nav,.nav button[aria-current=page],.notice,.notice.ok,.notice.warn,.opt,.opt.right,.opt.wrong,.pairup,.pairup>div.this,.parts button,.parts button.d,.peekbtn,.phrase,.pill,.pill.sample,.plan-opt,.plan-opt[aria-pressed=true],.sayto,.scroll-x,.seg button,.seg button[aria-pressed=true],.skeleton,.stats div,.sticker,.street,.street .pair,.switch,.tag,.takeaway,.tally div,.tile,.tile.ok,.tile.sel,.tilew,.tip,.topic,.topic .state,.topic.is-next,.tracklist li button,.tray,.tray.no,.tray.ok,.unit.open .unit-head,.upnext,.upnext.keepers .chip[aria-pressed=true],.usage,.usage-box,.wpop,.your-turn,button.chip[aria-pressed=true],details.ref,mark{--bg: #cab8e4;--card: #dccdf0;--ink: #2a1a4a;--ink-2: #4d4168;--line: #a590cb;--link: #a80054;--sun-deep: #f2b100;--good: #0c8f5c;--bad: #d92c3c;--miss: #a86200;--pink: #ff2d8e;--yellow: #ffb400;--blue: #1b9dff;--green: #12b274;--purple: #8a4dff;--orange: #ff6f1e;--tint: 17%;--text-mix: 55%;color:var(--ink)}.brand,.btn.quiet,.btn:disabled:not(.primary),.exchange.two .line.want,.face .hint,.icon-btn.plain,.link,.morelist.first .hear,.nav button,.phrase .src button,.pips i,.switch button,.topic .hit,.unit-head{--bg: inherit;--card: inherit;--ink: inherit;--ink-2: inherit;--line: inherit;--link: inherit;--sun-deep: inherit;--good: inherit;--bad: inherit;--miss: inherit;--pink: inherit;--yellow: inherit;--blue: inherit;--green: inherit;--purple: inherit;--orange: inherit;--tint: inherit;--text-mix: inherit}.hue-pink{--h: var(--pink)}.hue-yellow{--h: var(--yellow)}.hue-blue{--h: var(--blue)}.hue-green{--h: var(--green)}.hue-purple{--h: var(--purple)}.hue-orange{--h: var(--orange)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.5 var(--f-text);-webkit-font-smoothing:antialiased}#root{min-height:100%}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button,[role=button]{transition:transform .08s ease-out,box-shadow .08s ease-out,filter .08s}button.pressing:not(:disabled):not(.btn):not(.grade),[role=button].pressing{transform:scale(.95);filter:brightness(.94)}.btn.pressing:not(:disabled){transform:translateY(4px);box-shadow:0 0 0 var(--line);filter:brightness(.96)}.btn.primary.pressing:not(:disabled){box-shadow:0 0 0 var(--brand-deep)}.btn.quiet.pressing:not(:disabled){transform:scale(.97)}.grade.pressing:not(:disabled){transform:translateY(4px);box-shadow:none}.icon-btn.pressing:not(:disabled),.hear.pressing:not(:disabled),.chip.pressing:not(:disabled){transform:scale(.88)}button.playing{outline:2px solid var(--brand);animation:sayring 1s ease-out infinite}button.playing svg{animation:saybeat .5s ease-in-out infinite alternate}@keyframes sayring{0%{outline-offset:0;outline-color:color-mix(in srgb,var(--brand) 80%,transparent)}to{outline-offset:8px;outline-color:transparent}}@keyframes saybeat{to{transform:scale(1.18)}}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--f-display);font-weight:600;line-height:1.15;text-wrap:balance;letter-spacing:-.005em}:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:10px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.muted{color:var(--ink-2)}.small{font-size:14px}.center{text-align:center}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.tight{flex-wrap:nowrap}.grow{flex:1;min-width:0}.stack{display:grid;gap:14px}.shell{max-width:720px;margin:0 auto;padding-inline:var(--gutter);padding-block:0 112px}.top{display:flex;align-items:center;gap:10px;padding-block:16px 8px}.brand{white-space:nowrap;font:600 20px/1 var(--f-display);color:var(--ink);background:none;border:0;padding:0;display:flex;align-items:center;gap:8px}.brand i{width:30px;height:30px;border-radius:10px;background:var(--brand);color:var(--on-brand);display:grid;place-items:center;font:700 15px/1 var(--f-display);font-style:normal}.pill{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-weight:700;font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}.pill svg{width:17px;height:17px}.pill.streak svg{color:var(--orange)}.pill.sample{background:color-mix(in srgb,var(--yellow) 22%,var(--card));border-color:transparent;font-weight:600;font-size:14px}.nav{position:fixed;z-index:20;left:50%;transform:translate(-50%);bottom:calc(14px + env(safe-area-inset-bottom,0px));display:flex;gap:2px;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:999px;box-shadow:0 5px 0 var(--line);border-width:2px;max-width:calc(100% - 24px)}.nav button{display:flex;align-items:center;gap:7px;padding:10px 16px;border-radius:999px;border:0;background:none;font-weight:700;font-size:15px;color:var(--ink-2);position:relative;white-space:nowrap}.nav button svg{width:21px;height:21px;flex:none}.nav button[aria-current=page]{background:color-mix(in srgb,var(--brand) var(--tint),var(--card));color:var(--brand)}.nav .badge{min-width:20px;padding:0 6px;border-radius:999px;background:var(--brand);color:var(--on-brand);font-size:14px;line-height:20px;text-align:center;font-variant-numeric:tabular-nums}@media (max-width: 520px){.nav{left:12px;right:12px;transform:none;justify-content:space-between;border-radius:24px}.nav button{flex-direction:column;gap:1px;font-size:14px;padding:7px 10px;flex:1;border-radius:18px}.nav .badge{position:absolute;top:2px;left:54%}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 24px;border-radius:16px;border:2px solid var(--line);background:var(--card);font:600 17px/1.2 var(--f-display);box-shadow:0 4px 0 var(--line);transition:transform .06s,box-shadow .06s;text-align:center}.btn svg{width:20px;height:20px;flex:none}.btn:not(:disabled):active{transform:translateY(4px);box-shadow:0 0 0 var(--line)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:not(.primary){background:none;box-shadow:none;border-color:color-mix(in srgb,var(--ink-2) 45%,transparent);color:var(--ink-2);opacity:.75}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand);box-shadow:0 4px 0 var(--brand-deep)}.btn.primary:not(:disabled):active{box-shadow:0 0 0 var(--brand-deep)}.btn.quiet{border-color:transparent;box-shadow:none;background:none;color:var(--ink-2);min-height:44px;padding-inline:12px}.btn.quiet:not(:disabled):active{transform:none}.btn.small{min-height:40px;padding:8px 16px;font-size:15px;border-radius:12px;box-shadow:0 3px 0 var(--line)}.btn.block{width:100%}.link{background:none;border:0;padding:0;color:var(--link);font-weight:700;text-decoration:underline;text-underline-offset:3px}.icon-btn{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;border:0;background:color-mix(in srgb,var(--h) 22%,var(--card));color:color-mix(in srgb,var(--h) var(--text-mix),var(--ink));flex:none}.icon-btn svg{width:22px;height:22px}.icon-btn.plain{background:none;color:var(--ink-2)}.icon-btn.on{color:var(--yellow);background:color-mix(in srgb,var(--yellow) var(--tint),var(--card))}.chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);font-size:14px;font-weight:600;color:var(--ink-2);white-space:nowrap}button.chip[aria-pressed=true]{background:color-mix(in srgb,var(--brand) var(--tint),var(--card));color:var(--brand);border-color:var(--brand)}.chip svg{width:15px;height:15px}.card{background:var(--card);border:2px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:0 5px 0 var(--line)}.eyebrow{font:800 13px/1.2 var(--f-text);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--h) var(--text-mix),var(--ink))}.pron{color:var(--ink-2);font-weight:500;letter-spacing:.01em}.sticker{flex:none;width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-size:28px;line-height:1;background:color-mix(in srgb,var(--h) 26%,var(--card))}.sticker.big{width:64px;height:64px;border-radius:20px;font-size:32px}.sticker.small{width:40px;height:40px;border-radius:12px;font-size:20px}.tag{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:14px;font-weight:700;background:color-mix(in srgb,var(--h) var(--tint),var(--card));color:color-mix(in srgb,var(--h) var(--text-mix),var(--ink));white-space:nowrap}.tag svg{width:12px;height:12px}.tag.informal{--h: var(--blue)}.tag.romantic{--h: var(--pink)}.tag.slang{--h: var(--orange)}.tag.vulgar{--h: var(--bad)}.tag.neutral{--h: var(--ink-2)}.chiles{display:inline-flex;gap:1px;color:var(--bad);vertical-align:middle}.chiles svg{width:14px;height:14px}.chiles .off{color:var(--line)}.bar{height:8px;border-radius:4px;background:color-mix(in srgb,var(--ink) 26%,var(--bg));overflow:hidden}.bar i{display:block;height:100%;background:var(--h);border-radius:4px;transition:width .4s}.home{display:grid;gap:22px}.hello h1{font-size:clamp(30px,8vw,40px)}.hello p{margin-top:4px;font-size:18px}.hero{position:relative;display:grid;gap:16px;padding:22px;border-radius:28px;background:var(--sun);color:var(--on-sun);box-shadow:0 7px 0 var(--sun-deep);--link: var(--on-sun)}.hero h2{font-size:clamp(24px,6.5vw,30px)}.hero .eyebrow{color:color-mix(in srgb,var(--on-sun) 72%,var(--sun))}.hero .sub{font-size:16px;color:color-mix(in srgb,var(--on-sun) 78%,var(--sun));margin-top:2px}.hero .who{display:flex;gap:6px;align-items:flex-end}.hero .who .grow{padding-bottom:6px}.hero .mascot{margin:-14px -6px -18px 0}.duo{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.mini{display:flex;gap:14px;align-items:center;padding:16px}.mini h3{font-size:18px}.mini p{font-size:15px;color:var(--ink-2)}.how{display:grid;gap:14px}.how ol{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.how li{display:grid;gap:4px;align-content:start}.how li b{font:600 17px var(--f-display);display:flex;align-items:center;gap:8px}.how li b i{width:28px;height:28px;border-radius:50%;background:var(--h);color:var(--card);display:grid;place-items:center;font:700 14px var(--f-display);font-style:normal;flex:none}.how li span{font-size:15px;color:var(--ink-2)}.section-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between}.section-title h2{font-size:24px}.switch{display:inline-flex;padding:4px;gap:2px;border-radius:999px;background:var(--card);border:1px solid var(--line);max-width:100%}.switch button{padding:9px 16px;border-radius:999px;border:0;background:none;font:600 15px var(--f-display);color:var(--ink-2);min-width:0}.switch button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.units{display:grid;gap:12px}.unit{padding:0;overflow:hidden}.unit.open{border-color:color-mix(in srgb,var(--h) 55%,var(--card));box-shadow:0 5px color-mix(in srgb,var(--h) 55%,var(--card))}.unit.open .unit-head{background:color-mix(in srgb,var(--h) 12%,var(--card))}.unit.open .unit-body{padding-top:14px}.unit-head{display:flex;gap:14px;align-items:center;width:100%;padding:16px;border:0;background:none;text-align:left}.unit-head .t{display:grid;gap:2px}.unit-head h3{font-size:19px}.unit-head .label{font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--h) var(--text-mix),var(--ink))}.unit-head .meta{font-size:14px;color:var(--ink-2)}.unit-head .chev{color:var(--ink-2);transition:transform .2s;flex:none;width:22px;height:22px}.unit.open .unit-head .chev{transform:rotate(180deg)}.unit-body{padding:0 16px 16px;display:grid;gap:12px}.unit-body .bar{height:6px}.topics{list-style:none;margin:0;padding:0;display:grid;gap:8px}.topic{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:12px;border-radius:18px;border:2px solid var(--line);background:var(--card)}.topic>button.main{display:contents}.topic .hit{grid-column:1 / -1;grid-row:1;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;text-align:left;border:0;background:none;padding:0}.topic:hover{border-color:color-mix(in srgb,var(--h) 45%,var(--line))}.topic .state{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--h) var(--tint),var(--card));color:color-mix(in srgb,var(--h) var(--text-mix),var(--ink))}.topic .state svg{width:18px;height:18px}.topic.is-done .state{background:var(--good);color:var(--card)}.topic.is-next{border-color:var(--h);background:color-mix(in srgb,var(--h) 10%,var(--card));box-shadow:0 4px 0 var(--h)}.topic.is-next .state{background:var(--h);color:var(--card)}.topic.is-locked .state{background:var(--bg);color:var(--ink-2)}.topic.is-locked .name{color:var(--ink-2)}.topic .name{font:600 17px/1.25 var(--f-display);overflow-wrap:anywhere;display:block}.topic .sub{font-size:14px;color:var(--ink-2);overflow-wrap:anywhere;display:block}.topic .info{font-size:14px;color:var(--ink-2);display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:3px}.topic .right{display:flex;gap:8px;align-items:center}.go{font:600 14px var(--f-display);padding:6px 12px;border-radius:999px;background:var(--h);color:var(--card);white-space:nowrap}.free{font-size:14px;font-weight:800;color:color-mix(in srgb,var(--good) 80%,var(--ink));letter-spacing:.04em;text-transform:uppercase}.parts{grid-column:2 / -1;display:flex;gap:6px;flex-wrap:wrap;padding-top:4px}.parts button{padding:6px 12px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);font-size:14px;font-weight:700;color:var(--ink-2);display:inline-flex;gap:5px;align-items:center}.parts button svg{width:13px;height:13px}.parts button.d{border-color:transparent;background:color-mix(in srgb,var(--good) var(--tint),var(--card));color:var(--good)}.parts button.n{border-color:var(--h);color:var(--h)}.player{max-width:560px;margin:0 auto;display:grid;gap:18px;padding-bottom:150px}.player-top{display:grid;gap:8px;padding-block:14px 0}.player-top .line{display:flex;align-items:center;gap:10px}.player-top .bar{flex:1;height:12px;border-radius:6px}.peekbtn{display:inline-flex;gap:6px;align-items:center;flex:none;padding:7px 12px;border-radius:999px;border:2px solid var(--line);background:var(--card);color:var(--ink-2);font:700 14px var(--f-text);white-space:nowrap}.peekbtn svg{width:17px;height:17px}.peekbtn:hover{border-color:var(--h);color:var(--ink)}.lookback{position:fixed;inset:0;z-index:40;overflow-y:auto;background:var(--bg);padding:calc(18px + env(safe-area-inset-top,0px)) var(--gutter) calc(120px + env(safe-area-inset-bottom,0px));animation:up .2s cubic-bezier(.2,.9,.3,1)}.lookback .in{max-width:560px;margin:0 auto;display:grid;gap:14px}.lookback .head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.lookback .head h2{margin:0}.lookback li .grow{min-width:0}.steps{display:flex;gap:5px;align-items:center;font-size:14px;font-weight:700;color:var(--ink-2);flex-wrap:nowrap;white-space:nowrap;padding-left:56px;overflow:hidden}.steps span{display:inline-flex;align-items:center;gap:5px}.steps span.now{color:color-mix(in srgb,var(--h) var(--text-mix),var(--ink))}.steps span.was{color:color-mix(in srgb,var(--good) 80%,var(--ink))}.steps svg{width:14px;height:14px}.steps i{width:10px;height:2px;background:var(--line);border-radius:1px;flex:none}@media (max-width: 430px){.steps{padding-left:0;justify-content:center;font-size:12.5px}.steps svg{width:12px;height:12px}}.intro{display:grid;gap:18px}.intro h1{font-size:clamp(28px,8vw,38px)}.intro .lead{font-size:18px;color:var(--ink-2)}.plan{list-style:none;margin:0;padding:0;display:grid;gap:10px}.plan li{display:flex;gap:12px;align-items:center;font-weight:700}.plan li .icon-btn{width:40px;height:40px;pointer-events:none}.plan li .icon-btn svg{width:19px;height:19px}.plan li small{display:block;font-weight:400;color:var(--ink-2);font-size:14px}.peek{display:flex;gap:6px;flex-wrap:wrap}.tip{border-radius:18px;padding:14px 16px;background:color-mix(in srgb,var(--yellow) var(--tint),var(--card));display:flex;gap:12px;align-items:flex-start}.tip .prose{gap:8px}.prose{display:grid;gap:10px;max-width:62ch}.know{display:grid;gap:10px;padding:16px 18px;border-radius:20px;background:color-mix(in srgb,var(--yellow) var(--tint),var(--card))}.know h3{font-size:16px;display:flex;gap:8px;align-items:center}.know ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}.know li{display:flex;gap:10px;align-items:flex-start}.know li:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--yellow);margin-top:.55em}.refblock{display:grid;gap:8px}.refblock h3{font-size:17px}details.ref{border:1px solid var(--line);border-radius:18px;background:var(--card)}details.ref summary{padding:14px 16px;font:600 16px var(--f-display);cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px}details.ref summary::-webkit-details-marker{display:none}details.ref summary:after{content:"+";margin-left:auto;font-size:22px;color:var(--ink-2);line-height:1}details.ref[open] summary:after{content:"–"}details.ref .inner{padding:0 16px 16px;display:grid;gap:16px}.scroll-x{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--card)}table.ref{border-collapse:collapse;width:100%;font-size:16px}table.ref th{text-align:left;font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}table.ref td{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top}table.ref tr:last-child td{border-bottom:0}table.ref td:first-child{font-weight:700}.cols{columns:2 140px;column-gap:20px;margin:0;padding-left:18px}.chat{display:grid;gap:10px}.bubble{max-width:88%;padding:12px 16px;border-radius:20px 20px 20px 6px;background:var(--card);border:1px solid var(--line);display:grid;gap:2px;justify-self:start}.bubble.b{justify-self:end;border-radius:20px 20px 6px;background:color-mix(in srgb,var(--h) var(--tint),var(--card));border-color:transparent}.bubble .es{font-weight:700}.bubble .pron,.bubble .en{font-size:15px}.bubble button{justify-self:start;margin-top:4px}.flip{perspective:1400px}.flip-inner{display:grid;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.flip.turned .flip-inner{transform:rotateY(180deg)}.face{grid-area:1 / 1;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--card);border:2.5px solid color-mix(in srgb,var(--h) 55%,var(--card));border-radius:30px;box-shadow:0 7px color-mix(in srgb,var(--h) 55%,var(--card));min-height:min(50vh,330px);display:grid;grid-template-rows:auto 1fr auto;padding:18px}.face.back{transform:rotateY(180deg);background:color-mix(in srgb,var(--h) 14%,var(--card))}.flip:not(.turned) .face.back,.flip.turned .face.front{pointer-events:none}.face .head{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:28px}.face .count{font-size:14px;font-weight:700;color:var(--ink-2);font-variant-numeric:tabular-nums}.face .mid{display:grid;align-content:center;justify-items:center;gap:10px;text-align:center;padding:14px 6px}.face .word{font:600 clamp(30px,9vw,46px)/1.1 var(--f-display);overflow-wrap:anywhere;text-wrap:balance}.face .word.long{font-size:clamp(22px,6vw,28px);line-height:1.25}.face .word.sm{font-size:20px;font-weight:500;color:var(--ink-2)}.face .meaning{font:600 clamp(24px,7vw,34px)/1.2 var(--f-display);overflow-wrap:anywhere;text-wrap:balance}.face .meaning.long{font-size:clamp(19px,5vw,23px);line-height:1.35;font-weight:500}.face .pron{font-size:18px}.face .foot{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px;align-items:center;min-height:46px}.face .hear{display:inline-flex;gap:7px;align-items:center;min-height:46px;padding:8px 16px;border-radius:999px;border:0;background:color-mix(in srgb,var(--h) 22%,var(--card));color:color-mix(in srgb,var(--h) var(--text-mix),var(--ink));font:700 16px var(--f-text)}.face .hear svg{width:20px;height:20px}.face .aloud{font-size:15px;font-weight:700;color:var(--ink-2);padding:5px 12px;border-radius:999px;border:1.5px dashed color-mix(in srgb,var(--h) 45%,var(--line))}.checkround{display:grid;gap:10px}.pairup{display:grid;gap:6px;padding:12px 14px;border-radius:18px;background:var(--card);border:2px dashed color-mix(in srgb,var(--h) 40%,var(--line))}.pairup>small{font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.pairup>div{display:grid;gap:1px;padding:6px 10px;border-radius:12px;min-width:0}.pairup>div.this{background:color-mix(in srgb,var(--h) 14%,var(--card))}.pairup span{font-size:14px;color:var(--ink-2)}.pairup b{font:600 19px/1.25 var(--f-display);overflow-wrap:anywhere}.row.helps{gap:18px;flex-wrap:wrap}.closeto{margin:0;padding:10px 14px;border-radius:14px;background:var(--card);border:2px dashed color-mix(in srgb,var(--h) 40%,var(--line));font-size:15px}.scene-chat .entoggle{justify-self:start}.pips{display:inline-flex;gap:6px;vertical-align:middle;margin-left:8px}.pips i{width:12px;height:12px;border-radius:50%;border:2px solid var(--line);background:transparent}.pips i.on{background:var(--good);border-color:var(--good);animation:yes .28s cubic-bezier(.2,.9,.3,1.4)}.pips i.off{background:var(--miss);border-color:var(--miss)}.dock.verdict.whole{background:color-mix(in srgb,var(--good) 24%,var(--card))}.dock.verdict .confetti.burst{position:absolute;left:0;right:0;top:0;height:18px;pointer-events:none}.pacecheck{justify-items:start}.pacecheck .mascot{justify-self:center}.pacecheck h2{margin:0}.card.mini.warmfirst{border-width:2.5px;border-color:color-mix(in srgb,var(--purple) 55%,var(--card))}.card.mini.warmfirst{flex-wrap:wrap}.card.mini.warmfirst .grow{flex:1 1 180px;min-width:0}.card.mini.warmfirst .btn{flex:1 1 100%;justify-content:center}.prompt.withsound{display:flex;align-items:center;justify-content:space-between;gap:12px}.prompt.withsound .icon-btn{flex:none}details.ref.moreabout summary,details.ref.whatsin summary{font-size:15px;padding:12px 16px;color:var(--ink-2)}details.ref.morelist ul{margin-top:4px}.intro .lead.meta{font-weight:700}.face .hint{font-size:14px;font-weight:700;color:var(--ink-2);display:inline-flex;gap:6px;align-items:center;border:0;background:none;padding:8px 12px}.face .hint svg{width:16px;height:16px}.after{display:grid;gap:10px}.literal{display:flex;gap:12px;align-items:center;padding:12px 16px;border-radius:18px;background:color-mix(in srgb,var(--purple) var(--tint),var(--card))}.literal b{font:600 18px var(--f-display)}.literal small,.usage small,.example small{display:block;font-size:14px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.literal small{color:var(--purple)}.usage{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-radius:18px;background:color-mix(in srgb,var(--yellow) var(--tint),var(--card))}.usage small{color:color-mix(in srgb,var(--yellow) 65%,var(--ink))}.emoji{font-size:22px;line-height:1.3;flex:none}.examples{display:grid;gap:8px}.example{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px 16px;display:grid;gap:2px}.example small{color:var(--ink-2)}.example .es{font-weight:700}.example .pron,.example .en{font-size:15px}.done .mascot,.empty .mascot{margin-bottom:-10px}.dock{position:fixed;z-index:15;left:0;right:0;bottom:0;padding:18px var(--gutter) calc(16px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,var(--bg) 72%,transparent)}.dock .in{max-width:560px;margin:0 auto;display:flex;gap:10px;align-items:center}.dock.verdict{background:color-mix(in srgb,var(--good) 16%,var(--card));border-top:2px solid color-mix(in srgb,var(--good) 40%,var(--card));animation:up .22s cubic-bezier(.2,.9,.3,1);padding-top:16px}.dock.verdict.no{background:color-mix(in srgb,var(--miss) 13%,var(--card));border-top-color:color-mix(in srgb,var(--miss) 40%,var(--card))}.dock.verdict .in{display:grid;gap:12px}.dock.verdict .msg{display:flex;gap:10px;align-items:center}.dock.verdict .msg .mascot{margin:-8px 0 -8px -6px}.dock.verdict .msg b{font:600 20px var(--f-display);display:block;color:color-mix(in srgb,var(--good) 75%,var(--ink))}.dock.verdict.no .msg b{color:color-mix(in srgb,var(--miss) 70%,var(--ink))}.dock.verdict .msg span{overflow-wrap:anywhere}.dock.verdict .msg strong{font-weight:700}@keyframes up{0%{transform:translateY(100%)}}.kbd{font:600 12px var(--f-text);border:1px solid currentColor;border-radius:5px;padding:1px 6px;opacity:.65}@media (hover: none){.kbd{display:none}}.q{display:grid;gap:16px}.q .ask{font:600 19px/1.25 var(--f-display);color:var(--ink-2)}.q .prompt{font:600 clamp(28px,8vw,40px)/1.12 var(--f-display);overflow-wrap:anywhere}.q .prompt.en{font-size:clamp(22px,6vw,28px);line-height:1.25}.opts{display:grid;gap:10px}.opt{text-align:left;padding:14px 16px;border-radius:18px;border:2px solid var(--line);background:var(--card);font-weight:600;font-size:18px;display:flex;gap:12px;align-items:center;min-height:60px;overflow-wrap:anywhere;box-shadow:0 3px 0 var(--line)}.opt .k{flex:none;width:28px;height:28px;border-radius:9px;background:var(--bg);display:grid;place-items:center;font-size:14px;font-weight:800;color:var(--ink-2)}.opt:not(:disabled):hover{border-color:var(--h)}.opt.right{border-color:var(--good);background:color-mix(in srgb,var(--good) 14%,var(--card));box-shadow:0 3px 0 var(--good);animation:yes .28s cubic-bezier(.2,.9,.3,1.4)}@keyframes yes{40%{transform:scale(1.025)}}.opt.right .k{background:var(--good);color:var(--card)}.opt.wrong{border-color:var(--miss);background:color-mix(in srgb,var(--miss) 11%,var(--card));box-shadow:0 3px 0 var(--miss)}.opt:disabled{cursor:default}.field{width:100%;padding:14px 16px;border-radius:16px;border:2px solid var(--line);background:var(--card);font-size:20px;font-weight:600}.field:focus{border-color:var(--brand);outline:none}.field::placeholder{color:var(--ink-2);opacity:.7;font-weight:500}textarea.field{font-size:17px;font-weight:400;min-height:100px;resize:vertical;line-height:1.5}.accents{display:grid;grid-template-columns:repeat(9,minmax(0,44px));gap:5px}.accents button{width:auto;height:40px;padding:0;border-radius:12px;border:1.5px solid var(--line);background:var(--card);font-weight:700;font-size:18px;box-shadow:0 2px 0 var(--line)}.board{display:grid;grid-template-columns:1fr 1fr;gap:10px}.board .col{display:grid;gap:10px;align-content:start}.tile{min-height:60px;padding:10px 12px;border-radius:16px;border:2px solid var(--line);background:var(--card);font-weight:600;text-align:center;overflow-wrap:anywhere;font-size:16px;line-height:1.25;box-shadow:0 3px 0 var(--line)}.tile.sel{border-color:var(--blue);box-shadow:0 3px 0 var(--blue);background:color-mix(in srgb,var(--blue) 10%,var(--card))}.tile.ok{border-color:transparent;background:color-mix(in srgb,var(--good) 14%,var(--card));color:var(--ink-2);box-shadow:none}.tile.no{border-color:var(--miss);animation:shake .3s}.tile:disabled{cursor:default}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.checks{display:grid;gap:8px}.check{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--card);border:1.5px solid var(--line);font-weight:600}.check input{width:24px;height:24px;accent-color:var(--good);flex:none}.check:not(.plain):has(input:checked) span{color:var(--ink-2);text-decoration:line-through}.starters{display:flex;gap:6px;flex-wrap:wrap}label.f,.f{display:grid;gap:8px;font-weight:700;font-size:15px}.confetti{height:28px;display:grid;grid-template-columns:repeat(8,1fr);gap:4px;transform-origin:top;animation:drop .7s cubic-bezier(.2,1.4,.4,1) both;width:100%;align-items:start}.confetti i{display:block;height:100%;border-radius:0 0 14px 14px}.confetti i:nth-child(6n+1){background:var(--pink)}.confetti i:nth-child(6n+2){background:var(--yellow)}.confetti i:nth-child(6n+3){background:var(--blue)}.confetti i:nth-child(6n+4){background:var(--green)}.confetti i:nth-child(6n+5){background:var(--purple)}.confetti i:nth-child(6n){background:var(--orange)}.confetti i:nth-child(odd){height:65%}@keyframes drop{0%{transform:scaleY(0);opacity:0}}.done{text-align:center;display:grid;gap:16px;justify-items:center}.done h1{font-size:clamp(34px,10vw,48px)}.tally{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;width:100%}.tally div{background:var(--card);border:2px solid var(--line);box-shadow:0 4px 0 var(--line);border-radius:18px;padding:14px 8px;display:grid;gap:2px}.tally b{font:600 28px/1.1 var(--f-display);font-variant-numeric:tabular-nums}.tally small{color:var(--ink-2);font-size:14px}.done .note{width:100%;text-align:left}.grades{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;flex:1}.grades .gradeask{grid-column:1 / -1;text-align:center;font-size:15px;font-weight:700;color:var(--ink-2)}.grade{display:grid;gap:2px;padding:10px 6px;min-height:64px;border-radius:16px;border:2px solid var(--line);background:var(--card);font:600 17px/1.2 var(--f-display);box-shadow:0 4px 0 var(--line);align-content:center}.grade:not(:disabled):active{transform:translateY(4px);box-shadow:none}.grade small{font:500 14px var(--f-text);color:var(--ink-2)}.grade.g1{border-color:var(--orange);box-shadow:0 4px 0 var(--orange)}.grade.g2{border-color:var(--yellow);box-shadow:0 4px 0 var(--yellow)}.grade.g3{border-color:var(--good);box-shadow:0 4px 0 var(--good)}.empty{text-align:center;display:grid;gap:12px;justify-items:center;padding-block:44px}.empty h1{font-size:28px}.book{display:grid;gap:14px}.book>h1{font-size:30px}.search{position:relative}.search svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--ink-2)}.search input{padding-left:46px;font-size:18px;font-weight:500;border-radius:999px}.filters{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.phrases{list-style:none;margin:0;padding:0;display:grid;gap:10px}.phrase{background:var(--card);border:2px solid var(--line);border-radius:20px;padding:14px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:start}.phrase .es{font:600 21px/1.2 var(--f-display);overflow-wrap:anywhere}.phrase .en{overflow-wrap:anywhere}.phrase .pron{font-size:15px}.phrase .src{font-size:14px;color:var(--ink-2);display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}.phrase .src button{background:none;border:0;padding:0;color:var(--ink-2);text-align:left;text-decoration:underline;text-underline-offset:3px;font-size:14px}.phrase .acts{display:flex;gap:6px;grid-row:span 4}.phrase .acts .icon-btn{width:42px;height:42px}.me{display:grid;gap:14px}.me>h1{font-size:30px}.me .card{display:grid;gap:12px}.me .card h2{font-size:20px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.stats div{background:var(--card);border:2px solid var(--line);border-radius:20px;padding:14px 16px;display:grid;gap:2px;box-shadow:0 4px 0 var(--line)}.stats div:nth-child(1) b{color:color-mix(in srgb,var(--orange) 85%,var(--ink))}.stats div:nth-child(2) b{color:color-mix(in srgb,var(--green) 80%,var(--ink))}.stats div:nth-child(3) b{color:color-mix(in srgb,var(--blue) 80%,var(--ink))}.stats div:nth-child(4) b{color:color-mix(in srgb,var(--pink) 85%,var(--ink))}.stats b{font:600 30px/1.1 var(--f-display);font-variant-numeric:tabular-nums}.stats small{color:var(--ink-2);font-size:14px}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.week div{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:84px;font-size:14px;font-weight:700;color:var(--ink-2)}.week i{display:block;width:100%;max-width:30px;border-radius:8px;background:var(--brand)}.week .zero i{background:var(--line)}.week .today{color:var(--ink)}.seg{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.seg.three{grid-template-columns:repeat(3,minmax(0,1fr))}.seg.three button{padding:12px 6px}.seg button{padding:12px;border-radius:16px;border:2px solid var(--line);background:var(--card);font:600 16px/1.2 var(--f-display);display:grid;gap:3px;justify-items:center;text-align:center;box-shadow:0 3px 0 var(--line)}.seg button small{font:400 14px/1.3 var(--f-text);color:var(--ink-2)}.seg button[aria-pressed=true]{border-color:var(--brand);background:color-mix(in srgb,var(--brand) var(--tint),var(--card));box-shadow:0 3px 0 var(--brand)}.seg button:disabled{opacity:.5;cursor:not-allowed}.notice{border-radius:16px;padding:12px 14px;background:color-mix(in srgb,var(--blue) var(--tint),var(--card));font-size:15px}.notice.warn{background:color-mix(in srgb,var(--yellow) var(--tint),var(--card))}.scrim{position:fixed;inset:0;z-index:50;background:#0f0920a8;display:grid;place-items:end center}@media (min-width: 640px){.scrim{place-items:center;padding:24px}}.sheet{background:var(--bg);width:min(100%,500px);max-height:92vh;overflow:auto;border-radius:28px 28px 0 0;padding:22px 20px calc(22px + env(safe-area-inset-bottom,0px));display:grid;gap:16px;animation:up .25s cubic-bezier(.2,.9,.3,1)}@media (min-width: 640px){.sheet{border-radius:28px;animation:none}}.sheet h2{font-size:28px}.plans{display:grid;gap:10px}.plan-opt{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:center;text-align:left;padding:14px 16px;border-radius:18px;border:2px solid var(--line);background:var(--card);box-shadow:0 3px 0 var(--line)}.plan-opt[aria-pressed=true]{border-color:var(--brand);box-shadow:0 3px 0 var(--brand);background:color-mix(in srgb,var(--brand) 7%,var(--card))}.plan-opt b{font:600 18px var(--f-display)}.plan-opt .price{font:600 24px var(--f-display);grid-row:span 2;font-variant-numeric:tabular-nums;text-align:right}.plan-opt .price small{display:block;font:500 14px var(--f-text);color:var(--ink-2)}.plan-opt{position:relative}.plan-opt .plan-note{font-size:14px;color:var(--ink-2)}.plan-tag{position:absolute;top:-11px;left:14px;padding:3px 10px;border-radius:999px;font:700 12px var(--f-text);letter-spacing:.06em;text-transform:uppercase}.plan-opt.premium{border-color:#d9a520;box-shadow:0 3px #b8860b;color:#3a2a05;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.7) 48%,transparent 61%) 0 0 / 300% 100% no-repeat,linear-gradient(135deg,#fff6d6,#f6dc8a 45%,#fff3c4 60%,#e9c35a);animation:planshine 3.2s ease-in-out infinite}.plan-opt.premium b,.plan-opt.premium .price{color:#3a2a05}.plan-opt.premium .price small,.plan-opt.premium .plan-note{color:#6b5212}@keyframes planshine{0%,50%{background-position:100% 0,0 0}to{background-position:0% 0,0 0}}.plan-opt.premium[aria-pressed=true]{border-color:#8a6100;box-shadow:0 3px #8a6100,0 0 0 3px #e9c35a73}.plan-opt.popular .plan-tag{left:auto;right:14px;background:#e11d2e;color:#fff}.plan-opt.popular{margin-top:6px}.plan-opt .price .was{font-size:.65em;font-weight:500;opacity:.45;margin-right:6px;text-decoration-thickness:2px}.plan-opt .price .per{font-size:.7em;font-weight:500;color:var(--ink-2)}.plan-opt.basic{padding:10px 16px;opacity:.85;box-shadow:none}.plan-opt.basic b{font-size:16px;font-weight:500}.plan-opt.basic .price{font-size:19px;font-weight:500}.plans{gap:14px;padding-top:8px}.perks{margin:0;padding:0;list-style:none;display:grid;gap:8px}.perks li{display:flex;gap:10px;align-items:flex-start}.perks li .emoji{font-size:20px}.toast{position:fixed;z-index:60;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translate(-50%);background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:999px;font-weight:700;font-size:15px;max-width:calc(100% - 32px);text-align:center;animation:rise .2s}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}.skeleton{border-radius:var(--r);background:linear-gradient(90deg,var(--card) 25%,var(--line) 50%,var(--card) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite linear;min-height:72px}@keyframes shimmer{to{background-position:-200% 0}}.auth{max-width:440px;margin:6vh auto 0;display:grid;gap:18px}.auth h1{font-size:clamp(34px,10vw,46px)}.auth .lead{font-size:18px;color:var(--ink-2)}.wshade{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px var(--gutter);overflow:hidden;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--brand) 30%,transparent),transparent 55%),var(--bg)}.wburst{position:absolute;left:50%;top:42%;width:0;height:0;z-index:2;pointer-events:none}.wburst i{position:absolute;width:12px;height:20px;border-radius:2px;opacity:0;animation:wbit 1.8s cubic-bezier(.15,.7,.3,1) forwards}.wburst i.dot{width:13px;height:13px;border-radius:50%}@keyframes wbit{0%{opacity:1;transform:translate(0) rotate(0) scale(.4)}60%{opacity:1}to{opacity:0;transform:translate(var(--dx),calc(var(--dy) + 120px)) rotate(var(--rot)) scale(1)}}.wpop{position:relative;width:min(100%,400px);background:var(--card);border-radius:32px;padding:64px 24px 24px;text-align:center;display:grid;gap:12px;box-shadow:0 30px 80px -20px #0000008c,0 0 0 6px color-mix(in srgb,var(--card) 25%,transparent);animation:wpop .55s cubic-bezier(.2,1.4,.4,1) both}@keyframes wpop{0%{opacity:0;transform:translateY(24px) scale(.7)}to{opacity:1;transform:none}}.wbadge{position:absolute;left:50%;top:-56px;transform:translate(-50%);width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:var(--sun);box-shadow:0 0 0 6px var(--card),0 10px 30px -8px #0006;animation:wbadge .7s .2s cubic-bezier(.2,1.6,.4,1) both}@keyframes wbadge{0%{transform:translate(-50%) scale(0) rotate(-20deg)}to{transform:translate(-50%) scale(1) rotate(0)}}.wpop .weyebrow{margin:0;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-deep)}.wpop h1{margin:0;font-size:clamp(36px,11vw,46px);color:var(--ink)}.wpop .wlead{margin:0 0 6px;font-size:17px;color:var(--ink-2)}.wlist{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:10px;text-align:left}.wlist li{display:flex;gap:12px;align-items:center;padding:12px;border-radius:18px;background:color-mix(in srgb,var(--bg) 55%,transparent)}.wlist li>span:last-child{display:grid;gap:2px;min-width:0}.wlist b{font-size:16px;color:var(--ink)}.wlist small{font-size:14px;color:var(--ink-2);line-height:1.35}.wico{flex:none;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:21px;background:color-mix(in srgb,var(--h) 28%,white)}.wpop .btn{margin-top:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}mark{background:color-mix(in srgb,var(--sun) 70%,var(--card));color:var(--on-sun);padding:0 .22em;border-radius:.35em;font-weight:700;-webkit-box-decoration-break:clone;box-decoration-break:clone}.gap{display:inline-block;min-width:4.5em;height:1.15em;vertical-align:-.2em;border-bottom:3px dashed var(--h);border-radius:4px;background:color-mix(in srgb,var(--h) 10%,var(--card));margin:0 .15em}.link.small{font-size:14px;font-weight:700}.goal{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:20px;background:color-mix(in srgb,var(--green) var(--tint),var(--card));border:2px solid color-mix(in srgb,var(--green) 35%,var(--card));text-align:left}.goal>span{font-size:26px;line-height:1;flex:none}.goal small,.frame small,.usage-box>small,.takeaway small,.upnext small,.recap small,.street small,.ctx small{display:block;font-size:14px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.goal small{color:color-mix(in srgb,var(--green) 70%,var(--ink))}.goal b{font:600 19px/1.25 var(--f-display)}.goal.won{width:100%}.frame{display:grid;gap:4px;padding:16px 18px;border-radius:20px;border:2px dashed color-mix(in srgb,var(--h) 55%,var(--card));background:color-mix(in srgb,var(--h) 7%,var(--card))}.frame small{color:color-mix(in srgb,var(--h) var(--text-mix),var(--ink))}.frame b{font:600 clamp(22px,6.5vw,28px)/1.2 var(--f-display)}.frame>span{color:var(--ink-2);font-size:16px}.frame p{font-size:15px;margin-top:4px}.usage-box{display:grid;gap:8px;padding:14px 16px;border-radius:20px;background:var(--card);border:2px solid var(--line)}.usage-box>small{color:var(--brand)}.exchange{display:grid;gap:8px}.exchange .line{display:flex;gap:10px;align-items:flex-start;max-width:100%}.exchange.two .line{max-width:92%;padding:10px 14px;border-radius:18px 18px 18px 6px;background:var(--bg)}.exchange.two .line.b{justify-self:end;border-radius:18px 18px 6px;background:color-mix(in srgb,var(--h) var(--tint),var(--card))}.exchange.two .line.want{background:transparent;border:2px dashed color-mix(in srgb,var(--h) 55%,var(--line));padding:10px 14px}.exchange.two .line.want .en{color:var(--ink);font-weight:600;font-size:16px}.exchange .es{display:block;font-weight:700;font-size:18px;overflow-wrap:anywhere}.exchange .en{display:block;color:var(--ink-2);font-size:15px}.exchange .icon-btn{width:36px;height:36px;flex:none}.exchange.solo .es{font-size:21px}.exchange.solo .line{padding:14px 16px}.face .ctx{display:grid;gap:2px;padding:10px 14px;border-radius:16px;background:color-mix(in srgb,var(--h) 8%,var(--card));font-size:17px;font-weight:600;max-width:100%;overflow-wrap:anywhere}.face .ctx small{font-weight:500;letter-spacing:0;text-transform:none;font-size:14px;color:var(--ink-2)}.street{display:grid;gap:10px;padding:16px 18px;border-radius:20px;background:color-mix(in srgb,var(--orange) var(--tint),var(--card))}.street h3{font-size:16px;display:flex;gap:8px;align-items:center}.street .pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.25fr);gap:10px;align-items:center;padding:10px 12px;border-radius:16px;background:var(--card)}.street .pair>div{display:grid;gap:1px;min-width:0;overflow-wrap:anywhere}.street small{color:var(--ink-2)}.street b{font:600 17px/1.25 var(--f-display)}.street .arrow{color:var(--ink-2);font-weight:800}.street .muted{font-size:14px}@media (max-width: 420px){.street .pair{grid-template-columns:1fr}.street .arrow{display:none}}.scene h2{font-size:clamp(24px,7vw,30px);margin-top:-10px}.scene .where{margin-top:-10px}.scene-chat .bubble{gap:2px}.bubble .who{font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.bubble .es{font-size:18px;overflow-wrap:anywhere}.bubble .tools{justify-content:flex-start;gap:10px;margin-top:2px}.bubble .tools .icon-btn{margin-top:0}.q .small-ask{font:600 19px/1.3 var(--f-display);color:var(--ink)}.takeaway{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:18px;background:color-mix(in srgb,var(--yellow) var(--tint),var(--card))}.takeaway>span{font-size:22px;line-height:1.3;flex:none}.takeaway small{color:color-mix(in srgb,var(--yellow) 65%,var(--ink))}.your-turn{display:grid;gap:12px;padding:16px;border-radius:22px;border:2px solid var(--h);background:color-mix(in srgb,var(--h) 6%,var(--card));box-shadow:0 4px 0 var(--h)}.your-turn .opt{font-size:17px;min-height:54px}.why{margin:0}.recap{display:grid;gap:8px}.recap small{color:var(--ink-2)}.roleplay{padding-bottom:12px}.tray,.bank{display:flex;flex-wrap:wrap;gap:8px}.tray{min-height:62px;padding:10px;align-items:center;border-radius:18px;border:2px dashed var(--line);background:var(--card)}.tray.ok{border-style:solid;border-color:var(--good);background:color-mix(in srgb,var(--good) 12%,var(--card))}.tray.no{border-style:solid;border-color:var(--miss);background:color-mix(in srgb,var(--miss) 10%,var(--card))}.tilew{padding:10px 14px;border-radius:14px;border:2px solid var(--line);background:var(--card);font:600 18px var(--f-display);box-shadow:0 3px 0 var(--line)}.bank .tilew:disabled{opacity:.28;box-shadow:none}.bank .tilew.used{visibility:hidden}.traylabel{font-size:14px;font-weight:700;color:var(--ink-2);margin-bottom:-6px}.tray .tilew{border-color:var(--h);box-shadow:0 3px 0 var(--h)}.tray .tilew:disabled{opacity:1;cursor:default}.weekcard{display:grid;gap:10px;padding:18px}.homefold{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:14px 18px;border-radius:18px;border:2px solid var(--line);background:var(--card);font:600 17px/1.2 var(--f-display);text-align:left;cursor:pointer}.homefold .chev{width:20px;height:20px;flex:none;color:var(--ink-2);transition:transform .2s}.homefold[aria-expanded=true] .chev{transform:rotate(180deg)}.weekcard h3{font-size:19px}.weekcard p{font-size:15px}.dots{list-style:none;margin:2px 0 0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.dots li{height:40px;border-radius:14px;display:grid;place-items:center;font:600 15px var(--f-display);background:var(--bg);color:var(--ink-2);border:2px solid transparent;font-variant-numeric:tabular-nums}.dots li svg{width:18px;height:18px}.dots li.d{background:color-mix(in srgb,var(--good) 20%,var(--card));color:var(--good)}.dots li.n{border-color:var(--brand);color:var(--brand);background:var(--card);box-shadow:0 3px 0 var(--brand)}.cando{list-style:none;margin:0;padding:0;display:grid;gap:6px}.cando li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--ink-2)}.cando li svg{flex:none;width:18px;height:18px;margin-top:2px;padding:3px;border-radius:50%;background:var(--bg);color:var(--ink-2);stroke-width:4}.cando li.d{color:var(--ink)}.cando li.d svg{background:var(--good);color:var(--card)}.topic.day .state.num{font:600 16px var(--f-display);font-variant-numeric:tabular-nums}.extras{grid-column:2 / -1}.extras summary{cursor:pointer;font-size:14px;font-weight:700;color:var(--ink-2);padding:4px 0;list-style:none;display:inline-flex;gap:6px;align-items:center}.extras summary::-webkit-details-marker{display:none}.extras summary:before{content:"+";display:inline-grid;place-items:center;width:18px;height:18px;border-radius:6px;border:1.5px solid var(--line);font-weight:800;line-height:1}.extras[open] summary:before{content:"–"}.extras ul{list-style:none;margin:6px 0 2px;padding:0;display:grid;gap:6px}.extras li button{width:100%;display:flex;gap:10px;align-items:center;text-align:left;padding:8px 12px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);font-size:14px;font-weight:600}.extras li button svg{width:14px;height:14px;flex:none;color:var(--ink-2)}.extras li small{color:var(--ink-2);font-weight:500;white-space:nowrap}.extras li.d button{color:var(--ink-2)}.extras li.d svg{color:var(--good)}.upnext{width:100%;display:grid;gap:6px;padding:16px;border-radius:20px;border:2px solid var(--line);background:var(--card);text-align:left}.upnext small{color:var(--brand)}.upnext b{font:600 19px/1.25 var(--f-display)}.upnext .muted{font-size:15px}.upnext .btn{margin-top:6px}.upnext.soft{border-style:dashed}.upnext.soft small{color:var(--ink-2)}.upnext button.chip{cursor:pointer}.opt small{display:block;font:500 14px/1.35 var(--f-text);margin-top:2px}.tag.aud.ok{--h: var(--green)}.tag.aud.polite{--h: var(--purple)}.sayto{display:grid;gap:10px;padding:14px 16px;border-radius:20px;background:var(--card);border:2px solid var(--line);border-left:6px solid var(--h, var(--green))}.sayto.ok{--h: var(--green)}.sayto.polite{--h: var(--purple)}.sayto.informal{--h: var(--blue)}.sayto.slang{--h: var(--orange)}.sayto.romantic{--h: var(--pink)}.sayto.vulgar{--h: var(--bad)}.sayto small,.also small,.textbook small,.kept small,.finder label{display:block;font-size:14px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2)}.sayto b{display:block;font:600 17px/1.3 var(--f-display)}.sayto .emoji{font-size:22px;flex:none}.sayto .warn-note{display:block;font-size:14px;color:color-mix(in srgb,var(--orange) 70%,var(--ink));font-weight:600;margin-top:2px}.sayto .twin{display:flex;gap:10px;align-items:center;padding-top:10px;border-top:1.5px dashed var(--line)}.sayto .twin .es{display:block;font:600 19px/1.25 var(--f-display)}.sayto .twin .pron,.also .pron{display:block;font-size:14px;color:var(--ink-2)}.also{display:grid;gap:8px;padding:14px 16px;border-radius:20px;background:color-mix(in srgb,var(--yellow) var(--tint),var(--card))}.also b{display:block;font:600 20px/1.25 var(--f-display)}.also .en{display:block;font-size:15px}.also .mini-line{display:grid;gap:1px;padding-left:12px;border-left:3px solid color-mix(in srgb,var(--yellow) 60%,var(--card))}.also .mini-line .es{font-weight:600}.also .mini-line .en{font-size:14px;color:var(--ink-2)}.textbook{font-size:14px;color:var(--ink-2);padding:0 4px}.textbook small{display:inline}.textbook span{font-style:italic}.after .mute{justify-self:start;color:var(--ink-2)}.morelist h2{font-size:24px}.morelist ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.morelist li{display:flex;gap:8px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--card);border:2px solid var(--line)}.morelist li b{font:600 18px/1.25 var(--f-display)}.morelist li .pron{font-size:14px;color:var(--ink-2)}.morelist li .en{display:block;font-size:15px}.morelist li .who{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px}.produce .ask{margin-top:-4px}.produce .link{justify-self:start}.kept{display:grid;gap:4px;padding:14px 16px;border-radius:18px;background:color-mix(in srgb,var(--good) 16%,var(--card))}.kept b{display:flex;gap:6px;align-items:center;color:color-mix(in srgb,var(--good) 70%,var(--ink));font-size:14px}.kept b svg{width:16px;height:16px}.kept>span{font:600 21px/1.3 var(--f-display)}.kept small{text-transform:none;letter-spacing:0;font-weight:500;font-size:14px}.finder{display:grid;gap:8px;padding:12px 14px;border-radius:16px;border:2px dashed var(--line)}.finder .field{font-size:16px}.finder .hit{display:grid;gap:4px}.finder button.chip{cursor:pointer;font-size:15px;color:var(--ink)}.q .prompt.bignum{font:700 64px/1 var(--f-text);letter-spacing:-.02em}.q .prompt small{display:block;font:500 15px/1.4 var(--f-text);margin-top:6px}.goals{display:flex;flex-wrap:wrap;gap:8px}.goals .chip{cursor:pointer;padding:9px 14px;font-size:15px;color:var(--ink);white-space:normal;text-align:left}.notice.ok{background:color-mix(in srgb,var(--good) 16%,var(--card))}.seg.two{grid-template-columns:repeat(2,minmax(0,1fr))}.talkmode button{padding:9px 8px;font-size:15px}.your-turn .row{align-items:stretch}.card.foryou h3{font-size:17px}.skipline{font-size:14px;color:var(--on-sun);opacity:.85;text-align:center}.dots li.s{background:var(--bg);color:var(--ink-2);border:2px dashed var(--line)}.mysay{display:grid;gap:6px}.mysay p{display:flex;gap:8px;align-items:center;justify-content:space-between;font:600 19px/1.35 var(--f-display);padding:8px 12px;border-radius:14px;background:var(--bg)}.upnext.foryou{border-color:var(--green)}.upnext.foryou small{color:color-mix(in srgb,var(--green) 70%,var(--ink))}.pausehere{text-align:center;justify-items:center}.pausehere .mascot{margin:8px auto 0}.pausehere h2{text-wrap:balance}.pausehere .goal{text-align:left;width:100%}.plan li.was{opacity:.55}.notice.resume{margin:0}.card.mini.foryou.soon{border-style:dashed;box-shadow:none}.card.mini.foryou.soon h3{font-size:16px}.upnext.keepers .chip{cursor:pointer}.upnext.keepers .chip[aria-pressed=true]{border-color:var(--brand);background:color-mix(in srgb,var(--brand) var(--tint),var(--card));font-weight:700}.upnext.keepers .chip[aria-pressed=false]{opacity:.8}.fix{font-weight:700}.fix mark{background:color-mix(in srgb,var(--sun) 80%,var(--card))}.enye,.notice small.own{display:block;margin-top:6px;font-size:13.5px;font-weight:500;color:var(--ink-2);text-transform:none;letter-spacing:0}.notice small.own .fix,.notice small.own i{color:var(--ink)}.peek.rest .chip{opacity:.62}.card.mini.foryou .acts{display:grid;gap:4px;justify-items:center}.card.mini.foryou .acts .link{font-size:12.5px;color:var(--ink-2);white-space:nowrap}.hero .sub.two{font-size:14px;opacity:.92}.intro .chapter{margin-top:4px}.kept small b{font-weight:700;color:var(--ink)}.kept .hints{display:grid;gap:4px;margin-top:4px}.kept .hints span{display:block;font-size:14px}.hero.you .bigsticker{font-size:54px;line-height:1;flex:none;padding:0 2px 10px 6px}.hero.then{background:var(--card);color:var(--ink);border:2px solid var(--line);box-shadow:none;padding:18px;gap:12px}.hero.then h2{font-size:clamp(20px,5.5vw,24px)}.hero.then .eyebrow,.hero.then .sub{color:var(--ink-2)}.hero.then .skipline{color:var(--ink-2);opacity:1}.hero.you .skipline .link,.hero.then .skipline .link{font-weight:700}.tracklist{display:grid;gap:8px;justify-items:center;margin-top:-10px}.tracklist>.link{color:var(--ink-2)}.tracklist ol{list-style:none;margin:0;padding:0;display:grid;gap:6px;width:100%}.tracklist li button{width:100%;display:flex;gap:10px;align-items:center;text-align:left;padding:10px 12px;border-radius:14px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font-size:15px;font-weight:600;min-width:0}.tracklist li button .grow{min-width:0;overflow-wrap:anywhere}.tracklist li button svg{width:14px;height:14px;flex:none;color:var(--ink-2)}.tracklist li small{color:var(--ink-2);font-weight:500;font-size:12.5px;text-align:right;flex:none;max-width:42%}.tracklist li.d button{color:var(--ink-2)}.tracklist li.d svg{color:var(--good)}.tracklist li.n button{border-color:var(--green)}.reason{display:block;margin-top:6px;font-size:13.5px;font-weight:500;color:var(--ink-2)}.fills{display:grid;gap:8px;padding:12px 14px;border-radius:16px;border:2px dashed var(--line)}.fills small{font-size:13.5px;color:var(--ink-2)}.fills button.chip{cursor:pointer;font-size:15px;color:var(--ink);white-space:normal;text-align:left}.fills .chip i{font-style:normal;font-weight:500;color:var(--ink-2)}.intro .skipline{color:var(--ink-2);opacity:1}.morelist.first ul{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.morelist.first li{padding:6px 6px 6px 12px;gap:4px}.morelist.first .hear{display:block;min-width:0;padding:4px 0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.morelist.first .hear:disabled{cursor:default}.morelist.first li b{font-size:17px}.morelist.first li .icon-btn{width:36px;height:36px;flex:none}.morelist>.link{justify-self:start}.legal{max-width:680px;margin:0 auto;padding-block:24px 64px;display:grid;gap:14px;line-height:1.6}.legal h1{font-size:clamp(28px,6vw,36px);margin-top:8px}.legal h2{font-size:20px;margin-top:18px}.legal ul{margin:0;padding-left:22px;display:grid;gap:8px}.legal a,.auth a{color:var(--link)}.legal>.btn.quiet{justify-self:start;padding-inline:0}