@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-ext-400-normal-C2je3j2s.woff2)format("woff2"),url(/assets/instrument-serif-latin-ext-400-normal-CFCUzsTy.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-ext-400-italic-C9HzH3YL.woff2)format("woff2"),url(/assets/instrument-serif-latin-ext-400-italic-D7-lnxEk.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-italic-u__WvvIK.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-word:"Instrument Serif", "Iowan Old Style", Georgia, serif;--font-ui:"Bricolage Grotesque Variable", system-ui, sans-serif;--paper:var(--lightningcss-light,#fbf8f3)var(--lightningcss-dark,#161519);--card:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1f1e23);--ink:var(--lightningcss-light,#1b1a1f)var(--lightningcss-dark,#f2efe9);--ink-2:var(--lightningcss-light,#55525c)var(--lightningcss-dark,#b8b3ab);--ink-3:var(--lightningcss-light,#8f8b96)var(--lightningcss-dark,#7e7a84);--line:var(--lightningcss-light,#1b1a1f)var(--lightningcss-dark,#d9d4cc);--line-soft:var(--lightningcss-light,#e8e2d8)var(--lightningcss-dark,#333139);--hover:var(--lightningcss-light,#f3eee6)var(--lightningcss-dark,#26252b);--marker:#ffd84d;--marker-ink:#1b1a1f;--accent:var(--lightningcss-light,#ff5a36)var(--lightningcss-dark,#ff7a5c);--danger:var(--lightningcss-light,#d63a2a)var(--lightningcss-dark,#ff7b6b);--pop:3px 3px 0 var(--lightningcss-light,var(--line))var(--lightningcss-dark,#000);--pop-lg:5px 5px 0 var(--lightningcss-light,var(--line))var(--lightningcss-dark,#000);--k1:var(--lightningcss-light,#c8f0d4)var(--lightningcss-dark,#20382a);--k1-ink:var(--lightningcss-light,#1f7a3d)var(--lightningcss-dark,#7fdc9d);--k3:var(--lightningcss-light,#cfe6ff)var(--lightningcss-dark,#1e2f45);--k3-ink:var(--lightningcss-light,#1d5fa8)var(--lightningcss-dark,#8cc2ff);--k5:var(--lightningcss-light,#e2d9ff)var(--lightningcss-dark,#2c2645);--k5-ink:var(--lightningcss-light,#5b3fb8)var(--lightningcss-dark,#b7a6ff);--k10:var(--lightningcss-light,#ffe0c7)var(--lightningcss-dark,#3d2b1f);--k10-ink:var(--lightningcss-light,#b2541a)var(--lightningcss-dark,#ffb07a);--k20:var(--lightningcss-light,#fff1a8)var(--lightningcss-dark,#3a3418);--k20-ink:var(--lightningcss-light,#8a6d00)var(--lightningcss-dark,#f3d55b);--rare:var(--lightningcss-light,#ffd3e2)var(--lightningcss-dark,#3d2030);--rare-ink:var(--lightningcss-light,#b0255d)var(--lightningcss-dark,#ff8fb7);--unknown:var(--lightningcss-light,#f1ede6)var(--lightningcss-dark,#26252b);--unknown-ink:var(--lightningcss-light,#8f8b96)var(--lightningcss-dark,#7e7a84);--calm:var(--lightningcss-light,#e6ede3)var(--lightningcss-dark,#24282e);--calm-ink:var(--lightningcss-light,#4b6a52)var(--lightningcss-dark,#a9b7c5);--ring-same:var(--lightningcss-light,#6a5fd0)var(--lightningcss-dark,#ada6ff);--ring-explains:var(--lightningcss-light,#14806a)var(--lightningcss-dark,#5fd3ac);--ring-used:var(--lightningcss-light,#b0640f)var(--lightningcss-dark,#f0b35c);--mastery-recognize:#ffcf5c;--mastery-understand:#ff9b54;--r-s:8px;--r-m:12px;--r-l:16px;--ease:cubic-bezier(.22, 1, .36, 1)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}h1,h2,h3{margin:0;line-height:1.1}a{color:inherit}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--marker);color:var(--marker-ink)}.word-font{font-family:var(--font-word);font-weight:400}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.label-sm{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);margin:0;font-size:12px;font-weight:700}.marked{background:linear-gradient(transparent 58%, var(--marker) 58%, var(--marker) 92%, transparent 92%);padding:0 2px}kbd{font-family:var(--font-ui);opacity:.6;border:1px solid;border-radius:5px;padding:0 5px;font-size:11px;font-weight:600}.box{background:var(--card);border:1.5px solid var(--line);border-radius:var(--r-l)}.box-pop{box-shadow:var(--pop)}.btn{border:1.5px solid var(--line);background:var(--card);white-space:nowrap;height:38px;transition:transform .15s var(--ease), box-shadow .15s var(--ease), background .15s;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:var(--pop);transform:translate(-1px,-1px)}.btn:active{box-shadow:none;transform:translate(1px,1px)}.btn:disabled{opacity:.45;cursor:default;box-shadow:none;transform:none}.btn-marker{background:var(--marker);color:var(--marker-ink);border-color:var(--marker-ink)}.btn-quiet{color:var(--ink-2);background:0 0;border-color:#0000}.btn-quiet:hover{background:var(--hover);color:var(--ink);box-shadow:none;transform:none}.btn-danger{color:var(--danger)}.icon-btn{width:30px;height:30px;color:var(--ink-3);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;transition:background .15s,color .15s;display:inline-grid}.icon-btn:hover{background:var(--hover);color:var(--ink)}.field{border-radius:var(--r-m);border:1.5px solid var(--line-soft);background:var(--card);width:100%;height:40px;padding:0 12px;transition:border-color .15s,box-shadow .15s}textarea.field{resize:vertical;height:auto;min-height:72px;padding:9px 12px}.field::placeholder{color:var(--ink-3)}.field:focus{border-color:var(--line);box-shadow:var(--pop);outline:none}.label{flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.label .optional{color:var(--ink-3);font-weight:400}.chip{border:1.5px solid var(--line-soft);background:var(--card);border-radius:999px;align-items:center;gap:5px;height:28px;padding:0 11px;font-size:13px;transition:border-color .15s,background .15s;display:inline-flex}button.chip:hover{border-color:var(--line)}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.tone-k1{--fill:var(--k1);--tone:var(--k1-ink)}.tone-k3{--fill:var(--k3);--tone:var(--k3-ink)}.tone-k5{--fill:var(--k5);--tone:var(--k5-ink)}.tone-k10{--fill:var(--k10);--tone:var(--k10-ink)}.tone-k20{--fill:var(--k20);--tone:var(--k20-ink)}.tone-rare{--fill:var(--rare);--tone:var(--rare-ink)}.tone-unknown{--fill:var(--unknown);--tone:var(--unknown-ink)}:root[data-word-colors=calm] :is(.word-card,.line,.word-preview){--fill:var(--calm);--tone:var(--calm-ink)}.k-badge{border:1.5px solid var(--tone);color:var(--tone);background:var(--fill);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:7px;align-items:baseline;gap:1px;padding:1px 8px;font-size:13px;font-weight:800;line-height:1.4;display:inline-flex}.k-badge-lg{box-shadow:2px 2px 0 var(--tone);border-radius:10px;padding:2px 12px;font-size:22px;rotate:-3deg}.dot{border:1.5px solid var(--tone,var(--line));background:var(--fill,var(--card));border-radius:50%;flex:none;width:9px;height:9px}.mastery-meter{border:1.2px solid color-mix(in oklab, var(--c) 75%, var(--ink-3));vertical-align:middle;border-radius:99px;flex:none;width:40px;height:7px;display:inline-block;position:relative;overflow:hidden}.mastery-meter-fill{width:max(3px, calc(var(--p) * 100%));background:var(--c);border-radius:inherit;transition:width .7s cubic-bezier(.2,.8,.2,1),background-color .7s;position:absolute;inset:0 auto 0 0}.mastery-dot{border:1.2px solid #1b1a1f;border-radius:50%;width:9px;height:9px;display:inline-block}.mastery-dot[data-level=recognize]{background:var(--mastery-recognize)}.mastery-dot[data-level=understand]{background:var(--mastery-understand)}.spinner{border:2px solid var(--line-soft);border-top-color:var(--ink);border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite spin}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--line-soft) 0%, var(--hover) 50%, var(--line-soft) 100%);background-size:200% 100%;border-radius:6px;animation:1.4s ease-in-out infinite shimmer;display:block}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.profile-stat-value,.streak-number,.filter-count,.result-count{font-variant-numeric:tabular-nums}.clamp{-webkit-line-clamp:var(--lines,3);-webkit-box-orient:vertical;display:-webkit-box;overflow:clip}@supports (line-clamp:3){.clamp{line-clamp:var(--lines,3);display:block}}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:clip}.app{grid-template-columns:248px minmax(0,1fr);height:100dvh;display:grid}.main{scrollbar-gutter:stable;overflow:hidden auto}.page{max-width:1180px;margin:0 auto;padding:32px 40px 80px}.sidebar{border-right:1.5px solid var(--line-soft);flex-direction:column;gap:20px;padding:22px 16px 16px;display:flex;overflow:hidden}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:10px;padding:0 6px;font-size:17px;font-weight:800;text-decoration:none;display:flex}.brand-logo{width:34px;height:34px;transition:rotate .3s var(--ease);flex:none;rotate:-6deg}.brand:hover .brand-logo{rotate:4deg}.add-btn{width:100%;height:42px;box-shadow:var(--pop);justify-content:flex-start}.add-btn:hover{box-shadow:var(--pop-lg)}.add-btn kbd{margin-left:auto}.nav{flex-direction:column;gap:2px;display:flex}.nav-item{height:36px;color:var(--ink-2);border-radius:10px;align-items:center;gap:10px;padding:0 10px;font-weight:600;text-decoration:none;display:flex;position:relative}.nav-item:hover{color:var(--ink);background:var(--hover)}.nav-item.active{color:var(--ink)}.nav-active{border-radius:inherit;border:1.5px solid var(--line);background:var(--card);position:absolute;inset:0}.nav-item>:not(.nav-active){position:relative}.nav-count{color:var(--ink-3);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.scroll-more-wrap{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.scroll-more-wrap:before{content:"";z-index:1;border-top:1.5px dashed var(--line-soft);opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:0 0 auto}.scroll-more-wrap[data-scrolled]:before{opacity:1}.scroll-more{z-index:2;border:1.5px solid var(--line);background:var(--card);max-width:calc(100% - 12px);height:28px;color:var(--ink);font:inherit;white-space:nowrap;box-shadow:2px 2px 0 var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:0 12px;font-size:12.5px;font-weight:700;display:inline-flex;position:absolute;bottom:6px;left:50%;translate:-50%}.scroll-more svg{animation:nudge-down 1.6s var(--ease) infinite;flex:none}@keyframes nudge-down{0%,60%,to{translate:0}30%{translate:0 3px}}@media (prefers-reduced-motion:reduce){.scroll-more svg{animation:none}}@media (hover:hover){.scroll-more:hover{background:var(--marker);color:var(--marker-ink)}}.sidebar-filters{flex-direction:column;flex:1;gap:18px;margin:0 -6px;padding:0 6px 12px;display:flex;overflow-y:auto}.filter-group .label-sm{margin-bottom:4px;padding:0 10px}.filter-list{flex-direction:column;gap:1px;display:flex}.filter-item{height:30px;color:var(--ink-2);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:0 10px;font-size:13.5px;display:flex}.filter-item:hover{background:var(--hover);color:var(--ink)}.filter-item[aria-pressed=true]{background:var(--ink);color:var(--paper)}.filter-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.filter-count{opacity:.6;font-variant-numeric:tabular-nums;font-size:12px}.overlay{z-index:50;background:#1b1a1f47;justify-content:center;align-items:flex-start;padding-top:13vh;display:flex;position:fixed;inset:0}.dialog{background:var(--card);border:1.5px solid var(--line);width:min(620px,100vw - 48px);box-shadow:6px 6px 0 var(--line);border-radius:18px;overflow:hidden}.palette-input{align-items:center;gap:12px;padding:16px 20px;display:flex}.palette-input input{min-width:0;font-family:var(--font-word);background:0 0;border:0;outline:none;flex:1;font-size:36px;line-height:1.1}.palette-input input::placeholder{color:var(--ink-3)}.palette-options{border-top:1.5px solid var(--line-soft);margin:0;padding:6px;list-style:none;overflow:hidden}.palette-options button{text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;height:44px;padding:0 12px;display:flex}.palette-options button[aria-selected=true]{background:var(--hover)}.option-word{flex:1;font-size:23px}.palette-note{color:var(--ink-3);align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.palette-details{border-top:1.5px solid var(--line-soft);gap:16px;padding:16px 20px 18px}.two-col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dialog-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.hint{font-size:12.5px}.notice{border-radius:var(--r-m);border:1.5px dashed var(--line);background:var(--marker);color:var(--marker-ink);padding:10px 14px;font-size:14px}.toaster{z-index:60;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border:1.5px solid var(--line);background:var(--ink);color:var(--paper);box-shadow:var(--pop);border-radius:999px;align-items:center;gap:10px;padding:6px 6px 6px 14px;font-size:14px;font-weight:600;display:flex}.toast-action{background:var(--marker);height:30px;color:var(--marker-ink);border:0}.overlay-soft{background:#1b1a1f2e;padding-top:10vh}.reminder{width:min(520px,100vw - 48px);padding:24px 24px 18px;position:relative}.reminder-close{position:absolute;top:12px;right:12px}.reminder-title{letter-spacing:-.03em;padding-right:32px;font-size:26px;font-weight:800}.reminder-sub{margin:6px 0 16px}.reminder-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.reminder-word{border:1.5px solid var(--line-soft);border-radius:12px;padding:8px 10px}.reminder-word-head{align-items:center;gap:8px;min-width:0;display:flex}.reminder-word-link{text-align:left;background:0 0;border:0;padding:0;font-size:26px;line-height:1.1}.reminder-word-link:hover{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1.5px}.reminder-source{white-space:nowrap;text-overflow:ellipsis;margin-left:auto;overflow:hidden}.reveal-btn{height:28px;margin:4px 0 0 -10px}.reminder-hint{margin:4px 0 2px;font-weight:600}.reminder-word[data-outcome=remembered]{border-color:color-mix(in oklab, var(--k1-ink) 45%, var(--line-soft));background:color-mix(in oklab, var(--k1) 22%, transparent);transition:background-color .4s,border-color .4s}.reminder-word[data-outcome=not-yet]{opacity:.75}.reminder-progress{align-items:center;gap:8px;margin:4px 0 2px;display:flex}.reminder-progress .mastery-meter{width:84px;height:8px}.reminder-check{flex-wrap:wrap;gap:8px;margin-top:6px}.reminder-check .btn{height:30px}.reminder-done{align-items:center;gap:10px;margin-top:6px;display:flex}.reminder-stamp{border:1.5px solid var(--line);background:var(--marker);color:var(--marker-ink);box-shadow:var(--pop);border-radius:8px;align-items:center;gap:4px;padding:3px 10px;font-size:13px;font-weight:800;display:inline-flex;position:relative}.reminder-stamp[data-level-up=true]{background:var(--mastery-understand);color:#1b1a1f}.reminder-stamp .burst{inset:50% auto auto 50%}.reminder-later{margin:6px 0 0}.reminder-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.reminder-off{color:var(--ink-3);-webkit-text-decoration-color:var(--line-soft);text-decoration-color:var(--line-soft);align-items:center;gap:6px;font-size:13px;display:inline-flex}@media (hover:hover){.reminder-off:hover{color:var(--ink-2)}}.reminder-done-count{font-weight:600}.toggle{flex-wrap:nowrap;align-items:flex-start;font-size:14px;font-weight:500}.toggle input{accent-color:var(--ink);margin-top:3px}.sidebar-account{border-top:1.5px solid var(--line-soft);flex-direction:column;gap:10px;margin-top:auto;padding-top:12px;display:flex}.account-row{align-items:center;gap:6px;min-height:36px;display:flex}.account-row>.sync-text{flex:1;padding-left:6px}.sync-text{min-width:0;color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:12.5px;display:inline-flex;overflow:hidden}.sync-text[data-tone=ok]{color:var(--k1-ink)}.sync-text[data-tone=warn]{color:var(--k10-ink);font-weight:600}.profile-btn{text-align:left;background:0 0;border:1.5px solid #0000;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:0;padding:6px 8px;transition:background .15s,border-color .15s;display:flex}.profile-btn:hover{background:var(--card);border-color:var(--line)}.profile-btn .avatar{width:34px;height:34px}.profile-btn-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.profile-btn-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.settings-link{width:36px;height:36px;color:var(--ink-2)}.settings-link.active{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}.dialog-close{z-index:1;position:absolute;top:12px;right:12px}.profile{flex-direction:column;gap:18px;width:min(560px,100vw - 48px);max-height:calc(100dvh - 10vh - 24px);padding:22px 22px 14px;display:flex;position:relative;overflow-y:auto}.profile-head{align-items:center;gap:14px;padding-right:32px;display:flex}.avatar-lg{width:56px;height:56px;box-shadow:3px 3px 0 var(--line)}.profile-name{letter-spacing:-.02em;font-size:24px;font-weight:800}.profile-label{margin-bottom:8px}.streak-card{border:1.5px solid var(--line);background:var(--paper);border-radius:14px;align-items:center;gap:14px;padding:14px 16px;display:flex}.streak-card[data-active=true]{background:var(--marker);color:var(--marker-ink);box-shadow:var(--pop)}.streak-card[data-active=true] .muted{color:var(--marker-ink);opacity:.75}.streak-flame{color:var(--ink-3);flex:none}.streak-card[data-active=true] .streak-flame{color:var(--accent);fill:var(--accent);animation:2.4s ease-in-out infinite flicker}@keyframes flicker{50%{transform:scale(1.08)rotate(-4deg)}}.streak-number{letter-spacing:-.03em;font-size:30px;font-weight:800;line-height:1}.streak-number span{font-size:16px;font-weight:600}.heatmap{grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;display:grid}.heatmap-col{grid-template-rows:repeat(7,1fr);gap:3px;display:grid}.heat{aspect-ratio:1;background:var(--hover);border:1px solid var(--line-soft);border-radius:3px}.heat[data-level="1"]{background:color-mix(in srgb, var(--marker) 35%, var(--card))}.heat[data-level="2"]{background:color-mix(in srgb, var(--marker) 65%, var(--card))}.heat[data-level="3"]{background:var(--marker)}.heat[data-level="4"]{background:var(--accent);border-color:var(--accent)}.heat[data-level=future]{background:0 0;border-style:dashed}.profile-stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.profile-stat{border:1.5px solid var(--line-soft);border-radius:12px;flex-direction:column;padding:10px 12px;display:flex}.profile-stat-value{font-size:24px;font-weight:800;line-height:1.1}.profile-stat .faint{align-items:center;gap:4px;display:inline-flex}.badges{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.badge-sticker{border:1.5px dashed var(--line-soft);color:var(--ink-3);border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;font-size:12px;line-height:1.35;display:flex}.badge-sticker strong{color:var(--ink-2);font-size:14px}.badge-sticker[data-done=true]{border:1.5px solid var(--line);background:var(--marker);color:var(--marker-ink);box-shadow:2px 2px 0 var(--line)}.badge-sticker[data-done=true] strong{color:var(--marker-ink)}.badge-sticker:not([data-done=true]){rotate:0deg!important}.badge-progress{background:var(--hover);border-radius:99px;height:5px;margin-top:6px;display:block;overflow:hidden}.badge-progress span{background:var(--ink-3);border-radius:inherit;height:100%;display:block}.profile-actions{border-top:1.5px solid var(--line-soft);justify-content:space-between;gap:8px;padding-top:10px;display:flex}.nav-btn{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;font-weight:600}.palette-hint{border-top:1.5px solid var(--line-soft);margin:0;padding:12px 18px 14px}.palette-group{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:6px 12px 2px;font-size:11px;font-weight:700}.option-note{text-overflow:ellipsis;white-space:nowrap;max-width:45%;margin-left:auto;overflow:clip}.avatar-initial{background:var(--marker);color:var(--marker-ink);-webkit-user-select:none;user-select:none;place-items:center;font-size:.95em;font-weight:800;line-height:1;display:inline-grid}.avatar-lg.avatar-initial{font-size:24px}.update-banner{z-index:70;border:1.5px solid var(--line);background:var(--card);box-shadow:var(--pop);border-radius:999px;align-items:center;gap:12px;padding:10px 10px 10px 16px;font-weight:600;display:flex;position:fixed;bottom:20px;right:20px}.page-header{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:20px;display:flex}.page-title{letter-spacing:-.035em;font-size:44px;font-weight:800}.panel{padding:18px 20px}.panel-head{justify-content:space-between;align-items:center;min-height:28px;margin:-4px -6px 8px 0;display:flex}.small{font-size:12.5px}.toolbar{z-index:5;background:var(--paper);flex-wrap:wrap;align-items:center;gap:8px;margin:0 -40px;padding:10px 40px 14px;display:flex;position:sticky;top:0}.search{border:1.5px solid var(--line);background:var(--card);min-width:0;max-width:420px;height:42px;transition:max-width .3s var(--ease), box-shadow .15s;border-radius:999px;flex:220px;align-items:center;gap:10px;padding:0 12px 0 14px;display:flex}.search:focus-within{max-width:520px;box-shadow:var(--pop)}.search input{background:0 0;border:0;outline:none;flex:1;width:100%;min-width:0}.search input::-webkit-search-cancel-button{display:none}.result-count{align-items:center;gap:4px;margin:-2px 0 8px 2px;font-size:13px;display:flex}.no-results{text-align:center;padding:60px 0}.day{margin-top:22px}.day-title{align-items:baseline;gap:8px;margin-bottom:12px;font-size:15px;font-weight:700;display:flex}.day-title .faint{font-weight:500}.card-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.word-card{border-radius:var(--r-l);border:1.5px solid var(--line);background:var(--fill);height:100%;min-height:160px;transition:transform .18s var(--ease), box-shadow .18s var(--ease);flex-direction:column;gap:2px;padding:14px 16px;display:flex;position:relative}.word-card:hover,.word-card:focus-within{box-shadow:var(--pop-lg);transform:translate(-3px,-3px)}.card-link{outline:none;text-decoration:none}.card-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.word-card:has(.card-link:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.word-card .speak-btn{z-index:1;position:relative}.word-card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.word-card-word{overflow-wrap:anywhere;font-size:32px;line-height:1.05}.word-card-head .k-badge{background:var(--card);margin-top:5px}.word-card-sub{gap:6px;min-height:26px}.phonetic{color:var(--ink-2);font-size:13px}.word-card-translation{--lines:2;margin:4px 0 0;font-weight:700}.word-card-definition{--lines:2;color:var(--ink-2);margin:4px 0 0;font-size:13.5px}.word-card-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:12px;display:flex}.word-card-source{min-width:0;color:var(--tone);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex;overflow:hidden}.encounter-count{border:1.2px solid;border-radius:99px;padding:0 6px;font-size:11px}.empty-state{place-items:center;min-height:100dvh;display:grid}.empty-card{border:1.5px solid var(--line);background:var(--card);max-width:500px;box-shadow:6px 6px 0 var(--line);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:14px;padding:40px;display:flex}.empty-card h1{letter-spacing:-.03em;font-size:32px;font-weight:800}.empty-card p{margin:0 0 6px}.empty-glyph{font-size:80px;line-height:1}.speak-btn{border:1.5px solid var(--line);background:var(--card);color:var(--ink);vertical-align:middle;transition:transform .15s var(--ease), background .15s, box-shadow .15s;border-radius:50%;flex:none;place-items:center;display:inline-grid}.speak-sm{width:26px;height:26px}.speak-lg{width:40px;height:40px}.speak-btn:hover{background:var(--marker);color:var(--marker-ink);transform:scale(1.08)}.speak-btn[data-active=true]{background:var(--marker);color:var(--marker-ink);animation:.6s ease-in-out infinite talk}@keyframes talk{50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--marker) 45%, transparent)}}.back-link{margin:0 0 8px -10px}.word-hero{border-bottom:1.5px solid var(--line-soft);justify-content:space-between;align-items:flex-end;gap:32px;padding:8px 0 24px;display:flex}.word-title-row{flex-wrap:wrap;align-items:flex-start;gap:6px 18px;display:flex}.word-title{letter-spacing:-.02em;overflow-wrap:break-word;min-width:0;font-size:clamp(64px,7vw,108px);line-height:.95}.word-title-row .k-badge-lg{margin-top:14px;display:inline-block}.word-meta{gap:10px;margin-top:16px}.phonetic-lg{color:var(--ink-2);margin:0 4px;font-size:18px}.word-hero-side{flex-direction:column;flex:none;align-items:flex-end;gap:8px;display:flex}.word-hero-side .faint{font-size:12.5px}.mastery-track{border:1.5px solid var(--line);background:var(--card);border-radius:999px;align-items:center;gap:8px;width:380px;padding:3px;display:flex}.mastery-track button{height:34px;color:var(--ink-2);background:0 0;border:0;border-radius:999px;flex:none;padding:0 14px;font-size:13.5px;font-weight:600;position:relative}.mastery-track button[aria-checked=true]{color:#1b1a1f}@media (hover:hover){.mastery-track button[aria-checked=false]:hover{color:var(--ink);background:var(--hover)}}.segmented-thumb{border-radius:inherit;background:var(--thumb);border:1.5px solid #1b1a1f;position:absolute;inset:0}.mastery-track button[data-level=recognize]{--thumb:var(--mastery-recognize)}.mastery-track button[data-level=understand]{--thumb:var(--mastery-understand)}.segmented-label{position:relative}.mastery-steps{flex:1;align-items:center;gap:3px;min-width:0;height:18px;display:flex}.mastery-steps i{border:1.2px solid color-mix(in oklab, var(--ink-3) 60%, transparent);transform-origin:50%;background:0 0;border-radius:99px;flex:1;height:100%}.mastery-steps i[data-on=true]{background:var(--c);border-color:color-mix(in oklab, var(--c) 70%, var(--line))}.word-columns{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:16px;margin-top:22px;display:grid}.word-col,.meanings{flex-direction:column;gap:16px;display:flex}.pos{background:var(--ink);color:var(--paper);border-radius:6px;margin-bottom:6px;padding:0 8px;font-size:12px;font-weight:700;display:inline-block}.meaning ol{flex-direction:column;gap:10px;margin:0;padding-left:22px;display:flex}.meaning li::marker{color:var(--ink-3);font-weight:700}.example{color:var(--ink-2);margin-top:3px;font-size:17px;font-style:italic;display:block}.offline{color:var(--ink-2);gap:12px;display:flex}.offline p{margin:0 0 10px}.coll-label{margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.word-chips+.word-chips{margin-top:14px}.youglish-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.track{font-variant-numeric:tabular-nums;margin-right:4px;font-size:12.5px}.youglish-host{border-radius:var(--r-m);overflow:hidden}.youglish-legal{margin:10px 0 0;font-size:11.5px}.youglish-legal a,.small a{color:inherit}.consent{border-radius:var(--r-m);border:1.5px dashed var(--line);background:var(--paper);gap:14px;padding:14px;display:flex}.consent p{margin:0 0 12px}.consent .consent-note{margin:8px 0 0;font-size:12px}.inline-edit{resize:vertical;background:0 0;border:0;border-radius:8px;width:calc(100% + 20px);margin:0 -10px;padding:6px 10px;transition:background .15s,box-shadow .15s;display:block}.inline-edit:hover{background:var(--hover)}.inline-edit:focus{background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line);outline:none}.inline-edit::placeholder{color:var(--ink-3)}.edit-lg{font-size:20px;font-weight:700}.timeline{flex-direction:column;gap:14px;margin:0;padding:0 0 0 20px;list-style:none;display:flex;position:relative}.timeline:before{content:"";border-left:1.5px dashed var(--line);position:absolute;top:8px;bottom:8px;left:5px}.timeline li{position:relative}.timeline li:before{content:"";border:1.5px solid var(--line);background:var(--marker);border-radius:50%;width:11px;height:11px;position:absolute;top:5px;left:-20px}.timeline-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.timeline-head .faint{font-size:12.5px}.timeline-head .icon-btn{width:26px;height:26px;margin-left:auto}.timeline blockquote{color:var(--ink-2);margin:4px 0 0;font-size:18px;font-style:italic}mark{background:linear-gradient(var(--lightningcss-light,transparent)var(--lightningcss-dark,var(--marker)) 55%, var(--marker) 55%);color:var(--lightningcss-light,var(--ink))var(--lightningcss-dark,var(--marker-ink));border-radius:3px}.hover-only{opacity:0;transition:opacity .15s}li:hover .hover-only,p:hover .hover-only,.hover-only:focus-visible{opacity:1}.inset-form{border-radius:var(--r-m);border:1.5px dashed var(--line);margin-top:14px;padding:14px;overflow:hidden}.margin-note{border-left:4px solid var(--mastery-recognize);background:color-mix(in srgb, var(--mastery-recognize) 18%, transparent);border-radius:4px 10px 10px 4px;align-items:flex-start;gap:8px;margin:0 0 10px;padding:8px 10px 8px 14px;font-size:19px;font-style:italic;display:flex}.margin-note:nth-child(2n){rotate:.4deg}.margin-note span{flex:1}.margin-note .icon-btn{width:24px;height:24px}.remove-btn{align-self:flex-start}.settings-card-head{align-items:center;gap:10px;display:flex}.settings-card-head h2{font-size:17px;font-weight:800}.range{accent-color:var(--ink)}.account{align-items:center;gap:12px;display:flex}.avatar{border:1.5px solid var(--line);background:var(--marker);object-fit:cover;border-radius:50%;flex:none;width:40px;height:40px}.google-button{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:44px}.title-badges{white-space:nowrap;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:inline-flex}.word-title-row .title-badges .k-badge-lg{margin-top:0}.video-badge{border:1.5px solid var(--line);background:var(--accent);color:#fff;box-shadow:2px 2px 0 var(--line);transition:transform .15s var(--ease), box-shadow .15s var(--ease);border-radius:999px;align-items:center;gap:6px;padding:4px 11px 4px 9px;font-size:13px;font-weight:700;display:inline-flex;rotate:2deg}.video-badge:hover{box-shadow:3px 3px 0 var(--line);transform:translate(-1px,-1px)rotate(-1deg)}.video-badge[aria-expanded=true]{background:var(--ink);color:var(--paper)}.videos-drawer{overflow:hidden}.videos-inner{box-shadow:var(--pop);margin-top:18px;padding:16px 18px}.add-note{border-style:dashed;align-self:flex-start}.tip{display:inline-flex;position:relative}.tip-bubble{z-index:20;border:1.5px solid var(--line);background:var(--ink);width:max-content;max-width:240px;color:var(--paper);text-align:left;white-space:normal;box-shadow:2px 2px 0 var(--line);pointer-events:none;opacity:0;transition:opacity .15s, transform .15s var(--ease);border-radius:10px;padding:8px 11px;font-size:12.5px;font-weight:500;line-height:1.4;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.tip-bubble strong{font-weight:700;display:block}.tip-bubble span{opacity:.7;display:block}.tip:hover .tip-bubble,.tip:focus-visible .tip-bubble,.tip:focus-within .tip-bubble{opacity:1;transform:translate(-50%)}.tip-below .tip-bubble{top:calc(100% + 10px);bottom:auto;transform:translate(-50%,-4px)}.card-grid>div:hover,.card-grid>div:focus-within{z-index:3;position:relative}.word-card .tip{z-index:1}.peek-word{font:inherit;color:inherit;cursor:pointer;background:linear-gradient(#0000 62% 62%);border:0;border-radius:2px;padding:0;transition:background-image .15s;display:inline}.peek-word:hover,.peek-word:focus-visible{background-image:linear-gradient(transparent 58%, var(--marker) 58%, var(--marker) 92%, transparent 92%)}.peek-chip{cursor:pointer}.peek-chip:hover{border-color:var(--line);background:var(--marker);color:var(--marker-ink)}.peek{z-index:40;border:1.5px solid var(--line);background:var(--card);box-shadow:4px 4px 0 var(--line);border-radius:14px;padding:12px 14px 10px;position:fixed}.peek-head{align-items:center;gap:8px;display:flex}.peek-word-title{overflow-wrap:anywhere;margin-right:2px;font-size:26px;line-height:1.05}.peek-meta{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 0;display:flex}.peek-pos{background:var(--ink);color:var(--paper);border-radius:5px;padding:0 7px;font-size:11px;font-weight:700}.peek-text{margin:6px 0 0;font-size:14px;line-height:1.45}.peek-actions{justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.peek-actions .btn{height:30px;padding:0 11px}.peek-add{background:var(--marker);color:var(--marker-ink);border-color:var(--marker-ink)}.view-controls{gap:8px;display:inline-flex}.select-chip{border:1.5px solid var(--line);background:var(--card);height:42px;color:var(--ink-2);cursor:pointer;transition:box-shadow .15s, transform .15s var(--ease);border-radius:999px;align-items:center;gap:6px;padding:0 12px;display:inline-flex;position:relative}.select-chip:hover,.select-chip:focus-within{box-shadow:var(--pop);transform:translate(-1px,-1px)}.select-chip select{appearance:none;color:var(--ink);cursor:pointer;background-color:#0000;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:right 4px center,right 0 center;background-repeat:no-repeat;background-size:4px 4px,4px 4px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:0;outline:none;padding-right:14px;font-size:14px;font-weight:600}.kwic-map{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:4px 18px;display:grid}.kwic-side{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.kwic-before{align-items:flex-end}.kwic-after{align-items:flex-start}.kwic-side li{align-items:center;gap:8px;max-width:100%;display:flex}.kwic-before li:after,.kwic-after li:before{content:"";border-top:1.5px solid var(--line-soft);flex:none;width:14px}.kwic-word{--share:.5;font-family:var(--font-word);font-size:calc(16px + var(--share) * 8px);color:color-mix(in srgb, var(--ink) calc(45% + var(--share) * 55%), transparent);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:6px;max-width:100%;padding:1px 6px;line-height:1.2;transition:background .15s,color .15s;overflow:hidden}.kwic-word:hover,.kwic-word:focus-visible{background:var(--marker);color:var(--marker-ink)}.kwic-center{border:1.5px solid var(--line);background:var(--marker);color:var(--marker-ink);box-shadow:3px 3px 0 var(--line);white-space:nowrap;border-radius:12px;padding:4px 14px;font-size:30px;line-height:1.1;rotate:-2deg}.kwic-more{height:30px;margin:10px auto 0;display:block}.settings-layout{grid-template-columns:220px minmax(0,720px);align-items:start;gap:24px;display:grid}.settings-nav{flex-direction:column;gap:2px;display:flex;position:sticky;top:12px}.settings-tab{height:40px;color:var(--ink-2);white-space:nowrap;border:1.5px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:0 12px;font-weight:600;text-decoration:none;display:flex}.settings-tab:hover{background:var(--hover);color:var(--ink)}.settings-tab.active{background:var(--card);border-color:var(--line);color:var(--ink);box-shadow:var(--pop)}.settings-panel{box-shadow:var(--pop);padding:22px 24px}.settings-title{letter-spacing:-.02em;margin-bottom:6px;font-size:22px;font-weight:800}.setting{border-top:1.5px solid var(--line-soft);grid-template-columns:minmax(0,1fr) minmax(0,280px);align-items:center;gap:16px 24px;padding:16px 0;display:grid}.settings-title+.setting,.settings-title+* .setting:first-child{border-top:0}.setting-text h3{font-size:15px;font-weight:700}.setting-text p{margin:4px 0 0}.setting-control{justify-content:flex-end;min-width:0;display:flex}.setting-control .field{width:100%}.setting a,.about a{color:inherit}.range{min-width:0;accent-color:var(--ink);flex:1}.choice{border:1.5px solid var(--line);background:var(--card);border-radius:999px;grid-template-columns:repeat(3,1fr);width:100%;padding:3px;display:grid}.choice-btn{height:34px;color:var(--ink-2);background:0 0;border:0;border-radius:999px;font-size:13.5px;font-weight:600;position:relative}.choice-btn[aria-checked=true]{color:var(--marker-ink)}.choice-thumb{border-radius:inherit;border:1.5px solid var(--marker-ink);background:var(--marker);position:absolute;inset:0}.choice-label{align-items:center;gap:6px;display:inline-flex;position:relative}.settings-panel>.account,.settings-panel>p,.settings-panel>.row,.settings-panel>.notice{margin-top:12px}.settings-panel>.google-button{margin-top:14px}.about{flex-direction:column;gap:18px;margin-top:8px;display:flex}.about-intro{align-items:center;gap:14px;display:flex}.about-logo{flex:none;rotate:-6deg}.about-name{font-size:22px;font-weight:800}.about-intro p{margin:2px 0 0}.creator{border:1.5px solid var(--line);background:var(--paper);transition:transform .15s var(--ease), box-shadow .15s var(--ease);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.creator:hover{box-shadow:var(--pop-lg);transform:translate(-2px,-2px)}.creator-icon{border:1.5px solid var(--line);color:#fff;background:linear-gradient(135deg,#feda75,#fa7e1e 35%,#d62976 65%,#962fbf);border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.creator-text{flex-direction:column;flex:1;line-height:1.2;display:flex}.creator-text strong{font-size:17px}.creator-badge{border:1.5px solid var(--line);background:var(--marker);color:var(--marker-ink);letter-spacing:.06em;text-transform:uppercase;box-shadow:2px 2px 0 var(--line);border-radius:8px;padding:3px 10px;font-size:12px;font-weight:800;rotate:-4deg}.credits h3{margin-bottom:8px}.credits ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.credits li{flex-direction:column;display:flex}.credits a{align-items:center;gap:4px;font-weight:700;text-decoration:none;display:inline-flex}.credits a:hover{text-decoration:underline}.license{border:1px solid var(--line-soft);border-radius:5px;margin-left:6px;padding:0 6px;font-size:11px}.swatches{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:210px;display:flex}.swatch{border:1.5px solid var(--line);background:var(--swatch,var(--card));cursor:pointer;width:34px;height:34px;transition:transform .15s var(--ease), box-shadow .15s var(--ease);border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.swatch:hover{box-shadow:var(--pop);transform:translate(-1px,-1px)}.swatch[aria-checked=true],.swatch[data-checked=true]{box-shadow:var(--pop)}.swatch:active{transform:scale(.94)}.swatch-custom{color:var(--ink-2);background:var(--swatch,conic-gradient(from 90deg, #ff9fc6, #ffd84d, #86e3a8, #8fcdff, #c4a8ff, #ff9fc6))}.swatch-custom:not([data-checked=true]) svg{background:var(--card);box-sizing:content-box;border-radius:50%;padding:3px}.swatch-custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.swatch-custom:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.link-btn{color:var(--ink);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.search-suggest{margin:2px 0 10px}.search-suggest-label{color:var(--ink-3);margin:0 0 6px 2px;font-size:12px;font-weight:700;display:block}.search-suggest ul{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.search-suggest li{border:1.5px dashed var(--line-soft);background:var(--card);border-radius:999px;align-items:center;gap:8px;min-width:0;padding:4px 4px 4px 14px;transition:border-color .15s;display:flex}@media (hover:hover){.search-suggest li:hover{border-color:var(--line)}}.search-suggest-word{min-width:0;color:var(--ink);margin-right:auto;font-size:21px;line-height:1.2;text-decoration:none}.search-suggest-btn{height:30px;color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;align-items:center;gap:5px;padding:0 11px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.search-suggest-add{border:1.5px solid var(--line);background:var(--marker);color:var(--marker-ink)}@media (hover:hover){.search-suggest-btn:hover{background:var(--hover);color:var(--ink)}.search-suggest-add:hover{background:var(--marker);color:var(--marker-ink);box-shadow:2px 2px 0 var(--line)}}.backup-prompt{max-width:460px}.backup-icon{border:1.5px solid var(--line);background:var(--marker);width:48px;height:48px;color:var(--marker-ink);box-shadow:var(--pop);border-radius:14px;place-items:center;margin-bottom:10px;display:inline-grid;rotate:-4deg}.backup-signin{justify-content:center;margin:18px 0 6px;display:flex}.timeline-practice{color:var(--ink-2);align-items:center;gap:5px;font-size:13px;font-weight:600;display:inline-flex}.layout-toggle{border:1.5px solid var(--line);background:var(--card);border-radius:999px;order:10;height:42px;padding:3px;display:inline-flex}.layout-toggle button{width:38px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;transition:background .15s,color .15s;display:grid}.layout-toggle button[aria-pressed=true]{background:var(--marker);color:var(--marker-ink)}.sheet{--margin-w:112px;--margin-rule:color-mix(in srgb, var(--accent) 50%, transparent);--rule:var(--line-soft);border:1.5px solid var(--line);border-radius:var(--r-l);background:var(--card);box-shadow:var(--pop);margin-top:18px;padding:6px 8px 6px 0;container:sheet/inline-size}.sheet-group{grid-template-columns:var(--margin-w) minmax(0, 1fr);display:grid}.sheet-group+.sheet-group{border-top:1.5px solid color-mix(in srgb, var(--line) 22%, transparent)}.sheet-margin{border-right:1.5px solid var(--margin-rule);text-wrap:balance;overflow-wrap:anywhere;flex-direction:column;align-self:stretch;gap:1px;margin:0;padding:14px 12px 14px 16px;font-size:13px;font-weight:700;line-height:1.3;display:flex}.sheet-margin>*{position:sticky;top:72px}.sheet-margin-sub{color:var(--ink-2);font-weight:500;top:90px}.sheet-margin-count{color:var(--ink-3);font-variant-numeric:tabular-nums;margin-top:4px;font-size:11.5px;font-weight:500;top:108px}.sheet-lines{margin:0;padding:0;list-style:none}.sheet-lines>li+li{border-top:1px solid var(--rule)}.line{border-radius:var(--r-s);transition:background .15s, padding-left .2s var(--ease);position:relative}.line:before{content:"";border:1.2px solid var(--tone);background:var(--fill);border-radius:3px;width:5px;height:22px;position:absolute;top:12px;left:6px}.line .speak-btn,.line .tip{z-index:1;position:relative}.line:has(.card-link:focus-visible){outline:2px solid var(--accent);outline-offset:-2px}@media (hover:hover){.line:hover{background:var(--hover)}}.line-word-link{color:var(--ink)}.line-full{grid-template-columns:minmax(170px,230px) minmax(0,1fr);gap:0 22px;padding:12px 14px 12px 22px;display:grid}.line-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.line-full .line-word-link{overflow-wrap:anywhere;font-size:27px;line-height:1.1}.line-head .k-badge{margin-top:4px}.line-sub{flex-wrap:wrap;align-items:center;gap:2px 7px;min-height:28px;display:flex}.line-pos{color:var(--ink-3);font-size:12px;font-style:italic}.line-meta{justify-content:space-between;align-items:center;gap:10px;margin-top:4px;display:flex}.line-source{min-width:0;color:var(--tone);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.line-notes{flex-direction:column;gap:6px;min-width:0;padding-top:4px;display:flex}.line-notes p{margin:0}.line-meaning{--lines:2;color:var(--ink-2);text-wrap:pretty;font-size:14.5px;line-height:1.45}.line-translation{color:var(--ink);font-weight:700}.line-phrases{flex-wrap:wrap;gap:4px 6px;display:flex}.line-phrase{background:color-mix(in srgb, var(--marker) 48%, transparent);color:var(--ink);border-radius:4px;padding:0 6px;font-size:16.5px;line-height:1.35}.line-sentence{--lines:2;color:var(--ink-3);font-size:16.5px;font-style:italic;line-height:1.35}.line-sentence-mine{color:var(--ink-2)}.line-brief{grid-template-columns:minmax(110px,170px) auto minmax(0,120px) minmax(0,1fr) minmax(0,160px) auto 52px;align-items:center;gap:10px;min-height:46px;padding:4px 14px 4px 22px;display:grid}.line-brief:before{top:12px}@container sheet (width<=760px){.sheet-group{--margin-w:92px}.line-full{flex-direction:column;gap:4px;display:flex}.line-full .line-word{display:contents}.line-meta{order:5}.line-brief{grid-template-columns:minmax(100px,150px) auto minmax(0,1fr) minmax(0,120px) auto auto}.line-brief .line-ipa{display:none}}.word-preview-phrases{margin:8px 0 0}.word-preview-phrases .line-phrase{font-size:15px}.line-brief .line-word-link{font-size:21px}.line-brief-meaning{color:var(--ink-2);font-size:13.5px}.line-k{justify-self:end}.choice-2{grid-template-columns:repeat(2,1fr)}.mini-swatches{display:inline-flex}.mini-swatches i{border:1.5px solid var(--line);border-radius:50%;width:12px;height:12px;margin-left:-4px}.mini-swatches i:first-child{margin-left:0}.word-preview{z-index:40;border:1.5px solid var(--line);border-radius:var(--r-l);background:var(--card);box-shadow:var(--pop-lg);pointer-events:none;flex-direction:column;gap:6px;padding:14px 16px 12px;display:flex;position:fixed}.word-preview:before{content:"";border-bottom:1.5px solid var(--line);border-radius:var(--r-l) var(--r-l) 0 0;background:var(--fill);height:8px;position:absolute;inset:0 0 auto}.word-preview-head{justify-content:space-between;align-items:baseline;gap:10px;margin-top:4px;display:flex}.word-preview-word{font-size:32px;line-height:1.05}.word-preview p{margin:0}.word-preview-ipa{margin-top:-4px!important}.word-preview-translation{font-weight:700}.word-preview-def{--lines:2;color:var(--ink-2);align-items:baseline;gap:6px;font-size:13.5px;display:flex}.word-preview-def .pos{flex:none;margin:0;font-size:11px}.word-preview-sentence{border-left:3px solid var(--marker);margin:2px 0 0;padding-left:10px;font-size:16px}.word-preview-foot{border-top:1.5px dashed var(--line-soft);color:var(--tone);justify-content:space-between;align-items:center;gap:10px;margin-top:4px;padding-top:8px;font-size:12.5px;font-weight:600;display:flex}.word-preview-date{font-size:11.5px}.colloc-groups{flex-direction:column;gap:14px;display:flex}.colloc-group{grid-template-columns:120px minmax(0,1fr);align-items:baseline;gap:4px 14px;display:grid}.colloc-group-label{padding-top:4px}.colloc-phrases{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.colloc-phrase{border:1.5px solid var(--line-soft);background:var(--card);color:var(--ink-2);cursor:pointer;transition:border-color .15s, background .15s, translate .15s var(--ease);border-radius:999px;padding:2px 10px 3px;font-size:18px;line-height:1.35}.colloc-phrase strong{color:var(--ink);background:linear-gradient(transparent 62%, color-mix(in oklch, var(--marker) 75%, transparent) 62%);font-weight:400}@media (hover:hover){.colloc-phrase:hover{border-color:var(--line);box-shadow:2px 2px 0 var(--line);translate:-1px -1px}}.colloc-phrase{align-items:center;gap:8px;display:inline-flex}.colloc-top ol{counter-reset:top;margin:0;padding:0;list-style:none}.colloc-top li{border-top:1px solid var(--rule,var(--line-soft));counter-increment:top;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:5px 0;display:grid}.colloc-top li:first-child{border-top:0}.colloc-top li:before{content:counter(top);color:var(--ink-3);font-variant-numeric:tabular-nums;text-align:right;font-size:12px;font-weight:700}.colloc-top-phrase{min-width:0;color:var(--ink-2);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-self:start;padding:0 4px;font-size:19px;line-height:1.35}.colloc-top-phrase strong{color:var(--ink);background:linear-gradient(transparent 62%, color-mix(in oklch, var(--marker) 75%, transparent) 62%);font-weight:400}@media (hover:hover){.colloc-top-phrase:hover{background:var(--hover)}}.colloc-top-kind{color:var(--ink-3);white-space:nowrap;font-size:11.5px;font-weight:600}.colloc-toggle{border:1.5px solid var(--line-soft);background:var(--card);color:var(--ink-2);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:5px;margin-top:10px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-flex}@media (hover:hover){.colloc-toggle:hover{border-color:var(--line);color:var(--ink)}}.colloc-groups .colloc-toggle{align-self:flex-start;margin-top:2px}.usage{align-items:center;padding:4px 0;display:inline-flex;position:relative}.usage-bars{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.usage-bars i{background:var(--line-soft);border-radius:1px;width:3px}.usage-bars i:first-child{height:4px}.usage-bars i:nth-child(2){height:7px}.usage-bars i:nth-child(3){height:10px}.usage-bars i:nth-child(4){height:12px}.usage[data-level="1"] i:nth-child(-n+1),.usage[data-level="2"] i:nth-child(-n+2),.usage[data-level="3"] i:nth-child(-n+3),.usage[data-level="4"] i{background:var(--ink-2)}.usage-tip{z-index:20;border:1.5px solid var(--line);background:var(--ink);width:max-content;max-width:230px;color:var(--paper);font-family:var(--font-ui);text-align:left;white-space:normal;pointer-events:none;opacity:0;transition:opacity .15s, transform .15s var(--ease);border-radius:10px;padding:8px 11px;font-size:12.5px;font-weight:500;line-height:1.4;position:absolute;bottom:calc(100% + 8px);right:-10px;transform:translateY(4px)}.usage-tip span{opacity:.75;display:block}.usage-tip .usage-label{opacity:1;font-weight:700}.usage:hover .usage-tip,.colloc-phrase:focus-visible .usage-tip,.colloc-phrase:active .usage-tip{opacity:1;transform:none}.real-examples{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.real-examples li{border-left:3px solid var(--marker);padding-left:12px;font-size:18px;line-height:1.45}.compare{border-top:1.5px dashed var(--line-soft);margin-top:12px;padding-top:12px}.compare .coll-label{align-items:center;gap:5px;display:inline-flex}.compare-result{overflow:clip}.compare-cols{flex-direction:column;gap:10px;padding-top:12px;display:flex}.compare-col{border:1.5px solid var(--line);border-radius:var(--r-m);background:var(--fill);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.compare-col .label-sm{color:var(--tone)}.mine{border-left:3px solid var(--marker);flex-direction:column;gap:2px;max-width:560px;margin-top:14px;padding-left:12px;display:flex}.mine-row{align-items:baseline;gap:10px;min-width:0;display:flex}.mine-label{white-space:nowrap;letter-spacing:.05em;text-transform:uppercase;min-width:92px;color:var(--ink-3);flex:none;font-size:11px;font-weight:700}.inline-edit.mine-edit{flex:1;width:auto;min-width:0;margin:0;padding:3px 6px;font-size:15px}.inline-edit.mine-translation{font-weight:700}textarea.inline-edit.mine-edit{field-sizing:content;resize:none;min-height:0;font-size:17px;line-height:1.35}.mine-row .speak-btn{flex:none;align-self:center}.mine-add{flex-wrap:wrap;align-items:center;gap:2px 4px;margin-left:-6px;display:flex}.mine-chip{height:26px;color:var(--ink-3);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:4px;padding:0 8px;font-size:12.5px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}@media (hover:hover){.mine-chip:hover{background:var(--hover);color:var(--ink)}}.mine-notes{color:var(--ink-2)}.mine-lookup .faint{margin-left:4px}.guest-words{flex-wrap:wrap;align-items:center;gap:10px 12px;margin-bottom:14px;display:flex}.guest-words>span:first-of-type{flex:1;min-width:220px}.guest-words-actions{gap:6px}.credits-box{border:1.5px solid var(--line);border-radius:var(--r-m);background:var(--card);interpolate-size:allow-keywords}.credits-box summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:12px 14px;font-weight:700;list-style:none;display:flex}.credits-box summary::-webkit-details-marker{display:none}.credits-chevron{transition:rotate .25s var(--ease);margin-left:auto}.credits-box[open] .credits-chevron{rotate:180deg}.credits-box::details-content{block-size:0;transition:block-size .3s var(--ease), content-visibility .3s allow-discrete;overflow:clip}.credits-box[open]::details-content{block-size:auto}.credits-body{border-top:1.5px dashed var(--line-soft);flex-direction:column;gap:14px;padding:4px 14px 14px;display:flex}.credits-body .credits{margin:0}.sheet[data-margin=plain],.sheet[data-margin=letters]{--margin-w:56px}.sheet[data-margin=letters] .sheet-margin{align-items:center;padding:10px 6px}.sheet[data-margin=letters] .sheet-margin-title{font-family:var(--font-word);font-size:28px;font-weight:400;line-height:1}.more-words{text-align:center;padding:18px 0 8px}.select-toggle{order:11;height:42px}@media (width>=900px) and (width<=1279px){.select-toggle{justify-content:center;width:42px;padding:0}.select-toggle .select-text{display:none}}.select-toggle.on{background:var(--ink);color:var(--paper)}.sheet-selecting .sheet-lines>li,.card-select{cursor:pointer;position:relative}.sheet-selecting .line .speak-btn{pointer-events:auto}.select-mark{z-index:3;border:1.5px solid var(--line);background:var(--card);color:#0000;pointer-events:none;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:10px;left:-11px}.card-select .select-mark{top:-8px;left:-8px}.sheet-selecting .line{padding-left:48px}.sheet-selecting .line:before{opacity:0}.sheet-lines>li>.select-mark{top:15px;left:14px}.sheet-brief .sheet-lines>li>.select-mark{top:50%;translate:0 -50%}[data-selected=true]>.select-mark{background:var(--marker);color:var(--marker-ink)}.sheet-lines>li[data-selected=true]>.line{background:color-mix(in srgb, var(--marker) 28%, transparent)}.card-select[data-selected=true] .word-card{outline:3px solid var(--marker);outline-offset:2px}.bulk-bar{z-index:40;border:1px solid color-mix(in oklch, var(--line) 55%, transparent);background:var(--card);width:max-content;max-width:calc(100vw - 32px);height:50px;box-shadow:2px 3px 0 color-mix(in oklch, var(--line) 18%, transparent), 0 12px 30px -12px color-mix(in oklch, var(--line) 40%, transparent);border-radius:999px;align-items:center;gap:2px;padding:0 6px 0 18px;display:flex;position:fixed;bottom:24px;left:50%;translate:-50%}.bulk-count{color:var(--ink-2);white-space:nowrap;margin-right:6px;font-size:14px}.bulk-count b{color:var(--ink);font-variant-numeric:tabular-nums}.bulk-btn{height:36px;color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13.5px;font-weight:600;transition:background .15s;display:inline-flex}.bulk-btn:disabled{opacity:.4;cursor:default}@media (hover:hover){.bulk-btn:not(:disabled):hover{background:var(--hover)}}.bulk-level{position:relative}.bulk-chevron{color:var(--ink-3)}.bulk-btn[aria-expanded=true]{background:var(--hover)}.bulk-menu{border:1px solid color-mix(in oklch, var(--line) 55%, transparent);background:var(--card);min-width:150px;box-shadow:2px 3px 0 color-mix(in oklch, var(--line) 18%, transparent), 0 12px 30px -12px color-mix(in oklch, var(--line) 40%, transparent);border-radius:16px;gap:2px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 12px);left:50%;translate:-50%}.bulk-menu button{height:36px;color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:0 12px;font-size:13.5px;font-weight:600;display:flex}@media (hover:hover){.bulk-menu button:hover{background:var(--hover)}}.bulk-close{width:36px;color:var(--ink-3);justify-content:center;padding:0}.bulk-sep{background:var(--line-soft);width:1px;height:20px;margin:0 4px}.bulk-delete{color:var(--danger)}.section-nav{z-index:6;background:var(--paper);border-bottom:1.5px solid #0000;align-items:center;gap:14px;margin:6px -40px 14px;padding:8px 40px;transition:border-color .2s;display:flex;position:sticky;top:0}.section-nav.is-compact{border-bottom-color:var(--line-soft)}.section-nav.is-empty{display:none}.section-nav-word{opacity:0;white-space:nowrap;max-width:0;transition:max-width .3s var(--ease), opacity .2s;flex:none;align-items:center;gap:6px;font-size:24px;display:inline-flex;overflow:hidden}.section-nav.is-compact .section-nav-word{opacity:1;max-width:260px}.section-nav-word .truncate{min-width:0}.section-nav-word .speak-btn{flex:none}.section-nav-links{scrollbar-width:none;flex:1;gap:6px;min-width:0;display:flex;overflow-x:auto}.section-link{border:1.5px solid var(--line-soft);background:var(--card);color:var(--ink-2);cursor:pointer;border-radius:999px;flex:none;padding:4px 12px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.section-link:hover{border-color:var(--line);color:var(--ink)}.section-link[aria-current=true]{border-color:var(--line);background:var(--marker);color:var(--marker-ink)}.word-page [data-section]{scroll-margin-top:70px}.feedback-kinds{flex-wrap:wrap;gap:6px;display:flex}.feedback-kinds .chip[aria-checked=true]{background:var(--marker);color:var(--marker-ink);border-color:var(--line)}.feedback-text{resize:vertical;width:100%;min-height:120px;font:inherit}.feedback-actions{justify-content:flex-end;gap:12px}.feedback-actions>:first-child{margin-right:auto}.feedback-sent{color:var(--k1-ink);align-items:center;gap:5px;font-size:14px;font-weight:600;display:inline-flex}.feedback-error{color:var(--danger)}.feedback-inbox{border-top:1.5px solid var(--line-soft);margin-top:18px;padding-top:14px}.feedback-inbox h3{gap:8px;margin:0 0 10px;font-size:16px}.feedback-inbox ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.feedback-item{border:1.5px solid var(--line-soft);border-radius:var(--r-m);background:var(--card);padding:10px 12px}.feedback-item.is-new{border-color:var(--line);box-shadow:var(--pop)}.feedback-meta{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.feedback-meta .icon-btn{margin-left:auto}.feedback-kind{background:var(--k3);color:var(--k3-ink);border-radius:999px;padding:0 8px;font-size:12px;font-weight:700}.feedback-kind.kind-problem{background:var(--rare);color:var(--rare-ink)}.feedback-kind.kind-other{background:var(--unknown);color:var(--unknown-ink)}.feedback-new{background:var(--marker);color:var(--marker-ink);border-radius:999px;padding:0 7px;font-size:11px;font-weight:800}.feedback-message{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0}.tour-again{place-self:flex-start start}.page-header:has(.flashback-cta)>p{margin-left:auto}.flashback-cta{align-self:center}.flashback{max-width:780px}.flashback-head{align-items:center}.flash-status{gap:12px}.flash-progress{flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none;display:flex}.flash-progress li{border:1.5px solid var(--line);background:var(--card);width:16px;height:8px;transition:background .25s var(--ease), width .3s var(--ease);border-radius:999px}.flash-progress li[data-state=right]{background:var(--k1-ink)}.flash-progress li[data-state=missed]{background:var(--accent)}.flash-progress li[data-state=now]{background:var(--marker);width:30px}.flash-progress-big li{width:34px;height:12px}.combo{border:1.5px solid var(--line);background:var(--marker);color:var(--marker-ink);box-shadow:var(--pop);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:800;display:inline-block}.flash-stage{perspective:1400px;isolation:isolate;position:relative}.flash-stage:before,.flash-stage:after{content:"";z-index:-1;border:1.5px solid var(--line);border-radius:var(--r-l);background:var(--card);transition:opacity .3s, rotate .3s var(--ease), translate .3s var(--ease);position:absolute;inset:0}.flash-stage:before{translate:8px 7px;rotate:2.2deg}.flash-stage:after{z-index:-2;translate:-5px 12px;rotate:-1.6deg}.flash-stage[data-left="1"]:after,.flash-stage[data-left="0"]:after,.flash-stage[data-left="0"]:before{opacity:0}.flash-card{border-radius:var(--r-l);box-shadow:var(--pop-lg);transform-style:preserve-3d;backface-visibility:hidden;flex-direction:column;gap:14px;padding:28px 30px;display:flex}.flash-label{align-items:center;gap:6px;margin:0;display:flex}.flash-prompt{margin:0;font-size:30px;line-height:1.3}.flash-source{margin:-6px 0 0}.flash-gap{border-bottom:2.5px solid var(--ink);background:linear-gradient(transparent 60%, color-mix(in oklch, var(--marker) 70%, transparent) 60%);vertical-align:baseline;width:4.5em;height:.9em;margin:0 .15em;animation:1.6s ease-in-out infinite gap-blink;display:inline-block}@keyframes gap-blink{50%{border-bottom-color:color-mix(in oklch, var(--ink) 30%, transparent)}}.flash-clue{margin:0;font-size:19px;line-height:1.5}.flash-word-row{flex-wrap:wrap;gap:12px}.flash-word{color:var(--ink);font-size:54px;line-height:1.05;text-decoration:none}.flash-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:6px 0 0;padding:0;list-style:none;display:grid}.flash-options[data-kind=meanings]{grid-template-columns:minmax(0,1fr)}.flash-options li{animation:option-in .4s var(--ease) backwards;animation-delay:calc(80ms + var(--i) * 50ms)}@keyframes option-in{0%{opacity:0;translate:0 10px;rotate:calc(var(--tilt) * 4)}}.flash-option{border:1.5px solid var(--line);background:var(--card);width:100%;min-height:58px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--pop);rotate:var(--tilt);transition:rotate .2s var(--ease), translate .15s var(--ease), box-shadow .15s var(--ease), background .15s;border-radius:14px;align-items:center;gap:12px;padding:10px 16px;font-size:15px;line-height:1.35;display:flex;position:relative}.flash-option.word-font{font-family:var(--font-word);font-size:26px}.flash-option kbd{border:1.5px solid var(--line-soft);width:22px;height:22px;font-family:var(--font-ui);color:var(--ink-3);border-radius:6px;flex:none;place-items:center;font-size:11px;display:grid}.flash-options li:first-child .flash-option{--hover:var(--marker);--hover-ink:var(--marker-ink)}.flash-options li:nth-child(2) .flash-option{--hover:#7cc8ff;--hover-ink:#10223a}.flash-options li:nth-child(3) .flash-option{--hover:#ff8fb7;--hover-ink:#3a0f22}.flash-options li:nth-child(4) .flash-option{--hover:#7fe0a0;--hover-ink:#0f2e1a}@media (hover:hover){.flash-option:hover{background:var(--hover);color:var(--hover-ink);box-shadow:5px 5px 0 var(--line);translate:-3px -3px;rotate:0deg;scale:1.02}.flash-option:hover kbd{background:var(--card);color:var(--ink);border-color:currentColor}}.flash-option:focus-visible{background:var(--hover);color:var(--hover-ink);box-shadow:5px 5px 0 var(--line);outline:none}.flash-option:active{box-shadow:1px 1px 0 var(--line);translate:1px 1px;scale:.98}.flash-verdict{border:1.5px solid var(--line);background:var(--rare);color:var(--rare-ink);animation:shake .4s var(--ease);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:5px 12px;font-weight:800;display:inline-flex;position:relative;rotate:-2deg}.flash-verdict s{opacity:.8;font-weight:600}.flash-verdict[data-correct=true]{background:var(--k1);color:var(--k1-ink);animation:.45s cubic-bezier(.34,1.56,.64,1) pop}@keyframes pop{0%{rotate:-14deg;scale:.4}}@keyframes shake{20%,60%{translate:-5px}40%,80%{translate:5px}}.burst{pointer-events:none;position:absolute;inset:50% auto auto 18px}.burst i{background:var(--marker);border:1.5px solid var(--line);opacity:0;width:8px;height:8px;animation:burst .7s var(--ease) 50ms;border-radius:50%;position:absolute}.burst i:nth-child(3n){background:var(--k3)}.burst i:nth-child(3n+1){background:var(--k1);border-radius:2px}@keyframes burst{0%{opacity:1;transform:rotate(var(--a)) translateX(4px) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateX(var(--d)) scale(.6)}}.flash-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:6px}.flash-actions>.faint{margin-right:auto}.flash-translation{margin:0;font-size:20px;font-weight:700}.flash-moment{border-left:3px solid var(--marker);margin:0;padding-left:14px;font-size:20px}.flash-bump{align-self:flex-start}.size-picker{max-width:460px}.size-options{grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 16px;display:grid}.size-option{border:1.5px solid var(--line);background:var(--card);color:var(--ink);font:inherit;cursor:pointer;box-shadow:var(--pop);rotate:var(--tilt);transition:rotate .2s var(--ease), translate .15s var(--ease), box-shadow .15s var(--ease), background .15s;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:14px 6px 12px;display:flex}.size-option strong{font-family:var(--font-word);font-size:40px;font-weight:400;line-height:1}.size-option span{color:var(--ink-3);font-size:12px}@media (hover:hover){.size-option:not(:disabled):hover{background:var(--marker);color:var(--marker-ink);box-shadow:var(--pop-lg);translate:-2px -2px;rotate:0deg}.size-option:not(:disabled):hover span{color:inherit}}.size-option:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.size-custom{align-items:flex-end;gap:10px;display:flex}.size-custom .label{flex:1}.flash-start{margin-top:8px}.flash-start-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.flash-start-grid .flash-start{margin-top:0}.flash-due-count{margin:4px 0 6px;font-size:17px}.flash-due-count b{background:var(--marker);color:var(--marker-ink);font-family:var(--font-word);border-radius:6px;padding:0 8px;font-size:34px;font-weight:400}.flash-due-words{flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0 4px;display:flex}.flash-due.is-clear .flash-due-count{font-family:var(--font-word);font-size:26px}.due-count{background:var(--marker);color:var(--marker-ink);font-variant-numeric:tabular-nums;border-radius:999px;padding:0 7px;font-size:12px;font-weight:800}@property --pct{syntax:"<percentage>";inherits:false;initial-value:0%}.flash-summary-head{align-items:center;gap:22px;display:flex}.score-ring{border:1.5px solid var(--line);background:conic-gradient(var(--k1-ink) var(--pct), var(--line-soft) 0);width:104px;height:104px;box-shadow:var(--pop);transition:--pct 1.1s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.score-ring span{border:1.5px solid var(--line);background:var(--card);width:74px;height:74px;font-family:var(--font-word);border-radius:50%;place-items:center;font-size:28px;display:grid}.flash-stamp{border:3px double var(--accent);color:var(--accent);letter-spacing:.12em;text-transform:uppercase;border-radius:6px;margin-bottom:8px;padding:2px 10px;font-size:12px;font-weight:800;animation:.5s cubic-bezier(.34,1.56,.64,1) .15s backwards stamp;display:inline-block;rotate:-6deg}@keyframes stamp{0%{opacity:0;rotate:-18deg;scale:2.2}}.flash-summary-title{margin:0;font-size:24px}.flash-results{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.flash-results li{border:1.5px solid var(--line);border-radius:var(--r-m);background:var(--card);box-shadow:var(--pop);flex-direction:column;padding:8px 12px;display:flex}.flash-results li[data-result=first-try],.flash-results li[data-result=came-back]{background:var(--k1)}.flash-results a{color:var(--ink);font-size:22px;text-decoration:none}.flash-practice{border-top:1.5px dashed var(--line-soft);flex-direction:column;align-items:flex-start;gap:10px;padding-top:14px;display:flex}.flash-practice label{width:100%}.flash-practice strong{background:linear-gradient(transparent 58%, var(--marker) 58%, var(--marker) 92%, transparent 92%);font-size:1.4em;font-weight:400}.flash-practice textarea{field-sizing:content;resize:none;min-height:3lh}.history-btn{gap:6px;margin-left:auto}.flash-status+.history-btn{margin-left:0}.history-dialog{max-width:520px;max-height:min(80dvh,720px);overflow-y:auto}.history-list{flex-direction:column;gap:10px;margin:14px 0 0;padding:0;list-style:none;display:flex}.history-round{border:1.5px solid var(--line-soft);border-radius:var(--r-m);padding:12px 14px}.history-round[data-latest=true]{border-color:var(--line);box-shadow:var(--pop)}.history-round-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.mini-ring{border:1.5px solid var(--line);background:conic-gradient(var(--k1-ink) var(--pct), var(--line-soft) 0);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.mini-ring span{background:var(--card);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:28px;height:28px;font-size:10.5px;font-weight:800;display:grid}.history-words{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.history-words li{border:1.5px solid var(--line);background:var(--card);border-radius:999px;padding:1px 9px}.history-words li[data-result=first-try],.history-words li[data-result=came-back]{background:var(--k1)}.history-words a{color:var(--ink);font-size:17px;text-decoration:none}.flash-promoted{flex-wrap:wrap;align-items:center;gap:6px 10px;margin:14px 0 0;display:flex}.flash-promoted a{color:inherit;font-size:17px}.flash-promoted .btn{color:inherit;margin-left:auto}.flash-promoted-icon{flex:none}.pool-header{flex-wrap:wrap;row-gap:12px}.pool-search{width:min(360px,100%);margin-left:auto;position:relative}.pool-search .search,.pool-search .search:focus-within{width:100%}.pool-suggestions{z-index:30;border:1.5px solid var(--line);border-radius:var(--r-m);background:var(--card);box-shadow:var(--pop);margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0}.pool-suggestions button{border-radius:var(--r-s);width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:5px 10px;font-size:19px;display:flex}.pool-suggestions [aria-selected=true] button,.pool-suggestions button:hover{background:var(--hover)}.pool-start{text-align:center;justify-items:center;gap:18px;max-width:560px;margin:48px auto 0;display:grid}@property --spin-a{syntax:"<angle>";inherits:true;initial-value:0deg}.rings-teaser{--tilt:58deg;--scale:1;--lean-x:0deg;--lean-y:0deg;width:calc(420px * var(--scale));height:calc(320px * var(--scale));perspective:1000px;perspective-origin:50% 30%;position:relative}.rt-scene{transform-style:preserve-3d;transform:rotateX(calc(var(--tilt) + var(--lean-x))) rotateZ(var(--lean-y));transition:transform .5s var(--ease);position:absolute;inset:0}.rt-orbit{transform-style:preserve-3d;transform:translateZ(var(--z));position:absolute;top:58%;left:50%}.rt-ring{width:calc(var(--d) * 1px * var(--scale));height:calc(var(--d) * 1px * var(--scale));border:2px solid var(--ring);transform-style:preserve-3d;translate:-50% -50%;transform:rotate(var(--spin-a));animation:rt-spin var(--spin) linear infinite;animation-direction:var(--dir);border-radius:50%;position:absolute;top:0;left:0}@keyframes rt-spin{to{--spin-a:360deg}}.rt-bead{transform-style:preserve-3d;transform:rotate(var(--at)) translateX(calc(var(--d) * .5px * var(--scale))) rotate(calc(-1 * var(--at) - var(--spin-a))) rotateX(calc(-1 * (var(--tilt) + var(--lean-x))));position:absolute;top:50%;left:50%}.rt-bead-word{border:1.5px solid var(--ring);background:var(--card);color:var(--ink);white-space:nowrap;opacity:calc(.4 + .3 * (sin(var(--at) + var(--spin-a)) + 1));animation:rt-bead-in .5s var(--ease) both;border-radius:999px;padding:1px 9px 2px;font-size:15px;line-height:1.2;display:block;translate:-50% -50%}@keyframes rt-bead-in{0%{scale:.4}}.rt-pin{width:1.5px;height:calc(96px * var(--scale));background:var(--ink-3);opacity:.55;transform-origin:top;position:absolute;top:58%;left:50%;transform:translate(-50%)rotateX(90deg)}.rt-center{transform-style:preserve-3d;transform:translateZ(calc(96px * var(--scale))) rotateX(calc(-1 * (var(--tilt) + var(--lean-x))));position:absolute;top:58%;left:50%}.rt-center-float{animation:5s ease-in-out infinite rt-float;position:absolute;bottom:0;left:0;translate:-50%}@keyframes rt-float{50%{translate:-50% -7px}}.rt-word{border:1.5px solid var(--line);background:var(--marker);color:var(--marker-ink);box-shadow:var(--pop);transition:translate .15s var(--ease), box-shadow .15s var(--ease);border-radius:999px;padding:1px 18px 5px;font-size:30px;line-height:1.15;text-decoration:none;display:inline-block}@media (hover:hover){.rt-word:hover{box-shadow:3px 4px 0 var(--line);translate:-1px -2px}}@media (hover:none){.rt-scene{animation:9s ease-in-out infinite alternate rt-sway}}@keyframes rt-sway{0%{transform:rotateX(var(--tilt)) rotateZ(-7deg)}to{transform:rotateX(calc(var(--tilt) - 6deg)) rotateZ(7deg)}}@media (prefers-reduced-motion:reduce){.rt-ring,.rt-scene,.rt-center-float,.rt-bead-word{animation:none}}.pool-start-text{color:var(--ink-2);text-wrap:pretty;margin:0}.pool-start-text b{color:var(--ink)}.pool-start-words{justify-items:center;gap:8px;display:grid}.pool{margin-top:16px}.pool-desk{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:18px;display:grid}@media (width>=900px) and (width<=1279px){.pool-desk{grid-template-columns:minmax(0,1fr)}.pool-aside{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:start}}.pool-stage{isolation:isolate;border:1.5px solid var(--line);border-radius:var(--r-l);background:var(--card);height:clamp(440px,72vh,640px);box-shadow:var(--pop);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;outline:none;position:relative;overflow:hidden}.pool-stage:active{cursor:grabbing}.pool-stage:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.pool-dots,.pool-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pool-center{border:1.5px solid var(--line);background:var(--marker);color:var(--marker-ink);white-space:nowrap;box-shadow:var(--pop);pointer-events:none;border-radius:999px;padding:1px 18px 4px;font-size:30px;line-height:1.15;position:absolute}.pool-pill{border:1.5px solid var(--ring);background:var(--card);color:var(--ink);white-space:nowrap;cursor:pointer;transition:background .15s, box-shadow .15s var(--ease), margin .15s var(--ease);border-radius:999px;padding:2px 12px 4px;line-height:1.15;position:absolute;left:-999px}.pool-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (hover:hover){.pool-pill:hover{background:color-mix(in srgb, var(--ring) 16%, var(--card));box-shadow:2px 2px 0 var(--ring);margin-top:-5px}}.pool-pill[aria-pressed=true]{background:var(--ring);color:var(--card)}.pool-legend{z-index:2000;color:var(--ink-2);gap:4px;font-size:12.5px;font-weight:600;display:grid;position:absolute;top:14px;left:16px}.pool-legend span,.pool-levels span,.pool-relation{align-items:center;gap:8px;display:flex}.pool-legend i,.pool-levels i,.pool-relation i{background:var(--ring);border-radius:2px;width:20px;height:3px;display:inline-block}.pool-aside{align-content:start;gap:14px;display:grid}.pool-plate{border:1.5px solid var(--line);background:var(--card);box-shadow:var(--pop);border-radius:14px;padding:12px 14px 10px}.pool-tips{color:var(--ink-3);text-wrap:pretty;gap:6px;margin:0;padding:0 4px;font-size:12.5px;list-style:none;display:grid}.pool-status{z-index:2000;background:var(--card);color:var(--ink-2);white-space:nowrap;border-radius:999px;margin:0;padding:4px 12px;font-size:13px;position:absolute;bottom:18px;left:50%;translate:-50%}.peek.pool-card{z-index:3000;cursor:auto;width:270px;position:absolute}.pool-word-card .peek-text{--lines:3}.pool-card-main{font-size:30px}.pool-relation{color:var(--ink-2);flex-wrap:wrap;gap:4px 7px;margin:8px 0 0;font-size:12.5px}.pool-relation b{color:var(--ink);font-size:16px;font-weight:400}.pool-phrase{background:color-mix(in srgb, var(--marker) 48%, transparent);color:var(--ink);border-radius:4px;padding:0 5px;font-size:15.5px}.pool-card-hint{margin:6px 0 0}.pool-word-card .peek-actions{flex-wrap:wrap}.pool-back{margin-right:auto}.pool-levels,.pool-zoom,.pool-zoom-tip,.pool-sheet{display:none}.pool-badge{border:1.5px solid var(--line);background:var(--card);color:var(--ink);box-shadow:2px 2px 0 var(--line);transition:transform .15s var(--ease), box-shadow .15s var(--ease);border-radius:999px;align-items:center;gap:6px;padding:4px 11px 4px 9px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;rotate:-1.5deg}.pool-badge:hover{box-shadow:3px 3px 0 var(--line);transform:translate(-1px,-1px)rotate(1deg)}.which-intro{text-wrap:pretty;max-width:640px;margin:0}.which{max-width:1080px}.which-setup{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);grid-template-areas:"intro intro""sheet side""overheard overheard";align-items:start;gap:18px 22px;display:grid}.which-intro{grid-area:intro}.which-sheet{grid-area:sheet;overflow:hidden}.which-side{grid-area:side;gap:18px;display:grid}.which-row{grid-template-columns:112px minmax(0,1fr);display:grid}.which-row+.which-row{border-top:1px solid var(--rule,var(--line-soft))}.which-margin{border-right:1.5px solid var(--margin-rule);color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;padding:20px 14px 18px 18px;font-size:12px;font-weight:700}.which-row-body{gap:8px;padding:16px 20px 18px;display:grid}.which-row-body p{margin:0}.which-sources{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.which-source{border:1.5px solid var(--line);background:var(--card);color:var(--ink);font:inherit;cursor:pointer;transition:translate .15s var(--ease), box-shadow .15s var(--ease), background .2s}.which-source-notebook{text-align:left;border-radius:12px;justify-items:start;padding:6px 14px 7px;display:grid}.which-source-notebook .word-font{font-size:20px;line-height:1.1}.which-level{border-color:var(--tone);background:var(--fill);color:var(--tone);rotate:var(--tilt);border-radius:8px;padding:4px 12px;font-size:15px;font-weight:800}.which-source[aria-pressed=true]{border-color:var(--line);box-shadow:3px 3px 0 var(--line);translate:-1px -2px}.which-source-notebook[aria-pressed=true]{background:var(--marker);color:var(--marker-ink)}.which-source-notebook[aria-pressed=true] .faint{color:inherit;opacity:.7}@media (hover:hover){.which-source:not([aria-pressed=true]):hover{translate:0 -2px}}.which-diffs{grid-template-columns:repeat(3,minmax(0,1fr))}.which-diff{border:1.5px solid var(--line-soft);background:var(--card);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s, box-shadow .15s var(--ease), translate .15s var(--ease);border-radius:12px;align-content:start;justify-items:start;gap:3px;padding:10px 12px;display:grid}.which-diff b{font-size:15px}.which-diff[aria-pressed=true]{border-color:var(--line);box-shadow:inset 0 5px 0 var(--marker), 3px 3px 0 var(--line);translate:-1px -2px}@media (hover:hover){.which-diff:not([aria-pressed=true]):hover{border-color:var(--line)}}.scale-glyph{color:var(--ink);flex:none;display:block;overflow:visible}.scale-glyph line,.scale-glyph path{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;fill:none}.scale-glyph .scale-pan{fill:var(--card)}.scale-glyph .scale-pivot{fill:var(--card);stroke:currentColor;stroke-width:1.6px}.scale-glyph .scale-weight{fill:var(--ink-3);stroke:currentColor;stroke-width:1.3px}.scale-glyph .scale-heavy{fill:var(--marker)}.scale-beam{transform-box:view-box;transform-origin:24px 11px}.which-diff .scale-glyph{margin-bottom:2px}.which-diff[aria-pressed=true] .scale-beam{animation:.9s cubic-bezier(.3,1.4,.5,1) scale-settle}@keyframes scale-settle{0%{rotate:-7deg}40%{rotate:5deg}70%{rotate:-2deg}to{rotate:0deg}}@media (prefers-reduced-motion:reduce){.which-diff[aria-pressed=true] .scale-beam{animation:none}}.which-tabs{align-items:flex-end;gap:6px;padding-top:20px;padding-bottom:0;display:flex}.which-tab{border:1.5px solid var(--line-soft);background:var(--paper);min-width:54px;color:var(--ink-2);font:inherit;cursor:pointer;transition:padding .15s var(--ease), background .15s;border-bottom:0;border-radius:10px 10px 0 0;justify-content:center;align-items:center;gap:5px;padding:7px 14px 9px;font-size:15px;font-weight:700;display:inline-flex}.which-tab[aria-checked=true]{border-color:var(--line);background:var(--marker);color:var(--marker-ink);padding-bottom:14px}.which-row-go .which-margin{border-right-color:var(--margin-rule)}.which-go{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.which-start{height:46px;padding:0 22px;font-size:16px}.which-card{gap:12px;padding:18px 20px 20px;display:grid}.which-card-title{align-items:center;gap:8px;margin:0;font-size:18px;display:flex}.which-card p{margin:0}.which-rope-foot{justify-content:space-between;gap:12px}.which-best{color:var(--ink-2);font-size:14px}.which-best b{font-family:var(--font-word);color:var(--ink);font-size:24px;font-weight:400}.which-record dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.which-record dt{color:var(--ink-3);font-size:12px}.which-record dd{font-family:var(--font-word);font-variant-numeric:tabular-nums;margin:0;font-size:30px;line-height:1.1}.rope-steps{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:2px 0 0;padding:0;list-style:none;display:grid;position:relative}.rope-steps:before{content:"";border-top:2px dashed var(--line-soft);position:absolute;top:12px;left:7%;right:7%}.rope-steps li{text-align:center;justify-items:center;gap:4px;display:grid;position:relative}.rope-steps-vertical{grid-template-columns:minmax(0,1fr);gap:6px;padding-left:6px}.rope-steps-vertical:before{border-top:0;border-left:2px dashed var(--line-soft);inset:10px auto 10px 37px}.rope-steps-vertical li{grid-template-columns:62px minmax(0,1fr) auto;place-items:center start;gap:12px}.rope-steps-vertical .rope-band{justify-self:center}.rope-band{text-align:center;border:1.5px solid var(--tone);background:var(--fill);min-width:58px;color:var(--tone);white-space:nowrap;border-radius:999px;padding:1px 7px;font-size:11.5px;font-weight:700;position:relative}.rope-diff{color:var(--ink-2);align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:inline-flex}.rope-steps:not(.rope-steps-vertical) .rope-diff{flex-direction:column;gap:2px;font-size:11.5px}.rope-diff .scale-glyph{color:var(--ink-2)}.rope-steps li[data-state=passed] .rope-diff{opacity:.5}.rope-best{background:var(--marker);color:var(--marker-ink);border-radius:999px;justify-self:end;padding:0 7px;font-size:11px;font-weight:800;rotate:-2deg}.rope-steps li[data-state=passed] .rope-band{opacity:.45}.rope-steps li[data-state=now] .rope-band{border-color:var(--line);background:var(--marker);color:var(--marker-ink);box-shadow:2px 2px 0 var(--line);rotate:-3deg}.which-overheard{grid-area:overheard;gap:10px;margin-top:6px;display:grid}.which-overheard-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.which-fact{border:1.5px dashed var(--line-soft);border-radius:var(--r-l);background:var(--card);gap:8px;margin:0;padding:14px 16px;display:grid}.which-fact-row{align-content:end;gap:0;min-height:52px;display:grid}.which-fact-phrase{--grow:1;font-size:calc(24px * var(--grow));color:var(--ink-2);transform-origin:0 100%;line-height:1.15}.which-fact-row[data-win] .which-fact-phrase{color:var(--ink);background:linear-gradient(transparent 70%, color-mix(in oklch, var(--marker) 70%, transparent) 70%, color-mix(in oklch, var(--marker) 70%, transparent) 94%, transparent 94%);justify-self:start}.which-fact figcaption{color:var(--ink-2);font-size:13px}.which-fact figcaption b{font-family:var(--font-word);color:var(--ink);font-size:22px;font-weight:400}@media (width>=900px) and (width<=1099px){.which-setup{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""sheet""side""overheard"}.which-side{grid-template-columns:repeat(2,minmax(0,1fr))}}.which-play{gap:16px;display:grid}.which-status{flex-wrap:wrap;align-items:center;gap:10px 14px;min-height:30px;display:flex}.which-mode{color:var(--ink-2);align-items:center;gap:6px;font-size:13.5px;font-weight:700;display:inline-flex}.which-steps{gap:4px;display:inline-flex}.which-steps i{border:1.5px solid var(--line);background:var(--card);width:10px;height:10px;transition:background .25s var(--ease);border-radius:50%}.which-steps i[data-on]{background:var(--k1-ink)}.which-score{color:var(--ink-2);font-size:14px}.which-score b{font-family:var(--font-word);color:var(--ink);font-variant-numeric:tabular-nums;font-size:24px;font-weight:400}.which-finish{margin-left:auto}.which-loading{min-height:220px;color:var(--ink-3);justify-content:center;align-items:center;gap:10px;display:flex}.which-empty{justify-items:start;gap:10px;padding:18px 20px;display:grid}.which-empty p{margin:0}.which-question{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 14px;font-weight:600;display:flex}.which-word{border:1.5px solid var(--line);background:var(--marker);color:var(--marker-ink);box-shadow:2px 2px 0 var(--line);border-radius:999px;padding:0 12px 3px;font-size:24px;font-weight:400;rotate:-2deg}.which-kind{color:var(--ink-3);font-size:12px}.duel-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.which-play{grid-template-rows:auto 1fr auto;max-width:960px;min-height:calc(100dvh - 200px)}.which-play>.which-duel,.which-play>.which-loading,.which-play>.which-empty{align-self:center}.which-hint{text-align:center;margin:14px 0 0}.which-hint kbd{border:1.5px solid var(--line-soft);min-width:18px;height:18px;font:700 11px var(--font-ui,inherit);color:var(--ink-2);border-radius:5px;place-items:center;padding:0 4px;display:inline-grid}@media (hover:none){.which-keys{display:none}}.which-head{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2px}.which-tagline{margin:0;font-size:16px;font-weight:600}.duel-card{--grow:1;border:1.5px solid var(--line);border-radius:var(--r-l);background:var(--card);min-height:240px;color:var(--ink);font:inherit;text-align:left;box-shadow:var(--pop);cursor:pointer;transition:translate .15s var(--ease), box-shadow .15s var(--ease), background .3s, border-color .3s;align-content:center;gap:16px;padding:40px 28px 28px;display:grid;position:relative}@media (hover:hover){.duel-card:not(:disabled):hover{box-shadow:5px 6px 0 var(--line);translate:-2px -3px}}.duel-card:disabled{cursor:default}.duel-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.duel-key{border:1.5px solid var(--line-soft);width:20px;height:20px;color:var(--ink-3);border-radius:6px;place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;top:10px;left:12px}.duel-phrase{font-size:calc(38px * var(--grow));overflow-wrap:break-word;line-height:1.15;transition:font-size .8s cubic-bezier(.34,1.4,.64,1),color .3s}@media (prefers-reduced-motion:reduce){.duel-phrase{transition:none}}.duel-phrase mark,.which-phrase mark{background:linear-gradient(transparent 68%, color-mix(in oklch, var(--marker) 85%, transparent) 68%, color-mix(in oklch, var(--marker) 85%, transparent) 94%, transparent 94%);color:inherit}.duel-card[data-state=win]{border-color:var(--k1-ink);background:color-mix(in oklch, var(--k1) 70%, var(--card))}.duel-card[data-state=lose] .duel-phrase{color:var(--ink-2)}.duel-card[data-picked][data-state=lose]{animation:shake .4s var(--ease)}.duel-reveal{gap:6px;display:grid}.duel-figure{color:var(--ink-2);font-size:13px}.duel-figure b{font-family:var(--font-word);color:var(--ink);font-variant-numeric:tabular-nums;font-size:28px;font-weight:400}.duel-stamp{border:2.5px double var(--k1-ink);color:var(--k1-ink);letter-spacing:.1em;text-transform:uppercase;border-radius:6px;padding:1px 8px;font-size:11px;font-weight:800;animation:.45s cubic-bezier(.34,1.56,.64,1) pop;position:absolute;top:10px;right:12px;rotate:-6deg}.duel-cross{color:var(--accent);animation:pop .35s var(--ease);position:absolute;top:10px;right:12px}.burst.duel-burst{inset:50% auto auto 50%}.which-after{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:18px;display:flex}.which-verdict{min-width:240px;color:var(--ink-2);text-wrap:pretty;flex:1;margin:0;font-size:15px}.which-verdict[data-right=true]{color:var(--ink)}.which-levelup{border:1.5px solid var(--line);background:var(--marker);color:var(--marker-ink);box-shadow:2px 2px 0 var(--line);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-block}.which-next{margin-left:auto}.which-sofar{border-top:1.5px dashed var(--line-soft);margin-top:8px;padding-top:14px}.which-sofar ol{flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.which-sofar li{border:1.5px solid var(--line-soft);background:var(--card);border-radius:999px;align-items:center;gap:6px;padding:3px 11px 4px 8px;font-size:12.5px;display:inline-flex}.which-sofar li .word-font{font-size:16px}.which-sofar li[data-right=true] svg{color:var(--k1-ink)}.which-sofar li[data-right=false] svg{color:var(--accent)}.which-results{gap:18px;max-width:900px;padding:20px 22px;display:grid}.which-results-head{align-items:center;gap:20px;display:flex}.which-results-title{text-wrap:balance;margin:0 0 4px;font-size:22px}.which-results-head p{margin:0}.which-big{border:1.5px solid var(--line);background:var(--marker);width:104px;height:104px;color:var(--marker-ink);box-shadow:var(--pop);border-radius:50%;flex:none;place-items:center;line-height:1;display:grid}.which-big b{font-family:var(--font-word);font-size:46px;font-weight:400}.which-big span{margin-top:-18px;font-size:12px;font-weight:700}.which-history{margin:0;padding:0;list-style:none;display:grid}.which-history li{border-top:1px solid var(--rule,var(--line-soft));grid-template-columns:22px 124px minmax(0,1fr);align-items:center;gap:12px;padding:9px 0;display:grid}.which-history-mark{border:1.5px solid var(--line);background:var(--k1);width:22px;height:22px;color:var(--k1-ink);border-radius:50%;place-items:center;display:grid}.which-history li[data-right=false] .which-history-mark{background:color-mix(in oklch, var(--accent) 22%, var(--card));color:var(--accent)}.which-history-word{color:var(--ink);-webkit-text-decoration:underline dotted var(--ink-3);text-decoration:underline dotted var(--ink-3);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-self:start;padding:0 4px;font-size:21px}@media (hover:hover){.which-history-word:hover{background:color-mix(in oklch, var(--marker) 50%, transparent)}}.which-history-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.which-phrase{min-width:0;color:var(--ink-3);outline:none;gap:4px;font-size:17px;line-height:1.25;display:grid;position:relative}.which-phrase[data-win]{color:var(--ink)}.which-phrase[data-picked]>.word-font:after{content:" ●";vertical-align:middle;color:var(--ink-3);font-size:9px}.which-phrase .word-font{font-size:calc(19px * var(--grow,1))}.which-phrase-tip{z-index:20;border:1.5px solid var(--line);background:var(--ink);width:max-content;max-width:250px;color:var(--paper);font-family:var(--font-ui);pointer-events:none;opacity:0;transition:opacity .15s, transform .15s var(--ease);border-radius:10px;padding:8px 11px;font-size:12.5px;font-weight:500;line-height:1.4;position:absolute;bottom:calc(100% + 8px);left:0;transform:translateY(4px)}.which-phrase-tip strong{font-weight:700;display:block}.which-phrase-tip span{opacity:.75;display:block}.which-phrase:hover .which-phrase-tip,.which-phrase:focus-visible .which-phrase-tip,.which-phrase:active .which-phrase .word-font{font-size:calc(19px * var(--grow,1))}.which-phrase-count{font-size:11.5px;display:block}.which-phrase-tip{opacity:1;transform:none}.which-results-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.tour{--tour-dim:var(--lightningcss-light,#1b1a1f80)var(--lightningcss-dark,#000000a8);z-index:90;position:fixed;inset:0}.tour-scrim{background:var(--tour-dim);position:absolute;inset:0}.tour-spot{border:2px solid var(--marker);box-shadow:0 0 0 9999px var(--tour-dim), 0 0 0 6px color-mix(in oklch, var(--marker) 30%, transparent);pointer-events:none;border-radius:14px;animation:1.8s ease-in-out infinite tour-glow;position:fixed}@keyframes tour-glow{50%{box-shadow:0 0 0 9999px var(--tour-dim), 0 0 0 11px color-mix(in oklch, var(--marker) 14%, transparent)}}.tour-arrow{pointer-events:none;width:100%;height:100%;position:fixed;inset:0;overflow:visible}.tour-arrow path,.tour-arrow polyline{fill:none;stroke:var(--marker);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.tour-card{width:min(380px,100vw - 32px);padding:18px 18px 14px;position:fixed}.tour-card[data-placement=center]{top:50%;left:50%;translate:-50% -50%}.tour-close{position:absolute;top:10px;right:10px}.tour-title{letter-spacing:-.02em;text-wrap:balance;margin:0 32px 6px 0;font-size:22px;font-weight:800}.tour-body{color:var(--ink-2);text-wrap:pretty;margin:0;font-size:14.5px;line-height:1.5}.tour-keys{color:var(--ink-3)}.tour-note{background:color-mix(in oklch, var(--marker) 45%, transparent);border-radius:6px;margin:8px 0 0;padding:1px 8px;font-size:13px;font-weight:600;display:inline-block}.tour-foot{align-items:center;gap:8px;margin-top:16px;display:flex}.tour-dots{gap:4px;margin-right:auto;display:flex}.tour-dots i{border:1.2px solid var(--ink-3);width:7px;height:7px;transition:width .25s var(--ease), background .25s;border-radius:99px}.tour-dots i[data-state=past]{background:var(--ink-3)}.tour-dots i[data-state=now]{border-color:var(--line);background:var(--marker);width:18px}.tour-skip{color:var(--ink-3);-webkit-text-decoration-color:var(--line-soft);text-decoration-color:var(--line-soft);margin:10px auto 0;font-size:13px;display:block}.tour-art{border:1.5px dashed var(--line-soft);background:var(--paper);border-radius:12px;place-items:center;height:136px;margin-bottom:14px;display:grid;position:relative;overflow:hidden}.art-page{gap:4px;width:72%;display:grid}.art-line{border-bottom:1.2px solid var(--line-soft);padding:2px 4px;position:relative}.art-line .word-font{z-index:1;font-size:21px;position:relative}.art-scribble{background:color-mix(in oklch, var(--marker) 80%, transparent);width:0;height:11px;animation:art-mark 4.5s var(--ease) infinite;animation-delay:calc(var(--i) * .5s);border-radius:3px;position:absolute;bottom:4px;left:0}@keyframes art-mark{0%,8%{width:0}28%,85%{width:52%}to{opacity:0;width:0}}.art-add{justify-items:start;gap:8px;width:70%;display:grid}.art-input{border:1.5px solid var(--line);background:var(--card);border-radius:10px;align-items:center;width:100%;height:40px;padding:0 12px;display:flex}.art-typed{clip-path:inset(0 100% 0 0);font-size:22px;animation:4s steps(6,end) infinite art-type}@keyframes art-type{0%{clip-path:inset(0 100% 0 0)}35%,to{clip-path:inset(0)}}.art-caret{background:var(--ink);width:1.5px;height:22px;margin-left:2px;animation:.9s step-end infinite art-blink}@keyframes art-blink{50%{opacity:0}}.art-chip,.art-save{border:1.5px solid var(--line);border-radius:99px;padding:2px 10px;font-size:12px;font-weight:700}.art-chip{background:var(--card);animation:art-pop-in 4s var(--ease) infinite}.art-save{background:var(--card);animation:art-save 4s var(--ease) infinite;position:absolute;bottom:22px;right:15%}@keyframes art-pop-in{0%,40%{opacity:0;scale:.6}50%,to{opacity:1;scale:1}}@keyframes art-save{0%,62%{background:var(--card);color:var(--ink)}70%,to{background:var(--marker);color:var(--marker-ink);box-shadow:2px 2px 0 var(--line)}}.art-hear{gap:10px;width:80%;display:grid}.art-hear-head{align-items:center;gap:8px;display:flex}.art-hear-head .word-font{font-size:30px;line-height:1}.art-k{border:1.5px solid var(--k3-ink,var(--line));background:var(--k3,var(--card));color:var(--k3-ink,var(--ink));border-radius:6px;padding:0 6px;font-size:11px;font-weight:800;rotate:-4deg}.art-hear-btn{border:1.5px solid var(--line);background:var(--accent);color:#fff;border-radius:99px;align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;font-weight:700;animation:1.6s ease-in-out infinite art-pulse;display:inline-flex}@keyframes art-pulse{50%{box-shadow:0 0 0 6px color-mix(in oklch, var(--accent) 25%, transparent)}}.art-video{border:1.5px solid var(--line);background:#1b1a1f;border-radius:8px;justify-content:center;align-items:center;gap:4px;height:46px;display:flex}.art-video i{background:var(--marker);width:4px;height:8px;animation:.9s ease-in-out infinite alternate art-wave;animation-delay:calc(var(--i) * -.13s);border-radius:2px}@keyframes art-wave{to{height:28px}}.art-rings{perspective:500px;width:100%;height:100%;position:relative}.art-ring{border:1.6px solid var(--c);animation:art-orbit var(--t) linear infinite;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.art-ring[data-ring="0"]{--c:var(--ring-same);--t:9s;width:96px;height:96px}.art-ring[data-ring="1"]{--c:var(--ring-explains);--t:14s;width:160px;height:160px;animation-direction:reverse}.art-ring[data-ring="2"]{--c:var(--ring-used);--t:20s;width:228px;height:228px}.art-ring i{border:1.5px solid var(--line);background:var(--c);border-radius:50%;width:10px;height:10px;position:absolute}.art-ring i:first-child{top:-6px;left:calc(50% - 5px)}.art-ring i:last-child{bottom:12%;right:6%}@keyframes art-orbit{0%{transform:rotateX(66deg)rotate(0)}to{transform:rotateX(66deg)rotate(360deg)}}.art-rings-word{border:1.5px solid var(--line);background:var(--marker);color:var(--marker-ink);box-shadow:2px 2px 0 var(--line);border-radius:99px;padding:0 10px 2px;font-size:20px;animation:3s ease-in-out infinite art-float;position:absolute;top:50%;left:50%;translate:-50% -60%}@keyframes art-float{50%{translate:-50% -75%}}.art-overheard{grid-template-columns:1fr 1fr;gap:10px;width:88%;display:grid}.art-duel{border:1.5px solid var(--line);background:var(--card);text-align:center;border-radius:10px;place-items:center;height:78px;padding:6px;display:grid;position:relative}.art-duel .word-font{font-size:16px;line-height:1.1}.art-duel-win{animation:art-win 4s var(--ease) infinite}.art-duel-win .word-font{animation:4s cubic-bezier(.34,1.4,.64,1) infinite art-grow}.art-duel-lose .word-font{animation:art-shrink 4s var(--ease) infinite}@keyframes art-win{0%,35%{border-color:var(--line);background:var(--card)}45%,90%{border-color:var(--k1-ink);background:color-mix(in oklch, var(--k1) 70%, var(--card))}}@keyframes art-grow{0%,35%{font-size:16px}50%,90%{font-size:21px}}@keyframes art-shrink{0%,35%{color:var(--ink);font-size:16px}50%,90%{color:var(--ink-3);font-size:12px}}.art-stamp{border:2px double var(--k1-ink);background:var(--card);color:var(--k1-ink);text-transform:uppercase;letter-spacing:.06em;animation:art-stamp 4s var(--ease) infinite;border-radius:5px;align-items:center;gap:2px;padding:0 5px;font-size:9.5px;font-weight:800;display:inline-flex;position:absolute;top:-9px;right:-6px;rotate:-6deg}@keyframes art-stamp{0%,45%{opacity:0;scale:1.6}52%,90%{opacity:1;scale:1}to{opacity:0}}.art-flash{perspective:600px;justify-items:center;gap:10px;width:80%;display:grid}.art-flip{width:132px;height:58px;transform-style:preserve-3d;animation:art-flip 4.8s var(--ease) infinite;position:relative}.art-flip span{border:1.5px solid var(--line);background:var(--card);backface-visibility:hidden;border-radius:10px;place-items:center;font-size:19px;display:grid;position:absolute;inset:0}.art-flip .art-flip-front{color:var(--ink-3);font-size:16px}.art-flip-back{transform:rotateY(180deg);background:color-mix(in oklch, var(--k1) 70%, var(--card))!important}@keyframes art-flip{0%,25%{transform:rotateY(0)}38%,88%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}.art-steps{gap:3px;width:100%;display:flex}.art-steps i{border:1.2px solid var(--line-soft);--c:color-mix(in oklab, var(--mastery-understand) calc(var(--i) * 6.6%), var(--mastery-recognize));height:12px;animation:art-step 4.8s var(--ease) infinite;animation-delay:calc(var(--i) * 80ms);border-radius:99px;flex:1}@keyframes art-step{0%,35%{background:0 0}45%,90%{background:var(--c);border-color:color-mix(in oklab, var(--c) 70%, var(--line))}to{background:0 0}}.art-steps-labels{width:100%;color:var(--ink-3);justify-content:space-between;margin-top:-6px;font-size:11px;font-weight:700;display:flex}.art-profile{align-items:center;gap:16px;display:flex}.art-flame{color:var(--accent);justify-items:center;animation:1.4s ease-in-out infinite art-bob;display:grid}.art-flame b{color:var(--ink);font-family:var(--font-word);font-size:24px;font-weight:400;line-height:1}@keyframes art-bob{50%{translate:0 -4px}}.art-calendar{grid-template-columns:repeat(7,12px);gap:3px;display:grid}.art-calendar i{border:1.2px solid var(--line-soft);border-radius:3px;width:12px;height:12px}.art-calendar i[data-on]{animation:art-day 4s var(--ease) infinite;animation-delay:calc(var(--i) * 60ms)}@keyframes art-day{0%,10%{background:0 0}20%,90%{background:var(--k1-ink);border-color:var(--k1-ink)}}.art-badge{border:1.5px solid var(--line);background:var(--marker);color:var(--marker-ink);box-shadow:2px 2px 0 var(--line);border-radius:8px;padding:4px 10px;font-size:13px;font-weight:800;animation:4s cubic-bezier(.34,1.56,.64,1) infinite art-badge}@keyframes art-badge{0%,45%{opacity:0;rotate:-20deg;scale:.4}55%,92%{opacity:1;rotate:-5deg;scale:1}}.art-done{place-items:center;display:grid;position:relative}.art-done img{animation:1.6s ease-in-out infinite art-bob}.art-done i{border:1.5px solid var(--line);background:var(--marker);width:9px;height:9px;animation:art-burst 2.2s var(--ease) infinite;border-radius:50%;margin:-4.5px;position:absolute;top:50%;left:50%}.art-done i:nth-child(odd){background:var(--k1)}@keyframes art-burst{0%{opacity:0;transform:rotate(var(--a)) translateX(10px)}20%{opacity:1}70%,to{opacity:0;transform:rotate(var(--a)) translateX(58px)}}@media (prefers-reduced-motion:reduce){.tour-spot,.tour-art *,.tour-art :before{animation:none!important}.art-scribble{width:52%}.art-typed{clip-path:none}.art-ring{transform:rotateX(66deg)}.art-duel-win{border-color:var(--k1-ink)}.art-duel-win .word-font{font-size:21px}.art-duel-lose .word-font{color:var(--ink-3);font-size:12px}.art-steps i:nth-child(-n+9){background:var(--c)}.art-calendar i[data-on]{background:var(--k1-ink)}.art-done i{display:none}}@media (width<=899px){.tour-card[data-placement=above],.tour-card[data-placement=below]{width:auto;left:16px;right:16px}.tour-card[data-placement=center]{width:calc(100vw - 32px)}.tour-art{height:118px}.art-ring[data-ring="2"]{width:200px;height:200px}.tour-keys{display:none}}.mobile-bar,.menu-scrim,.tab-bar{display:none}@media (width<=899px){html{-webkit-tap-highlight-color:transparent}.app{height:auto;display:block;overflow-x:clip}.main{overflow:visible}.page{padding:16px 16px calc(100px + env(safe-area-inset-bottom))}.field,textarea.field,.search input,.inline-edit,.palette-details input{font-size:16px}.mobile-bar{z-index:30;height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0 6px;background:var(--paper);border-bottom:1.5px solid var(--line-soft);align-items:center;gap:4px;display:flex;position:sticky;top:0}.mobile-menu-btn{width:44px;height:44px;color:var(--ink)}.mobile-brand{color:inherit;padding:0;text-decoration:none}.mobile-brand .brand-logo{width:30px;height:30px}.sidebar{z-index:45;width:min(300px,86vw);padding-top:calc(18px + env(safe-area-inset-top));padding-bottom:calc(14px + env(safe-area-inset-bottom));background:var(--paper);border-right:1.5px solid var(--line);visibility:hidden;transition:transform .28s var(--ease), visibility 0s linear .28s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.sidebar.open{visibility:visible;transition:transform .28s var(--ease), visibility 0s;transform:none;box-shadow:5px 0 #1b1a1f1f}.sidebar .add-btn kbd{display:none}.sidebar .filter-item,.sidebar .nav-item{min-height:40px}.menu-scrim{z-index:44;opacity:0;pointer-events:none;background:#1b1a1f4d;transition:opacity .2s;display:block;position:fixed;inset:0}.menu-scrim[data-open=true]{opacity:1;pointer-events:auto}body:has(.sidebar.open){overflow:hidden}.tab-bar{left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:35;border:1px solid color-mix(in oklch, var(--line) 55%, transparent);background:var(--card);height:58px;box-shadow:2px 3px 0 color-mix(in oklch, var(--line) 18%, transparent), 0 10px 28px -12px color-mix(in oklch, var(--line) 35%, transparent);border-radius:999px;grid-template-columns:repeat(5,1fr);align-items:center;padding:0 4px;display:grid;position:fixed}.tab{height:50px;color:var(--ink-3);font:inherit;letter-spacing:.01em;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0;font-size:10px;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.tab>svg{stroke-width:1.8px;box-sizing:content-box;width:20px;height:20px;transition:background .25s var(--ease), color .2s;border-radius:999px;padding:3px 12px}.tab[data-active=true]{color:var(--ink);font-weight:700}.tab[data-active=true]>svg{background:color-mix(in oklch, var(--marker) 75%, transparent);color:var(--marker-ink);stroke-width:2.2px}.tab-avatar{border:1px solid var(--line);width:22px;height:22px;margin:3px 0;font-size:11px}.tab[data-active=true] .tab-avatar{box-shadow:0 0 0 2.5px var(--marker)}.tab:active>svg,.tab:active .tab-add-circle{scale:.92}.tab-add,.tab-add[data-active]{color:var(--ink)}.tab-add>span:last-child{display:none}.tab-add-circle{border:1.5px solid var(--line);background:var(--marker);width:46px;height:46px;color:var(--marker-ink);box-shadow:2px 2px 0 var(--line), 0 6px 14px -4px color-mix(in oklch, var(--marker) 80%, transparent);transition:scale .15s var(--ease);border-radius:50%;place-items:center;display:grid}.tab-add-circle svg{width:22px;height:22px}.update-banner{left:16px;right:16px;bottom:calc(84px + env(safe-area-inset-bottom));justify-content:space-between}.toaster{left:12px;right:12px;bottom:calc(86px + env(safe-area-inset-bottom));align-items:stretch}.toast{justify-content:space-between}.page-header{flex-direction:column;align-items:flex-start;gap:2px;margin-bottom:10px}.page-title{font-size:34px}.toolbar{top:calc(56px + env(safe-area-inset-top));margin:0 -16px;padding:8px 16px 12px}.search,.search:focus-within{width:100%}.search kbd{display:none}.day{margin-top:16px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.word-card{min-height:128px;padding:12px}.word-card-head{flex-wrap:wrap;gap:4px 8px}.word-card-word{font-size:26px}.word-card-head .k-badge{margin-top:3px}.empty-state{min-height:calc(100dvh - 56px)}.empty-card{padding:28px 20px}.empty-card h1{font-size:26px}.empty-card kbd{display:none}.back-link{margin-bottom:4px}.word-hero{flex-direction:column;align-items:stretch;gap:18px;padding-bottom:18px}.word-title-row{flex-wrap:wrap;align-items:center;gap:10px 14px}.word-title{font-size:clamp(44px,13vw,64px)}.title-badges{margin-top:0}.word-meta{margin-top:12px}.mine{max-width:none}.mine-label{min-width:84px;font-size:10px}.word-hero-side{align-items:stretch}.mastery-track{width:100%}.word-columns{grid-template-columns:1fr;gap:12px;margin-top:14px}.word-col{gap:12px}.panel{padding:16px}.videos-inner{margin-top:14px;padding:12px}.youglish-bar{flex-wrap:wrap}.tip-below .tip-bubble{left:auto;right:0;transform:translateY(-4px)}.tip-below:hover .tip-bubble,.tip-below:focus-visible .tip-bubble,.tip-below:focus-within .tip-bubble{transform:none}.word-card .tip-bubble{left:auto;right:-6px;transform:translateY(4px)}.word-card .tip:hover .tip-bubble,.word-card .tip:focus-visible .tip-bubble,.word-card .tip:focus-within .tip-bubble{transform:none}.overlay,.overlay-soft{padding:calc(12px + env(safe-area-inset-top)) 12px 12px}.dialog,.reminder{width:100%}.palette-input{padding:12px 14px}.palette-input input{font-size:28px}.palette-details{padding:14px}.two-col{grid-template-columns:1fr}.dialog-actions .hint{display:none}.dialog-actions{justify-content:flex-end}.reminder{max-height:calc(100dvh - 24px - env(safe-area-inset-top));padding:20px 16px 14px;overflow-y:auto}.reminder-title{font-size:22px}.reminder-word-head{flex-wrap:wrap}.reminder-source{flex-basis:100%;margin-left:0}.mobile-bar-end{align-items:center;gap:2px;margin-left:auto;display:flex}.view-controls{width:100%}.select-chip{flex:1;min-width:0;height:40px}.select-chip select{width:100%;font-size:16px}.layout-toggle{flex:none;order:0;height:42px}.toolbar .search,.toolbar .search:focus-within{flex:1;width:auto;min-width:0;max-width:none}.select-toggle{flex:none;order:0;justify-content:center;width:42px;height:42px;padding:0}.select-toggle .select-text{display:none}.bulk-bar{bottom:calc(80px + env(safe-area-inset-bottom));height:46px;padding:0 4px 0 12px}.bulk-btn{padding:0 8px}.bulk-btn:not(.bulk-close) svg,.bulk-count-text{display:none}.bulk-menu{left:0;translate:none}.bulk-sep{margin:0 2px}.section-nav{top:calc(56px + env(safe-area-inset-top));gap:10px;margin:4px -16px 12px;padding:8px 16px}.section-nav-word{font-size:20px}.section-nav.is-compact .section-nav-word{max-width:40vw}.word-page [data-section]{scroll-margin-top:calc(120px + env(safe-area-inset-top))}.sheet{margin-top:12px;padding:0 0 4px}.sheet-group{grid-template-columns:minmax(0,1fr)}.sheet-margin{border-right:0;border-bottom:1.5px solid var(--margin-rule);flex-flow:wrap;align-items:baseline;gap:2px 8px;padding:10px 14px 8px 16px}.sheet-margin>*{position:static}.sheet-margin-count{margin:0 0 0 auto}.sheet[data-margin=plain] .sheet-margin{display:none}.sheet-lines{border-left:1.5px solid var(--margin-rule);margin-left:10px}.line{border-radius:0}.line-full{flex-direction:column;gap:4px;padding:10px 12px 12px 20px;display:flex}.line-full .line-word{display:contents}.line-full .line-word-link{font-size:25px}.line-sub{min-height:24px}.line-notes{padding-top:0}.line-meaning{--lines:3}.line-phrase,.line-sentence{font-size:16px}.line-meta{order:5;margin-top:2px}.line-brief{grid-template-columns:minmax(0,max-content) auto minmax(0,1fr) auto auto;gap:8px;min-height:48px;padding:4px 12px 4px 20px}.line-brief .line-word-link{max-width:44vw;font-size:20px}.line-brief .line-ipa,.line-brief .line-source{display:none}.line-k{justify-self:end}.rings-teaser{--scale:.8}.rt-bead-word{font-size:13.5px}.rt-word{font-size:26px}.which-setup{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""sheet""side""overheard"}.which-overheard-list{grid-template-columns:minmax(0,1fr);gap:10px}.which-row{grid-template-columns:minmax(0,1fr)}.which-margin{border-right:0;padding:12px 16px 0}.which-row-go .which-margin{display:none}.which-row-body{padding:8px 16px 14px}.which-diffs{grid-template-columns:minmax(0,1fr)}.which-diff{grid-template-columns:auto auto minmax(0,1fr);align-items:center;column-gap:10px}.which-diff .scale-glyph{margin:0}.which-tabs{padding-top:10px}.which-tab{flex:1;min-width:0;padding-inline:6px}.which-start{justify-content:center;width:100%}.which-card{padding:16px 16px 18px}.rope-steps:not(.rope-steps-vertical){grid-template-columns:repeat(4,minmax(0,1fr));row-gap:10px}.rope-steps:not(.rope-steps-vertical):before{display:none}.duel-cards{grid-template-columns:minmax(0,1fr);gap:12px}.duel-card{min-height:0;padding:30px 16px 16px}.duel-phrase{font-size:calc(27px * var(--grow))}.which-play{min-height:0}.which-verdict{flex-basis:100%;min-width:0}.which-next{justify-content:center;width:100%}.which-results{padding:16px}.which-results-head{gap:14px}.which-results-title{font-size:19px}.which-history li{grid-template-columns:22px minmax(0,1fr);row-gap:6px}.which-history-pair{grid-column:2;gap:10px}.which-phrase .word-font{font-size:calc(16px * var(--grow,1))}.colloc-top li{grid-template-columns:18px minmax(0,1fr) auto;row-gap:0}.colloc-top-kind{grid-area:2/2;padding-left:4px}.colloc-top .usage{grid-area:1/3}.colloc-group{grid-template-columns:minmax(0,1fr)}.colloc-phrase{font-size:17px}.kwic-map{gap:2px 8px}.kwic-center{padding:3px 10px;font-size:22px}.kwic-word{font-size:calc(14px + var(--share) * 5px);padding:1px 3px}.kwic-before li:after,.kwic-after li:before{width:6px}.settings-layout{grid-template-columns:1fr;gap:12px}.settings-nav{top:calc(56px + env(safe-area-inset-top));z-index:4;scrollbar-width:none;background:var(--paper);flex-direction:row;gap:6px;margin:0 -16px;padding:8px 16px;position:sticky;overflow-x:auto}.settings-nav::-webkit-scrollbar{display:none}.settings-tab{border-color:var(--line-soft);flex:none;height:36px}.settings-tab.active{box-shadow:none;background:var(--ink);color:var(--paper);border-color:var(--ink)}.settings-panel{padding:16px}.setting{grid-template-columns:1fr;gap:10px}.setting-control{justify-content:flex-start}.creator{flex-wrap:wrap}.swatches{justify-content:flex-start;max-width:none}.swatch{width:40px;height:40px}.flash-start-grid{grid-template-columns:minmax(0,1fr)}.page-header:has(.flashback-cta)>p{margin-left:0}.flashback-head{align-items:flex-start;gap:12px}.flash-card{padding:20px 16px}.flash-prompt{font-size:24px}.flash-word{font-size:42px}.flash-options{gap:10px}.flash-option.word-font{font-size:22px}.flash-option kbd{display:none}.flash-actions .btn{flex:1;justify-content:center}.flash-actions>.faint{flex-basis:100%}.flash-progress li{width:12px}.flash-progress li[data-state=now]{width:22px}.flash-summary-head{flex-direction:column;align-items:flex-start;gap:14px}.size-custom{flex-wrap:wrap}.profile{width:100%;max-height:calc(100dvh - 24px - env(safe-area-inset-top));padding:18px 16px 12px}.profile-stats,.badges{grid-template-columns:repeat(2,1fr)}}@media (hover:none){.hover-only{opacity:1}.word-card:hover{box-shadow:none;transform:none}.peek-word{-webkit-text-decoration:underline dotted var(--ink-3);text-decoration:underline dotted var(--ink-3);text-underline-offset:3px}}@media (width<=899px){.pool-search{width:100%;margin-left:0}.pool{margin-top:10px}.pool-stage{touch-action:pan-y;height:min(58vh,430px)}.pool-center{box-shadow:2px 2px 0 var(--line);padding:0 14px 3px;font-size:22px}.pool-levels{color:var(--ink-3);flex-wrap:wrap;justify-content:center;gap:4px 14px;margin:0 0 8px;font-size:12px;display:flex}.pool-levels span{gap:5px;transition:color .2s}.pool-levels i{opacity:.5;width:12px;transition:width .2s var(--ease), opacity .2s}.pool-levels span.on{color:var(--ink);font-weight:700}.pool-levels span.on i{opacity:1;width:22px}.pool-zoom{z-index:2000;gap:6px;display:grid;position:absolute;bottom:10px;right:10px}.pool-zoom .icon-btn{border:1.5px solid var(--line);background:var(--card);width:34px;height:34px;color:var(--ink)}.pool-zoom-tip{z-index:2000;border:1.5px solid var(--line);background:var(--marker);color:var(--marker-ink);white-space:nowrap;box-shadow:2px 2px 0 var(--line);pointer-events:none;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12.5px;font-weight:700;display:flex;position:absolute;top:10px;left:50%;translate:-50%}.pool-status{white-space:normal;text-align:center;max-width:calc(100% - 70px);bottom:14px}.pool-sheet{border:1.5px solid var(--line);background:var(--card);box-shadow:var(--pop);border-radius:16px;margin-top:12px;padding:12px 14px 10px;display:block}.pool-card-main{font-size:28px}}