@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:400 800;font-stretch:100%;font-display:swap;src:url(/fonts/bricolage-grotesque-normal-400-800-latin-ext.woff2)format("woff2");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;font-style:normal;font-weight:400 800;font-stretch:100%;font-display:swap;src:url(/fonts/bricolage-grotesque-normal-400-800-latin.woff2)format("woff2");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;--paper:#fdf5f8;--paper-subtle:#f5edf1;--paper-deep:#ede7db;--card:#fff;--card-elevated:#fff;--ink:#121815;--ink-soft:#3b4740;--ink-muted:#5f6e66;--ink-faint:#5f6e66;--control-line:var(--line);--input-bg:var(--card);--toggle-track:#cbd5e1;--english-badge-background:#152238;--english-badge-border:#ffffff2e;--english-badge-color:#fdf5f8;--on-accent:#fff;--line:#121815;--line-subtle:#e2ddd3;--line-light:#ece7de;--rosa:#e4007c;--rosa-dark:#b30060;--rosa-soft:#fdf0f7;--rosa-glow:#e4007c33;--turquesa:#b7d3c2;--turquesa-dark:#234734;--turquesa-deep:#2d5a43;--turquesa-soft:#eaf3ed;--turquesa-border:#9ec2ad;--turquesa-glow:#b7d3c259;--tezontle:#d32f2f;--tezontle-dark:#991b1b;--tezontle-soft:#fef2f2;--tezontle-glow:#d32f2f33;--cempasuchil:#f59e0b;--cempasuchil-dark:#b45309;--cempasuchil-soft:#fef8ee;--cempasuchil-glow:#f59e0b33;--maya:#0284c7;--maya-dark:#0369a1;--maya-soft:#f0f9ff;--maya-glow:#0284c733;--verde:#15803d;--verde-dark:#14532d;--verde-soft:#f0fdf4;--verde-glow:#15803d33;--shadow-sm:2px 2px 0 #1218152e;--shadow-md:3px 3px 0 #1218152e;--shadow-lg:4px 4px 0 #1218152e;--shadow-card:4px 4px 0 #1218152e;--shadow-soft:0 4px 20px -2px #12181514;--shadow-ink:var(--ink);--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-snap:cubic-bezier(.2, 0, 0, 1);--pill-height:32px;--pill-height-sm:24px;--pill-radius:999px;--font-serif:"Bricolage Grotesque", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sans:"Bricolage Grotesque", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--display-weight:700;--display-letter-spacing:-1.2px;--brand-weight:800;--brand-letter-spacing:-.6px;--phrase-letter-spacing:-.8px;--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px);--safe-area-inset-right:env(safe-area-inset-right,0px);--keyboard-inset:0px;--btn-primary-color:#fff;--btn-primary-bg:var(--ink);--btn-primary-border:var(--ink);--btn-primary-shadow:var(--rosa);--btn-primary-hover-bg:#25332c;--btn-primary-hover-border:var(--ink);--btn-primary-hover-shadow:var(--rosa-dark);--btn-primary-hover-color:#fff;--btn-danger-bg:var(--tezontle-dark);--btn-danger-color:#fff;--btn-danger-hover-bg:#7f1d1d;--paper-warm:#fdfaf7;--paper-hover:#edebe4;--cantera:#c2410c;--btn-secondary-color:var(--ink);--btn-secondary-bg:var(--card);--btn-secondary-border:var(--line);--btn-secondary-shadow:2px 2px 0 var(--turquesa-deep);--btn-secondary-hover-bg:var(--paper-subtle);--btn-secondary-hover-border:var(--line);--btn-secondary-hover-shadow:4px 4px 0 var(--turquesa-dark);--turquesa-hover:#d8eadf;--cempasuchil-hover:#fdf0d8;--tezontle-hover:#fde2e2;--mobile-tab-bg:#fdf5f8e6;--mobile-tab-border:var(--line-subtle);--mobile-tab-shadow:0 6px 20px #12181514, 0 1px 3px #1218150a;--sample-card-en-bg:var(--turquesa);--sample-card-en-border:var(--line);--sample-card-en-shadow:var(--turquesa-dark);--sample-card-en-shadow-hover:var(--turquesa-dark);--modal-sheet-shadow:0 12px 36px -4px #12181538, 4px 4px 0 var(--shadow-ink);--modal-backdrop-bg:#12181529;--jolito-logo-inner:#fff;--grade-again-bg:var(--tezontle);--grade-again-border:var(--tezontle-dark);--grade-again-color:#fff;--grade-again-strong:#fff;--grade-again-small:#fff;--grade-again-kbd-bg:#00000026;--grade-again-kbd-border:var(--tezontle-dark);--grade-again-kbd-color:#fff;--grade-again-hover-bg:var(--tezontle-dark);--grade-again-hover-border:var(--tezontle-dark);--grade-again-shadow:2px 2px 0 var(--tezontle-dark);--grade-hard-bg:var(--cempasuchil);--grade-hard-border:var(--cempasuchil-dark);--grade-hard-color:var(--ink);--grade-hard-strong:var(--ink);--grade-hard-small:var(--ink);--grade-hard-kbd-bg:#0000001a;--grade-hard-kbd-border:var(--cempasuchil-dark);--grade-hard-kbd-color:var(--ink);--grade-hard-hover-bg:#e69500;--grade-hard-hover-border:var(--cempasuchil-dark);--grade-hard-shadow:2px 2px 0 var(--cempasuchil-dark);--grade-good-bg:var(--maya-dark);--grade-good-border:#075985;--grade-good-color:#fff;--grade-good-strong:#fff;--grade-good-small:#fff;--grade-good-kbd-bg:#00000026;--grade-good-kbd-border:#075985;--grade-good-kbd-color:#fff;--grade-good-hover-bg:#075985;--grade-good-hover-border:#075985;--grade-good-shadow:2px 2px 0 #075985;--grade-easy-bg:var(--verde);--grade-easy-border:var(--verde-dark);--grade-easy-color:#fff;--grade-easy-strong:#fff;--grade-easy-small:#fff;--grade-easy-kbd-bg:#00000026;--grade-easy-kbd-border:var(--verde-dark);--grade-easy-kbd-color:#fff;--grade-easy-hover-bg:var(--verde-dark);--grade-easy-hover-border:var(--verde-dark);--grade-easy-shadow:2px 2px 0 var(--verde-dark);--grade-hover-shadow:4px 4px 0 var(--shadow-ink);--diff-card-shadow:3px 3px 0 var(--cempasuchil);--diff-card-border:var(--line);--diff-match-bg:var(--turquesa-soft);--diff-match-color:var(--turquesa-dark);--diff-seg-match-bg:var(--turquesa-soft);--diff-seg-match-color:var(--turquesa-dark);--diff-seg-accent-bg:var(--turquesa-soft);--diff-seg-accent-color:var(--turquesa-dark);--diff-seg-accent-border:1.5px dashed var(--cempasuchil);--diff-seg-missing-bg:#ffedd5;--diff-seg-missing-color:#9a3412;--diff-seg-extra-bg:var(--tezontle-soft);--diff-seg-extra-color:var(--tezontle-dark);--diff-seg-space-bg:#fecaca;--diff-seg-space-color:#dc2626;--diff-seg-space-border:1px solid transparent;--filter-pill-active-bg:var(--ink);--filter-pill-active-color:var(--paper);--filter-pill-active-border:var(--ink);--filter-pill-active-shadow:var(--shadow-sm);--choice-selected-bg:var(--turquesa);--choice-selected-border:1.5px solid transparent;--choice-selected-color:var(--ink);--choice-selected-strong:var(--ink);--choice-selected-small:var(--ink);--kbd-bg:#fbf9f5;--kbd-color:var(--ink);--kbd-border:var(--line);--kbd-shadow:0 1px 0 #0000001a;--tag-slang-bg:#ffd6e0;--tag-slang-color:#881337;--tag-slang-border:#f43f5e;--tag-idiom-bg:#e2f0d9;--tag-idiom-color:#14532d;--tag-idiom-border:#22c55e;--tag-food-bg:#fff2cc;--tag-food-color:#78350f;--tag-food-border:#f59e0b;--tag-travel-bg:#c5e3f6;--tag-travel-color:#0c4a6e;--tag-travel-border:#0284c7;--tag-basics-bg:#eaeaea;--tag-basics-color:var(--ink);--tag-basics-border:var(--line);--select-chevron-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%233b4740' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");font-family:var(--font-sans);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0d1310;--paper-subtle:#141c18;--paper-deep:#1a2520;--card:#18221d;--card-elevated:#202d26;--ink:#f3f6f4;--ink-soft:#c2cec7;--ink-muted:#a1b2a7;--ink-faint:#8d9c94;--control-line:#708779;--input-bg:#111a15;--toggle-track:var(--control-line);--english-badge-background:#f3f6f4;--english-badge-border:#12181533;--english-badge-color:#121815;--on-accent:var(--paper);--line:#405649;--line-subtle:#24322a;--line-light:#1b2620;--rosa:#f39;--rosa-dark:#f272ad;--rosa-soft:#281420;--rosa-glow:#ff339947;--turquesa:#a3cfb6;--turquesa-dark:#7ec29d;--turquesa-soft:#12241b;--turquesa-border:#385244;--turquesa-glow:#a3cfb640;--tezontle:#ef4444;--tezontle-dark:#f87171;--tezontle-soft:#2a1212;--tezontle-glow:#ef444440;--cempasuchil-dark:#fbbf24;--cempasuchil-soft:#281d0c;--cempasuchil-glow:#f59e0b40;--maya:#38bdf8;--maya-dark:#7dd3fc;--maya-soft:#0c202d;--maya-glow:#38bdf840;--verde:#22c55e;--verde-dark:#4ade80;--verde-soft:#112618;--verde-glow:#22c55e40;--shadow-sm:2px 2px 0 #000000a6;--shadow-md:3px 3px 0 #000000bf;--shadow-lg:4px 4px 0 #000000d9;--shadow-card:4px 4px 0 #000000bf;--shadow-soft:0 4px 24px -2px #0009;--shadow-ink:#000000d9;--btn-primary-color:var(--paper);--btn-primary-bg:var(--rosa);--btn-primary-border:var(--rosa-dark);--btn-primary-shadow:var(--shadow-ink);--btn-primary-hover-bg:#ff4da6;--btn-primary-hover-border:#ff80c0;--btn-primary-hover-shadow:var(--shadow-ink);--btn-primary-hover-color:var(--paper);--btn-danger-color:var(--paper);--btn-danger-hover-bg:#fca5a5;--paper-warm:var(--paper-subtle);--paper-hover:var(--paper-deep);--cantera:var(--cempasuchil-dark);--btn-secondary-shadow:2px 2px 0 var(--shadow-ink);--btn-secondary-hover-bg:var(--card-elevated);--btn-secondary-hover-border:var(--turquesa-dark);--btn-secondary-hover-shadow:4px 4px 0 var(--shadow-ink);--turquesa-hover:#1c3628;--cempasuchil-hover:#382910;--tezontle-hover:#3d1a1a;--mobile-tab-bg:#141c18eb;--mobile-tab-border:#ffffff1f;--mobile-tab-shadow:0 8px 32px #0000008c, 0 1px 3px #0000004d;--sample-card-en-bg:#1c2b22;--sample-card-en-border:var(--turquesa-border);--sample-card-en-shadow-hover:var(--turquesa);--modal-sheet-shadow:0 16px 40px -4px #000000bf, 4px 4px 0 var(--shadow-ink);--modal-backdrop-bg:#000000bf;--jolito-logo-inner:var(--paper);--grade-again-bg:#2b1216;--grade-again-border:#bd737a;--grade-again-color:#fca5a5;--grade-again-small:#fca5a5;--grade-again-kbd-bg:#3f191f;--grade-again-kbd-border:#bd737a;--grade-again-kbd-color:#fca5a5;--grade-again-hover-bg:#3d1a1f;--grade-again-hover-border:#f87171;--grade-again-shadow:3px 3px 0 var(--shadow-ink);--grade-hard-bg:#2d1e0a;--grade-hard-border:#b89b59;--grade-hard-color:#fde68a;--grade-hard-strong:#fff;--grade-hard-small:#fde68a;--grade-hard-kbd-bg:#422b0f;--grade-hard-kbd-border:#b89b59;--grade-hard-kbd-color:#fde68a;--grade-hard-hover-bg:#3d2a10;--grade-hard-hover-border:#fbbf24;--grade-hard-shadow:3px 3px 0 var(--shadow-ink);--grade-good-bg:#0b2233;--grade-good-border:#649dbb;--grade-good-color:#bae6fd;--grade-good-small:#bae6fd;--grade-good-kbd-bg:#11344d;--grade-good-kbd-border:#649dbb;--grade-good-kbd-color:#bae6fd;--grade-good-hover-bg:#12334a;--grade-good-hover-border:#38bdf8;--grade-good-shadow:3px 3px 0 var(--shadow-ink);--grade-easy-bg:#0e2b19;--grade-easy-border:#66a880;--grade-easy-color:#bbf7d0;--grade-easy-small:#bbf7d0;--grade-easy-kbd-bg:#143d24;--grade-easy-kbd-border:#66a880;--grade-easy-kbd-color:#bbf7d0;--grade-easy-hover-bg:#143d24;--grade-easy-hover-border:#4ade80;--grade-easy-shadow:3px 3px 0 var(--shadow-ink);--grade-hover-shadow:5px 5px 0 var(--shadow-ink);--diff-card-shadow:3px 3px 0 var(--shadow-ink);--diff-match-bg:#a3cfb633;--diff-match-color:#fff;--diff-seg-match-bg:#a3cfb62e;--diff-seg-match-color:#fff;--diff-seg-accent-bg:#a3cfb62e;--diff-seg-accent-color:#fff;--diff-seg-accent-border:2px dashed #fbbf24;--diff-seg-missing-bg:#f59e0b42;--diff-seg-missing-color:#fde68a;--diff-seg-extra-bg:#ef444442;--diff-seg-extra-color:#fca5a5;--diff-seg-space-bg:#ef444459;--diff-seg-space-color:#fca5a5;--diff-seg-space-border:1px solid #ef4444;--filter-pill-active-bg:var(--rosa);--filter-pill-active-border:var(--rosa-dark);--filter-pill-active-shadow:2px 2px 0 var(--shadow-ink);--choice-selected-bg:#163625;--choice-selected-border:2px solid var(--turquesa-dark);--choice-selected-color:#fff;--choice-selected-strong:#fff;--choice-selected-small:var(--turquesa);--kbd-bg:#1c2721;--kbd-shadow:0 1px 0 #00000080;--tag-slang-bg:#3b1422;--tag-slang-color:#fda4af;--tag-idiom-bg:#143322;--tag-idiom-color:#86efac;--tag-food-bg:#36250e;--tag-food-color:#fde68a;--tag-travel-bg:#0f2e42;--tag-travel-color:#7dd3fc;--tag-basics-bg:#1f2b24;--tag-basics-color:var(--ink-soft);--select-chevron-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c2cec7' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth;touch-action:manipulation;overscroll-behavior-y:none;-webkit-text-size-adjust:100%;min-width:320px}body{min-width:320px;min-height:100dvh;color:var(--ink);background:var(--paper);touch-action:manipulation;overscroll-behavior-y:none;margin:0;line-height:1.5}button,input,textarea,select,summary,a{font:inherit;touch-action:manipulation}input,textarea,select{font-size:16px}button,summary{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,.hero-scroll-cue:focus-visible{outline:2.5px solid var(--rosa);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100dvh;padding-top:max(16px, env(safe-area-inset-top));padding-right:max(clamp(20px, 5vw, 80px), env(safe-area-inset-right));padding-bottom:max(calc(32px + var(--keyboard-inset,0px)), calc(env(safe-area-inset-bottom,0px) + var(--keyboard-inset,0px)));padding-left:max(clamp(20px, 5vw, 80px), env(safe-area-inset-left));flex-direction:column;transition:padding-bottom .24s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.app-main{flex-direction:column;flex:1;display:flex}.topbar{z-index:10;justify-content:space-between;align-items:center;gap:20px;width:min(1080px,100%);margin:0 auto;padding:0;display:flex;position:relative}.topbar-brand{flex:1 1 0;justify-content:flex-start;align-items:center;min-width:0;display:flex}.brand{color:var(--ink);font-family:var(--font-serif);font-size:32px;font-weight:var(--brand-weight,800);letter-spacing:-1.2px;white-space:nowrap;transition:background .18s ease, border-color .18s ease, transform .18s var(--ease-spring);background:0 0;border:2px solid #0000;border-radius:20px;flex-shrink:0;align-items:center;gap:12px;margin-left:-14px;padding:4px 14px;line-height:1;display:inline-flex}.brand:hover{background:var(--paper-subtle);border-color:var(--line);transform:translateY(-2px)}.brand:active{transform:translateY(1px)}.desktop-segmented-nav{border:1.5px solid var(--line-subtle,#12181514);z-index:5;background:#1218150d;border-radius:999px;flex:none;align-items:center;gap:2px;margin:0 auto;padding:3px;display:inline-flex;box-shadow:0 1px 2px #12181505}.desktop-segmented-btn{height:32px;color:var(--ink-soft);font-family:var(--font-sans);letter-spacing:-.01em;cursor:pointer;transition:color .14s ease, background-color .14s ease, box-shadow .14s ease, transform .1s var(--ease-spring);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.desktop-segmented-btn:hover:not(.is-active){color:var(--ink);background:#1218150a}.desktop-segmented-btn:active{transform:scale(.96)}.desktop-segmented-btn.is-active{background:var(--paper,#fff);color:var(--rosa-dark);font-weight:700;box-shadow:0 1px 4px #12181514}@media (pointer:coarse){.desktop-segmented-btn{gap:7px;min-height:44px;padding:0 12px;font-size:14px}}@media (width<=800px){.topbar{gap:8px}.desktop-segmented-btn{gap:4px;padding:0 7px;font-size:12px}.nav-actions{gap:8px}}.brand-mark{vertical-align:middle;width:34px;height:34px;transition:transform .26s var(--ease-spring);flex-shrink:0;display:inline-block;overflow:visible}.jolito-gill{fill:var(--rosa);transform-box:view-box;transition:transform .32s var(--ease-spring)}.gill-tl{transform-origin:8.5px 8.75px;transform:rotate(-22deg)}.gill-ml{transform-origin:7px 16px;transform:rotate(0)}.gill-bl{transform-origin:8.5px 23.25px;transform:rotate(22deg)}.gill-tr{transform-origin:23.5px 8.75px;transform:rotate(22deg)}.gill-mr{transform-origin:25px 16px;transform:rotate(0)}.gill-br{transform-origin:23.5px 23.25px;transform:rotate(-22deg)}.jolito-core{transform-box:view-box;transform-origin:16px 16px;transition:transform .26s var(--ease-spring)}.jolito-core-outer{fill:var(--ink)}.jolito-core-mid{fill:var(--cempasuchil)}.jolito-core-inner{fill:var(--jolito-logo-inner)}.nav-actions{flex:1 1 0;justify-content:flex-end;align-items:center;gap:16px;display:flex}.connection-pill{height:var(--pill-height);min-height:var(--pill-height);max-height:var(--pill-height);box-sizing:border-box;border:1.5px solid var(--line);border-radius:var(--pill-radius);background:var(--card);color:var(--ink);letter-spacing:-.1px;box-shadow:var(--shadow-sm);cursor:pointer;white-space:nowrap;transition:all .14s var(--ease-spring);justify-content:center;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.connection-pill .pill-icon{flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;display:inline-flex}.connection-pill .pill-icon svg{width:15px;height:15px;display:block}.connection-pill.is-signed-out{background:var(--card);border-color:var(--line);color:var(--ink)}.connection-pill.is-signed-out:hover{background:var(--turquesa-soft);border-color:var(--line);color:var(--ink);box-shadow:3px 3px 0 var(--shadow-ink);transform:translate(-1px,-1px)}.connection-pill.is-synced{background:var(--turquesa-soft);border-color:var(--turquesa-border);color:var(--turquesa-dark)}.connection-pill.is-synced:hover{background:var(--turquesa-hover);border-color:var(--line);color:var(--ink);box-shadow:3px 3px 0 var(--shadow-ink);transform:translate(-1px,-1px)}.connection-pill.is-syncing{background:var(--turquesa-soft);border-color:var(--turquesa-deep);color:var(--turquesa-dark)}.connection-pill.is-syncing .pill-icon svg,.sync-spinner.is-spinning,.icon-sync-spinner.is-spinning,.sticker-spinner.is-spinning{transform-box:view-box;animation:1s linear infinite spin}.connection-pill.is-offline{background:var(--cempasuchil-soft);border-color:var(--cempasuchil);color:var(--cempasuchil-dark)}.connection-pill.is-offline:hover{background:var(--cempasuchil-hover);border-color:var(--line);color:var(--ink);box-shadow:3px 3px 0 var(--shadow-ink);transform:translate(-1px,-1px)}.connection-pill.is-error{background:var(--tezontle-soft);border-color:var(--tezontle);color:var(--tezontle-dark)}.connection-pill.is-error:hover{background:var(--tezontle-hover);border-color:var(--line);color:var(--ink);box-shadow:3px 3px 0 var(--shadow-ink);transform:translate(-1px,-1px)}.connection-pill:active{box-shadow:0 0 0 var(--shadow-ink);transform:translate(2px,2px)}.connection-pill:focus-visible{outline:2.5px solid var(--rosa);outline-offset:2px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-button{height:var(--pill-height);min-height:var(--pill-height);max-height:var(--pill-height);box-sizing:border-box;border:1.5px solid var(--line);border-radius:var(--pill-radius);color:var(--ink);background:var(--card);letter-spacing:-.1px;box-shadow:var(--shadow-sm);cursor:pointer;white-space:nowrap;transition:all .14s var(--ease-spring);justify-content:center;align-items:center;gap:8px;padding:0 14px;font-family:inherit;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.text-button:hover{background:var(--turquesa-soft);border-color:var(--line);box-shadow:3px 3px 0 var(--shadow-ink);transform:translate(-1px,-1px)}.text-button:active{box-shadow:0 0 0 var(--shadow-ink);transform:translate(2px,2px)}.text-button b{box-sizing:border-box;border:1.5px solid var(--line);border-radius:var(--pill-radius);min-width:20px;height:18px;min-height:18px;max-height:18px;color:var(--card);background:var(--rosa-dark);text-align:center;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.eyebrow{color:var(--rosa-dark);font-family:var(--font-mono);letter-spacing:1.8px;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:800}.primary-button,.secondary-button{border:2px solid var(--line);border-radius:var(--pill-radius);letter-spacing:-.2px;min-height:50px;transition:all .14s var(--ease-spring);justify-content:center;align-items:center;padding:12px 28px;font-size:15px;font-weight:700;display:inline-flex;position:relative}.primary-button{color:var(--btn-primary-color);background:var(--btn-primary-bg);border-color:var(--btn-primary-border);box-shadow:4px 4px 0 var(--btn-primary-shadow)}.primary-button:hover:not(:disabled){background:var(--btn-primary-hover-bg);border-color:var(--btn-primary-hover-border);color:var(--btn-primary-hover-color);box-shadow:6px 6px 0 var(--btn-primary-hover-shadow);transform:translate(-2px,-2px)}.primary-button:active:not(:disabled){background:var(--btn-primary-bg);box-shadow:0 0 0 var(--btn-primary-shadow);transform:translate(2px,2px)}.primary-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:2px 2px 0 var(--shadow-ink);transform:none}.primary-button span{margin-left:8px;font-size:16px;line-height:0;transition:transform .15s}.primary-button:hover:not(:disabled) span{transform:translate(4px)}.secondary-button{color:var(--btn-secondary-color);background:var(--btn-secondary-bg);border-color:var(--btn-secondary-border);box-shadow:var(--btn-secondary-shadow)}.secondary-button:hover:not(:disabled){color:var(--btn-secondary-color);background:var(--btn-secondary-hover-bg);border-color:var(--btn-secondary-hover-border);box-shadow:var(--btn-secondary-hover-shadow);transform:translate(-2px,-2px)}.secondary-button:active:not(:disabled){background:var(--btn-secondary-bg);box-shadow:0 0 0 var(--shadow-ink);transform:translate(2px,2px)}.secondary-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:1px 1px 0 var(--ink-faint);transform:none}.flat-choice{color:var(--ink);background:var(--card);transition:background .14s var(--ease-spring)}@media (hover:hover) and (pointer:fine){.flat-choice:hover{background:var(--turquesa-soft)}}.flat-choice:active,.flat-choice.is-selected{background:var(--choice-selected-bg);border:var(--choice-selected-border);color:var(--choice-selected-color)}.flat-choice.is-selected strong{color:var(--choice-selected-strong)}.flat-choice.is-selected small{color:var(--choice-selected-small)}.welcome-page{--welcome-gutter:clamp(20px, 5vw, 80px);overscroll-behavior-y:contain;scroll-behavior:smooth;scroll-snap-type:y mandatory;background:var(--paper);height:100dvh;overflow-y:auto}.welcome-panel{min-height:100%;padding-right:max(var(--welcome-gutter), env(safe-area-inset-right));padding-left:max(var(--welcome-gutter), env(safe-area-inset-left));scroll-snap-align:start;scroll-snap-stop:always}.welcome-intro{padding-top:max(16px, env(safe-area-inset-top));flex-direction:column;display:flex}.welcome-page .lede{color:var(--ink-soft)}.welcome-hero{--hero-card-scale:clamp(.72, calc(.12 + (100vw / 1150px)), 1.05);--sample-card-offset:clamp(24px, 3.5vw, 48px);--sample-card-y-offset:clamp(20px, 3vw, 40px);width:min(1080px,100%);padding:clamp(16px, 2.5vh, 32px) 0 max(28px, var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));box-sizing:border-box;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;margin:0 auto;display:flex}.welcome-hero-main{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end;gap:clamp(32px,5vw,64px);width:100%;margin-block:auto;display:grid}.welcome-hero-footer{box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:8px;width:100%;max-width:100%;margin-top:auto;padding-top:24px;display:grid}.welcome-hero-footer-spacer{min-width:0}.welcome-hero-footer .hero-scroll-cue{grid-column:2;justify-self:center;margin-top:0}.hero-scroll-cue{letter-spacing:-.2px;min-height:50px;color:var(--ink);background:var(--card);border:2px solid var(--line);border-radius:var(--pill-radius);box-shadow:2px 2px 0 var(--shadow-ink);cursor:pointer;transition:transform .14s var(--ease-spring), box-shadow .14s ease, background-color .14s ease, color .14s ease;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding:12px 28px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.hero-scroll-cue:hover{box-shadow:3px 3px 0 var(--shadow-ink);color:var(--ink);background:var(--paper-subtle);transform:translate(-1px,-1px)}.hero-scroll-cue:active{box-shadow:1px 1px 0 var(--shadow-ink);transform:translate(1px,1px)}.scroll-cue-arrow{font-size:15px;line-height:0;transition:transform .15s}.hero-scroll-cue:hover .scroll-cue-arrow{transform:translateY(3px)}.hero-copy{z-index:2;position:relative}.welcome-mascot-anchor{margin-bottom:16px;display:inline-block;position:relative}.welcome-mascot-btn{cursor:pointer;transform-origin:50% 90%;transition:transform .14s var(--ease-spring);background:0 0;border:none;border-radius:28px;outline:none;margin:0;padding:0;display:block}.welcome-mascot-btn:focus-visible{outline:2.5px solid var(--rosa);outline-offset:3px}.welcome-mascot-btn:hover{transform:translateY(-2px)scale(1.02)}.welcome-mascot-btn:active{transform:translateY(1px)scale(.98)}.welcome-mascot-img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:124px;height:124px;display:block;transform:scaleX(-1)}.welcome-mascot-btn.is-hopping{animation:.52s cubic-bezier(.2,.8,.25,1) mascot-hop}@keyframes mascot-hop{0%{transform:translateY(0)scale(1)rotate(0)}14%{transform:translateY(3px)scale(1.08,.9)rotate(0)}36%{transform:translateY(-10px)scale(.93,1.08)rotate(-4deg)}58%{transform:translateY(-5px)scale(1.02,.98)rotate(-1.5deg)}76%{transform:translateY(1.5px)scale(1.04,.96)rotate(.5deg)}88%{transform:translateY(-1px)scale(.99,1.01)rotate(0)}to{transform:translateY(0)scale(1)rotate(0)}}.mascot-speech-bubble{z-index:20;background:var(--card);color:var(--ink);border:2px solid var(--line);box-shadow:3px 3px 0 var(--shadow-ink);white-space:nowrap;animation:speech-bubble-pop .2s var(--ease-spring);pointer-events:auto;border-radius:14px;align-items:center;gap:10px;padding:8px 12px 8px 14px;font-size:13.5px;font-weight:500;line-height:1.35;display:flex;position:absolute;top:50%;left:calc(100% + 14px);transform:translateY(-50%)}.mascot-speech-bubble:before{content:"";border-style:solid;border-width:7px 8px 7px 0;border-color:transparent var(--line) transparent transparent;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.mascot-speech-bubble:after{content:"";border-style:solid;border-width:5px 6px 5px 0;border-color:transparent var(--card) transparent transparent;margin-right:-2px;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.mascot-speech-text{color:var(--ink);font-size:13.5px}.mascot-speech-text em{color:var(--cantera);font-style:italic;font-weight:600}.mascot-speech-speak-btn{background:var(--paper);border:1.5px solid var(--line);border-radius:var(--pill-radius);color:var(--ink);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:transform .12s,background-color .12s;display:inline-flex;position:relative}.mascot-speech-speak-btn:hover{background:var(--paper-hover);transform:scale(1.08)}.mascot-speech-speak-btn:active{transform:scale(.94)}.mascot-speech-speak-btn:after{content:"";min-width:44px;min-height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mascot-speech-speak-btn svg{display:block}@keyframes speech-bubble-pop{0%{opacity:0;transform:translateY(-50%)scale(.92)}to{opacity:1;transform:translateY(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.welcome-mascot-btn.is-hopping,.mascot-speech-bubble{animation:none}}.hero-copy h1{font-family:var(--font-serif);font-size:clamp(44px,5.4vw,70px);font-weight:var(--display-weight,600);letter-spacing:var(--display-letter-spacing,-2px);color:var(--ink);margin:0;line-height:1.06}.hero-headline-lead{white-space:nowrap}.create-layout h1,.complete-card h1{font-family:var(--font-serif);font-size:clamp(46px,5.4vw,70px);font-weight:var(--display-weight,600);letter-spacing:var(--display-letter-spacing,-2px);color:var(--ink);margin:0;line-height:1.06}.hero-copy h1 em{color:var(--rosa-dark);text-decoration:underline;-webkit-text-decoration-color:var(--cempasuchil);text-decoration-color:var(--cempasuchil);text-underline-offset:6px;font-style:italic;font-weight:600;text-decoration-thickness:4px}.lede{max-width:480px;color:var(--ink-soft);margin:22px 0 32px;font-size:18px;line-height:1.6}.hero-actions,.complete-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.hero-actions>.primary-button,.practice-menu{min-width:0}.hero-actions>.primary-button,.practice-menu-trigger{white-space:nowrap;padding-inline:12px}.practice-menu{position:relative}.practice-menu.is-open{z-index:40}.practice-menu-trigger{gap:8px;width:100%}.practice-menu-options{z-index:40;background:var(--card);border:2px solid var(--ink);width:max(100%,180px);box-shadow:var(--shadow-card);border-radius:14px;gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.practice-menu-options .flat-choice{text-align:left;border:0;border-radius:8px;width:100%;min-height:48px;padding:12px 16px;font-size:15px;font-weight:700;display:block}.practice-menu-options .flat-choice:focus-visible{outline-offset:-3px}.welcome-hero-footer .hero-community-stats{color:var(--ink-muted);grid-column:1;justify-self:start;align-items:baseline;min-width:0;margin-bottom:0;font-size:.75rem;line-height:1.3;display:flex}.welcome-hero-footer .community-footer-stats{flex-wrap:wrap;align-items:baseline;gap:4px;display:inline-flex}.welcome-hero-footer .community-stat-item{white-space:nowrap;align-items:baseline;gap:3px;display:inline-flex}.welcome-hero-footer .community-stat-number{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-weight:600}@media (width<=600px){.welcome-hero-footer .hero-community-stats{display:none!important}}.hero-visual{z-index:1;isolation:isolate;min-height:calc(460px * var(--hero-card-scale,1));transform:scale(var(--hero-card-scale,1));transform-origin:50%;justify-content:center;align-items:center;transition:transform .14s;display:flex;position:relative}.sample-card{border:2.5px solid var(--line);width:min(310px,76vw);height:360px;transition:transform .32s var(--ease-spring), box-shadow .32s var(--ease-spring), opacity .32s var(--ease-spring);box-sizing:border-box;text-align:left;cursor:pointer;will-change:transform;border-radius:24px;flex-direction:column;justify-content:space-between;padding:26px;display:flex;position:absolute;top:50%;left:50%;overflow:hidden}.language-icon{vertical-align:-1px;border-radius:3px;flex-shrink:0;display:inline-block;overflow:hidden;box-shadow:0 0 0 1px #12181540}.sample-badge{font-family:var(--font-mono);letter-spacing:1.2px;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.sample-phrase{font-family:var(--font-serif);letter-spacing:var(--phrase-letter-spacing,-1.2px);margin:0}.sample-card.is-foreground{--card-base-tx:calc(-50% - var(--sample-card-offset,48px));--card-base-ty:calc(-50% + var(--sample-card-y-offset,40px));--card-base-rot:-3deg;transform:translate(var(--card-base-tx), var(--card-base-ty)) rotate(var(--card-base-rot));box-shadow:6px 6px 0 var(--card-shadow-color);z-index:2}.sample-card.is-foreground:hover{transform:translate(calc(var(--card-base-tx) - 3px), calc(var(--card-base-ty) - 4px)) rotate(var(--card-base-rot));box-shadow:8px 8px 0 var(--card-shadow-hover)}.sample-card.is-foreground:active{transform:translate(calc(var(--card-base-tx) + 2px), calc(var(--card-base-ty) + 2px)) rotate(var(--card-base-rot));box-shadow:2px 2px 0 var(--card-shadow-hover)}.sample-card.is-background{--card-base-tx:calc(-50% + var(--sample-card-offset,48px));--card-base-ty:calc(-50% - var(--sample-card-y-offset,40px));--card-base-rot:5deg;transform:translate(var(--card-base-tx), var(--card-base-ty)) rotate(var(--card-base-rot));box-shadow:6px 6px 0 var(--card-shadow-color);z-index:1;opacity:.98}.sample-card.is-background:hover{transform:translate(calc(var(--card-base-tx) - 3px), calc(var(--card-base-ty) - 4px)) rotate(var(--card-base-rot));opacity:1;box-shadow:8px 8px 0 var(--card-shadow-hover)}.sample-card.is-background:active{transform:translate(calc(var(--card-base-tx) + 2px), calc(var(--card-base-ty) + 2px)) rotate(var(--card-base-rot));box-shadow:2px 2px 0 var(--card-shadow-hover)}.sample-card:focus-visible{outline:3px solid var(--rosa);outline-offset:4px}.sample-card-es{--card-shadow-color:var(--rosa);--card-shadow-hover:var(--rosa-dark);color:var(--ink);background:var(--card)}.sample-card-es .sample-card-header .sample-badge{color:var(--rosa-dark)}.sample-card-es .sample-card-body .sample-phrase{color:var(--ink)}.sample-card-es .sample-listen-hint{border:1.5px solid var(--line);background:var(--paper-subtle);color:var(--ink);box-shadow:2px 2px 0 var(--rosa)}.sample-card-es:hover .sample-listen-hint,.sample-card-es.is-playing .sample-listen-hint{background:var(--rosa-dark);color:var(--on-accent);border-color:var(--line)}.sample-card-es.is-playing{box-shadow:10px 10px 0 var(--rosa-dark), 10px 10px 0 2px var(--shadow-ink)}.sample-card-en{--card-shadow-color:var(--sample-card-en-shadow);--card-shadow-hover:var(--sample-card-en-shadow-hover);color:var(--ink);background:var(--sample-card-en-bg);border-color:var(--sample-card-en-border)}.sample-card-en:focus-visible{outline-color:var(--rosa)}.sample-card-en .sample-card-header .sample-badge{color:var(--ink)}.sample-card-en .sample-card-body .sample-phrase{color:var(--ink);font-size:38px}.sample-card-en .sample-card-body .sample-phrase.is-medium{font-size:26px}.sample-card-en .sample-card-body .sample-phrase.is-long{font-size:20px}.sample-card-en .sample-listen-hint{border:1.5px solid var(--line);background:var(--card);color:var(--ink);box-shadow:2px 2px 0 var(--turquesa-dark)}.sample-card-en:hover .sample-listen-hint,.sample-card-en.is-playing .sample-listen-hint{background:var(--turquesa-dark);color:var(--on-accent);border-color:var(--line)}.sample-card-en.is-playing{box-shadow:10px 10px 0 var(--turquesa-dark), 10px 10px 0 2px var(--shadow-ink)}.sample-card.is-playing .sample-illustration{animation:sample-bounce 1.2s var(--ease-spring)}@keyframes sample-bounce{0%{transform:scale(1)}30%{transform:scale(1.15)rotate(-5deg)}65%{transform:scale(1.06)rotate(3deg)}to{transform:scale(1)rotate(0)}}.sample-card-header{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.sample-card-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;width:100%;max-height:100%;margin:4px 0 0;display:flex;position:relative;overflow:hidden}.sample-illustration{justify-content:center;align-items:center;width:140px;height:172px;display:flex;position:relative}.sample-art-image{object-fit:contain;filter:drop-shadow(2.5px 3.5px #1c191773);width:100%;height:100%;display:block}.sample-card-body .sample-phrase{font-family:var(--font-serif);font-size:40px;font-weight:var(--display-weight,600);letter-spacing:var(--phrase-letter-spacing,-1.2px);text-align:center;overflow-wrap:break-word;word-break:break-word;-webkit-line-clamp:6;-webkit-box-orient:vertical;margin:0;line-height:1.15;display:-webkit-box;overflow:hidden}.sample-card-body .sample-phrase.is-medium{letter-spacing:-.6px;-webkit-line-clamp:7;font-size:26px;line-height:1.25}.sample-card-body .sample-phrase.is-long{letter-spacing:-.3px;-webkit-line-clamp:8;font-size:20px;line-height:1.3}.sample-listen-hint{width:var(--pill-height-sm);height:var(--pill-height-sm);min-width:var(--pill-height-sm);min-height:var(--pill-height-sm);box-sizing:border-box;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .14s;display:inline-flex}.sample-listen-hint svg{fill:currentColor;width:13px;height:13px;transition:transform .14s}.sample-card.is-playing .sample-listen-hint svg{animation:.8s ease-in-out infinite alternate audio-pulse}@keyframes audio-pulse{0%{transform:scale(1)}to{transform:scale(1.2)}}.welcome-why{padding-top:max(clamp(48px, 8vh, 80px), env(safe-area-inset-top));padding-bottom:max(clamp(48px, 8vh, 80px), env(safe-area-inset-bottom));background:linear-gradient(180deg, var(--paper-subtle) 0%, var(--paper-deep) 100%);flex-direction:column;justify-content:center;align-items:center;display:flex}.why-inner{text-align:center;flex-direction:column;align-items:center;gap:clamp(16px,2.5vh,24px);width:min(680px,100%);margin:0 auto;display:flex}.why-family-hero{justify-content:center;align-items:center;width:100%;display:flex}.why-family-img{object-fit:contain;filter:drop-shadow(0 8px 24px #00000014);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:100%;height:clamp(120px,18vh,180px)}.why-header{text-align:center;max-width:640px;margin:0 auto}.why-eyebrow{color:var(--rosa-dark);letter-spacing:1.2px;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:700}.why-header h2{font-family:var(--font-serif);font-size:clamp(30px,4.2vw,44px);font-weight:var(--display-weight,600);letter-spacing:var(--display-letter-spacing,-1px);color:var(--ink);margin:0;line-height:1.15}.why-story{text-align:left;flex-direction:column;gap:16px;max-width:640px;display:flex}.why-story p{color:var(--ink-soft);text-wrap:pretty;margin:0;font-size:clamp(16px,1.9vw,19px);line-height:1.68}.why-story strong{color:var(--ink);font-weight:700}.why-story em{color:var(--ink);font-style:italic}.why-story a{color:var(--rosa-dark);text-underline-offset:3px;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;transition:color .12s}.why-story a:hover{color:var(--ink)}.why-story a:focus-visible{outline:2px solid var(--maya-dark);outline-offset:2px;border-radius:2px}.why-resolution{padding-top:4px}.why-actions{justify-content:center;align-items:center;margin-top:clamp(8px,1.5vh,16px);display:flex}.why-start-button{letter-spacing:-.2px;border-radius:var(--pill-radius);justify-content:center;align-items:center;gap:8px;min-height:50px;padding:12px 28px;font-size:15px;font-weight:700;display:inline-flex}.why-start-button span{margin-left:0;font-size:15px;line-height:0;transition:transform .15s}.why-start-button:hover span{transform:translateY(-3px)}@media (height<=520px){.welcome-page{scroll-snap-type:none}}.create-page{background:var(--paper)}.create-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(24px,5vw,48px);width:min(1080px,100%);margin:auto;display:grid}.create-sidebar{flex-direction:column;gap:24px;min-width:0;display:flex;position:sticky;top:32px}.create-sidebar header h1{font-family:var(--font-serif);letter-spacing:-1px;color:var(--ink);margin:0 0 8px;font-size:clamp(38px,4.5vw,46px);font-weight:700;line-height:1.1}.create-sidebar header .lede{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.45}.create-visual{place-items:center;width:100%;min-height:420px;margin-top:36px;display:grid;position:relative}.create-visual .sample-card{border-radius:24px;width:310px;height:360px;padding:26px}.create-visual .sample-card-body{text-align:center;justify-content:center;align-items:center;gap:12px;padding:20px 0}.create-visual .sample-phrase{font-size:32px;line-height:1.2}.sample-card .sample-card-body .sample-phrase.is-placeholder,.create-visual .sample-phrase.is-placeholder,.sample-phrase.is-placeholder{color:var(--ink-faint);font-style:italic;font-weight:500}.create-card-context-preview{color:var(--ink-muted);white-space:pre-line;max-width:240px;margin:0;font-size:13px;font-style:italic;line-height:1.4}.create-form{border:2px solid var(--line);background:var(--card);box-shadow:var(--shadow-card);border-radius:24px;min-width:0;padding:clamp(24px,4vw,36px)}.field-group{margin-bottom:20px}.field-group label,.compact-fields label{color:var(--ink);letter-spacing:-.2px;align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.field-group textarea,.field-group input,.form-details textarea,.compact-fields input{box-sizing:border-box;border:2px solid var(--control-line);width:100%;max-width:100%;color:var(--ink);background:var(--input-bg);resize:vertical;border-radius:14px;font-family:inherit;transition:border-color .14s,box-shadow .14s}.field-group textarea:focus,.field-group input:focus,.form-details textarea:focus,.compact-fields input:focus{border-color:var(--rosa);box-shadow:3px 3px 0 var(--shadow-ink);outline:none}.field-group textarea{min-height:72px;font-family:var(--font-serif);margin-top:8px;padding:14px 16px;font-size:19px;line-height:1.4}.field-group input{min-height:48px;margin-top:8px;padding:12px 16px;font-size:16px}input::placeholder,textarea::placeholder{color:var(--ink-faint);opacity:1}.field-group-relative{min-width:0;position:relative}.suggestions-container{box-sizing:border-box;z-index:50;background:var(--card);border:2px solid var(--line);width:100%;max-width:100%;box-shadow:4px 4px 0 var(--shadow-ink);border-radius:16px;flex-direction:column;display:flex;position:absolute;top:calc(100% - 8px);left:0;right:0;overflow:hidden}.suggestions-header{border-bottom:1px solid var(--line);background:var(--paper-subtle);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.suggestions-header-label{text-transform:uppercase;letter-spacing:.5px;color:var(--ink-muted);font-size:11px;font-weight:800}.suggestions-dismiss-button{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-family:inherit;font-size:12px;font-weight:700;transition:background .1s,color .1s;display:inline-flex}.suggestions-dismiss-button:hover,.suggestions-dismiss-button:focus-visible{background:var(--paper-deep);color:var(--ink);outline:none}.suggestions-listbox{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;max-height:240px;margin:0;padding:6px;list-style:none;overflow-y:auto}.suggestion-item{cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;box-sizing:border-box;border:1px solid #0000;border-radius:10px;flex-direction:column;gap:2px;min-width:0;padding:10px 12px;transition:background .1s,border-color .1s;display:flex}.suggestion-item:hover,.suggestion-item.is-active{background:var(--turquesa-soft);border-color:var(--turquesa-border)}.suggestion-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.suggestion-spanish,.suggestion-primary{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:700;overflow:hidden}.suggestion-lemma-badge,.suggestion-fuzzy-badge{color:var(--ink-muted,#666);background:var(--paper-subtle,#f5f5f0);border:1px solid var(--line,#e2e2da);white-space:nowrap;border-radius:6px;flex-shrink:0;margin-left:auto;padding:1px 6px;font-size:11px;font-weight:500}.create-duplicate-notice{background:var(--cempasuchil-soft);border:1.5px solid var(--cempasuchil);box-sizing:border-box;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-width:0;max-width:100%;margin-top:6px;margin-bottom:6px;padding:10px 14px;display:flex}.create-duplicate-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.create-duplicate-badge{text-transform:uppercase;letter-spacing:.04em;background:var(--cempasuchil-soft);color:var(--cempasuchil-dark);border:1px solid var(--cempasuchil);white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:2px 6px;font-size:11px;font-weight:800;display:inline-flex}.create-duplicate-text{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.create-duplicate-text strong{color:var(--ink);font-weight:700}.create-duplicate-schedule{color:var(--ink-muted);font-size:12px}.create-duplicate-action{color:var(--cempasuchil-dark);text-underline-offset:2px;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:12px;font-weight:700;text-decoration:underline;transition:background .12s}.create-duplicate-action:hover,.create-duplicate-action:focus-visible{background:#f59e0b26}.deck-card-duplicate-pill{text-transform:uppercase;letter-spacing:.03em;background:var(--cempasuchil-soft);color:var(--cempasuchil-dark);border:1px solid var(--cempasuchil);vertical-align:middle;border-radius:5px;flex-shrink:0;align-items:center;gap:3px;padding:1px 6px;font-size:11px;font-weight:700;display:inline-flex}.edit-duplicate-notice{background:var(--cempasuchil-soft);border-color:var(--cempasuchil);color:var(--cempasuchil-dark);margin-bottom:12px}.suggestion-tag{text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--line);white-space:nowrap;border-radius:6px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:800}.tag-slang{background:var(--tag-slang-bg);color:var(--tag-slang-color);border-color:var(--tag-slang-border)}.tag-idiom{background:var(--tag-idiom-bg);color:var(--tag-idiom-color);border-color:var(--tag-idiom-border)}.tag-food{background:var(--tag-food-bg);color:var(--tag-food-color);border-color:var(--tag-food-border)}.tag-travel{background:var(--tag-travel-bg);color:var(--tag-travel-color);border-color:var(--tag-travel-border)}.tag-basics,.tag-common{background:var(--tag-basics-bg);color:var(--tag-basics-color);border-color:var(--tag-basics-border)}.suggestion-english,.suggestion-secondary{color:var(--ink);overflow-wrap:break-word;word-break:break-word;min-width:0;font-size:13px;font-weight:500}.suggestion-context{color:var(--ink-muted,#666);overflow-wrap:break-word;word-break:break-word;min-width:0;margin-top:2px;font-size:11px;font-style:italic}.toggle-row{background:var(--paper-subtle);border:1.5px solid var(--line);box-shadow:var(--shadow-sm);cursor:pointer;color:var(--ink);border-radius:14px;align-items:center;gap:12px;margin-top:12px;margin-bottom:8px;padding:10px 14px;font-size:13px;font-weight:700;transition:background .14s,transform .14s;display:flex}.toggle-row:hover{background:var(--paper-deep);box-shadow:2px 2px 0 var(--shadow-ink);transform:translate(-1px,-1px)}.toggle-row input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.toggle{box-sizing:border-box;border:2px solid var(--line);border-radius:var(--pill-radius);background:var(--toggle-track);pointer-events:none;width:44px;height:24px;transition:background .16s var(--ease-spring);flex:0 0 44px;position:relative}.toggle:after{content:"";box-sizing:border-box;border:1.5px solid var(--line);width:16px;height:16px;transition:transform .16s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.toggle-row input:checked+.toggle{background:var(--rosa)}.toggle-row input:checked+.toggle:after{transform:translate(20px)}.toggle-row input:focus-visible+.toggle{outline:3px solid var(--rosa);outline-offset:3px}.toggle-row.disabled{opacity:.6;cursor:not-allowed;box-shadow:var(--shadow-sm)!important;background:var(--paper-subtle)!important;transform:none!important}.toggle-row:has(input:disabled){opacity:.6;cursor:not-allowed;box-shadow:var(--shadow-sm)!important;background:var(--paper-subtle)!important;transform:none!important}.toggle-row input:disabled:not(:checked)+.toggle{background:var(--toggle-track);cursor:not-allowed}.toggle-label-group{flex-direction:column;gap:2px;display:flex}.toggle-title{color:var(--ink);font-size:13.5px;font-weight:700}.toggle-description{color:var(--ink-soft);font-size:12px;font-weight:500}.toggle-error-message{color:var(--tezontle-dark);margin-top:3px;font-size:12px;font-weight:500;line-height:1.35}.form-details{border-top:1.5px solid var(--line-subtle);color:var(--ink-soft);margin-top:4px;margin-bottom:8px}.form-details summary{color:var(--ink-soft);cursor:pointer;padding:10px 2px;font-size:13px;font-weight:700;transition:color .12s}.form-details summary:hover{color:var(--ink)}.compact-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding-bottom:8px;display:grid}.compact-fields input{margin-top:6px;padding:10px 14px;font-size:16px}.save-button{width:100%;transition:all .18s var(--ease-spring);margin-top:18px}.save-button span{line-height:inherit;font-size:inherit;margin-left:0;transition:none}.save-button:hover span{transform:none}.save-button.is-saved{background:var(--verde);color:var(--on-accent);border-color:var(--verde-dark);box-shadow:4px 4px 0 var(--verde-dark);animation:saveButtonPop .32s var(--ease-spring)}.save-button.is-saved:hover{background:var(--verde-dark);box-shadow:6px 6px 0 var(--shadow-ink);transform:translate(-2px,-2px)}.save-button.is-saved:active{box-shadow:1px 1px 0 var(--verde-dark);transform:translate(2px,2px)}.save-button-saved{justify-content:center;align-items:center;gap:8px;max-width:100%;padding:0 4px;animation:.2s ease-out saveTextFade;display:inline-flex}.save-button-check{animation:saveCheckmarkBounce .35s var(--ease-spring);flex-shrink:0;font-size:16px;font-weight:800;display:inline-block}.save-button-text{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}@keyframes saveButtonPop{0%{transform:scale(.95)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes saveTextFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes saveCheckmarkBounce{0%{opacity:0;transform:scale(.5)rotate(-15deg)}60%{opacity:1;transform:scale(1.25)rotate(5deg)}to{transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.save-button.is-saved,.save-button-saved,.save-button-check,.sync-now-button.is-synced,.sync-button-synced,.sync-button-check,.export-button.is-exported,.export-button-exported,.export-button-check,.resend-button-sent,.resend-button-check,.paste-input-btn.is-pasted,.sample-card.is-playing .sample-listen-hint svg,.audio-button.is-playing svg{animation:none}.review-progress-bar{transition:none}}.review-page{background:var(--paper)}.app-shell.review-page{padding-top:0}.review-header{flex-direction:column;width:100%;display:flex}.review-page .review-header{z-index:20;background:var(--paper);padding-top:max(16px, env(safe-area-inset-top));position:sticky;top:0}.review-progress-track{background:var(--line-light);border-radius:var(--pill-radius);width:min(1080px,100%);height:3px;margin:16px auto 0;position:relative;overflow:hidden}.review-progress-bar{background:var(--rosa);border-radius:var(--pill-radius);height:100%;transition:width .28s var(--ease-spring)}.study-card{text-align:center;z-index:1;width:min(560px,100%);margin:clamp(28px,4.5vh,48px) auto 0;position:relative}.study-prompt-wrap{justify-content:center;align-items:flex-start;gap:14px;max-width:100%;display:inline-flex}.study-prompt-wrap .audio-button{margin-top:4px}.study-prompt{max-width:560px;font-family:var(--font-serif);font-size:clamp(36px,4.8vw,50px);font-weight:var(--display-weight,700);letter-spacing:var(--display-letter-spacing,-1.2px);color:var(--ink);overflow-wrap:break-word;word-break:break-word;margin:0;line-height:1.15}.study-prompt.is-medium{letter-spacing:-.6px;font-size:clamp(26px,3.6vw,34px);line-height:1.25}.study-prompt.is-long{letter-spacing:-.3px;font-size:clamp(20px,2.8vw,26px);line-height:1.35}.prompt-meta{justify-content:center;align-items:center;margin:10px auto 24px;display:flex}.prompt-meta .eyebrow{align-items:center;gap:6px;margin:0;display:inline-flex}.audio-button{border:2px solid var(--line);width:38px;height:38px;color:var(--ink);background:var(--card);box-shadow:var(--shadow-sm);transition:all .14s var(--ease-spring);border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.audio-button:hover{background:var(--turquesa-soft);box-shadow:3px 3px 0 var(--shadow-ink);transform:translate(-1px,-1px)}.audio-button:active{box-shadow:0 0 0 var(--shadow-ink);transform:translate(2px,2px)}.audio-button.is-playing{background:var(--turquesa-soft);border-color:var(--turquesa-dark);color:var(--turquesa-dark);box-shadow:2px 2px 0 var(--turquesa-dark)}.audio-button.is-playing:active{box-shadow:0 0 0 var(--turquesa-dark)}.audio-button svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.audio-button.is-playing svg{animation:.6s ease-in-out infinite alternate audio-pulse}.answer-form{box-sizing:border-box;grid-template-areas:"input""accents";width:100%;min-width:0;max-width:560px;margin:0 auto;display:grid;position:relative}.answer-input{border:2.5px solid var(--control-line);width:100%;color:var(--ink);background:var(--input-bg);text-align:center;box-shadow:var(--shadow-sm);scroll-margin-bottom:calc(var(--keyboard-inset,0px) + 72px);border-radius:16px;padding:14px 180px 14px 18px;font-family:inherit;font-size:21px;transition:border-color .14s,box-shadow .14s}.answer-input:focus{border-color:var(--rosa);box-shadow:var(--shadow-md);outline:none}.answer-input[readonly]{color:var(--ink-soft);background:var(--paper-subtle);padding-right:18px}.answer-input-wrap{grid-area:input;align-items:center;width:100%;display:flex;position:relative}.answer-input.has-speech{padding-left:54px}.speech-recall-btn{border:1.5px solid var(--line);background:var(--card);width:38px;min-width:38px;height:38px;min-height:38px;color:var(--ink-soft);cursor:pointer;transition:all .12s var(--ease-spring);box-shadow:1px 1px 0 var(--shadow-ink);z-index:2;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.speech-recall-btn:before{content:"";position:absolute;inset:-4px}.speech-recall-btn:hover{color:var(--ink);background:var(--turquesa-soft);box-shadow:2px 2px 0 var(--shadow-ink);transform:translateY(calc(-50% - 1px))}.speech-recall-btn:focus-visible{outline:2px solid var(--turquesa-dark);outline-offset:2px}.speech-recall-btn:active{box-shadow:0 0 0 var(--shadow-ink);transform:translateY(calc(1px - 50%))}.speech-recall-btn.is-listening{color:var(--on-accent);background:var(--turquesa-dark);border-color:var(--turquesa-deep);animation:1.2s ease-in-out infinite alternate speech-recall-pulse}@keyframes speech-recall-pulse{0%{box-shadow:0 0 0 0 var(--turquesa-glow);transform:translateY(-50%)scale(1)}to{box-shadow:0 0 8px 2px var(--turquesa-glow);transform:translateY(-50%)scale(1.06)}}@media (prefers-reduced-motion:reduce){.speech-recall-btn.is-listening{box-shadow:0 0 0 2px var(--turquesa-dark);animation:none;transform:translateY(-50%)}}.speech-error-notice{box-sizing:border-box;max-width:560px;color:var(--tezontle-dark);text-align:center;margin:6px auto 0;font-size:12px;font-weight:600}.reveal-button{z-index:2;box-sizing:border-box;max-width:100%;color:var(--ink-soft);box-shadow:none;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-area:input;place-self:center end;align-items:center;gap:6px;margin-right:8px;padding:6px 10px;font-size:12px;font-weight:600;transition:background-color .12s,color .12s,border-color .12s;display:inline-flex;position:static;transform:none}.reveal-button:hover{background:var(--paper-subtle);color:var(--ink)}.reveal-button:active{background:var(--turquesa-soft);color:var(--ink)}.reveal-button:focus-visible{outline:2px solid var(--turquesa-dark);outline-offset:2px}.reveal-button kbd{border:1px solid var(--line-subtle);color:var(--ink-muted);background:var(--kbd-bg);font-family:var(--font-mono);box-shadow:none;border-bottom-width:1.5px;border-radius:5px;justify-content:center;align-items:center;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.reveal-gesture-cue{display:none}html[data-keyboard=true] .study-card:not(.has-docked-accents) .answer-form.has-accents:not(.is-listening) .answer-input{border-bottom:2.5px solid var(--line-subtle);box-shadow:none;border-bottom-right-radius:0;border-bottom-left-radius:0}html[data-keyboard=true] .study-card:not(.has-docked-accents) .answer-form.has-accents:not(.is-listening) .answer-accents-container{border:2.5px solid var(--line);box-shadow:var(--shadow-sm);box-sizing:border-box;background:#12181505;border-top:none;border-bottom-right-radius:16px;border-bottom-left-radius:16px;min-height:52px;margin-top:0;padding:4px 6px;transition:border-color .14s}html[data-keyboard=true] .study-card:not(.has-docked-accents) .answer-form.has-accents:not(.is-listening) .answer-input:focus{border-color:var(--rosa);box-shadow:none}html[data-keyboard=true] .study-card:not(.has-docked-accents) .answer-form.has-accents:not(.is-listening):focus-within .answer-accents-container{border-color:var(--rosa)}kbd{border:1.5px solid var(--kbd-border);color:var(--kbd-color);background:var(--kbd-bg);font-family:var(--font-mono);box-shadow:var(--kbd-shadow);border-bottom-width:2.5px;border-radius:6px;justify-content:center;align-items:center;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.audio-unavailable{color:var(--tezontle-dark);margin:14px auto 0;font-size:12px;font-weight:600}.reveal-panel{border:2.5px solid var(--line);background:var(--card);box-shadow:var(--shadow-card);text-align:left;animation:slideUp .22s var(--ease-spring);border-radius:22px;margin-top:22px;padding:22px 26px}.reveal-content{flex-direction:column;gap:14px;display:flex}.reveal-main{flex-direction:column;gap:12px;min-width:0;display:flex}.answer-comparison{margin:0}.diff-exact-card{border:2px solid var(--line);background:var(--turquesa-soft);box-shadow:3px 3px 0 var(--turquesa-deep);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.diff-card{border:2px solid var(--diff-card-border);background:var(--paper-subtle);box-shadow:var(--diff-card-shadow);border-radius:16px;padding:16px 18px}.diff-rows{flex-direction:column;gap:12px;display:flex}.diff-row{grid-template-columns:88px minmax(0,1fr);align-items:baseline;gap:12px;display:grid}.diff-label{font-family:var(--font-mono);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:700}.expected-row{grid-template-columns:88px minmax(0,1fr) auto}.expected-row .audio-button{align-self:start;margin-top:2px}.diff-rule{color:var(--ink-soft);grid-column:2/-1;margin:0;font-size:15px;line-height:1.6}.diff-text{font-family:var(--font-serif);font-size:23px;font-weight:var(--display-weight,700);letter-spacing:var(--phrase-letter-spacing,-.8px);color:var(--ink);overflow-wrap:break-word;word-break:break-word;flex:1;margin:0;line-height:1.35}.diff-match{color:var(--diff-match-color);background:var(--diff-match-bg);border-radius:4px;padding:1px 5px}.diff-seg{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;margin:0;padding:1px;display:inline}.diff-seg-match{background:var(--diff-seg-match-bg);color:var(--diff-seg-match-color)}.diff-seg-accent{background:var(--diff-seg-accent-bg);color:var(--diff-seg-accent-color);border-bottom:var(--diff-seg-accent-border)}.diff-seg-missing{background:var(--diff-seg-missing-bg);color:var(--diff-seg-missing-color)}.diff-seg-extra{background:var(--diff-seg-extra-bg);color:var(--diff-seg-extra-color)}.diff-seg-extra.diff-seg-space{background:var(--diff-seg-space-bg);color:var(--diff-seg-space-color);border:var(--diff-seg-space-border);border-radius:4px;margin:0 2px;padding:1px 5px;font-weight:700}.reveal-context-block{border:1.5px solid var(--line-subtle);border-left:3.5px solid var(--line-subtle);background:var(--paper-subtle);color:var(--ink-soft);transition:all .18s var(--ease-spring);border-radius:0 12px 12px 0;margin-top:6px;padding:10px 14px}.reveal-context-block:hover{border-color:var(--line);border-left-color:var(--cempasuchil);background:var(--cempasuchil-soft);box-shadow:2px 2px 0 var(--shadow-ink);transform:translateY(-1px)}.context-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.8px;color:var(--ink-soft);font-size:10px;font-weight:800;transition:color .18s;display:block}.reveal-context-block:hover .context-label{color:var(--cempasuchil-dark)}.context-text{color:var(--ink-muted);white-space:pre-line;margin:4px 0 0;font-size:13.5px;line-height:1.45;transition:color .18s}.reveal-context-block:hover .context-text{color:var(--ink)}.grade-fieldset{border:0;border-top:1.5px solid var(--line-subtle);min-width:0;margin:20px 0 0;padding:16px 0 0}.grade-fieldset legend{padding:0}.grade-buttons{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"again hard good easy";gap:12px;margin-top:0;display:grid}.grade-buttons .grade-again{grid-area:again}.grade-buttons .grade-hard{grid-area:hard}.grade-buttons .grade-good{grid-area:good}.grade-buttons .grade-easy{grid-area:easy}.grade-buttons button{border:2px solid var(--line);min-width:0;min-height:44px;color:var(--ink);background:var(--card);text-align:left;transition:all .13s var(--ease-spring);border-radius:14px;align-items:center;gap:8px;padding:8px 12px;display:flex}.grade-buttons button:active{box-shadow:0 0 0 var(--shadow-ink);transform:translate(2px,2px)}.grade-copy{flex-direction:column;flex:auto;min-width:0;display:flex}.grade-copy strong{font-size:13px;font-weight:800;line-height:1.2}.grade-copy small{color:var(--ink-muted);font-size:10px;font-weight:600;line-height:1.2}.grade-gesture-cue,.grade-gesture-slot{display:none}.grade-buttons .grade-again{background:var(--grade-again-bg);border-color:var(--grade-again-border);color:var(--grade-again-color);box-shadow:var(--grade-again-shadow)}.grade-buttons .grade-again strong{color:var(--grade-again-strong)}.grade-buttons .grade-again small{color:var(--grade-again-small)}.grade-buttons .grade-again kbd{background:var(--grade-again-kbd-bg);border-color:var(--grade-again-kbd-border);color:var(--grade-again-kbd-color)}.grade-buttons .grade-again:hover{background:var(--grade-again-hover-bg);border-color:var(--grade-again-hover-border);box-shadow:var(--grade-hover-shadow);transform:translate(-2px,-2px)}.grade-buttons .grade-hard{background:var(--grade-hard-bg);border-color:var(--grade-hard-border);color:var(--grade-hard-color);box-shadow:var(--grade-hard-shadow)}.grade-buttons .grade-hard strong{color:var(--grade-hard-strong)}.grade-buttons .grade-hard small{color:var(--grade-hard-small)}.grade-buttons .grade-hard kbd{background:var(--grade-hard-kbd-bg);border-color:var(--grade-hard-kbd-border);color:var(--grade-hard-kbd-color)}.grade-buttons .grade-hard:hover{background:var(--grade-hard-hover-bg);border-color:var(--grade-hard-hover-border);color:var(--grade-hard-color);box-shadow:var(--grade-hover-shadow);transform:translate(-2px,-2px)}.grade-buttons .grade-good{background:var(--grade-good-bg);border-color:var(--grade-good-border);color:var(--grade-good-color);box-shadow:var(--grade-good-shadow)}.grade-buttons .grade-good strong{color:var(--grade-good-strong)}.grade-buttons .grade-good small{color:var(--grade-good-small)}.grade-buttons .grade-good kbd{background:var(--grade-good-kbd-bg);border-color:var(--grade-good-kbd-border);color:var(--grade-good-kbd-color)}.grade-buttons .grade-good:hover{background:var(--grade-good-hover-bg);border-color:var(--grade-good-hover-border);box-shadow:var(--grade-hover-shadow);transform:translate(-2px,-2px)}.grade-buttons .grade-easy{background:var(--grade-easy-bg);border-color:var(--grade-easy-border);color:var(--grade-easy-color);box-shadow:var(--grade-easy-shadow)}.grade-buttons .grade-easy strong{color:var(--grade-easy-strong)}.grade-buttons .grade-easy small{color:var(--grade-easy-small)}.grade-buttons .grade-easy kbd{background:var(--grade-easy-kbd-bg);border-color:var(--grade-easy-kbd-border);color:var(--grade-easy-kbd-color)}.grade-buttons .grade-easy:hover{background:var(--grade-easy-hover-bg);border-color:var(--grade-easy-hover-border);box-shadow:var(--grade-hover-shadow);transform:translate(-2px,-2px)}.keyboard-hint{color:var(--ink-muted);margin:20px 0 0;font-size:12px;font-weight:600}.answer-accents-container{grid-area:accents;width:100%;min-width:0;max-width:100%;min-height:52px;overflow:hidden}.answer-accents{justify-content:center;align-items:center;width:100%;min-width:0;max-width:100%;display:flex}.accent-toolbar-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;box-sizing:border-box;justify-content:safe center;align-items:center;gap:clamp(3px,1.2vw,6px);width:100%;min-width:0;max-width:100%;padding:6px 4px;display:flex;overflow-x:auto}.accent-toolbar-scroll::-webkit-scrollbar{display:none}.answer-accents button,.accent-toolbar-btn{width:44px;min-width:44px;height:44px;box-shadow:none;color:var(--ink-soft);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;opacity:.9;background:0 0;border:1px solid #0000;border-radius:8px;flex:0 0 44px;justify-content:center;align-items:center;gap:3px;padding:0;font-size:18px;font-weight:500;transition:background-color .14s,border-color .14s,color .14s,opacity .14s,transform .1s cubic-bezier(.16,1,.3,1),box-shadow .1s;display:inline-flex;position:relative}.answer-accents button:hover,.accent-toolbar-btn:hover{background:var(--card);color:var(--ink);opacity:1;z-index:2;border-color:#1218151f;transform:translateY(-2px)scale(1.12);box-shadow:0 3px 8px #12181514}.answer-accents button:active,.accent-toolbar-btn:active,.accent-toolbar-btn.is-pressed{background:var(--card);color:var(--ink);opacity:1;z-index:3;border-color:#12181529;transform:translateY(-3px)scale(1.15);box-shadow:0 6px 14px #1218151f}.accent-toolbar-btn:disabled,.accent-toolbar-btn:disabled:hover,.accent-toolbar-btn:disabled:active{cursor:default;opacity:.45;box-shadow:none!important;transform:none!important}.accent-toolbar-btn kbd{font-size:11px;font-family:var(--font-mono,monospace);color:var(--ink-muted);background:0 0;border:none;border-radius:3px;padding:0 2px}@media (width>=601px){.accent-toolbar-scroll{gap:6px}}.answer-accents.is-docked{left:0;right:0;bottom:var(--keyboard-inset,0px);z-index:900;padding-left:max(6px, env(safe-area-inset-left,0px));padding-right:max(6px, env(safe-area-inset-right,0px));background:color-mix(in srgb, var(--paper) 98%, transparent);-webkit-backdrop-filter:blur(20px);border-top:1.5px solid var(--line-subtle);margin:0;transition:bottom .22s cubic-bezier(.16,1,.3,1);animation:.18s cubic-bezier(.16,1,.3,1) accent-dock-slide;position:fixed;box-shadow:0 -3px 12px #1218150f}@keyframes accent-dock-slide{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.answer-accents.is-docked .accent-toolbar-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;box-sizing:border-box;justify-content:safe center;align-items:center;gap:clamp(3px,1.2vw,6px);width:100%;max-width:480px;margin:0 auto;padding:7px 6px;display:flex;overflow-x:auto}.answer-accents.is-docked .accent-toolbar-scroll,.answer-accents.is-docked .accent-toolbar-btn{touch-action:none}.answer-accents.is-docked .accent-toolbar-btn{border:2px solid var(--control-line);background:var(--card);width:100%;min-width:0;max-width:44px;height:44px;color:var(--ink);border-radius:7px;flex:1 1 0;font-size:19px;font-weight:500;transition:background-color .1s,border-color .1s,transform .1s cubic-bezier(.16,1,.3,1),box-shadow .1s;position:relative;box-shadow:0 1px 2px #1218150d}.answer-accents.is-docked .accent-toolbar-btn:hover{background:var(--card);border-color:var(--control-line-strong,var(--ink-soft));z-index:2;transform:translateY(-2px)scale(1.12);box-shadow:0 3px 8px #12181514}.answer-accents.is-docked .accent-toolbar-btn:active,.answer-accents.is-docked .accent-toolbar-btn.is-pressed{background:var(--paper-deep);border-color:var(--ink-muted);z-index:3;transform:translateY(-3px)scale(1.15);box-shadow:0 6px 14px #12181524}.answer-accents.is-docked .accent-toolbar-btn kbd{display:none!important}.accent-key-popup{background:var(--card);border:1.5px solid var(--control-line);width:48px;height:52px;color:var(--ink);font-family:var(--font-body,system-ui, -apple-system, sans-serif);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:9999;box-sizing:border-box;border-radius:12px;justify-content:center;align-items:center;font-size:26px;font-weight:600;line-height:1;transition:left 70ms cubic-bezier(.16,1,.3,1),top 70ms cubic-bezier(.16,1,.3,1);animation:80ms cubic-bezier(.16,1,.3,1) accent-key-pop;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 25px #12181529,0 2px 8px #12181514}.accent-key-popup:after{content:"";background:var(--card);border-right:1.5px solid var(--control-line);border-bottom:1.5px solid var(--control-line);width:10px;height:10px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes accent-key-pop{0%{opacity:.3;transform:translate(-50%)translateY(6px)scale(.86)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.accent-key-popup{transition:none;animation:none}.answer-accents button,.accent-toolbar-btn,.accent-toolbar-btn:hover,.accent-toolbar-btn:active,.accent-toolbar-btn.is-pressed,.answer-accents.is-docked .accent-toolbar-btn:hover,.answer-accents.is-docked .accent-toolbar-btn:active,.answer-accents.is-docked .accent-toolbar-btn.is-pressed{transition:none!important;transform:none!important}}.study-card.has-docked-accents{padding-bottom:calc(var(--keyboard-inset,0px) + 72px);transition:padding-bottom .22s cubic-bezier(.16,1,.3,1)}.study-card.has-docked-accents .card-gesture-cue-bar{display:none!important}@media (width<=600px){.study-card.has-docked-accents .answer-accents-container{display:none!important}}@media (prefers-reduced-motion:reduce){.answer-accents.is-docked,.study-card.has-docked-accents{transition:none!important;animation:none!important}}.reveal-panel [tabindex="-1"]{outline:none}.practice-error{color:var(--tezontle-dark);font-size:14px}.practice-error-feedback-button{color:inherit;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:none;border-radius:4px;margin:-2px 0;padding:2px 4px;text-decoration:underline;transition:color .15s;display:inline-block}.practice-error-feedback-button:hover,.practice-error-feedback-button:focus-visible{color:var(--ink)}.complete-page{background:var(--paper)}.complete-card{text-align:center;border:2.5px solid var(--line);background:var(--card);width:min(580px,100%);box-shadow:var(--shadow-card);animation:slideUp .24s var(--ease-spring);border-radius:28px;margin:clamp(40px,6vh,80px) auto 30px;padding:40px 36px 44px}.complete-mascot-frame{justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.complete-mascot-img{object-fit:contain;filter:drop-shadow(0 6px 16px #12181514);transform-origin:bottom;width:clamp(150px,22vw,190px);height:clamp(150px,22vw,190px);animation:complete-mascot-pop .4s var(--ease-spring) both}@keyframes complete-mascot-pop{0%{opacity:0;transform:scale(.85)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.complete-mascot-img{transition:none;animation:none}}.complete-card h1{font-size:clamp(44px,5.5vw,64px)}.complete-card h1:focus{outline:none}.complete-copy{max-width:440px;color:var(--ink-soft);flex-direction:column;gap:6px;margin:18px auto 30px;font-size:17px;line-height:1.55;display:flex}.complete-copy p{margin:0}.complete-subtext{color:var(--ink-soft);font-size:14.5px;line-height:1.4}.complete-link-button{font:inherit;color:var(--rosa-dark);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline;transition:color .15s}.complete-link-button:hover{color:var(--rosa)}.complete-link-button:focus-visible{outline:2px solid var(--rosa);outline-offset:2px;border-radius:4px}.complete-actions{justify-content:center}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=860px),(height<=540px){.welcome-hero-main{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,4vw,36px)}.hero-copy h1{font-size:clamp(38px,5vw,48px)}.welcome-hero-footer .hero-scroll-cue{padding:10px 20px;font-size:14px}.create-layout{grid-template-columns:minmax(0,1fr);gap:32px;max-width:580px}.create-sidebar{position:static}.create-sidebar header{max-width:500px}.create-visual{display:none}}@media (width<=680px){.app-shell{padding-top:max(12px, env(safe-area-inset-top));padding-right:max(16px, env(safe-area-inset-right));padding-bottom:max(calc(28px + var(--keyboard-inset,0px)), calc(env(safe-area-inset-bottom,0px) + var(--keyboard-inset,0px)));padding-left:max(16px, env(safe-area-inset-left))}.desktop-segmented-nav{display:none}.topbar{gap:6px;padding:0}.nav-actions{flex-wrap:nowrap;gap:6px;min-width:0}.connection-pill,.text-button{height:var(--pill-height);min-height:var(--pill-height);max-height:var(--pill-height);box-sizing:border-box;white-space:nowrap;gap:4px;padding:0 8px;font-size:11px;line-height:1}.connection-pill{flex-shrink:0}.topbar-brand{flex:none}.brand{flex-shrink:0;gap:6px;margin-left:-6px;padding:4px 6px;font-size:22px}.brand-mark{width:24px;height:24px}.welcome-page{--welcome-gutter:16px}.welcome-intro{padding-top:max(12px, env(safe-area-inset-top))}.welcome-hero{padding-top:10px;padding-bottom:calc(88px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}.welcome-hero-main{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px}.welcome-hero-footer{box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:8px;width:100%;max-width:100%;margin-top:auto;display:grid}.welcome-hero-footer-spacer{min-width:0}.welcome-hero-footer .hero-community-stats{font-size:.7rem}.welcome-hero-footer .hero-scroll-cue{min-height:48px;scroll-margin-bottom:calc(88px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));grid-column:2;justify-self:center;padding:10px 18px;font-size:14px}@media (width<=340px){.welcome-hero-footer{column-gap:4px}.welcome-hero-footer .hero-scroll-cue{padding:10px 14px;font-size:13px}}.why-start-button{min-height:48px;scroll-margin-bottom:calc(88px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));padding:10px 22px;font-size:14px}.welcome-why{padding-top:max(32px, env(safe-area-inset-top));padding-bottom:calc(88px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}.welcome-mascot-anchor{justify-content:center;margin:20px auto 14px;display:inline-flex}.welcome-mascot-img{width:clamp(100px,14vh,145px);height:clamp(100px,14vh,145px);margin:0;position:static}.mascot-speech-bubble{white-space:normal;text-align:center;width:max-content;max-width:min(300px,86vw);padding:8px 12px;animation-name:speech-bubble-pop-mobile;top:auto;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.mascot-speech-bubble:before{border-style:solid;border-width:8px 7px 0;border-color:var(--line) transparent transparent transparent;inset:100% auto auto 50%;transform:translate(-50%)}.mascot-speech-bubble:after{content:"";border-style:solid;border-width:6px 5px 0;border-color:var(--card) transparent transparent transparent;margin-top:-2px;margin-bottom:0;margin-right:0;position:absolute;inset:100% auto auto 50%;transform:translate(-50%)}@keyframes speech-bubble-pop-mobile{0%{opacity:0;transform:translate(-50%)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}.hero-copy{text-align:center}.hero-copy h1{letter-spacing:-1.8px;font-size:clamp(38px,10.5vw,54px);line-height:1.04}.lede{max-width:380px;margin:12px auto 24px;font-size:clamp(15px,4vw,18px);line-height:1.4}.complete-actions{flex-direction:column;align-items:stretch}.hero-actions button,.complete-actions button{width:100%}.hero-visual{display:none}.welcome-hero-main{margin-block:auto}.create-layout{grid-template-columns:minmax(0,1fr);margin-block:16px 24px}.create-layout h1{font-size:36px}.create-form{border-radius:20px;padding:22px 18px}.compact-fields{grid-template-columns:minmax(0,1fr)}.review-progress-track{margin-top:10px}.study-card{margin-top:24px}.study-prompt{font-size:32px}.study-prompt.is-medium{font-size:24px;line-height:1.25}.study-prompt.is-long{font-size:19px;line-height:1.3}.answer-input{padding-right:18px;font-size:18px}.answer-input.has-speech{padding-left:54px;padding-right:54px}.answer-form{grid-template-areas:"input""accents""reveal"}.reveal-button{box-sizing:border-box;width:100%;max-width:100%;scroll-margin-bottom:calc(var(--keyboard-inset,0px) + 72px);border:1.5px solid var(--line);color:var(--ink);background:var(--card);box-shadow:2px 2px 0 var(--shadow-ink);transition:all .12s var(--ease-spring);border-radius:12px;grid-area:reveal;justify-content:center;place-self:auto stretch;margin-top:14px;margin-right:0;padding:9px 16px;font-size:13px;font-weight:700;position:static;transform:none}.reveal-button:hover{background:var(--turquesa-soft);color:var(--ink);box-shadow:3px 3px 0 var(--shadow-ink);transform:translateY(-1px)}.reveal-button:active{box-shadow:0 0 0 var(--shadow-ink);transform:translateY(1px)}.reveal-panel{border-radius:18px;padding:18px 16px 16px}.diff-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px}.diff-row .diff-text{grid-area:2/1/auto/-1}.diff-rule{grid-area:3/1/auto/-1}.expected-row .audio-button{grid-area:1/2;margin-top:0}.grade-buttons{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"again good""hard easy";gap:10px}html[data-keyboard=true] .grade-buttons{grid-template-areas:"again hard""good easy"}.grade-buttons button{min-height:48px;padding:10px 14px}.keyboard-hint{display:none}.complete-card{margin-top:4vh;padding:28px 20px 36px}.complete-mascot-frame{margin-bottom:12px}.complete-mascot-img{width:140px;height:140px}}@media (width<=360px){.nav-actions .text-button+.text-button{display:none}}@media (height<=540px) and (orientation:landscape){.welcome-intro{padding-top:max(6px, env(safe-area-inset-top))}.welcome-hero{padding-top:4px;padding-bottom:max(6px, env(safe-area-inset-bottom))}.welcome-hero-main{grid-template-columns:auto 1fr;align-items:center;column-gap:clamp(24px,4vw,48px);width:100%;max-width:960px;margin-block:auto;display:grid}.hero-copy{text-align:left;grid-template-rows:auto auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:clamp(18px,2.8vw,32px);max-width:480px;display:grid}.welcome-mascot-anchor{grid-area:1/1/-1;align-self:center;margin:0}.welcome-mascot-img{width:clamp(90px,13vw,118px);height:clamp(90px,13vw,118px);margin:0;transform:scaleX(-1)}.mascot-speech-bubble{white-space:normal;text-align:center;width:max-content;max-width:min(240px,40vw);padding:6px 10px;font-size:12px;animation-name:speech-bubble-pop-mobile;top:auto;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.mascot-speech-bubble:before{border-style:solid;border-width:7px 6px 0;border-color:var(--line) transparent transparent transparent;inset:100% auto auto 50%;transform:translate(-50%)}.mascot-speech-bubble:after{content:"";border-style:solid;border-width:5px 4px 0;border-color:var(--card) transparent transparent transparent;margin-top:-2px;margin-bottom:0;margin-right:0;position:absolute;inset:100% auto auto 50%;transform:translate(-50%)}.hero-copy h1{letter-spacing:-1.2px;grid-column:2;margin:0;font-size:clamp(25px,3.8vw,34px);line-height:1.05}.lede{grid-column:2;max-width:100%;margin:6px 0 14px;font-size:clamp(12.5px,1.7vw,14.5px);line-height:1.35}.hero-actions{flex-direction:row;grid-column:2;align-items:center;gap:12px;display:flex}.hero-actions button{width:auto;min-height:44px;padding:10px 20px;font-size:13.5px}.hero-visual{--hero-card-scale:clamp(.52, calc(.1 + (100vh / 800px)), .6);--sample-card-offset:15px;--sample-card-y-offset:9px;justify-content:center;align-items:center;width:100%;height:230px;min-height:220px;display:flex}.welcome-hero-footer{margin-top:auto;padding-top:4px}.welcome-hero-footer .hero-scroll-cue{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px 16px;font-size:12.5px;display:inline-flex}.create-sidebar header{margin-bottom:22px}}@media (width>=681px) and (orientation:portrait){.welcome-hero{padding-top:max(20px, env(safe-area-inset-top));padding-bottom:max(20px, env(safe-area-inset-bottom));justify-content:space-between}.welcome-hero-main{text-align:center;flex-direction:column;align-items:center;gap:0;width:100%;max-width:800px;margin-block:auto;display:flex}.hero-copy{text-align:center;flex-direction:column;align-items:center;display:flex}.welcome-mascot-anchor{margin:0 auto clamp(14px,2.2vh,30px)}.welcome-mascot-img{width:clamp(110px,12vh,155px);height:clamp(110px,12vh,155px);margin:0;position:static}.hero-copy h1{letter-spacing:-1.8px;margin:0;font-size:clamp(38px,5vw,54px);line-height:1.05}.lede{max-width:520px;margin:clamp(12px,1.8vh,22px) auto clamp(28px,4vh,48px);font-size:clamp(15.5px,1.8vw,19px);line-height:1.45}.hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;gap:16px;width:100%;max-width:380px;margin-bottom:clamp(36px,5.5vh,68px);display:grid}.hero-actions button{width:100%;min-height:52px;padding:12px 20px;font-size:16px}.hero-visual{z-index:1;isolation:isolate;flex-direction:row;justify-content:center;align-items:center;gap:clamp(20px,3.2vw,40px);width:100%;height:auto;min-height:auto;margin:0 auto clamp(24px,3.5vh,48px);display:flex;position:relative;transform:none}.hero-visual .sample-card{box-sizing:border-box;width:clamp(180px,30px + 23vw,290px);height:clamp(260px,28vh,360px);padding:clamp(18px,2.2vh,24px);position:relative;top:auto;left:auto}.hero-visual .sample-card .sample-phrase{font-size:clamp(24px,3vw,32px)}.hero-visual .sample-card .sample-illustration{width:clamp(70px,9vh,100px);height:clamp(70px,9vh,100px)}.hero-visual .sample-card-es{--card-base-tx:0px;--card-base-ty:0px;--card-base-rot:-2deg;box-shadow:6px 6px 0 var(--card-shadow-color);order:1}.hero-visual .sample-card-en{--card-base-tx:0px;--card-base-ty:0px;--card-base-rot:2.5deg;box-shadow:6px 6px 0 var(--card-shadow-color);order:2}.welcome-hero-footer{margin-top:0;padding-top:2px}}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px;padding-bottom:max(20px, var(--keyboard-inset,0px));z-index:1000;background:#121815a6;justify-content:center;align-items:center;transition:padding-bottom .24s cubic-bezier(.16,1,.3,1);animation:.16s ease-out fade-in;display:flex;position:fixed;inset:0}.modal-content{background:var(--card-elevated);border:2.5px solid var(--line);width:min(580px,100%);max-height:90vh;box-shadow:var(--shadow-card);animation:modal-pop .2s var(--ease-spring);border-radius:24px;flex-direction:column;gap:20px;padding:clamp(24px,4vw,36px);display:flex;position:relative;overflow-y:auto}@keyframes modal-pop{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.modal-close{border:2px solid var(--line);background:var(--paper-subtle);width:36px;height:36px;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:all .12s;display:flex}.modal-close:hover{background:var(--rosa-soft);border-color:var(--rosa-dark);color:var(--rosa-dark);transform:scale(1.05)}.deck-stats-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stat-pill{height:var(--pill-height);min-height:var(--pill-height);max-height:var(--pill-height);box-sizing:border-box;border:1.5px solid var(--line);border-radius:var(--pill-radius);background:var(--paper-subtle);color:var(--ink);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.stat-pill strong{color:var(--ink);font-weight:800}.backup-sections{flex-direction:column;gap:20px;display:flex}.backup-section{border:2px solid var(--line-subtle);background:var(--paper-subtle);border-radius:18px;flex-direction:column;gap:16px;padding:22px 24px;display:flex}.backup-section-header h3{color:var(--ink);margin:0;font-size:16px;font-weight:700}.backup-section-header p{color:var(--ink-soft);margin:4px 0 0;font-size:13px;line-height:1.4}.export-button{transition:all .18s var(--ease-spring);align-self:flex-start}.export-button span{line-height:inherit;font-size:inherit;margin-left:0;transition:none}.export-button:hover span{transform:none}.export-button.is-exported{background:var(--verde);color:var(--on-accent);border-color:var(--verde-dark);box-shadow:4px 4px 0 var(--verde-dark);animation:saveButtonPop .32s var(--ease-spring)}.export-button.is-exported:hover{background:var(--verde-dark);box-shadow:6px 6px 0 var(--shadow-ink);transform:translate(-2px,-2px)}.export-button.is-exported:active{box-shadow:1px 1px 0 var(--verde-dark);transform:translate(2px,2px)}.export-button-exported{justify-content:center;align-items:center;gap:6px;max-width:100%;animation:.2s ease-out saveTextFade;display:inline-flex}.export-button-check{animation:saveCheckmarkBounce .35s var(--ease-spring);flex-shrink:0;font-size:15px;font-weight:800;display:inline-block}.import-mode-selector{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.mode-option{border:2px solid var(--line-subtle);background:var(--card);cursor:pointer;border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;transition:all .12s;display:flex}.mode-option.is-selected{border-color:var(--turquesa-dark);background:var(--turquesa-soft);box-shadow:2px 2px 0 var(--turquesa-dark)}.mode-option input{accent-color:var(--turquesa-dark);margin-top:2px}.mode-label{flex-direction:column;gap:2px;display:flex}.mode-label strong{color:var(--ink);font-size:13px;font-weight:700}.mode-label small{color:var(--ink);font-size:12px;line-height:1.3}.file-input-wrapper{flex-direction:column;gap:6px;display:flex}.file-input-label{color:var(--ink);font-size:13px;font-weight:700}.backup-file-input{border:2px dashed var(--line);background:var(--card);width:100%;color:var(--ink);cursor:pointer;border-radius:12px;padding:10px 14px;font-size:16px}.backup-file-input:focus-visible{border-style:solid;border-color:var(--rosa);outline:none}.restore-confirm-button{align-self:flex-start}.status-banner a{color:inherit}.status-banner{border:2px solid #0000;border-radius:14px;padding:12px 16px;font-size:13px;font-weight:600;line-height:1.4}.status-banner p{margin:0}.status-banner.status-success{background:var(--verde-soft);border-color:var(--verde);color:var(--verde-dark)}.status-banner.status-error{background:var(--tezontle-soft);border-color:var(--tezontle);color:var(--tezontle-dark)}.status-banner.status-info{background:var(--maya-soft);border-color:var(--maya);color:var(--maya-dark)}.status-details{font-size:12px;font-family:var(--font-mono);margin:6px 0 0;padding-left:18px}.demo-deck-modal-backdrop{background:var(--modal-backdrop-bg);-webkit-backdrop-filter:none;backdrop-filter:none}.demo-deck-modal{width:min(560px,100%);box-shadow:var(--modal-sheet-shadow);gap:22px;padding:28px 32px}.demo-deck-modal .modal-subtitle{margin-top:8px;font-size:15.5px;line-height:1.5}.demo-deck-modal-actions{flex-direction:column;gap:10px;width:100%;display:flex}.demo-deck-modal-actions button{justify-content:center;width:100%}.demo-deck-modal-actions .demo-deck-dismiss-btn{box-shadow:none;color:var(--ink-soft);background:0 0;border-color:#0000;min-height:48px;font-size:14px}.demo-deck-modal-actions .demo-deck-dismiss-btn:hover{background:var(--paper-subtle);color:var(--ink);box-shadow:none;border-color:#0000;transform:none}.sync-modal{gap:16px;width:min(520px,100%);padding:26px 28px 30px}.modal-header-copy h2{font-family:var(--font-serif);letter-spacing:-.6px;color:var(--ink);margin:0;font-size:24px;font-weight:700}.modal-subtitle{color:var(--ink-soft);margin:3px 0 0;font-size:13px;line-height:1.35}.sync-account-pane{flex-direction:column;gap:20px;display:flex}.sync-account-hero{align-items:center;gap:16px;padding:6px 2px;display:flex}.sync-cloud-sticker-wrap{flex-shrink:0;justify-content:center;align-items:center;display:flex}.sync-cloud-sticker-wrap .cloud-check-sticker{display:block;overflow:visible}.sync-account-details{flex-direction:column;gap:3px;min-width:0;display:flex}.sync-status-row{align-items:center;gap:6px;min-width:0;display:inline-flex}.sync-status-row .status-separator{color:var(--ink-faint);-webkit-user-select:none;user-select:none;font-size:10.5px;font-weight:700}.account-badge{text-transform:uppercase;letter-spacing:.6px;color:var(--ink-muted);font-size:10.5px;font-weight:800}.sync-status-text{text-transform:uppercase;letter-spacing:.6px;color:var(--turquesa-dark);font-size:10.5px;font-weight:800}.sync-status-text.is-syncing{color:var(--turquesa-dark)}.sync-status-text.is-offline{color:var(--cempasuchil-dark)}.sync-status-text.is-error{color:var(--tezontle-dark)}.sync-status-text.is-synced{color:var(--turquesa-dark)}.account-email{color:var(--ink);word-break:break-all;margin:0;font-size:14.5px;font-weight:700;line-height:1.3}.sync-actions-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.sync-actions-row .sync-now-button,.sync-actions-row .sign-out-button{height:var(--pill-height);min-height:var(--pill-height);max-height:var(--pill-height);box-sizing:border-box;border-radius:var(--pill-radius);align-items:center;font-size:13px;line-height:1;display:inline-flex}.sync-actions-row .sync-now-button{transition:all .18s var(--ease-spring);gap:8px;padding:0 16px}.sync-now-button span{line-height:inherit;font-size:inherit;margin-left:0;transition:none}.sync-now-button:hover span{transform:none}.sync-actions-row .sync-now-button:disabled,.sync-actions-row .sign-out-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:2px 2px 0 var(--shadow-ink);transform:none}.sync-now-button.is-synced{background:var(--verde);color:var(--on-accent);border-color:var(--verde-dark);box-shadow:4px 4px 0 var(--verde-dark);animation:saveButtonPop .32s var(--ease-spring)}.sync-now-button.is-synced:hover{background:var(--verde-dark);box-shadow:6px 6px 0 var(--shadow-ink);transform:translate(-2px,-2px)}.sync-now-button.is-synced:active{box-shadow:1px 1px 0 var(--verde-dark);transform:translate(2px,2px)}.sync-button-synced{justify-content:center;align-items:center;gap:6px;max-width:100%;animation:.2s ease-out saveTextFade;display:inline-flex}.sync-button-check{animation:saveCheckmarkBounce .35s var(--ease-spring);flex-shrink:0;font-size:15px;font-weight:800;display:inline-block}.sync-button-text{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.sync-actions-row .sign-out-button{justify-content:center;align-items:center;padding:0 14px;display:inline-flex}.sync-auth-pane{flex-direction:column;gap:12px;display:flex}.sync-auth-form{flex-direction:column;gap:14px;display:flex}.sync-explanation{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.45}.sync-micro-hint{color:var(--ink-muted);text-align:center;margin:-4px 0 0;font-size:12px;line-height:1.35}.link-input-wrap{align-items:center;width:100%;margin-top:8px;display:flex;position:relative}.link-input-wrap .link-input{margin-top:0}.link-input{width:100%;font-family:inherit;font-size:16px;padding-right:76px!important}.link-input.otp-code-input{font-family:var(--font-mono);letter-spacing:.16em;font-weight:700}.paste-input-btn{background:var(--paper-subtle);border:1px solid var(--line-subtle);height:28px;color:var(--ink-soft);cursor:pointer;z-index:2;border-radius:6px;align-items:center;gap:5px;padding:0 9px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex;position:absolute;right:6px}.paste-input-btn:hover{background:var(--card);color:var(--ink);border-color:var(--line)}.paste-input-btn.is-pasted{background:var(--verde-soft,#eaf3ed);color:var(--verde-dark);border-color:var(--verde);animation:saveButtonPop .25s var(--ease-spring)}.resend-button-sent{justify-content:center;align-items:center;gap:6px;max-width:100%;animation:.2s ease-out saveTextFade;display:inline-flex}.resend-button-check{animation:saveCheckmarkBounce .35s var(--ease-spring);flex-shrink:0;font-size:14px;font-weight:800;display:inline-block}.resend-button-text{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.resend-text-button.is-sent{color:var(--verde-dark);font-weight:700}.sync-sent-pane{flex-direction:column;gap:16px;display:flex}.sync-sent-actions{flex-direction:column;gap:12px;display:flex}.sync-sent-actions .secondary-button,.sync-sent-actions .primary-button{width:100%}.sync-auth-sub-actions,.sync-sent-sub-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.modal-link-btn{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:2px 0;font-family:inherit;font-size:13px;font-weight:600;line-height:1.3;text-decoration:none;transition:color .14s}.modal-link-btn:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.modal-link-btn:disabled{color:var(--ink-muted);cursor:not-allowed;text-decoration:none}.sync-sub-action-dot{color:var(--line-subtle);-webkit-user-select:none;user-select:none;font-size:12px}.sync-notice-card{border:1.5px solid var(--line-subtle);background:var(--paper-subtle);border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.sync-notice-card .notice-icon{color:var(--ink);align-items:center;display:flex}.sync-notice-card h4{color:var(--ink);margin:0;font-size:13.5px;font-weight:700}.sync-notice-card p{color:var(--ink-soft);margin:0;font-size:12.5px;line-height:1.4}.redirect-auth-banner{border-radius:var(--pill-radius);background:var(--paper-subtle);border:1px solid var(--line-subtle);width:min(1080px,100%);color:var(--ink);box-shadow:var(--shadow-sm);animation:slideUp .18s var(--ease-spring);justify-content:space-between;align-items:center;gap:10px;margin:10px auto 0;padding:6px 10px 6px 14px;font-size:13px;display:flex}.redirect-auth-banner .banner-left{align-items:center;gap:8px;min-width:0;display:flex}.redirect-auth-banner .banner-text{color:var(--ink);margin:0;font-size:13px;font-weight:600}.redirect-auth-banner .banner-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.redirect-auth-banner .banner-action-btn{border-radius:var(--pill-radius);background:var(--card);border:1px solid var(--line-subtle);height:28px;color:var(--ink);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.redirect-auth-banner .banner-action-btn:hover{border-color:var(--line);background:var(--paper-subtle);box-shadow:var(--shadow-sm)}.redirect-auth-banner .banner-action-btn.is-copied{background:var(--turquesa-soft);color:var(--turquesa-dark);border-color:var(--turquesa)}.redirect-auth-banner .banner-dismiss-btn{border-radius:var(--pill-radius);width:24px;height:24px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.redirect-auth-banner .banner-dismiss-btn:hover{background:var(--line-subtle);color:var(--ink)}@media (width<=580px){.redirect-auth-banner{border-radius:14px;flex-wrap:wrap;gap:8px;padding:8px 10px 8px 12px}.redirect-auth-banner .banner-text{white-space:normal;flex:1;min-width:140px;font-size:12.5px;line-height:1.35}.redirect-auth-banner .banner-actions{margin-left:auto}}.deck-page{gap:20px}.deck-layout{flex-direction:column;gap:20px;width:min(1080px,100%);margin:0 auto;display:flex}.deck-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.deck-header-row h1{font-family:var(--font-serif);letter-spacing:-1px;margin:0;font-size:clamp(28px,4vw,36px);font-weight:800;line-height:1.15}.deck-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.deck-header-actions .secondary-button,.deck-header-pill{height:var(--pill-height);min-height:var(--pill-height);max-height:var(--pill-height);box-sizing:border-box;border-radius:var(--pill-radius);background:var(--card);color:var(--ink);border:1.5px solid var(--line-subtle);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:700;line-height:1;transition:all .15s;display:inline-flex}.deck-header-actions .secondary-button:hover,.deck-header-pill:hover{border-color:var(--line);color:var(--ink);box-shadow:var(--shadow-sm)}.deck-stat-chip{height:var(--pill-height);min-height:var(--pill-height);max-height:var(--pill-height);box-sizing:border-box;border-radius:var(--pill-radius);border:1.5px solid var(--line-subtle);background:var(--card);color:var(--ink-soft);white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.deck-stat-chip.is-mini{height:var(--pill-height-sm);min-height:var(--pill-height-sm);max-height:var(--pill-height-sm);white-space:nowrap;flex-shrink:0;padding:0 8px;font-size:11px;font-weight:700;line-height:1}.deck-stat-chip strong{color:var(--ink)}.deck-stat-chip.is-due{background:var(--tezontle-soft);border-color:var(--tezontle);color:var(--tezontle-dark)}.deck-stat-chip.is-new{background:var(--maya-soft);border-color:var(--maya);color:var(--maya-dark)}.deck-stat-chip.is-learning{background:var(--cempasuchil-soft);border-color:var(--cempasuchil);color:var(--cempasuchil-dark)}.deck-stat-chip.is-review{background:var(--verde-soft);border-color:var(--verde);color:var(--verde-dark)}.deck-toolbar{flex-direction:column;gap:10px;display:flex}.deck-search-wrap{width:100%;position:relative}.deck-search-input{border:2px solid var(--control-line);background:var(--input-bg);width:100%;box-shadow:var(--shadow-sm);border-radius:14px;padding:12px 16px 12px 42px;font-size:16px;transition:border-color .15s,box-shadow .15s}.deck-search-input:focus{border-color:var(--rosa);box-shadow:var(--shadow-md);outline:none}.deck-search-icon{pointer-events:none;color:var(--ink-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.deck-toolbar-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.deck-toolbar-meta{align-items:center;gap:10px;display:flex}.deck-card-count{color:var(--ink-muted);font-size:13px;font-weight:600}.deck-filter-pill{height:var(--pill-height);min-height:var(--pill-height);max-height:var(--pill-height);box-sizing:border-box;border:1.5px solid var(--line-subtle);border-radius:var(--pill-radius);background:var(--card);color:var(--ink-soft);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:700;line-height:1;transition:all .15s;display:inline-flex}.deck-filter-pill:hover{border-color:var(--line);color:var(--ink)}.deck-filter-pill.is-active{background:var(--filter-pill-active-bg);color:var(--filter-pill-active-color);border-color:var(--filter-pill-active-border);box-shadow:var(--filter-pill-active-shadow);font-weight:700}.deck-batch-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.deck-batch-actions .danger-button.batch-delete-btn,.deck-batch-actions .batch-delete-btn,.batch-delete-btn{height:var(--pill-height);min-height:var(--pill-height);max-height:var(--pill-height);box-sizing:border-box;border-radius:var(--pill-radius);background:var(--btn-danger-bg);color:var(--btn-danger-color);border:1.5px solid var(--line);box-shadow:var(--shadow-sm);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:700;line-height:1;transition:all .12s;display:inline-flex}.deck-batch-actions .danger-button.batch-delete-btn:hover,.deck-batch-actions .batch-delete-btn:hover,.batch-delete-btn:hover{background:var(--btn-danger-hover-bg);box-shadow:var(--shadow-md);transform:translateY(-1px)}.deck-batch-actions .secondary-button.deck-clear-selection-btn,.deck-batch-actions .deck-clear-selection-btn,.deck-clear-selection-btn{height:var(--pill-height);min-height:var(--pill-height);max-height:var(--pill-height);box-sizing:border-box;border-radius:var(--pill-radius);border:1.5px solid var(--line-subtle);background:var(--card);color:var(--ink-soft);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:700;line-height:1;transition:all .12s;display:inline-flex}.deck-batch-actions .secondary-button.deck-clear-selection-btn:hover,.deck-batch-actions .deck-clear-selection-btn:hover,.deck-clear-selection-btn:hover{border-color:var(--line);color:var(--ink)}.deck-sort-wrap{align-items:center;gap:8px;display:flex}@media not all and (width<=680px){.deck-sort-wrap{display:none}}.deck-sort-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:800}.deck-sort-select-wrap{align-items:center;display:inline-flex;position:relative}.deck-sort-pill{height:var(--pill-height);min-height:var(--pill-height);max-height:var(--pill-height);box-sizing:border-box;border:1.5px solid var(--line-subtle);border-radius:var(--pill-radius);background-color:var(--card);font-family:var(--font-serif);color:var(--ink-soft);background-image:var(--select-chevron-url);pointer-events:none;white-space:nowrap;-webkit-user-select:none;user-select:none;background-position:right 10px center;background-repeat:no-repeat;align-items:center;padding:0 30px 0 14px;font-size:13px;font-weight:700;line-height:1;transition:all .15s;display:inline-flex}.deck-sort-select-wrap:hover .deck-sort-pill{border-color:var(--line);color:var(--ink)}.deck-sort-select-wrap:focus-within .deck-sort-pill{border-color:var(--rosa);box-shadow:0 0 0 2px var(--rosa-glow)}.pill-select{height:var(--pill-height);min-height:var(--pill-height);max-height:var(--pill-height);box-sizing:border-box;border:1.5px solid var(--line-subtle);border-radius:var(--pill-radius);background-color:var(--card);letter-spacing:-.2px;color:var(--ink-soft);cursor:pointer;appearance:none;background-image:var(--select-chevron-url);background-position:right 10px center;background-repeat:no-repeat;align-items:center;padding:0 30px 0 12px;font-family:inherit;font-size:16px;font-weight:600;line-height:1;transition:all .15s;display:inline-flex}.pill-select:hover{border-color:var(--line);color:var(--ink)}.pill-select:focus-visible{border-color:var(--rosa);box-shadow:0 0 0 2px var(--rosa-glow);outline:none}.deck-sort-native-select{opacity:0;cursor:pointer;appearance:none;width:100%;height:100%;margin:0;padding:0;font-size:16px;position:absolute;inset:0}.deck-sort-header-btn{font-family:inherit;font-size:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:4px;margin:0;padding:0;transition:color .12s;display:inline-flex}.deck-sort-header-btn:hover{color:var(--ink)}.deck-sort-header-btn:focus-visible{outline:2px solid var(--rosa);outline-offset:2px;border-radius:4px}.deck-sort-icon{color:var(--rosa);font-size:11px;font-weight:800;line-height:1}.deck-cards-list.is-compact{border:2px solid var(--line);background:var(--card);box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch;border-radius:16px;flex-direction:column;gap:0;display:flex;overflow:auto hidden}.deck-list-table-header{text-transform:uppercase;letter-spacing:.8px;color:var(--ink-muted);background:var(--paper-subtle);border-bottom:2px solid var(--line);grid-template-columns:32px minmax(76px,90px) minmax(110px,1.25fr) minmax(110px,1fr) minmax(72px,80px) minmax(72px,80px) minmax(84px,96px);align-items:center;gap:10px;min-width:644px;padding:8px 14px;font-size:11px;font-weight:800;display:grid}.deck-card-row{border:none;border-bottom:1px solid var(--line-light);background:var(--card);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:0;grid-template-columns:32px minmax(76px,90px) minmax(110px,1.25fr) minmax(110px,1fr) minmax(72px,80px) minmax(72px,80px) minmax(84px,96px);align-items:center;gap:10px;min-width:644px;min-height:44px;padding:8px 14px;transition:background .12s,border-color .12s;display:grid}.deck-card-row:last-child{border-bottom:none}.deck-card-row:hover{background:var(--paper-subtle)}.deck-card-row:focus-visible{outline:2px solid var(--rosa);outline-offset:-2px}.deck-card-row.is-selected{background:var(--turquesa-soft)}.deck-select-checkbox{width:18px;height:18px;accent-color:var(--turquesa-dark);cursor:pointer;flex-shrink:0;margin:0}.deck-card-row .col-select,.deck-list-table-header .col-select{justify-content:center;align-items:center;display:flex}.deck-card-row .col-dir,.deck-list-table-header .col-dir{align-items:center;display:flex}.deck-direction-badge{height:var(--pill-height-sm);min-height:var(--pill-height-sm);max-height:var(--pill-height-sm);box-sizing:border-box;border-radius:var(--pill-radius);background:var(--paper-subtle);border:1.5px solid var(--line-subtle);color:var(--ink-muted);white-space:nowrap;justify-content:center;align-items:center;gap:5px;padding:0 6px;line-height:1;display:inline-flex}.deck-direction-badge .deck-dir-arrow{color:var(--ink-muted);-webkit-user-select:none;user-select:none;font-size:10px;line-height:1}.deck-direction-badge svg,.deck-direction-badge .language-icon{vertical-align:middle;flex-shrink:0}.deck-card-row .col-phrase,.deck-list-table-header .col-phrase{align-items:center;gap:6px;min-width:0;display:flex}.deck-card-row .deck-phrase-text{font-family:var(--font-serif);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;font-size:15px;font-weight:700;overflow:hidden}.deck-card-row .deck-answer-text{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.deck-card-row .col-mastery,.deck-list-table-header .col-mastery,.deck-card-row .col-difficulty,.deck-list-table-header .col-difficulty{justify-content:flex-start;align-items:center;display:flex}.deck-card-row .col-status,.deck-list-table-header .col-status{justify-content:flex-end;align-items:center;min-width:0;display:flex}@media (width<=680px){.deck-list-table-header{display:none}.deck-filter-pill{flex-shrink:0}.deck-cards-list.is-compact{border-radius:14px;overflow-x:visible}.deck-card-row{grid-template-columns:28px minmax(0,1fr) auto;grid-template-areas:"select prompt mastery""select answer difficulty";align-items:center;gap:4px 12px;min-width:0;min-height:52px;padding:10px 14px;display:grid}.deck-card-row .col-select{cursor:pointer;grid-area:select;justify-content:center;align-self:center;align-items:center;display:flex}.deck-card-row .col-dir,.deck-card-row .col-status{display:none}.deck-card-row .col-prompt{grid-area:prompt;align-items:center;gap:6px;min-width:0;display:flex}.deck-card-row .col-answer{grid-area:answer;align-items:center;gap:6px;min-width:0;display:flex}.deck-card-row .col-mastery{grid-area:mastery;justify-content:flex-end;align-items:center;display:flex}.deck-card-row .col-difficulty{grid-area:difficulty;justify-content:flex-end;align-items:center;display:flex}.deck-card-row .deck-phrase-text{line-height:1.25}.deck-card-row .deck-answer-text{font-size:13px;line-height:1.25}}.deck-empty-state{text-align:center;border:2px dashed var(--line-subtle);background:var(--paper-subtle);border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:48px 20px;display:flex}.deck-empty-state h3{margin:0;font-size:18px;font-weight:700}.deck-empty-state p{color:var(--ink-soft);max-width:400px;margin:0;font-size:14px}.deck-empty-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.edit-card-modal{gap:14px;width:min(560px,100%);padding:clamp(20px,3.5vw,28px)}.delete-card-modal{width:min(560px,100%)}.backup-modal{width:min(640px,100%);max-height:90vh;overflow-y:auto}.starter-packs-modal{width:min(680px,100%);max-height:90vh;overflow-y:auto}.starter-packs-modal.is-inspecting{flex-direction:column;display:flex;overflow:hidden}.starter-packs-modal.is-inspecting .modal-header,.starter-packs-modal.is-inspecting .starter-pack-inspect-toolbar{flex-shrink:0}.starter-packs-list{flex-direction:column;gap:16px;margin-top:4px;display:flex}.starter-pack-card{background:var(--card);border:2px solid var(--line);box-shadow:2px 2px 0 var(--line), 4px 4px 0 var(--paper-subtle), 6px 6px 0 var(--line-subtle);cursor:pointer;border-radius:16px;flex-direction:column;gap:14px;padding:18px 20px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.starter-pack-card:hover{box-shadow:3px 3px 0 var(--line), 5px 5px 0 var(--paper-subtle), 7px 7px 0 var(--line-subtle);transform:translate(-1px,-1px)}.starter-pack-card:active:not(:has(button:active)){box-shadow:1px 1px 0 var(--line);transform:translate(1px,1px)}.starter-pack-card.theme-rosa{border-left:7px solid var(--rosa)}.starter-pack-card.theme-maya{border-left:7px solid var(--maya)}.starter-pack-card.theme-turquesa{border-left:7px solid var(--turquesa-deep)}.starter-pack-card.theme-cempasuchil{border-left:7px solid var(--cempasuchil)}.starter-pack-card.theme-tezontle{border-left:7px solid var(--tezontle)}.starter-pack-card.is-added{background:var(--paper-subtle);border-top-color:var(--line-light);border-right-color:var(--line-light);border-bottom-color:var(--line-light);box-shadow:none;opacity:.88;transform:none}.starter-pack-card.is-added:hover{opacity:1;border-color:var(--line);box-shadow:2px 2px 0 var(--line-subtle);transform:translate(-1px,-1px)}.starter-pack-card.is-added:active:not(:has(button:active)){box-shadow:none;transform:none}.starter-pack-head{flex-direction:column;gap:8px;display:flex}.starter-pack-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.starter-pack-title-wrap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.starter-pack-theme-tag{text-transform:uppercase;letter-spacing:.04em;border:1px solid;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:800}.starter-pack-theme-tag.theme-rosa{background:var(--rosa-soft);color:var(--rosa-dark);border-color:var(--rosa)}.starter-pack-theme-tag.theme-maya{background:var(--maya-soft);color:var(--maya-dark);border-color:var(--maya)}.starter-pack-theme-tag.theme-turquesa{background:var(--turquesa-soft);color:var(--turquesa-dark);border-color:var(--turquesa-border)}.starter-pack-theme-tag.theme-cempasuchil{background:var(--cempasuchil-soft);color:var(--cempasuchil-dark);border-color:var(--cempasuchil)}.starter-pack-theme-tag.theme-tezontle{background:var(--tezontle-soft);color:var(--tezontle-dark);border-color:var(--tezontle)}.starter-pack-title{color:var(--ink);margin:0;font-size:17px;font-weight:800;line-height:1.25}.starter-pack-desc{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.45}.starter-pack-actions{border-top:1px solid var(--line-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:2px;padding-top:12px;display:flex}.starter-pack-inspect-btn{height:var(--pill-height);min-height:var(--pill-height);background:var(--paper);border:1.5px solid var(--line-subtle);color:var(--ink);white-space:nowrap;border-radius:999px;padding:0 14px;font-size:13px;font-weight:600}.starter-pack-inspect-btn:hover{background:var(--paper-subtle);border-color:var(--line)}.starter-pack-action-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.starter-pack-conflict-info{color:var(--ink-soft);cursor:default;font-size:12px;font-weight:600}.starter-pack-btn{height:var(--pill-height);min-height:var(--pill-height);white-space:nowrap;border-radius:999px;padding:0 16px;font-size:13px}.starter-pack-btn.is-complete{background:var(--turquesa-soft);color:var(--turquesa-dark);border:1.5px solid var(--turquesa-border);box-shadow:none;cursor:default}.starter-pack-btn.is-remove{background:var(--paper);border:1.5px solid var(--line-subtle);color:var(--tezontle-dark);padding:0 12px;font-size:12.5px;font-weight:600}.starter-pack-btn.is-remove:hover{background:var(--tezontle-soft);border-color:var(--tezontle);color:var(--tezontle-dark);transform:translateY(-1px)}.starter-pack-btn.is-remove:focus-visible{outline:2px solid var(--tezontle);outline-offset:2px}.starter-pack-btn.is-confirm{background:var(--btn-danger-bg);color:var(--btn-danger-color);border:1.5px solid var(--line);padding:0 14px;font-size:12.5px;font-weight:700}.starter-pack-btn.is-confirm:hover{background:var(--btn-danger-hover-bg);transform:translateY(-1px)}.starter-pack-btn.is-confirm:focus-visible{outline:2px solid var(--tezontle);outline-offset:2px}.starter-pack-btn.is-cancel{padding:0 14px;font-size:12.5px;font-weight:600}.starter-pack-confirm-wrap{cursor:default;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.starter-pack-confirm-text{color:var(--tezontle-dark);font-size:12px;font-weight:700}.starter-pack-inspect-header{border-bottom:1px solid var(--line-light);justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.starter-pack-inspect-nav{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.starter-pack-back-btn{border:1.5px solid var(--line-subtle);background:var(--paper);height:34px;min-height:34px;color:var(--ink);white-space:nowrap;box-shadow:none;border-radius:999px;padding:0 14px;font-size:13px;font-weight:700}.starter-pack-back-btn:hover{border-color:var(--line);background:var(--paper-subtle);box-shadow:none;transform:none}.starter-pack-back-btn:active{box-shadow:none;transform:none}.starter-pack-inspect-title-wrap{align-items:center;gap:8px;display:flex}.starter-pack-inspect-title-wrap h2{margin:0;font-size:18px;font-weight:800}.starter-pack-inspect-toolbar{background:var(--paper);border:1.5px solid var(--line-subtle);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 10px;padding:12px 14px;display:flex}.starter-pack-inspect-summary{flex-direction:column;gap:2px;display:flex}.starter-pack-inspect-status{color:var(--ink);margin:0;font-size:13.5px;font-weight:700}.starter-pack-inspect-caption{color:var(--ink-soft);margin:0;font-size:12px}.starter-pack-inspect-list{flex-direction:column;flex:1;gap:8px;min-height:0;max-height:none;padding-bottom:8px;padding-right:4px;display:flex;overflow-y:auto}.starter-pack-inspect-list:focus-visible{outline:2px solid var(--rosa);outline-offset:2px}.starter-pack-inspect-item{background:var(--card);border:1.5px solid var(--line-light);border-radius:12px;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 14px;transition:border-color .15s;display:flex}.starter-pack-inspect-item:hover{border-color:var(--line-subtle)}.starter-pack-inspect-item.is-in-deck{background:var(--turquesa-soft);border-color:var(--turquesa-border)}.starter-pack-inspect-item.is-partial-deck{background:var(--cempasuchil-soft);border-color:var(--cempasuchil)}.inspect-item-content{flex-direction:column;gap:3px;min-width:0;display:flex}.inspect-item-words{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.inspect-item-spanish{color:var(--ink);font-size:15px;font-weight:800}.inspect-item-arrow{color:var(--ink-faint);font-size:12px}.inspect-item-english{color:var(--ink-soft);font-size:14px;font-weight:500}.inspect-item-context{color:var(--ink-muted);margin:0;font-size:12px;line-height:1.4}.inspect-item-badge-wrap{flex-shrink:0;margin-top:2px}.inspect-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.inspect-badge.in-deck{background:var(--card);color:var(--turquesa-dark);border:1px solid var(--turquesa-border)}.inspect-badge.partial-deck{background:var(--card);color:var(--cempasuchil-dark);border:1px solid var(--cempasuchil)}.inspect-item-add-btn{border:1.5px solid var(--line-subtle);background:var(--paper);height:26px;min-height:26px;color:var(--ink);white-space:nowrap;cursor:pointer;box-shadow:none;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:11.5px;font-weight:700;transition:all .12s;display:inline-flex}.inspect-item-add-btn:hover{background:var(--turquesa-soft);border-color:var(--turquesa-border);color:var(--turquesa-dark);transform:translateY(-1px)}.inspect-item-add-btn:active{transform:translateY(0)}.inspect-item-add-btn:focus-visible{outline:2px solid var(--rosa);outline-offset:2px}.inspect-item-add-btn.is-partial{background:var(--cempasuchil-soft);border-color:var(--cempasuchil);color:var(--cempasuchil-dark)}.inspect-item-add-btn.is-partial:hover{background:var(--cempasuchil);border-color:var(--cempasuchil-dark);color:#121815}.inspect-item-in-deck-actions{align-items:center;gap:6px;display:flex}.inspect-item-remove-btn{border:1.5px solid var(--line-subtle);background:var(--paper);height:26px;min-height:26px;color:var(--ink-soft);white-space:nowrap;cursor:pointer;box-shadow:none;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:11.5px;font-weight:700;transition:all .12s;display:inline-flex}.inspect-item-remove-btn:hover{background:var(--tezontle-soft);border-color:var(--tezontle);color:var(--tezontle-dark);transform:translateY(-1px)}.inspect-item-remove-btn:active{transform:translateY(0)}.inspect-item-remove-btn:focus-visible{outline:2px solid var(--tezontle);outline-offset:2px}.edit-card-form{flex-direction:column;gap:12px;display:flex}.edit-card-form .field-group{margin-bottom:0}.edit-card-form .field-group textarea{min-height:52px;margin-top:4px;padding:10px 14px;font-size:16px;line-height:1.35}.edit-card-form .field-group textarea#edit-context,.field-group textarea#context{field-sizing:content;min-height:68px;max-height:180px;font-family:var(--font-sans);padding:10px 14px;font-size:16px;line-height:1.4;overflow-y:auto}.field-label-row{justify-content:space-between;align-items:center;gap:12px;min-height:28px;margin-bottom:6px;display:flex}.field-label-row label{color:var(--ink);align-items:center;gap:6px;margin-bottom:0;font-size:14px;font-weight:700;display:inline-flex}.field-label-row .audio-button{border-radius:50%;flex-shrink:0;width:28px;min-width:28px;height:28px;min-height:28px;padding:0;position:relative}.field-label-row .audio-button:before{content:"";position:absolute;inset:-6px}.field-label-row .audio-button svg{width:14px;height:14px}.ai-context-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.ai-suggestion-btn{height:var(--pill-height,32px);background:var(--paper-subtle);border:1.5px solid var(--line-subtle);border-radius:var(--pill-radius,999px);min-width:96px;color:var(--ink-soft);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:4px;padding:0 12px;font-size:13px;font-weight:700;line-height:1.2;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.ai-suggestion-btn:hover:not([aria-disabled=true]):not(:disabled){background:var(--card);border-color:var(--rosa);color:var(--rosa-dark)}.ai-suggestion-btn:active:not([aria-disabled=true]):not(:disabled){transform:translateY(1px)}.ai-suggestion-btn:focus-visible{outline:2px solid var(--rosa);outline-offset:2px}.ai-suggestion-btn[aria-busy=true]{opacity:1;cursor:progress;background:var(--card);border-color:var(--rosa);color:var(--rosa-dark);box-shadow:0 1px 3px #0000000d}.ai-suggestion-btn[aria-disabled=true]:not([aria-busy=true]),.ai-suggestion-btn:disabled:not([aria-busy=true]){opacity:.45;cursor:not-allowed}.ai-suggestion-error{color:var(--tezontle-dark,#991b1b);font-size:12px;font-weight:600;line-height:1.3}.delete-card-preview-card{background:var(--paper-subtle);border:2px solid var(--line-subtle);color:var(--ink);border-radius:16px;flex-direction:column;gap:8px;padding:16px;display:flex}.delete-card-preview-card p{color:var(--ink);margin:0;font-size:15px;line-height:1.4}.delete-card-preview-card strong{color:var(--ink);text-transform:uppercase;letter-spacing:.5px;margin-right:6px;font-size:13px}.delete-cards-preview-list{background:var(--paper-subtle);border:1.5px solid var(--line-subtle);border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.delete-cards-count-label{color:var(--ink);margin:0;font-size:13px;font-weight:700}.delete-cards-summary-list{color:var(--ink-soft);flex-direction:column;gap:6px;margin:0;padding-left:20px;font-size:14px;display:flex}.delete-cards-summary-list strong{color:var(--ink)}.delete-cards-more{color:var(--ink-muted);margin-left:-20px;font-size:13px;font-weight:600;list-style:none}.toggle-row-compact,.edit-card-toggle-row{margin-top:4px;margin-bottom:2px}.edit-modal-actions,.delete-modal-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:8px;display:flex}.edit-modal-actions .primary-button,.edit-modal-actions .secondary-button,.delete-modal-actions .danger-button,.delete-modal-actions .secondary-button{box-sizing:border-box;border-radius:12px;justify-content:center;align-items:center;height:40px;min-height:40px;max-height:40px;padding:0 18px;font-size:14px;line-height:1;display:inline-flex}.edit-modal-actions .secondary-button,.delete-modal-actions .secondary-button{background:var(--card);color:var(--ink);border:2px solid var(--line);box-shadow:2px 2px 0 var(--turquesa-deep)}.edit-modal-actions .secondary-button:hover,.delete-modal-actions .secondary-button:hover{background:var(--paper-subtle);box-shadow:4px 4px 0 var(--turquesa-dark);transform:translate(-2px,-2px)}.edit-modal-actions .secondary-button:active,.delete-modal-actions .secondary-button:active{box-shadow:0 0 0 var(--shadow-ink);transform:translate(2px,2px)}.danger-button{background:var(--btn-danger-bg);color:var(--btn-danger-color);border:2px solid var(--line);box-shadow:2px 2px 0 var(--shadow-ink);border-radius:12px;padding:10px 18px;font-size:14px;font-weight:700;transition:transform .12s,box-shadow .12s}.danger-button:hover{background:var(--btn-danger-hover-bg);box-shadow:3px 3px 0 var(--shadow-ink);transform:translateY(-1px)}.study-card-quick-actions{border-top:1px dashed var(--line-subtle);justify-content:center;align-items:center;gap:8px;margin-top:16px;padding-top:12px;display:flex}.study-quick-btn{color:var(--ink-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;font-weight:600;transition:all .12s;display:inline-flex}.study-quick-btn:hover{color:var(--ink);background:var(--paper-subtle);border-color:var(--line-subtle)}.study-quick-btn.delete-btn:hover{color:var(--tezontle-dark);background:var(--tezontle-soft);border-color:var(--tezontle)}.study-quick-btn:focus-visible{outline:2px solid var(--rosa);outline-offset:2px}.study-quick-sep{color:var(--line);-webkit-user-select:none;user-select:none;font-size:12px}.feedback-modal{width:min(540px,100%)}.feedback-success-state{flex-direction:column;gap:16px;padding:8px 0;display:flex}.feedback-success-message{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.5}.feedback-form{flex-direction:column;gap:18px;display:flex}.feedback-encouragement{color:var(--ink-soft);margin:0;font-size:14.5px;line-height:1.5}.feedback-field-group{flex-direction:column;gap:8px;display:flex}.feedback-textarea{box-sizing:border-box;width:100%;min-height:120px;color:var(--ink);background:var(--paper);border:2px solid var(--control-line);resize:vertical;border-radius:12px;padding:12px 14px;font-family:inherit;font-size:16px;line-height:1.45;transition:border-color .12s,box-shadow .12s}.feedback-textarea:focus{border-color:var(--rosa-dark);box-shadow:0 0 0 3px var(--rosa-soft);background:var(--card);outline:none}.feedback-error-banner{background:var(--tezontle-soft);border:1.5px solid var(--tezontle);color:var(--tezontle-dark);border-radius:8px;padding:10px 14px;font-size:13px;line-height:1.4}.feedback-modal-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:8px;display:flex}.feedback-modal-actions .primary-button,.feedback-modal-actions .secondary-button{box-sizing:border-box;border-radius:12px;justify-content:center;align-items:center;height:40px;min-height:40px;max-height:40px;padding:0 18px;font-size:14px;line-height:1;display:inline-flex}.feedback-modal-actions .secondary-button{background:var(--card);color:var(--ink);border:2px solid var(--line);box-shadow:2px 2px 0 var(--turquesa-deep)}.feedback-modal-actions .secondary-button:hover{background:var(--paper-subtle);box-shadow:4px 4px 0 var(--turquesa-dark);transform:translate(-2px,-2px)}.feedback-modal-actions .secondary-button:active{box-shadow:0 0 0 var(--shadow-ink);transform:translate(2px,2px)}.sync-account-footer{justify-content:center;margin-top:6px;display:flex}.delete-account-link{color:var(--tezontle-dark);font-size:12.5px;font-weight:600;transition:opacity .15s}.delete-account-link:hover{color:var(--tezontle-dark);text-decoration:underline}.sync-delete-confirm-box{background:var(--tezontle-soft);border:1.5px solid var(--tezontle);border-radius:14px;flex-direction:column;gap:12px;margin-top:8px;padding:16px;display:flex}.delete-confirm-text{color:var(--tezontle-dark);margin:0;font-size:13.5px;font-weight:500;line-height:1.45}.delete-backup-option{color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.delete-backup-option input[type=checkbox]{accent-color:var(--tezontle);cursor:pointer;width:16px;height:16px}.delete-confirm-input-wrap{flex-direction:column;gap:6px;display:flex}.delete-input-label{color:var(--tezontle-dark);font-size:12.5px;font-weight:500}.delete-input{width:100%;font-size:16px;font-family:var(--font-mono);letter-spacing:.05em;border:2px solid var(--control-line);background:var(--input-bg);color:var(--tezontle-dark);box-sizing:border-box;border-radius:10px;padding:10px 14px;font-weight:700;transition:border-color .14s,box-shadow .14s}.delete-input:focus{border-color:var(--tezontle);box-shadow:2px 2px 0 var(--shadow-ink);outline:none}.delete-confirm-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.delete-confirm-actions .cancel-delete-btn{border-radius:var(--pill-radius);flex:1 0 auto;height:auto;min-height:38px;padding:8px 16px;font-size:13px}.delete-confirm-actions .confirm-delete-btn{border-radius:var(--pill-radius);background:var(--btn-danger-bg);height:auto;min-height:38px;color:var(--btn-danger-color);border:2px solid var(--line);box-shadow:2px 2px 0 var(--shadow-ink);cursor:pointer;flex:1 0 auto;padding:8px 16px;font-size:13px;font-weight:700;transition:background .14s,opacity .14s}.delete-confirm-actions .confirm-delete-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:2px 2px 0 var(--shadow-ink)}.delete-confirm-actions .confirm-delete-btn:not(:disabled):hover{background:var(--btn-danger-hover-bg)}.sync-modal-legal{border-top:1px solid var(--line-subtle);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding-top:8px;display:flex}.sync-privacy-link{color:var(--ink-muted);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-family:inherit;font-size:12px;font-weight:400;line-height:1.4;text-decoration:underline;text-decoration-thickness:1px;transition:color .12s}.sync-privacy-link:hover{color:var(--ink-soft)}.sync-privacy-link:focus-visible{outline:2px solid var(--maya-dark);outline-offset:2px;border-radius:2px}.sync-modal-legal-separator{color:var(--ink-muted);-webkit-user-select:none;user-select:none;font-size:12px}.sync-update-actions{align-items:center;gap:12px;margin-top:8px;display:flex}.sync-update-actions a{min-height:38px;color:var(--ink);text-underline-offset:2px;align-items:center;font-size:13px;font-weight:600;text-decoration:underline;display:inline-flex}.sync-update-action-btn{background:var(--ink);min-height:38px;color:var(--paper);border:1.5px solid var(--line);cursor:pointer;box-shadow:2px 2px 0 var(--line);transition:transform .12s var(--ease-spring), box-shadow .12s var(--ease-spring);border-radius:9999px;justify-content:center;align-items:center;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}@media (width<=640px),(pointer:coarse){.sync-update-actions a,.sync-update-action-btn{min-height:44px}}.sync-update-action-btn:hover{box-shadow:3px 3px 0 var(--line);transform:translate(-1px,-1px)}.sync-update-action-btn:active{box-shadow:1px 1px 0 var(--line);transform:translate(1px,1px)}.sync-update-action-btn:focus-visible{outline:2px solid var(--maya-dark);outline-offset:2px}.privacy-modal{max-width:620px}.privacy-title-row{align-items:center;gap:8px;display:flex}.privacy-shield-badge{color:var(--verde-dark);justify-content:center;align-items:center;display:inline-flex}.privacy-modal-body{flex-direction:column;gap:16px;max-height:55vh;padding-right:4px;display:flex;overflow-y:auto}.privacy-section h3{color:var(--ink);margin-bottom:4px;font-size:14.5px;font-weight:700}.privacy-section p{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.5}.privacy-contact-link{color:var(--rosa-dark);text-underline-offset:2px;text-decoration:underline}.privacy-contact-link:hover{color:var(--rosa)}.privacy-contact-link:focus-visible{outline:2px solid var(--maya-dark);outline-offset:2px;border-radius:2px}.privacy-modal-footer{border-top:1px solid var(--line-subtle);justify-content:flex-end;padding-top:12px;display:flex}.privacy-done-btn{height:var(--pill-height);min-height:var(--pill-height);border-radius:var(--pill-radius);padding:0 20px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.storage-recovery{place-items:center;min-height:100svh;display:grid}.storage-recovery section{max-width:38rem}.storage-recovery-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.storage-save-error{color:var(--ink);background:var(--tezontle-soft);border-left:3px solid var(--tezontle);padding:.75rem 1rem}.study-card{touch-action:pan-y;will-change:transform}.study-card:not(.is-revealed){touch-action:none}.study-prompt,.reveal-main,.reveal-context-block,.study-card input,.study-card textarea{-webkit-user-select:text;user-select:text}.study-card.is-dragging,.study-card.is-dragging .study-prompt,.study-card.is-dragging .prompt-meta{cursor:grabbing;-webkit-user-select:none;user-select:none}.study-card.zone-again{box-shadow:0 0 24px var(--rosa-glow), var(--shadow-card);border-color:var(--rosa)!important}.study-card.zone-good{box-shadow:0 0 24px var(--turquesa-glow), var(--shadow-card);border-color:var(--turquesa-dark)!important}.study-card.zone-easy{box-shadow:0 0 24px var(--verde-glow), var(--shadow-card);border-color:var(--verde)!important}.study-card.zone-hard{box-shadow:0 0 24px var(--cempasuchil-glow), var(--shadow-card);border-color:var(--cempasuchil-dark)!important}.card-gesture-overlays{pointer-events:none;z-index:25;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.card-gesture-overlays.fixed-hud{z-index:95;pointer-events:none;border-radius:0;width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}.gesture-card-flood{pointer-events:none;z-index:30;box-sizing:border-box;-webkit-backdrop-filter:blur(6px);justify-content:center;align-items:center;padding:24px;transition:opacity 80ms ease-out;position:absolute;inset:0;width:100%!important;height:100%!important;box-shadow:none!important;border:none!important;border-radius:0!important;display:flex!important;inset:0!important;transform:none!important}.gesture-card-flood.zone-again{background:var(--rosa)!important;color:var(--on-accent)!important}.gesture-card-flood.zone-good{background:var(--turquesa-dark)!important;color:var(--on-accent)!important}.gesture-card-flood .flood-content{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;transition:transform .16s cubic-bezier(.16,1,.3,1);display:flex;transform:scale(.92)}.gesture-card-flood.is-active .flood-content{transform:scale(1.08)}.gesture-card-flood .flood-icons{justify-content:center;align-items:center;gap:16px;line-height:1;display:inline-flex}.gesture-card-flood .flood-thumb{filter:drop-shadow(0 4px 14px #00000040);justify-content:center;align-items:center;font-size:clamp(48px,12vw,76px);line-height:1;display:inline-flex}.gesture-card-flood .flood-icon{filter:drop-shadow(0 4px 14px #00000040);justify-content:center;align-items:center;font-size:clamp(48px,12vw,76px);font-weight:900;line-height:1;display:inline-flex;color:inherit!important}.gesture-card-flood .flood-label{font-family:var(--font-sans);letter-spacing:6px;text-transform:uppercase;text-align:center;filter:drop-shadow(0 4px 14px #00000040);font-size:clamp(32px,9vw,54px);font-weight:900;line-height:1.1;display:block;color:inherit!important}.gesture-zone-badge{font-family:var(--font-sans);letter-spacing:2px;text-transform:uppercase;background:var(--card);pointer-events:none;z-index:30;border:3.5px solid;border-radius:14px;align-items:center;gap:10px;padding:10px 24px;font-size:clamp(20px,5.2vw,28px);font-weight:900;transition:transform .16s cubic-bezier(.16,1,.3,1),background .16s,color .16s,box-shadow .16s;display:inline-flex;position:absolute;box-shadow:0 10px 28px #0000002e}.gesture-zone-badge .badge-icon,.gesture-zone-badge .badge-key{justify-content:center;align-items:center;font-size:clamp(20px,4.8vw,26px);font-weight:900;line-height:1;display:inline-flex}.gesture-edge-glow{pointer-events:none;z-index:100;width:24px;transition:opacity .12s;position:fixed;top:0;bottom:0}.edge-glow-again{background:linear-gradient(90deg,#e4007cbf,#0000);left:0;box-shadow:0 0 32px #e4007c99}.edge-glow-good{background:linear-gradient(270deg,#0d7a68bf,#0000);right:0;box-shadow:0 0 32px #0d7a6899}.study-card.zone-again .grade-buttons .grade-again,.grade-buttons .grade-again.is-gesture-active{box-shadow:0 0 20px var(--rosa-glow);border-color:var(--rosa);transform:scale(1.08)}.study-card.zone-good .grade-buttons .grade-good,.grade-buttons .grade-good.is-gesture-active{box-shadow:0 0 20px var(--turquesa-glow);border-color:var(--turquesa-dark);transform:scale(1.08)}.gesture-zone-badge.zone-easy{color:var(--verde);border-color:var(--verde);top:12px;left:50%;transform:translate(-50%)}.gesture-zone-badge.zone-easy.is-active{background:var(--verde);color:var(--on-accent);transform:translate(-50%)scale(1.12)}.gesture-zone-badge.zone-easy.is-active .badge-key{background:var(--on-accent);color:var(--verde)}.gesture-zone-badge.zone-hard{color:var(--cempasuchil-dark);border-color:var(--cempasuchil-dark);bottom:12px;left:50%;transform:translate(-50%)}.gesture-zone-badge.zone-hard.is-active{background:var(--cempasuchil);color:#121815;transform:translate(-50%)scale(1.12)}.gesture-zone-badge.zone-hard.is-active .badge-key{color:var(--cempasuchil);background:#121815}@media (width<=680px){.grade-gesture-slot{flex-shrink:0;justify-content:center;align-items:center;width:18px;display:flex}.grade-gesture-slot.trailing{margin-left:auto}.grade-gesture-cue{flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:800;line-height:1;transition:transform .12s,opacity .12s;display:inline-flex}.grade-gesture-cue.is-active{transform:scale(1.2)}.reveal-gesture-cue{justify-content:center;align-items:center;margin-right:2px;font-size:15px;font-weight:800;line-height:1;transition:transform .12s,opacity .12s;display:inline-flex}.reveal-button.is-gesture-ready{background:var(--turquesa-soft);border-color:var(--turquesa-dark)}.keyboard-hint,.reveal-button kbd,.answer-accents button kbd,.accent-toolbar-btn kbd,.grade-buttons kbd,.grade-btn kbd{display:none!important}}html[data-platform=ios]:not([data-keyboard=true]) .keyboard-hint,html[data-platform=ios]:not([data-keyboard=true]) .reveal-button kbd,html[data-platform=ios]:not([data-keyboard=true]) .answer-accents button kbd,html[data-platform=ios]:not([data-keyboard=true]) .accent-toolbar-btn kbd,html[data-platform=ios]:not([data-keyboard=true]) .grade-buttons kbd,html[data-platform=ios]:not([data-keyboard=true]) .grade-btn kbd,html[data-platform=android]:not([data-keyboard=true]) .keyboard-hint,html[data-platform=android]:not([data-keyboard=true]) .reveal-button kbd,html[data-platform=android]:not([data-keyboard=true]) .answer-accents button kbd,html[data-platform=android]:not([data-keyboard=true]) .grade-buttons kbd,html[data-platform=android]:not([data-keyboard=true]) .grade-btn kbd,html[data-platform=ios]:not([data-keyboard=true]) .answer-accents-container,html[data-platform=android]:not([data-keyboard=true]) .answer-accents-container{display:none!important}@media (width<=640px),(pointer:coarse){html:not([data-keyboard=true]) .answer-accents-container{display:none!important}}html[data-keyboard=true] .keyboard-hint{display:block!important}html[data-keyboard=true] .reveal-button kbd,html[data-keyboard=true] .answer-accents button kbd,html[data-keyboard=true] .accent-toolbar-btn kbd,html[data-keyboard=true] .grade-buttons kbd,html[data-keyboard=true] .grade-btn kbd{display:inline-flex!important}html[data-keyboard=true] .grade-gesture-cue,html[data-keyboard=true] .grade-gesture-slot,html[data-keyboard=true] .reveal-gesture-cue{display:none!important}.mobile-tab-bar{display:none}@media (width<=680px){.app-shell.review-page{height:100dvh;max-height:100dvh;padding-top:0;padding-left:0;padding-right:0;padding-bottom:calc(88px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));box-sizing:border-box;flex-direction:column;display:flex;overflow:hidden auto}.review-page .review-header{padding-top:max(12px, var(--safe-area-inset-top,env(safe-area-inset-top,0px)))}.review-page .topbar,.review-page .review-progress-track{margin-left:max(16px, var(--safe-area-inset-left,env(safe-area-inset-left,0px)));margin-right:max(16px, var(--safe-area-inset-right,env(safe-area-inset-right,0px)));width:calc(100% - max(16px, var(--safe-area-inset-left,env(safe-area-inset-left,0px))) - max(16px, var(--safe-area-inset-right,env(safe-area-inset-right,0px))));box-sizing:border-box}.review-page .study-card{width:100%;max-width:100%;padding:clamp(16px, 3vh, 28px) max(16px, var(--safe-area-inset-right,env(safe-area-inset-right,0px))) 20px max(16px, var(--safe-area-inset-left,env(safe-area-inset-left,0px)));box-sizing:border-box;cursor:pointer;flex-direction:column;flex:1;margin:0;display:flex}.review-page .study-card.has-docked-accents{padding-bottom:calc(var(--keyboard-inset,0px) + 72px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}.mobile-tab-bar{bottom:max(10px, calc(var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)) + 8px));left:max(16px, var(--safe-area-inset-left,env(safe-area-inset-left,0px)));right:max(16px, var(--safe-area-inset-right,env(safe-area-inset-right,0px)));z-index:100;background:var(--mobile-tab-bg);-webkit-backdrop-filter:blur(20px);border:1.5px solid var(--mobile-tab-border);max-width:440px;height:56px;box-shadow:var(--mobile-tab-shadow);border-radius:999px;grid-template-columns:repeat(4,1fr);align-items:center;margin-inline:auto;padding:0 4px;display:grid;position:fixed}.mobile-tab-btn{height:100%;color:var(--ink-soft);font-family:var(--font-sans);letter-spacing:.1px;transition:color .12s ease, transform .1s var(--ease-spring);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 0;font-size:11px;font-weight:600;display:flex}.mobile-tab-btn:active{transform:scale(.92)}.mobile-tab-btn.is-active{color:var(--rosa-dark);font-weight:700}.tab-icon-wrapper{justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:relative}.tab-online-dot{background:var(--verde);border:1.5px solid var(--paper);border-radius:999px;width:7px;height:7px;position:absolute;bottom:2px;right:-2px}.app-shell{padding-bottom:calc(88px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)) + var(--keyboard-inset,0px))}.app-shell.create-page{padding-bottom:calc(112px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)) + var(--keyboard-inset,0px))}.save-button{scroll-margin-bottom:calc(var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)) + 100px)}html[data-keyboard-open=true] .mobile-tab-bar,.is-keyboard-open .mobile-tab-bar,.topbar-nav-btn{display:none!important}.topbar-feedback-btn{flex-shrink:0;display:inline-flex!important}}@media (width>=681px){.review-page .study-card{margin-top:clamp(48px,8vh,100px)}}.sheet-grabber-zone{display:none}@media (width<=680px){.modal-backdrop{transition:padding-bottom .24s cubic-bezier(.16,1,.3,1);padding:0!important;padding-bottom:var(--keyboard-inset,0px)!important;align-items:flex-end!important}.modal-content.modal-sheet{touch-action:pan-y;width:100%!important;max-height:min(88dvh,100% - 16px)!important;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))!important;animation:sheet-slide-up .24s var(--ease-spring)!important;border-bottom:none!important;border-radius:24px 24px 0 0!important;box-shadow:0 -4px 24px #12181526!important}html[data-keyboard-open=true] .modal-content.modal-sheet,.is-keyboard-open .modal-content.modal-sheet,.modal-backdrop.is-keyboard-open .modal-content.modal-sheet{padding-bottom:20px!important}.modal-content.modal-sheet.is-dragging-sheet{cursor:grabbing;transition:none!important}.sheet-grabber-zone{cursor:grab;touch-action:none;justify-content:center;align-items:center;width:100%;min-height:38px;margin-top:-6px;padding:10px 0 12px;display:flex}.sheet-grabber-bar{background:var(--line-subtle);border-radius:999px;width:38px;height:5px}.modal-sheet .modal-header{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.modal-content.modal-sheet.is-dragging-sheet .modal-header{cursor:grabbing}.modal-sheet .modal-header button,.modal-sheet .modal-header a,.modal-sheet .modal-header input{cursor:pointer;touch-action:manipulation;-webkit-user-select:auto;user-select:auto}.modal-sheet .modal-close{display:none}@keyframes sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}}button:active,.primary-button:active,.secondary-button:active,.text-button:active,.action-button:active,.grade-btn:active,.audio-button:active,.audio-btn:active,.study-quick-btn:active,.starter-pack-card:active,.demo-deck-chip:active{transform:scale(.96);transition:transform 60ms cubic-bezier(.2,0,0,1)!important}.modal-content,.deck-manager-table-wrap,.deck-cards-list,.study-card{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}@media (prefers-reduced-motion:reduce){.app-shell,.modal-backdrop,.modal-content.modal-sheet{transition:none!important;animation:none!important}button:active,.primary-button:active,.secondary-button:active,.text-button:active,.action-button:active,.grade-btn:active,.audio-button:active,.audio-btn:active,.study-quick-btn:active,.starter-pack-card:active,.demo-deck-chip:active,.mobile-tab-btn:active,.gesture-zone-badge,.grade-gesture-cue,.reveal-gesture-cue,.reveal-button.is-gesture-ready,.grade-buttons .grade-again.is-gesture-active,.grade-buttons .grade-good.is-gesture-active{transition:none!important;animation:none!important;transform:none!important}.study-card{transition:none!important}}.progress-bubbles{vertical-align:middle;color:var(--verde);align-items:center;line-height:1;display:inline-flex}.progress-bubbles .bubble-dot.is-filled{color:var(--verde)}.progress-bubbles .bubble-dot.is-empty{color:var(--line-subtle);stroke:var(--ink-faint)}.chili-meter{vertical-align:middle;align-items:center;gap:1.5px;line-height:1;display:inline-flex}.icon-chili{vertical-align:middle;display:inline-block}.icon-chili.is-filled .chili-pod{fill:var(--tezontle)}.icon-chili.is-filled .chili-stem{fill:var(--verde)}.icon-chili.is-empty .chili-pod,.icon-chili.is-empty .chili-stem{fill:none;stroke:var(--ink-faint);stroke-width:1.3px;stroke-linejoin:round}.memory-indicators{align-items:center;gap:8px;display:inline-flex}.memory-indicators.is-compact{gap:5px}.edit-card-memory-panel{background:var(--paper-subtle);border:1.5px solid var(--line-subtle);border-radius:12px;grid-template-columns:1fr 1fr;gap:16px;padding:10px 16px;display:grid}.edit-card-memory-row{flex-direction:column;gap:6px;display:flex}.edit-card-memory-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);font-size:11px;font-weight:700}.edit-card-memory-value{align-items:center;display:flex}.noscript-landing{font-family:var(--font-sans);max-width:720px;color:var(--ink);margin:2rem auto;padding:1.5rem;line-height:1.6}.noscript-landing-header{margin-bottom:2rem}.noscript-landing-header h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin-bottom:.75rem;font-size:2.25rem;font-weight:800;line-height:1.15}.noscript-landing-header h1 em{color:var(--rosa);font-style:italic}.noscript-landing-header .lede{color:var(--ink-soft);margin-bottom:1rem;font-size:1.2rem}.noscript-card{background:var(--card);border:1px solid var(--line-subtle);border-radius:1rem;margin-bottom:2rem;padding:1.5rem}.noscript-card h2{font-family:var(--font-display);color:var(--ink);margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.noscript-card ul{color:var(--ink-soft);margin:0 0 1rem;padding-left:1.25rem}.noscript-card li{margin-bottom:.5rem}.noscript-sample-badge{background:var(--paper-subtle);border:1px solid var(--line-subtle);border-radius:.75rem;margin-top:1rem;padding:1rem}.noscript-sample-badge .badge-tag{letter-spacing:.05em;color:var(--rosa);margin-bottom:.25rem;font-size:.75rem;font-weight:700;display:inline-block}.noscript-sample-badge .phrase{color:var(--ink);margin:.25rem 0;font-size:1.4rem;font-weight:700}.noscript-sample-badge .translation{color:var(--ink-muted);margin:0;font-size:1rem}.noscript-origin{margin-bottom:2rem}.noscript-origin .eyebrow{letter-spacing:.1em;color:var(--rosa);text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem;font-weight:800}.noscript-origin h2{font-family:var(--font-display);color:var(--ink);margin-bottom:1rem;font-size:1.75rem;font-weight:800}.noscript-origin p{color:var(--ink-soft);margin-bottom:1rem}.noscript-origin a{color:var(--rosa);text-decoration:underline}.noscript-notice{font-family:var(--font-sans);background:var(--paper-subtle);border:1px solid var(--line-subtle);text-align:center;color:var(--ink);border-radius:.75rem;padding:1.25rem}.noscript-notice p{color:var(--ink-soft);margin:0;font-size:.9rem}.noscript-notice strong{color:var(--ink)}.grammar-home{width:min(560px,100%);margin:clamp(28px,4.5vh,48px) auto 0}.grammar-heading{text-align:center;margin-bottom:28px}.grammar-home h1{font-family:var(--font-serif);letter-spacing:-1.5px;margin:0;font-size:clamp(44px,6vw,56px);line-height:1.1}.grammar-intro{color:var(--ink-soft);margin:12px 0 0;font-size:16px}.grammar-focus{border:0;min-width:0;margin:0;padding:0}.grammar-focus label{border:2px solid var(--line);cursor:pointer;border-radius:18px;align-items:center;gap:10px;min-height:56px;padding:16px;display:flex}.grammar-focus input{accent-color:var(--ink);flex:none;width:18px;height:18px;margin:0}.grammar-focus strong,.grammar-focus small{display:block}.grammar-focus strong{font-size:15px;font-weight:700}.grammar-focus small{color:var(--ink-soft);margin-top:4px;font-size:14px}.grammar-mixed{justify-content:space-between;align-items:center;display:flex}.grammar-choice-primary{align-items:center;gap:10px;display:flex}.grammar-choice-content{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.grammar-choice-indicators{align-items:center;gap:8px;margin-top:6px;display:flex}.grammar-mixed .grammar-choice-indicators{margin-top:0}.grammar-families{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.grammar-families .flat-choice{align-items:flex-start;height:100%}.grammar-families .grammar-choice-content{height:100%}.grammar-families .grammar-choice-indicators{margin-top:auto;padding-top:6px}.grammar-families .flat-choice input{margin-top:3px}.grammar-start-row{gap:12px;margin-top:24px;display:flex}.grammar-start-row button{white-space:nowrap;flex:1;min-width:0;padding-inline:12px}.grammar-availability{color:var(--ink-muted);text-align:center;font-size:13px}.grammar-sentence-row{justify-content:center;align-items:center;gap:14px;margin:12px 0;display:flex}.grammar-sentence{letter-spacing:-.8px;overflow-wrap:anywhere;min-width:0;margin:0;font-size:clamp(26px,3.6vw,34px);font-weight:600;line-height:1.3}.grammar-blank,.grammar-filled,.grammar-verb-cue{color:var(--rosa-dark)}.grammar-blank{border-bottom:2px solid var(--rosa);padding:0 4px 2px;display:inline}.grammar-translation{color:var(--ink-muted);margin:0 0 24px;font-size:15px}.grammar-verb-cue{align-self:center;margin:0;font-size:clamp(22px,2.6vw,26px);font-weight:700}@media (width<=600px){.grammar-focus label{gap:8px;padding:12px 10px}.grammar-choice-primary{gap:8px}.grammar-choice-indicators{gap:6px;margin-top:4px}.grammar-families .grammar-choice-indicators{margin-top:auto;padding-top:4px}.grammar-focus strong{font-size:14px}.grammar-focus small{font-size:12px}}@media (width<=359px){.grammar-families{grid-template-columns:1fr}}.grammar-topic{max-width:100%;margin-top:20px}