@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.woff)format("woff")}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-italic-u__WvvIK.woff)format("woff")}@font-face{font-family:Geist Mono Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations")}@font-face{font-family:Inter Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations")}:root{--table:#0b0a09;--paper:#f3ebdb;--ink:#201f1e;--paper-2:#f3ebdb9e;--paper-3:#f3ebdb5c;--paper-4:#f3ebdb24;--orange:#cc5b2b;--blue:#508fcc;--green:#8eeea2;--charcoal:#201f1e;--cream:#f3ebdb;--gold:#e3b448;--lilac:#b9a7f2;--rose:#f0a3b4;--font-serif:"Instrument Serif", "Iowan Old Style", Georgia, serif;--font-mono:"Geist Mono Variable", ui-monospace, "SF Mono", Menlo, monospace;--font-sans:"Inter Variable", system-ui, -apple-system, sans-serif;--t-12:12px;--t-14:14px;--t-17:17px;--t-24:24px;--t-40:40px;--t-64:64px;--r-card:18px;--r-control:10px;--gutter:20px;--column:460px;--ease-out:cubic-bezier(.2, .7, .2, 1);--dur-fast:.16s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width>=720px){:root{--gutter:32px}}*,:before,:after{box-sizing:border-box}html,body{background:var(--table);color:var(--paper);font-family:var(--font-sans);font-size:var(--t-17);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-x:none;margin:0;line-height:1.45}button{touch-action:manipulation;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.serif{font-family:var(--font-serif);letter-spacing:-.01em;font-weight:400;line-height:1.05}.label{font-family:var(--font-mono);font-size:var(--t-12);letter-spacing:.08em;text-transform:uppercase;color:var(--paper-2);font-weight:500}.wordmark{font-family:var(--font-serif);font-style:italic;font-size:var(--t-24);letter-spacing:0;color:var(--paper)}.icon{stroke-width:2.25px;flex:none;width:1.2em;height:1.2em}.with-icon{align-items:center;gap:.45em;display:inline-flex}.button{border-radius:var(--r-control);background:var(--paper);min-height:52px;color:var(--ink);font-weight:500;font-size:var(--t-17);transition:transform var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;padding:0 28px;display:inline-flex}.button:active{transform:scale(.98)}.textlink{font-family:var(--font-mono);font-size:var(--t-12);letter-spacing:.08em;text-transform:uppercase;color:var(--paper-2);align-items:center;min-height:44px;padding:0 2px;display:inline-flex}.textlink:hover{color:var(--paper)}.screen{height:100dvh;min-height:560px;padding:calc(env(safe-area-inset-top) + var(--gutter)) var(--gutter) calc(env(safe-area-inset-bottom) + var(--gutter));flex-direction:column;display:flex;overflow-x:clip}.signin{justify-content:center;align-items:center}.topbar{justify-content:space-between;align-items:center;min-height:40px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.kind-cafe{--card-mark:#e4daff;--card-bg:var(--orange);--card-ink:var(--paper);--card-ink-2:#f3ebdbb8;--card-chip:#f3ebdb29;--card-pattern:.5}.kind-bar{--card-mark:#efe8ff;--card-bg:var(--blue);--card-ink:var(--paper);--card-ink-2:#f3ebdbb8;--card-chip:#f3ebdb2e;--card-pattern:.55}.kind-restaurante{--card-mark:#6a4fd0;--card-bg:var(--green);--card-ink:var(--ink);--card-ink-2:#201f1ea3;--card-chip:#201f1e1a;--card-pattern:.35}.kind-arte{--card-mark:#b9a7f2;--card-bg:var(--charcoal);--card-ink:var(--paper);--card-ink-2:#f3ebdb9e;--card-chip:#f3ebdb1a;--card-pattern:.45}.kind-charla{--card-mark:#7b61d6;--card-bg:var(--cream);--card-ink:var(--ink);--card-ink-2:#201f1e9e;--card-chip:#201f1e14;--card-pattern:.28}.kind-gramatica{--card-mark:#5b43b5;--card-bg:var(--gold);--card-ink:var(--ink);--card-ink-2:#201f1ea8;--card-chip:#201f1e1a;--card-pattern:.3}.kind-sonido{--card-mark:var(--ink);--card-bg:var(--lilac);--card-ink:var(--ink);--card-ink-2:#201f1ea3;--card-chip:#201f1e1a;--card-pattern:.3}.kind-patron{--card-bg:var(--rose);--card-ink:var(--ink);--card-ink-2:#201f1ea3;--card-chip:#201f1e1a;--card-mark:var(--ink);--card-pattern:.3}.card-pattern{width:100%;height:46%;opacity:var(--card-pattern);color:var(--card-ink);pointer-events:none;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#000 35%,#0000 100%);mask-image:linear-gradient(#000 35%,#0000 100%)}.topbar,.modebar,.stage,.empty{width:100%;max-width:var(--column);margin-inline:auto}.topic{min-height:44px;font-family:var(--font-mono);font-size:var(--t-12);letter-spacing:.08em;text-transform:uppercase;color:var(--paper);cursor:pointer;align-items:center;gap:10px;padding-left:8px;font-weight:500;display:inline-flex;position:relative}.topic:before{content:"";background:var(--card-bg,var(--paper-3));border-radius:3px;width:10px;height:10px}.topic-chevron{color:var(--paper-2)}.topic.kind-arte:before{box-shadow:inset 0 0 0 1px var(--paper-4)}.topic select{opacity:0;cursor:pointer;width:100%;font-size:16px;position:absolute;inset:0}.topic:has(select:focus-visible){outline:2px solid var(--paper-3);outline-offset:2px;border-radius:6px}.modebar{justify-content:space-between;align-items:center;gap:16px;display:flex}.tabs{gap:22px;display:flex}.tab{min-height:44px;font-family:var(--font-mono);font-size:var(--t-12);letter-spacing:.08em;text-transform:uppercase;color:var(--paper-3);transition:color var(--dur-fast) var(--ease-out);font-weight:500;position:relative}.tab+.tab:before{content:"·";color:var(--paper-3);position:absolute;left:-14px}.tab[aria-pressed=true]{color:var(--paper)}.tab:focus-visible{outline:2px solid var(--paper-3);outline-offset:2px;border-radius:4px}.stage{flex:1;align-items:center;min-height:0;padding:8px 0 24px;display:flex}.slot{width:100%;height:100%;max-height:640px;position:relative}.card{border-radius:var(--r-card);background:var(--card-bg);position:absolute;inset:0}.card-shade{border-radius:inherit;pointer-events:none;background:#000;position:absolute;inset:0}.slot>.empty{position:absolute;inset:0}.card{color:var(--card-ink);cursor:pointer;will-change:transform;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;outline:none;flex-direction:column;padding:22px 24px 26px;display:flex;overflow:hidden}.card:focus-visible{outline:2px solid var(--paper-3);outline-offset:6px}.card-top{font-family:var(--font-mono);font-size:var(--t-12);letter-spacing:.08em;text-transform:uppercase;color:var(--card-ink-2);opacity:calc(1 - var(--aim,0));justify-content:space-between;align-items:center;gap:12px;font-weight:500;display:flex;position:relative}.card-aim{padding:inherit;font-family:var(--font-mono);font-size:var(--t-12);letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--card-ink);opacity:var(--aim,0);pointer-events:none;font-weight:500;position:absolute;inset:0}.card-label{background:var(--card-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--card-ink) calc(var(--card-pattern) * 100%), var(--card-bg));border-radius:999px;align-items:center;gap:8px;margin:-6px -10px;padding:6px 10px;display:inline-flex}.card-back{color:inherit;justify-content:center;align-items:center;display:inline-flex;position:relative}.card-back:before{content:"";position:absolute;inset:-12px -10px}.card-back:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid}.sheet-card .dots{display:none}.dots{opacity:calc(1 - var(--aim,0));flex-direction:column;gap:6px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.dots i{background:var(--card-ink);opacity:.25;width:6px;height:6px;transition:opacity var(--dur-fast) var(--ease-out);border-radius:50%}.dots i.on{opacity:.9}.card-body{flex-direction:column;gap:14px;margin-top:auto;display:flex;position:relative}.card:has(>.card-audio) .card-top{padding-right:64px}.card-audio{opacity:calc(1 - var(--aim,0));display:flex;position:absolute;top:8px;right:12px}.card-audio-button{background:var(--card-ink);min-width:44px;height:44px;color:var(--card-bg);font-family:var(--font-mono);font-size:var(--t-12);letter-spacing:.08em;text-transform:uppercase;transition:box-shadow var(--dur-fast) var(--ease-out);border-radius:22px;justify-content:center;align-items:center;padding:0 16px;font-weight:500;display:inline-flex;position:relative}.card-audio-button.is-ready{padding:0}.card-audio-button.is-ready .icon{width:18px;height:18px}.card-audio-button.is-making{animation:1.2s ease-in-out infinite card-audio-making}@keyframes card-audio-making{50%{opacity:.35}}.card-audio-button.is-playing{box-shadow:0 0 0 4px color-mix(in srgb, var(--card-ink) 30%, transparent)}.card-audio-button:focus-visible{outline-offset:2px;outline:2px solid}::highlight(scrub){background-color:color-mix(in srgb, var(--card-ink) 22%, transparent)}.lx-word{overflow-wrap:anywhere;font-size:clamp(56px,17vw,76px);line-height:.95}.lx-word-long{font-size:clamp(42px,12.5vw,58px);line-height:1}.lx-article{color:var(--card-ink-2)}.lx-mark{text-decoration:underline;-webkit-text-decoration-color:var(--card-mark);text-decoration-color:var(--card-mark);text-underline-offset:.1em;text-decoration-thickness:.06em}.lx-say-row{flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:-4px;display:flex}.lx-say{font-family:var(--font-mono);font-size:var(--t-14);letter-spacing:.02em;color:var(--card-ink-2);margin-right:2px}.tag{background:var(--lilac);min-height:26px;color:var(--ink);font-family:var(--font-mono);font-size:var(--t-14);border-radius:7px;align-items:center;padding:0 9px;font-weight:500;line-height:1;display:inline-flex;position:relative}.tag:before{content:"";position:absolute;inset:-9px -4px}.tag:focus-visible{outline-offset:2px;outline:2px solid}.lx-meaning{font-size:clamp(24px,7vw,30px);font-style:italic;line-height:1.1}.lx-hook{text-wrap:pretty;max-width:36ch;margin:0;font-size:16px;line-height:1.45}.lx-links{flex-wrap:wrap;gap:8px;padding-top:2px;display:flex}.chip{border-radius:var(--r-control);background:var(--card-chip);min-height:40px;color:var(--card-ink);transition:transform var(--dur-fast) var(--ease-out);align-items:center;padding:0 14px;font-size:21px;line-height:1;display:inline-flex}.chip:active{transform:scale(.96)}.chip:focus-visible{outline-offset:2px;outline:2px solid}.chip-pattern,.chip-sound{font-family:var(--font-mono);font-size:var(--t-14);gap:10px;font-weight:500}.chip-pattern{background:var(--rose);color:var(--ink)}.chip-kind{letter-spacing:.08em;text-transform:uppercase;opacity:.6;font-size:11px}.chip-pair{flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;padding:7px 12px 8px}.chip-relative{font-family:var(--font-mono);font-size:var(--t-12);color:var(--card-ink-2)}.sd-letters{font-size:clamp(32px,9vw,42px);line-height:1}.sd-rows{flex-direction:column;gap:8px;display:flex}.sd-row{transition:opacity var(--dur-fast) var(--ease-out);flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.sd-row.is-dim{opacity:.45}.sd-rule{flex-wrap:wrap;align-items:baseline;gap:0 8px;margin:0 4px 0 0;display:flex}.sd-spell{font-size:24px;line-height:1.1}.sd-say{font-size:15px;line-height:1.3}.sd-word{gap:8px;min-height:34px;padding:0 10px;font-size:19px}.sd-word-say{font-family:var(--font-mono);font-size:var(--t-12);color:var(--card-ink-2)}.ph-words{flex-wrap:wrap;align-items:flex-start;gap:12px 14px;display:flex}.ph-word{border-radius:var(--r-control);transition:background-color var(--dur-fast) var(--ease-out);flex-direction:column;gap:6px;margin:-6px -7px -7px;padding:6px 7px 7px;display:inline-flex}.ph-word:active{background:var(--card-chip)}@media (hover:hover){.ph-word:hover{background:var(--card-chip)}}.ph-word:focus-visible{outline-offset:0;outline:2px solid}.ph-es{white-space:nowrap;font-size:clamp(34px,10.5vw,46px);line-height:.95}.ph-say{font-family:var(--font-mono);font-size:var(--t-12);letter-spacing:.02em;color:var(--card-ink-2);white-space:nowrap}.ph-en{margin:4px 0 0;font-size:clamp(22px,6.5vw,27px);font-style:italic;line-height:1.15}.ph-register{background:var(--card-chip);font-family:var(--font-mono);font-size:var(--t-12);letter-spacing:.04em;border-radius:7px;align-self:flex-start;padding:5px 9px;font-weight:500;line-height:1}.strip{width:100%;max-width:var(--column);cursor:pointer;flex-direction:column;gap:8px;margin-inline:auto;display:flex}.strip-learning{flex-direction:column-reverse}.strip[aria-pressed=true]{cursor:default}.strip:focus-visible{outline:2px solid var(--paper-3);outline-offset:4px;border-radius:4px}.strip-head{color:var(--paper-3);white-space:nowrap;transition:color var(--dur-fast) var(--ease-out);justify-content:space-between;align-items:baseline;gap:8px;line-height:1;display:flex}.strip[aria-pressed=true] .strip-head,.strip.is-aimed .strip-head{color:var(--paper)}.strip-track{height:14px;transition:transform var(--dur-fast) var(--ease-out);align-items:flex-end;display:flex;position:relative}.strip-learning .strip-track{align-items:flex-start}.strip-track:before{content:"";background:var(--paper-4);height:1px;position:absolute;inset:auto 0 0}.strip-learning .strip-track:before{inset:0 0 auto}.sliver{background:var(--card-bg);transform-origin:50% 100%;background-clip:content-box;flex:none;height:6px;padding-right:1px;position:relative}.strip-learning .sliver{transform-origin:50% 0}.strip[aria-pressed=true] .sliver{height:9px}.strip[aria-pressed=true] .sliver.is-current{height:14px}.sliver.kind-arte{background:#4d4a46 padding-box content-box}.strip.is-dense .sliver{padding-right:0}.strips-top{width:100%;max-width:var(--column);margin-inline:auto;gap:24px;margin-top:12px;display:flex}.strips-top .strip{flex:1;min-width:0}.strip.is-aimed .strip-track{transform:translateY(-4px)}.strip.is-aimed .sliver,.strip.is-raised .sliver{height:9px}.strip.is-raised{z-index:11;pointer-events:none;position:relative}.empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px 0;display:flex}.empty-title{margin:0;font-size:clamp(48px,14vw,64px)}.empty .button{min-width:200px;margin-top:8px}.sheet{z-index:10;padding:var(--gutter);padding-bottom:calc(env(safe-area-inset-bottom) + var(--gutter));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sheet-backdrop{background:#0b0a09eb;position:absolute;inset:0}.sheet-panel{width:100%;max-width:var(--column);pointer-events:none;justify-content:center;height:100%;position:relative}.sheet-card{pointer-events:auto}.sheet-panel,.sheet-slot{flex-direction:column;max-height:100%;display:flex}.sheet-card{height:min(440px,62dvh);max-height:100%;position:relative;inset:auto}.sheet-card.kind-sonido{height:auto}@media (width>=720px){.card{padding:28px 32px 32px}.card-audio{top:14px;right:18px}.lx-hook{font-size:var(--t-17)}}@media (height<=700px){.stage{padding:4px 0 20px}.strip{gap:6px}.card{padding:18px 20px 20px}.card-body{gap:10px}.chip{min-height:36px}.lx-word{font-size:clamp(48px,15vw,64px)}.lx-word-long{font-size:clamp(38px,11vw,50px)}.lx-hook{font-size:15px}}.topbar-end{align-items:center;gap:18px;display:flex}.add{z-index:20;background:var(--table);padding:calc(env(safe-area-inset-top) + var(--gutter)) var(--gutter) calc(env(safe-area-inset-bottom) + var(--gutter));position:fixed;inset:0;overflow-y:auto}.add-panel{width:100%;max-width:var(--column);flex-direction:column;gap:24px;min-height:100%;margin-inline:auto;display:flex}.add-top{justify-content:space-between;align-items:center;min-height:40px;display:flex}.add-ask,.add-wait,.add-review{flex-direction:column;gap:16px;display:flex}.add-question{font-size:var(--t-24);color:var(--paper);margin:0}.add-input{border:1px solid var(--paper-4);border-radius:var(--r-control);background:var(--ink);width:100%;min-height:56px;color:var(--paper);font:inherit;font-size:var(--t-17);padding:0 16px}.add-input:focus-visible{outline:2px solid var(--paper-3);outline-offset:2px}.add .button{align-self:flex-start}.add .button:disabled{opacity:.4}.add-preview{flex-direction:column;gap:8px;display:flex}.add-preview p{margin:0}.add-word{font-size:var(--t-64);color:var(--paper)}.add-article{color:var(--paper-2)}.add-en{color:var(--paper);font-size:var(--t-17)}.add-hook{color:var(--paper-2);font-size:var(--t-14);line-height:1.5}.add-phrase{border-top:1px solid var(--paper-4);flex-direction:column;gap:6px;margin-top:16px;padding-top:16px;display:flex}.add-phrase-es{font-size:var(--t-24);color:var(--paper)}.add-error{color:var(--rose);font-size:var(--t-14);margin:0;line-height:1.5}.add-error ul{margin:4px 0 0;padding-left:18px}.add-actions{align-items:center;gap:24px;display:flex}