:root{--red:#e23b3b;--yellow:#ffc93c;--green:#21a35a;--blue:#2f6fe0;--bg:#fbf3e0;--surface:#fffdf6;--text:#2b1810;--ink:#2b1810;--muted:#6e5a4d;--accent:#b23a48;--accent-2:#2f6fe0;--radius:18px;--tap:56px;--line:2px;--lift:0 3px 0 var(--ink);--font:"Trebuchet MS", "Segoe UI", Verdana, Arial, sans-serif}[hidden]{display:none!important}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;scroll-padding-top:76px}body{font-family:var(--font);color:var(--text);background:var(--bg) url(/assets/bg-papel-CQbhJN_K.svg) repeat;margin:0;font-size:17px;line-height:1.55}img,svg{max-width:100%;height:auto;display:block}h1,h2,h3{margin:0 0 .5em;font-weight:900;line-height:1.15}p{margin:0 0 1em}.app{flex-direction:column;max-width:880px;min-height:100%;margin:0 auto;display:flex;overflow-x:clip}.banderitas-top{background:url(/assets/banderitas-tile-CJWvG-w0.svg) 0 0/160px 70px repeat-x;flex:none;height:70px}.hint{color:var(--muted);font-size:15px;font-weight:700;line-height:1.4}.panel{background:var(--surface);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--lift);padding:20px}.row{align-items:center;gap:12px;display:flex}.row.wrap{flex-wrap:wrap}.btn{font:inherit;color:var(--ink);min-height:var(--tap);cursor:pointer;background:var(--yellow);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--lift);padding:10px 24px;font-size:18px;font-weight:900;transition:transform 80ms,box-shadow 80ms}.btn:active:not([disabled]){box-shadow:0 0 0 var(--ink);transform:translateY(3px)}.btn:focus-visible{outline:4px solid var(--accent-2);outline-offset:3px}.choice:focus-visible{outline:4px solid var(--accent-2);outline-offset:3px}.cell:focus-visible{outline:4px solid var(--accent-2);outline-offset:3px}.tap:focus-visible{outline:4px solid var(--accent-2);outline-offset:3px}.nav a:focus-visible{outline:4px solid var(--accent-2);outline-offset:3px}textarea:focus-visible{outline:4px solid var(--accent-2);outline-offset:3px}.link:focus-visible{outline:4px solid var(--accent-2);outline-offset:3px}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn.accent{background:var(--accent);color:#fff}.btn.ghost{background:var(--surface)}.icon-btn{width:var(--tap);height:var(--tap);background:var(--surface);place-items:center;padding:8px;display:grid}.icon-btn img{width:100%;height:100%}.choice{font:inherit;color:var(--ink);min-height:var(--tap);cursor:pointer;background:var(--surface);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--lift);padding:8px 16px;font-weight:900;transition:transform 80ms,box-shadow 80ms,background .12s}.choice[aria-pressed=true]{background:var(--yellow);box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.tap{cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;padding:0}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:40;background:var(--surface);border:var(--line) solid var(--ink);box-shadow:var(--lift);border-radius:999px;padding:12px 22px;font-weight:900;position:fixed;transform:translate(-50%)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.editor{gap:8px;display:grid}.editor textarea{font:inherit;min-height:120px;color:var(--ink);border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--surface);resize:vertical;padding:16px 18px;font-size:22px;font-weight:700}.output{min-height:160px;color:var(--ink);background:var(--surface);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--lift);place-items:center;padding:12px;display:grid;position:relative;overflow:hidden}.output svg{width:100%;height:auto;max-height:60vh}.unicode{word-break:break-all;-webkit-user-select:all;user-select:all;font-size:22px;line-height:1.6}.breakdown{letter-spacing:.04em;color:var(--accent);word-break:break-word;font-weight:700}.themes{gap:14px;padding:6px 6px 10px;display:flex;overflow-x:auto}.themes .tap{justify-items:center;gap:6px;font-size:14px;font-weight:700;display:grid}.themes .tap img{object-fit:cover;border:var(--line) solid var(--ink);border-radius:10px;width:64px;height:112px}.themes .tap[aria-pressed=true] img{box-shadow:0 0 0 4px var(--accent)}.chart img{width:100%;max-width:520px;margin:0 auto}@keyframes pop{0%{opacity:0;transform:scale(.3)}70%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes shake-x{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}@keyframes card-flip{0%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes ink-in{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:none}}@keyframes confetti-fall{to{transform:translate3d(var(--drift), 110vh, 0) rotate(var(--rot))}}.anim-pop{animation:.4s ease-out both pop}.anim-fade-in{animation:.3s ease-out both fade-in}.anim-slide-up{animation:.35s ease-out both slide-up}.anim-shake-x{animation:.3s ease-in-out shake-x}.anim-card-flip{animation:.4s ease-out both card-flip}.anim-ink-in path{animation:.35s ease-out both ink-in;animation-delay:calc(var(--i,0) * 30ms)}.confetti-layer{pointer-events:none;z-index:50;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.confetti-piece{top:-24px;left:var(--x);width:var(--w);height:var(--h);background:var(--c);border-radius:var(--r);animation:confetti-fall var(--d) linear var(--delay) forwards;position:absolute}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.confetti-layer{display:none}}main{gap:24px;padding:0 20px;display:grid}.section{border-top:2px dashed #2b18102e;gap:24px;padding:56px 0 24px;display:grid}.section>h2,.section>p{margin:0}.section h2{font-size:32px}.lede{max-width:60ch;color:var(--muted)}.masthead-body{text-align:center;justify-items:center;gap:18px;padding:24px 20px 40px;display:grid;position:relative}.logo{width:min(300px,70vw);height:auto}.tagline{max-width:20ch;margin:0;font-size:clamp(26px,5vw,38px)}.sound-toggle{position:absolute;top:12px;right:16px}.bilingual{background:#fff6e0;justify-items:center;gap:10px;width:min(100%,520px);margin-top:8px;display:grid}.bilingual h2{color:var(--accent);margin:0;font-size:24px}.bilingual p{color:var(--muted);margin:0;font-size:16px}.lang-switch{gap:12px;margin-top:6px;display:flex}.lang-switch .choice{min-width:128px;font-size:18px}.lang-switch.compact{flex:none;gap:6px;margin:0}.lang-switch.compact .choice{min-width:56px;padding:6px 10px;font-size:16px}.nav-bar{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:var(--line) solid var(--ink);background:#fbf3e0f0;align-items:center;gap:12px;padding:8px 12px;display:flex;position:sticky;top:0}.nav{scrollbar-width:none;flex:1;gap:4px;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{min-height:var(--tap);color:var(--ink);border-radius:var(--radius);flex:none;align-items:center;padding:0 14px;font-size:16px;font-weight:900;text-decoration:none;display:grid}.nav a:hover{background:#b23a481f}.field-label,.options-title,.result-title{letter-spacing:.02em;margin:0;font-size:16px;font-weight:900}.counter{justify-self:end}.examples{gap:10px;display:grid}.examples .row{gap:12px}.example,.option{text-align:left;align-content:center;gap:2px;display:grid}.choice:has(.option-hint){text-align:left;align-content:center;gap:2px;display:grid}.option-hint{color:var(--muted);font-size:13px;font-weight:700;line-height:1.35}.option-name{align-items:center;gap:8px;display:flex}.option-sets{gap:28px;display:grid}.options{gap:12px;display:grid}.options-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.option{padding:12px 16px}.output.empty{text-align:center;gap:10px;padding:32px 20px}.output.empty img{opacity:.85;max-width:260px}.result-details{gap:24px;display:grid}.result-details p{margin-bottom:6px}.btn-icon{vertical-align:middle;margin-right:8px;display:inline-block}.maker{align-items:start;gap:32px;display:grid}.maker-controls{gap:28px;display:grid}.maker-controls>div{gap:12px;display:grid}.maker-preview{justify-items:center;gap:20px;display:grid}.preview-frame{background:var(--surface);border:var(--line) solid var(--ink);border-radius:var(--radius);width:100%;max-height:70vh;box-shadow:var(--lift);place-items:center;display:grid;overflow:hidden}.preview-frame[data-size=phone]{width:auto;height:min(70vh,560px)}.preview-frame[data-size=square]{width:min(100%,420px)}.preview-frame img{width:100%;height:100%}.preview-actions{justify-content:center}.swatch{width:var(--tap);height:var(--tap);cursor:pointer;border:var(--line) solid var(--ink);box-shadow:var(--lift);border-radius:50%}.swatch[aria-pressed=true]{outline:4px solid var(--accent-2);outline-offset:2px}.swatch:focus-visible{outline:4px solid var(--accent-2);outline-offset:3px}.chart{gap:12px;display:grid}.cards{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:12px;margin-top:12px;display:grid}.cell{aspect-ratio:1;min-height:var(--tap);cursor:pointer;font:inherit;color:var(--ink);background:var(--surface);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--lift);place-items:center;transition:background .12s;display:grid}.cell[aria-pressed=true]{background:var(--yellow)}.cell img{width:72%;height:72%}.cell-sound{font-size:32px;font-weight:900}.quiz{justify-items:start;gap:16px;display:grid}.quiz h3{margin:0}.quiz-body{text-align:center;justify-items:center;gap:16px;width:100%;display:grid}.quiz-meta{justify-content:space-between;width:100%}.quiz-question{margin:0;font-size:22px;font-weight:900}.quiz-glyph{border:var(--line) solid var(--ink);border-radius:var(--radius);background:#fff;width:160px;height:160px;padding:16px}.quiz-choices{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:420px;display:grid}.quiz-choice{text-align:center;font-size:22px}.quiz-choice.right{background:#bfe8cf}.quiz-choice.wrong{background:#f6c4c4;animation:.3s ease-in-out shake-x}.quiz-choice[disabled]{opacity:.5;cursor:default}.quiz-feedback{min-height:32px}.feedback{align-items:center;gap:8px;font-weight:900;display:inline-flex}.feedback.right{color:#17753f}.feedback.wrong{color:#a32828}.quiz-result{margin:0;font-size:24px;font-weight:900}.prose,.credit{max-width:62ch}.credit h3{font-size:18px}.link{color:var(--accent);font-weight:900}.footer{padding:24px 20px calc(40px + env(safe-area-inset-bottom));text-align:center;border-top:2px dashed #2b18102e;margin-top:48px}.footer p{max-width:56ch;margin:0 auto}@media (min-width:760px){main{padding:0 32px}.maker{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.maker-preview{position:sticky;top:88px}.option-sets{grid-template-columns:1fr}}@media (max-width:420px){.nav a{padding:0 8px;font-size:14px}.lang-switch.compact{gap:4px}.lang-switch.compact .choice{min-width:44px;padding:6px 8px;font-size:15px}.section h2{font-size:28px}.lang-switch .choice{min-width:112px}.options-grid{grid-template-columns:1fr}}