.palabras{--p-bg: var(--bg);--p-surface: var(--card);--p-surface-alt: var(--surface);--p-surface-input: var(--card);--p-chip: var(--border);--p-line: var(--border);--p-line-soft: var(--border);--p-line-input: var(--border-2);--p-line-strong: var(--border-2);--p-neutral: var(--border-2);--p-ink: var(--text);--p-ink-2: var(--text);--p-muted: var(--text-2);--p-faint: var(--text-3);--p-ink-hover: #443a2f;--p-red: var(--accent);--p-red-dark: var(--accent-deep);--p-red-tint: var(--accent-soft);--p-red-tint-line: #e7cdb9;--p-red-tint-line-strong: #dfbda6;--p-on-red: #fff;--p-green: var(--sage);--p-green-dark: #58633f;--p-green-soft: #c9d0b6;--p-on-green: #f4f6ee;--p-sans: "Hanken Grotesk", system-ui, sans-serif;--p-serif: "Spectral", Georgia, serif;font-family:var(--p-sans);color:var(--p-ink)}.palabras input,.palabras select,.palabras textarea,.palabras button{font:inherit}.palabras :focus-visible{outline:2px solid var(--p-red);outline-offset:2px}@keyframes palabrasIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.palabras .view{display:flex;flex-direction:column}.palabras .view--home{gap:28px}.palabras .view--practice{gap:18px}.palabras .view--sounds,.palabras .view--add{gap:22px}.palabras .view--stats{gap:24px}.palabras .group{display:flex;flex-direction:column;gap:10px}.palabras .section-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--p-muted)}.palabras .tabs{display:flex;gap:3px;background:var(--p-surface-alt);border:1px solid var(--p-line);padding:3px;border-radius:11px;max-width:100%;overflow-x:auto;scrollbar-width:none}.palabras .tabs::-webkit-scrollbar{display:none}.palabras .tab{border:none;border-radius:8px;padding:7px 14px;font-size:12.5px;font-weight:600;cursor:pointer;background:transparent;color:var(--p-muted);white-space:nowrap;transition:all .13s}.palabras .tab:hover{color:var(--p-ink)}.palabras .tab.is-active{background:var(--p-surface);color:var(--p-red-dark);box-shadow:0 1px 4px #503c1e24}.palabras .btn-primary,.palabras .btn-ghost,.palabras .btn-dark,.palabras .btn-reveal,.palabras .pill,.palabras .btn-reset{cursor:pointer}.palabras .btn-primary{background:var(--p-red);color:var(--p-on-red);border:none;border-radius:12px;padding:14px 22px;font-size:15px;font-weight:600}.palabras .btn-primary:hover{background:var(--p-red-dark)}.palabras .btn-ghost{background:none;border:1px solid var(--p-line-strong);border-radius:12px;padding:14px 22px;font-size:15px;font-weight:500;color:var(--p-ink)}.palabras .btn-ghost:hover{border-color:var(--p-ink)}.palabras .btn-dark{background:var(--p-ink);color:var(--p-bg);border:none;border-radius:12px;padding:14px 24px;font-size:15px;font-weight:600}.palabras .btn-dark:hover{background:var(--p-ink-hover)}.palabras .btn-reveal{width:100%;background:var(--p-ink);color:var(--p-bg);border:none;border-radius:14px;padding:18px;font-size:16px;font-weight:600}.palabras .btn-reveal:hover{background:var(--p-ink-hover)}.palabras .pill{background:none;border:1px solid var(--p-line-strong);border-radius:999px;padding:9px 18px;font-size:14px;font-weight:500;color:var(--p-ink);white-space:nowrap}.palabras .pill:hover{border-color:var(--p-red);color:var(--p-red)}.palabras .pill--sm{font-size:13px}.palabras .btn-reset{align-self:flex-start;background:none;border:1px solid var(--p-line-input);border-radius:999px;padding:10px 18px;font-size:13px;color:var(--p-muted)}.palabras .btn-reset:hover{border-color:var(--p-red);color:var(--p-red)}.palabras .link-danger{background:none;border:none;cursor:pointer;font-size:13px;color:var(--p-faint)}.palabras .link-danger:hover{color:var(--p-red)}.palabras .stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.palabras .stat{background:var(--p-surface);border:1px solid var(--p-line);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}.palabras .stat__label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--p-muted)}.palabras .stat__value{font-family:var(--p-serif);font-size:30px;line-height:1}.palabras .stat__value--due{color:var(--p-red)}.palabras .stat__value--known{color:var(--p-green)}.palabras .cta{width:100%;background:var(--p-red);color:var(--p-on-red);border:none;border-radius:14px;padding:20px 24px;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.palabras .cta:hover{background:var(--p-red-dark)}.palabras .cta__meta{font-size:14px;font-weight:500;opacity:.85}.palabras .deck{background:var(--p-surface);border:1px solid var(--p-line);border-radius:14px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;width:100%;text-align:left;color:var(--p-ink)}.palabras .deck:hover,.palabras .deck.is-selected{border-color:var(--p-red)}.palabras .deck__text{display:flex;flex-direction:column;gap:3px;text-align:left}.palabras .deck__name{font-size:16px;font-weight:600}.palabras .deck__sub{font-size:13px;color:var(--p-muted)}.palabras .deck__meter{display:flex;align-items:center;gap:12px}.palabras .deck__pct{font-size:13px;color:var(--p-muted);min-width:34px;text-align:right}.palabras .bar{width:76px;height:6px;background:var(--p-chip);border-radius:999px;overflow:hidden}.palabras .bar__fill{height:100%;background:var(--p-green);border-radius:999px}.palabras .home-foot{border-top:1px solid var(--p-line);padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.palabras .home-foot__text{font-size:14px;color:var(--p-muted);max-width:420px}.palabras .progress{display:flex;align-items:center;gap:14px}.palabras .progress__track{flex:1;height:6px;background:var(--p-chip);border-radius:999px;overflow:hidden}.palabras .progress__fill{height:100%;background:var(--p-red);border-radius:999px;transition:width .22s ease}.palabras .progress__label{font-size:13px;color:var(--p-muted);font-variant-numeric:tabular-nums}.palabras .card{background:var(--p-surface);border:1px solid var(--p-line);border-radius:20px;padding:40px 32px;min-height:340px;display:flex;flex-direction:column;gap:24px}.palabras .card__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.palabras .card__deck{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--p-faint)}.palabras .speak{background:var(--p-bg);border:1px solid var(--p-line);border-radius:999px;padding:7px 14px;font-size:13px;cursor:pointer;color:var(--p-muted);display:flex;align-items:center;gap:7px}.palabras .speak:hover{border-color:var(--p-red);color:var(--p-red)}.palabras .speak__icon{font-size:15px}.palabras .card__term{display:flex;flex-direction:column;gap:8px}.palabras .card__es{font-family:var(--p-serif);font-size:46px;line-height:1.05;letter-spacing:-.02em;margin:0;font-weight:400}.palabras .card__pos{font-size:14px;color:var(--p-muted);font-style:italic;font-family:var(--p-serif)}.palabras .reveal-block{display:flex;flex-direction:column;gap:20px;animation:palabrasIn .18s ease-out}.palabras .chips{display:flex;flex-wrap:wrap;gap:10px}.palabras .chip-box{border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:2px}.palabras .chip-box--resp{background:var(--p-red-tint);border:1px solid var(--p-red-tint-line)}.palabras .chip-box--ipa{background:var(--p-bg);border:1px solid var(--p-line)}.palabras .chip-box__label{font-size:10px;letter-spacing:.1em;text-transform:uppercase}.palabras .chip-box--resp .chip-box__label{color:var(--p-red)}.palabras .chip-box--ipa .chip-box__label{color:var(--p-faint)}.palabras .chip-box__value{font-size:19px;font-weight:600}.palabras .chip-box--ipa .chip-box__value{font-weight:400;color:var(--p-ink-2)}.palabras .answer{border-top:1px solid var(--p-line-soft);padding-top:20px;display:flex;flex-direction:column;gap:14px}.palabras .answer__pl{font-family:var(--p-serif);font-size:30px;line-height:1.15;color:var(--p-ink)}.palabras .example{display:flex;flex-direction:column;gap:3px}.palabras .example__es{font-family:var(--p-serif);font-style:italic;font-size:17px;color:var(--p-ink-2)}.palabras .example__pl{font-size:14px;color:var(--p-muted)}.palabras .trap{display:flex;gap:10px;background:var(--p-bg);border-left:2px solid var(--p-red);padding:10px 14px;border-radius:0 8px 8px 0}.palabras .trap__label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--p-red);white-space:nowrap;padding-top:2px}.palabras .trap__text{font-size:14px;color:var(--p-ink-2);line-height:1.45}.palabras .grades{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.palabras .grade{background:var(--p-surface);border:1px solid var(--p-line);border-radius:12px;padding:16px 12px;cursor:pointer;display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:left;color:var(--p-ink)}.palabras .grade:hover{border-color:var(--p-ink)}.palabras .grade__name{font-size:15px;font-weight:600}.palabras .grade__hint{font-size:12px;color:var(--p-muted)}.palabras .grade--again{border-color:var(--p-red-tint-line-strong)}.palabras .grade--again .grade__name{color:var(--p-red)}.palabras .grade--again:hover{border-color:var(--p-red);background:var(--p-red-tint)}.palabras .grade--easy{background:var(--p-green);border-color:var(--p-green)}.palabras .grade--easy:hover{background:var(--p-green-dark);border-color:var(--p-green-dark)}.palabras .grade--easy .grade__name{color:var(--p-on-green)}.palabras .grade--easy .grade__hint{color:var(--p-green-soft)}.palabras .done{background:var(--p-surface);border:1px solid var(--p-line);border-radius:20px;padding:48px 32px;display:flex;flex-direction:column;gap:20px;align-items:flex-start}.palabras .done__title{font-family:var(--p-serif);font-size:34px;line-height:1.1;margin:0;font-weight:400}.palabras .done__text{font-size:16px;color:var(--p-muted);line-height:1.5}.palabras .done__actions{display:flex;gap:10px;flex-wrap:wrap}.palabras .page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.palabras .page-title-group{display:flex;flex-direction:column;gap:6px}.palabras .page-title{font-family:var(--p-serif);font-size:28px;line-height:1.1;margin:0;font-weight:400}.palabras .page-sub{font-size:14px;color:var(--p-muted);max-width:460px}.palabras .sound{background:var(--p-surface);border:1px solid var(--p-line);border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;gap:14px}.palabras .sound__head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.palabras .sound__g{font-family:var(--p-serif);font-size:24px;font-weight:600;color:var(--p-red);letter-spacing:.02em;min-width:96px}.palabras .sound__rule{font-size:14px;color:var(--p-ink-2);line-height:1.45;flex:1;min-width:200px}.palabras .sound__words{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;border-top:1px solid var(--p-line-soft);padding-top:14px}.palabras .sound-word{background:var(--p-surface-alt);border:1px solid var(--p-line-soft);border-radius:10px;padding:11px 13px;cursor:pointer;display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:left;color:var(--p-ink)}.palabras .sound-word:hover{border-color:var(--p-red);background:var(--p-red-tint)}.palabras .sound-word__es{font-family:var(--p-serif);font-size:17px;line-height:1.2}.palabras .sound-word__resp{font-size:13px;font-weight:600;color:var(--p-red)}.palabras .sound-word__pl{font-size:12px;color:var(--p-muted)}.palabras .word-stream{display:flex;flex-direction:column;gap:16px;min-width:0}.palabras .word-stream__settings{display:flex;flex-wrap:wrap;gap:12px 22px;border:0;margin:0;padding:0}.palabras .word-stream__settings legend{font-size:13px;color:var(--p-muted);margin-bottom:9px}.palabras .word-stream__settings label{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:14px}.palabras .word-stream__settings input{accent-color:var(--p-red);width:17px;height:17px}.palabras .word-stream__text{max-height:240px;overflow-y:auto;overscroll-behavior:contain;padding:18px;border:1px solid var(--p-line);border-radius:16px;background:var(--p-surface);line-height:2.1}.palabras .word-stream__word{display:inline;font-family:var(--p-serif);font-size:23px;line-height:1.7;border:0;border-radius:5px;background:transparent;color:var(--p-ink);padding:2px 6px;margin:2px 6px 2px 0;cursor:pointer;overflow-wrap:anywhere;text-align:left}.palabras .word-stream__word:hover{background:var(--p-red-tint)}.palabras .word-stream__word.is-past{color:var(--p-faint)}.palabras .word-stream__word.is-current{color:var(--p-on-red);background:var(--p-red)}.palabras .word-stream__answer{padding:18px;border:1px solid var(--p-line);border-radius:16px;background:var(--p-surface-alt)}.palabras .word-stream__current{display:flex;gap:8px 14px;align-items:center;flex-wrap:wrap}.palabras .word-stream__current>span{font-size:12px;color:var(--p-muted)}.palabras .word-stream__current>strong{font-family:var(--p-serif);font-size:22px;overflow-wrap:anywhere}.palabras .word-stream__current .speak{margin-left:auto}.palabras .word-stream__hint{display:flex;flex-direction:column;gap:5px;margin-top:16px}.palabras .word-stream__hint>strong{font-size:21px;overflow-wrap:anywhere}.palabras .word-stream__rule,.palabras .word-stream__placeholder{font-size:14px;line-height:1.5;color:var(--p-muted);margin:8px 0 0}.palabras .word-stream__actions{display:flex;flex-wrap:wrap;gap:8px;scroll-margin-bottom:16px}.palabras .word-stream__actions>button{flex:1 1 auto;min-height:44px}.palabras .word-stream__actions>button:disabled{opacity:.45;cursor:default}@media (max-width: 480px){.palabras .word-stream__text{max-height:200px;padding:12px}.palabras .word-stream__word{font-size:21px}.palabras .word-stream__actions>.btn-primary{flex-basis:100%;order:-1}}@media (max-width: 700px){.palabras .word-stream__actions{scroll-margin-bottom:calc(80px + env(safe-area-inset-bottom))}}.palabras .form{background:var(--p-surface);border:1px solid var(--p-line);border-radius:18px;padding:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.palabras .field{display:flex;flex-direction:column;gap:6px}.palabras .field__label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--p-muted)}.palabras .input{border:1px solid var(--p-line-input);border-radius:10px;padding:12px 14px;font-size:16px;background:var(--p-surface-input);color:var(--p-ink);width:100%}.palabras .input--serif{font-family:var(--p-serif)}.palabras .input--example{font-family:var(--p-serif);font-style:italic}.palabras .form-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.palabras .save-msg{font-size:14px;color:var(--p-green)}.palabras .save-msg--error{color:var(--p-red)}.palabras .row{background:var(--p-surface);border:1px solid var(--p-line);border-radius:12px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.palabras .row__text{display:flex;flex-direction:column;gap:2px}.palabras .row__es{font-family:var(--p-serif);font-size:18px}.palabras .row__sub{font-size:14px;color:var(--p-muted)}.palabras .row__lapses{font-size:13px;color:var(--p-red);white-space:nowrap}.palabras .panel{background:var(--p-surface);border:1px solid var(--p-line);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:16px}.palabras .segbar{display:flex;height:14px;border-radius:999px;overflow:hidden;background:var(--p-chip)}.palabras .segbar__known{background:var(--p-green)}.palabras .segbar__learning{background:var(--p-red)}.palabras .legend{display:flex;gap:22px;flex-wrap:wrap;font-size:14px}.palabras .legend__item{display:flex;align-items:center;gap:7px}.palabras .dot{width:9px;height:9px;border-radius:50%;display:inline-block}.palabras .dot--known{background:var(--p-green)}.palabras .dot--learning{background:var(--p-red)}.palabras .dot--fresh{background:var(--p-neutral)}.palabras .trap-row{background:var(--p-surface);border:1px solid var(--p-line);border-radius:12px;padding:14px 18px;display:flex;gap:16px;align-items:baseline;flex-wrap:wrap}.palabras .trap-row__es{font-family:var(--p-serif);font-size:17px;min-width:96px;color:var(--p-red)}.palabras .trap-row__text{font-size:14px;color:var(--p-ink-2);line-height:1.45;flex:1;min-width:200px}@media (max-width: 700px){.palabras .card{padding:28px 20px}.palabras .card__es{font-size:38px}.palabras .answer__pl{font-size:28px}.palabras .done{padding:32px 20px}.palabras .form,.palabras .panel{padding:18px}}:root{--bg: #ece2d2;--surface: #f7f1e6;--card: #fffdf7;--border: #e6dbc4;--border-2: #d8cbb0;--text: #2c241b;--text-2: #8c7d68;--text-3: #b3a892;--accent: #c0552d;--accent-deep: #9c4220;--accent-soft: #f3e1d4;--sage: #6e7a52;--gold: #bd8b2c;--panel-bg: #26201a;--panel-card: #332a21;--panel-text: #efe6d6;--panel-text-2: #b3a488;--ai-bubble: #332a21;--user-bubble: #4a3a2a;--panel-border: #42352a}*{box-sizing:border-box}@media (min-width: 701px){html{zoom:1.25}}html,body,#root{margin:0;height:100%}html,body{overscroll-behavior-y:none}body{font-family:Hanken Grotesk,system-ui,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}input:focus,textarea:focus{outline:none}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#78695047;border-radius:9px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#78695080;background-clip:padding-box}@keyframes msgIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes blink{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes diceShake{0%,to{transform:rotate(0)}25%{transform:rotate(-16deg)}75%{transform:rotate(16deg)}}@keyframes timerPulse{0%,to{transform:scale(1);box-shadow:0 0 #bd8b2c73}50%{transform:scale(1.04);box-shadow:0 0 0 9px #bd8b2c00}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}