.header{z-index:var(--z-header);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);margin:var(--space-3) var(--space-3) 0;border-radius:var(--r-xl);grid-template-columns:auto 1fr auto;min-height:56px;display:grid;position:relative}.header-left,.header-right{align-items:center;gap:var(--space-2);display:flex}.header-btn,.header-btn-spacer{border-radius:var(--r-pill);width:44px;height:44px;color:var(--ink);background:var(--surface-strong);box-shadow:var(--shadow-1);justify-content:center;align-items:center;display:inline-flex}.header-btn-spacer{box-shadow:none;background:0 0}.header-title{background:0 0;justify-content:center;align-items:center;min-width:0;display:flex}.header-title-text{font-family:var(--font-display);font-weight:var(--w-bold);font-size:var(--text-lg);letter-spacing:-.01em;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.header-secret{opacity:.55}.header-offline{border-radius:var(--r-pill);background:var(--c-yellow);width:36px;height:36px;color:var(--ink);box-shadow:var(--shadow-1);justify-content:center;align-items:center;display:inline-flex}@media (max-width:480px){.header{padding:var(--space-2) var(--space-3);margin:var(--space-2) var(--space-2) 0;min-height:48px}.header-btn,.header-btn-spacer{width:40px;height:40px}}@media (orientation:landscape) and (max-height:500px){.header{margin:var(--space-1) var(--space-3) 0;padding:var(--space-1) var(--space-3);border-radius:var(--r-lg);min-height:40px}.header-btn,.header-btn-spacer{width:36px;height:36px}.header-title-text{font-size:var(--text-md)}}.tile{justify-content:center;align-items:center;gap:var(--space-2);aspect-ratio:1;width:100%;padding:var(--space-4) var(--space-3);border-radius:var(--r-xl);color:var(--ink);-webkit-backdrop-filter:blur(10px)saturate(140%);box-shadow:var(--shadow-2), inset 0 1.5px 0 #ffffffe6, inset 0 -1px 0 #0000000a, 0 1px 0 #ffffff80;isolation:isolate;cursor:pointer;transform:perspective(700px) rotateX(calc(var(--tilt-x,0deg) + var(--device-tilt-x,0deg))) rotateY(calc(var(--tilt-y,0deg) + var(--device-tilt-y,0deg)));transform-style:preserve-3d;transition:transform var(--tilt-dur,var(--dur-mid)) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);animation:5.5s ease-in-out infinite tile-breath;animation-delay:calc(var(--i,0) * .22s);background:linear-gradient(135deg,#ffffffe6 0%,#ffffffbf 50%,#ffffffd9 100%);border:1.5px solid #ffffffeb;flex-direction:column;display:flex;position:relative}.tile:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,-10%), #ffffff6b 0%, #ffffff14 40%, transparent 65%);z-index:3;transition:background 60ms linear;position:absolute;inset:0;overflow:hidden}@keyframes tile-breath{0%,to{box-shadow:var(--shadow-2), inset 0 1.5px 0 #ffffffe6, inset 0 -1px 0 #0000000a}50%{box-shadow:0 16px 36px #3a64ff1f, var(--shadow-2), inset 0 1.5px 0 #ffffffe6, inset 0 -1px 0 #0000000a}}.tile-icon{aspect-ratio:1;background:var(--tile-icon-bg,var(--c-pink));width:clamp(56px,38%,104px);color:var(--tile-icon-fg,#fff);box-shadow:0 10px 22px var(--tile-icon-shadow,#00000038), 0 2px 6px #0000001a, inset 0 1.5px 0 #ffffff73, inset 0 -3px 0 #0000002e, inset 2px 0 0 #ffffff1f, inset -2px 0 0 #00000014;border-radius:28%;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden;transform:translateZ(8px)}.tile-icon-glyph{z-index:1;width:56%;height:56%;animation:3s ease-in-out infinite icon-dance;animation-delay:calc(var(--i,0) * .18s);justify-content:center;align-items:center;display:inline-flex;position:relative}@keyframes icon-dance{0%,to{transform:translateY(0)rotate(0)scale(1)}25%{transform:translateY(-5px)rotate(-5deg)scale(1.04)}50%{transform:translateY(0)rotate(0)scale(1)}75%{transform:translateY(-3px)rotate(5deg)scale(1.04)}}@media (prefers-reduced-motion:reduce){.tile-icon-glyph,.tile{animation:none!important}}.tile-icon-glyph>svg{filter:drop-shadow(0 1px 2px #0003);width:100%;height:100%}.tile-icon-shine{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(110% 55% at 50% -10%,#ffffff73,#0000 60%);position:absolute;inset:0}.tile-title{font-family:var(--font-display);font-weight:var(--w-bold);letter-spacing:-.01em;text-align:center;color:var(--ink);font-size:clamp(.95rem,2.3vw,1.25rem);line-height:1.1}.tile-subtitle{font-family:var(--font-text);font-weight:var(--w-medium);text-align:center;color:var(--ink-mute);padding:0 var(--space-1);font-size:clamp(.7rem,1.5vw,.85rem);line-height:1.2}.tile:active{transform:perspective(700px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(.93) translateZ(-6px);box-shadow:var(--shadow-1), inset 0 1.5px 0 #ffffffb3, inset 0 2px 8px #0000000f}.tile:active .tile-icon{box-shadow:0 4px 10px var(--tile-icon-shadow,#0000002e), inset 0 1px 0 #ffffff59, inset 0 -2px 0 #0000001f;transform:translateZ(3px)}@media (hover:hover){.tile:hover{transform:perspective(700px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px) scale(1.02);box-shadow:var(--shadow-3), 0 0 0 1.5px #fff9, inset 0 1.5px 0 #ffffffe6}}.tile--pink{--tile-icon-bg:linear-gradient(135deg, var(--c-pink), var(--c-pink-2));--tile-icon-shadow:#ff61a652}.tile--coral{--tile-icon-bg:linear-gradient(135deg, var(--c-coral), var(--c-coral-2));--tile-icon-shadow:#e645604d}.tile--orange{--tile-icon-bg:linear-gradient(135deg, var(--c-orange), var(--c-orange-2));--tile-icon-shadow:#f26d3352}.tile--yellow{--tile-icon-bg:linear-gradient(135deg, var(--c-yellow), var(--c-yellow-2));--tile-icon-fg:#4a2a00;--tile-icon-shadow:#f5a8004d}.tile--lime{--tile-icon-bg:linear-gradient(135deg, var(--c-lime), var(--c-lime-2));--tile-icon-fg:#1f3a00;--tile-icon-shadow:#92d1164d}.tile--green{--tile-icon-bg:linear-gradient(135deg, var(--c-green), var(--c-green-2));--tile-icon-shadow:#0ebc854d}.tile--teal{--tile-icon-bg:linear-gradient(135deg, var(--c-teal), var(--c-teal-2));--tile-icon-shadow:#1aa8d04d}.tile--blue{--tile-icon-bg:linear-gradient(135deg, var(--c-blue), var(--c-blue-2));--tile-icon-shadow:#3a64ff52}.tile--indigo{--tile-icon-bg:linear-gradient(135deg, var(--c-indigo), var(--c-indigo-2));--tile-icon-shadow:#4a3dd952}.tile--purple{--tile-icon-bg:linear-gradient(135deg, var(--c-purple), var(--c-purple-2));--tile-icon-shadow:#9632ff52}.tile--violet{--tile-icon-bg:linear-gradient(135deg, var(--c-violet), var(--c-violet-2));--tile-icon-shadow:#b533e652}.tile--dark{--tile-icon-bg:linear-gradient(135deg, #1f1f1f, #000);--tile-icon-fg:var(--c-green);--tile-icon-shadow:#0006}.home{-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain;will-change:scroll-position;width:100%;height:100%;position:relative;overflow:hidden scroll;transform:translateZ(0);container-type:inline-size}.home-grid{gap:var(--space-4);padding:var(--space-4) var(--space-5) calc(var(--space-7));grid-template-columns:repeat(2,1fr);width:100%;max-width:1200px;margin-inline:auto;display:grid}@container (width>=560px){.home-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr)}}@container (width>=900px){.home-grid{gap:var(--space-5);grid-template-columns:repeat(4,1fr)}}@media (max-width:480px) and (orientation:portrait){.home-grid{padding:var(--space-3) var(--space-4) calc(var(--space-6));gap:var(--space-3)}}@media (orientation:landscape) and (max-height:500px){.home{overflow:hidden}.home-grid{gap:var(--space-3);padding:var(--space-3) var(--space-5) calc(var(--space-3));grid-template-columns:repeat(6,1fr);align-content:center;height:100%}}@media (min-width:600px) and (max-width:900px) and (orientation:portrait){.home-grid{gap:var(--space-5);padding:var(--space-5) var(--space-6) calc(var(--space-6));grid-template-columns:repeat(3,1fr)}}@media (min-width:900px){.home-grid{gap:var(--space-5);padding:var(--space-5) var(--space-6) calc(var(--space-6));grid-template-columns:repeat(4,1fr)}}@media (min-width:1400px){.home-grid{gap:var(--space-6);max-width:1280px}}.detail{gap:var(--space-2);grid-template-rows:auto auto 1fr auto;width:100%;height:100%;min-height:0;padding:0;display:grid;position:relative}.detail-filter-bar{grid-row:1}.detail-scrollbar{grid-row:2}.detail-track{grid-row:3}.detail-controls{grid-row:4}.detail-filter-bar{gap:var(--space-2);padding:0 var(--space-4);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-shrink:0;display:flex;overflow-x:auto}.detail-filter-bar::-webkit-scrollbar{display:none}.detail-filter-pill{padding:var(--space-1) var(--space-3);border-radius:var(--r-pill);-webkit-backdrop-filter:blur(10px);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--w-bold);color:var(--ink-soft);box-shadow:var(--shadow-1), inset 0 1px 0 #fff9;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background:#ffffff8c;border:1.5px solid #ffffffbf;flex-shrink:0}.detail-filter-pill.is-active{background:linear-gradient(135deg, var(--c-pink), var(--c-pink-2));color:#fff;box-shadow:var(--shadow-2), 0 0 0 2px #ff61a640, inset 0 1px 0 #ffffff59;border-color:#0000}.detail-filter-pill:active{transform:scale(.94)}.detail-scrollbar{height:14px;margin:0 var(--space-5);cursor:pointer;touch-action:none;padding:5px 0;position:relative}.detail-scrollbar:before{content:"";pointer-events:none;background:#0000001a;border-radius:2px;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.detail-scrollbar-thumb{background:linear-gradient(135deg, var(--c-pink), var(--c-pink-2));cursor:grab;height:10px;transition:left .18s var(--ease-out), width .18s var(--ease-out), transform .12s var(--ease-out);border-radius:999px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 6px #e63d8a66}.detail-scrollbar-thumb:active{cursor:grabbing;transform:translateY(-50%)scale(1.15)}.detail-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;align-items:stretch;min-height:0;display:flex;position:relative;overflow:auto hidden}.detail-track::-webkit-scrollbar{display:none}.detail-slot{scroll-snap-align:center;scroll-snap-stop:always;width:80%;padding:0 var(--space-2);flex:0 0 80%;justify-content:center;align-items:stretch;min-height:0;display:flex}.detail-slot:first-child{margin-left:10%}.detail-slot:last-child{margin-right:10%}.detail-slot-ghost{border-radius:var(--r-2xl);background:#ffffff1f;width:100%;height:100%}.card{border-radius:var(--r-2xl);width:100%;max-width:min(560px,95%);min-height:0;padding:var(--space-4);gap:var(--space-3);background:var(--surface-strong);opacity:.62;transition:transform var(--dur-mid) var(--ease-out), opacity var(--dur-mid) var(--ease-out), box-shadow var(--dur-mid) var(--ease-out);flex-direction:column;flex:auto;display:flex;position:relative;transform:scale(.9)perspective(600px)}.card.is-active{opacity:1;box-shadow:var(--shadow-3), 0 0 0 1.5px #ffffff80, inset 0 1px 0 #fff9;transform:scale(1)perspective(600px)}@keyframes swipe-hint{0%{transform:scale(1)perspective(600px)translate(0)}18%{transform:scale(1)perspective(600px)translate(-12px)}36%{transform:scale(1)perspective(600px)translate(0)}54%{transform:scale(1)perspective(600px)translate(-8px)}72%{transform:scale(1)perspective(600px)translate(0)}to{transform:scale(1)perspective(600px)translate(0)}}.detail-track .detail-slot:first-child .card.is-active{animation:swipe-hint 1.4s var(--ease-out) .7s 1 both}.card-ear{top:var(--space-3);right:var(--space-3);z-index:2;border-radius:var(--r-pill);background:linear-gradient(135deg, var(--c-teal), var(--c-teal-2));width:48px;height:48px;color:var(--on-color);box-shadow:var(--shadow-2), inset 0 1px 0 #fff6, inset 0 -2px 0 #0000001a;justify-content:center;align-items:center;display:inline-flex;position:absolute}.card-image-btn{border-radius:var(--r-xl);background:#fff6;flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;overflow:hidden}.card-image{object-fit:contain;pointer-events:none;width:100%;height:100%}.card-image-placeholder{width:100%;height:100%;color:var(--ink-faint);place-items:center;display:grid}.card-image-dots{justify-content:center;gap:var(--space-2);padding:var(--space-1) 0;display:flex}.card-image-dot{border-radius:var(--r-pill);background:var(--ink-faint);opacity:.5;width:8px;height:8px;transition:all var(--dur-fast) var(--ease-out)}.card-image-dot.is-active{background:var(--brand);opacity:1;transform:scale(1.3)}.card-word{font-family:var(--font-display);font-weight:var(--w-black);letter-spacing:-.02em;color:var(--ink);padding:var(--space-3);text-align:center;border-radius:var(--r-lg);transition:background var(--dur-fast) var(--ease-out);background:0 0;flex:none;justify-content:center;align-items:center;font-size:clamp(2rem,8vw,4.5rem);line-height:1;display:flex}.card-word:active{background:var(--surface)}.detail-controls{justify-content:center;align-items:center;gap:var(--space-4);padding:0 var(--space-5) calc(var(--space-2));display:flex}.detail-arrow{border-radius:var(--r-pill);background:var(--surface-strong);width:56px;height:56px;color:var(--ink);box-shadow:var(--shadow-2);-webkit-backdrop-filter:var(--glass-blur);justify-content:center;align-items:center;display:inline-flex}.detail-arrow:disabled{opacity:.35;pointer-events:none}.detail-listen{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--r-pill);background:linear-gradient(135deg, var(--c-pink), var(--c-pink-2));min-height:56px;color:var(--on-color);font-family:var(--font-display);font-weight:var(--w-bold);font-size:var(--text-lg);box-shadow:var(--shadow-3), inset 0 1px 0 #ffffff73, inset 0 -2px 0 #0000001a;display:inline-flex}.detail-empty{height:100%;padding:var(--space-6);color:var(--ink-mute);font-size:var(--text-lg);text-align:center;place-items:center;display:grid}@media (orientation:landscape) and (max-height:500px){.detail{gap:var(--space-2);padding:var(--space-2);grid-template:"filter filter""scroll scroll""track controls"1fr/1fr auto}.detail-filter-bar{grid-area:filter}.detail-scrollbar{grid-area:scroll}.detail-track{grid-area:track}.detail-controls{padding:0 var(--space-3);flex-direction:column;grid-area:controls}.card-word{font-size:clamp(1.5rem,4.5vh,3rem)}.num-digit{font-size:clamp(3rem,12vh,6rem)}.num-emoji-grid{gap:4px;max-width:240px}.card-ear{width:40px;height:40px}.detail-arrow{width:48px;height:48px}.detail-listen{padding:var(--space-2) var(--space-4);min-height:48px}}@media (min-width:1000px){.card{max-width:640px}}.num-card-body{gap:var(--space-3);padding:var(--space-4);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column}.num-digit{font-family:var(--font-display);color:var(--num-color-dark,var(--c-blue-2));letter-spacing:-.04em;text-shadow:0 4px 16px var(--num-color-shadow,#3a64ff2e);-webkit-text-stroke:2px #ffffff80;paint-order:stroke fill;animation:num-pop .45s var(--ease-bounce) both;font-size:clamp(4rem,18cqh,9rem);font-weight:800;line-height:1}.num-emoji-grid{justify-content:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;max-width:100%;display:flex}.num-emoji{animation:num-pop .32s var(--ease-bounce) both;animation-delay:calc(var(--i,0) * 30ms);font-size:clamp(1.4rem,3.5cqh,2.2rem);line-height:1}@keyframes num-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.card-color{border:none}.card-word-on-color{color:#fff;text-shadow:0 2px 8px #0000004d}.letras{gap:var(--space-2);width:100%;height:100%;padding:var(--space-3) 0;grid-template-rows:1fr auto;display:grid;position:relative}.letras-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;align-items:stretch;min-height:0;display:flex;overflow:auto hidden}.letras-track::-webkit-scrollbar{display:none}.letras-slot{scroll-snap-align:center;scroll-snap-stop:always;width:86%;padding:0 var(--space-2);flex:0 0 86%;justify-content:center;align-items:stretch;min-height:0;display:flex}.letras-slot:first-child{margin-left:7%}.letras-slot:last-child{margin-right:7%}.letter-card{justify-content:space-around;align-items:center;gap:var(--space-4);width:100%;max-width:min(560px,95%);min-height:0;padding:var(--space-5) var(--space-5) var(--space-6);border-radius:var(--r-2xl);background:var(--surface-strong);opacity:.45;filter:blur(1px);transition:transform var(--dur-mid) var(--ease-out), opacity var(--dur-mid) var(--ease-out), filter var(--dur-mid) var(--ease-out);flex-direction:column;flex:auto;display:flex;transform:scale(.92)}.letter-card.is-active{opacity:1;filter:none;transform:scale(1)}.letter-card:not(.is-active){pointer-events:none}.letter-pair{align-items:baseline;gap:clamp(var(--space-2), 2vw, var(--space-4));padding:var(--space-4) var(--space-5);isolation:isolate;display:flex;position:relative}.letter-pair-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle,#ff61a638 0%,#ff61a614 50%,#0000 75%);border-radius:50%;position:absolute;inset:-10% -20%}.letter-upper{font-family:var(--font-display);font-weight:var(--w-black);letter-spacing:-.04em;color:var(--ink);text-shadow:0 6px 24px #2a004d1f;font-size:clamp(7rem,22vw,13rem);line-height:.85}.letter-lower{font-family:var(--font-display);font-weight:var(--w-black);letter-spacing:-.03em;color:var(--brand);text-shadow:0 4px 18px #ff61a64d;font-size:clamp(4.5rem,14vw,8.5rem);line-height:.85}.letter-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.letter-btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--r-pill);min-height:52px;font-family:var(--font-display);font-weight:var(--w-bold);font-size:var(--text-lg);color:var(--on-color);box-shadow:var(--shadow-3), inset 0 1px 0 #fff6, inset 0 -2px 0 #0000001a;display:inline-flex}.letter-btn-name{background:linear-gradient(135deg, var(--c-pink), var(--c-pink-2))}.letter-btn-sound{background:linear-gradient(135deg, var(--c-teal), var(--c-teal-2))}.letter-syllables{gap:var(--space-2);grid-template-columns:repeat(5,1fr);width:100%;max-width:480px;display:grid}.letter-syllable{padding:var(--space-3) var(--space-2);border-radius:var(--r-md);background:linear-gradient(135deg, var(--c-yellow), var(--c-yellow-2));min-height:64px;font-family:var(--font-display);font-weight:var(--w-black);letter-spacing:-.02em;box-shadow:var(--shadow-2), inset 0 1px 0 #ffffff73, inset 0 -2px 0 #0000001a;justify-content:center;align-items:baseline;gap:2px;font-size:clamp(1.2rem,4vw,1.9rem);line-height:1;display:inline-flex}.syllable-cons{text-transform:uppercase;color:#4a2a00}.syllable-vowel{text-transform:uppercase;color:var(--c-pink-2)}.letras-controls{justify-content:center;align-items:center;gap:var(--space-5);padding:0 var(--space-5) calc(var(--space-3));display:flex}.letras-arrow{border-radius:var(--r-pill);background:var(--surface-strong);width:56px;height:56px;color:var(--ink);box-shadow:var(--shadow-2);-webkit-backdrop-filter:var(--glass-blur);justify-content:center;align-items:center;display:inline-flex}.letras-arrow:disabled{opacity:.35;pointer-events:none}.letras-counter{font-family:var(--font-display);color:var(--ink);flex-direction:column;align-items:center;min-width:96px;display:flex}.letras-counter>:first-child{font-weight:var(--w-black);font-size:var(--text-xl);color:var(--brand);line-height:1}.letras-counter small{font-weight:var(--w-medium);font-size:var(--text-xs);color:var(--ink-mute)}@media (orientation:landscape) and (max-height:500px){.letras{gap:var(--space-2);padding:var(--space-2);grid-template:"track controls"1fr/1fr auto}.letras-track{grid-area:track}.letras-controls{padding:0 var(--space-3);flex-direction:column;grid-area:controls}.letter-card{gap:var(--space-3);padding:var(--space-3);max-width:70vw}.letter-pair{padding:var(--space-2)}.letter-upper{font-size:clamp(4rem,14vh,8rem)}.letter-lower{font-size:clamp(3rem,9vh,5rem)}.letter-btn{min-height:44px;padding:var(--space-2) var(--space-4)}.letter-syllable{min-height:48px}.letras-arrow{width:48px;height:48px}}@media (max-width:380px){.letter-card{padding:var(--space-4) var(--space-3) var(--space-5)}.letter-syllables{gap:6px}.letter-syllable{min-height:56px}}@media (min-width:1000px){.letter-card{max-width:640px}.letter-syllables{max-width:540px}}.cuentos{-webkit-overflow-scrolling:touch;width:100%;height:100%;overflow:auto;container-type:inline-size}.cuentos-grid{gap:var(--space-4);padding:var(--space-4) var(--space-5) calc(var(--space-7));grid-template-columns:repeat(2,1fr);width:100%;max-width:1200px;margin-inline:auto;display:grid}@container (width>=560px){.cuentos-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr)}}@container (width>=900px){.cuentos-grid{gap:var(--space-5);grid-template-columns:repeat(4,1fr)}}@media (max-width:480px) and (orientation:portrait){.cuentos-grid{padding:var(--space-3) var(--space-4) calc(var(--space-6));gap:var(--space-3)}}@media (orientation:landscape) and (max-height:500px){.cuentos-grid{gap:var(--space-3);padding:var(--space-3) var(--space-5) calc(var(--space-3));grid-template-columns:repeat(5,1fr)}}@media (min-width:1400px){.cuentos-grid{gap:var(--space-6);max-width:1280px}}.cuento-card{background:var(--glass-bg);border:var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--r-md);box-shadow:var(--shadow-2);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);cursor:pointer;text-align:left;color:var(--ink);flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.cuento-card:active{box-shadow:var(--shadow-1);transform:scale(.96)}@media (hover:hover){.cuento-card:hover{box-shadow:var(--shadow-3);transform:translateY(-4px)rotate(-.5deg)}}.cuento-cover{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.cuento-cover-placeholder{aspect-ratio:3/4;background:linear-gradient(135deg, var(--c-purple), var(--c-blue));width:100%;color:var(--on-color);justify-content:center;align-items:center;display:flex}.cuento-info{padding:var(--space-3) var(--space-4);gap:var(--space-1);flex-direction:column;display:flex}.cuento-title-text{font-family:var(--font-display);font-weight:var(--w-bold);font-size:var(--text-md);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin:0;line-height:1.2;overflow:hidden}.cuento-pages-count{font-family:var(--font-text);font-weight:var(--w-medium);font-size:var(--text-xs);color:var(--ink-mute)}.cuentos-empty{height:100%;padding:var(--space-6);color:var(--ink-mute);text-align:center;justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.cuentos-empty-icon{font-size:4rem}.cuentos-empty-text{font-family:var(--font-display);font-weight:var(--w-medium);font-size:var(--text-lg);color:var(--ink-mute);line-height:1.4}.cuento-reader{background:#000;grid-template-rows:1fr auto;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.reader-viewport{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;height:100%;overflow:auto hidden}.reader-viewport::-webkit-scrollbar{display:none}.reader-track{height:100%;display:flex}.reader-page{scroll-snap-align:center;scroll-snap-stop:always;flex-direction:column;flex:0 0 100%;width:100%;height:100%;display:flex;overflow:hidden}.reader-page-media{background:#000;flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}.reader-page-img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.reader-page-placeholder{background:linear-gradient(135deg, var(--c-purple), var(--c-blue));width:100%;height:100%;color:var(--on-color);place-items:center;display:grid}.reader-page-text{justify-content:center;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4) var(--space-5);background:var(--surface-strong);border:none;border-top:1px solid var(--border);color:var(--ink);font-family:var(--font-text);font-weight:var(--w-bold);text-align:center;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out);flex:none;font-size:clamp(1.2rem,3.5vw,2rem);line-height:1.4;display:flex}.reader-page-text:active{background:var(--bg-base)}.reader-speak-icon{color:var(--c-pink);filter:drop-shadow(0 2px 4px #ff61a633);flex-shrink:0}.reader-footer{padding:var(--space-3) var(--space-5) calc(var(--space-3));background:var(--surface-strong);border-top:1px solid var(--border);box-shadow:var(--shadow-2);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.reader-arrow{border-radius:var(--r-pill);background:var(--glass-bg);border:var(--glass-border);width:48px;height:48px;color:var(--ink);box-shadow:var(--shadow-1);justify-content:center;align-items:center;display:inline-flex}.reader-arrow:disabled{opacity:.3;pointer-events:none}.reader-dots-container{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.reader-dots{gap:var(--space-2);align-items:center;display:flex}.reader-dot{border-radius:var(--r-pill);background:var(--ink-faint);opacity:.5;cursor:pointer;width:10px;height:10px;transition:all var(--dur-fast) var(--ease-out);border:none;padding:0}.reader-dot.active{background:var(--c-pink);opacity:1;transform:scale(1.3)}.reader-page-counter{font-family:var(--font-display);font-weight:var(--w-bold);font-size:var(--text-sm);color:var(--ink-soft)}@media (orientation:landscape) and (max-height:500px){.cuento-reader{grid-template-rows:1fr;grid-template-columns:1fr auto}.reader-viewport{grid-column:1}.reader-page{flex-direction:row}.reader-page-media{flex:50%;height:100%}.reader-page-text{border-top:none;border-left:1px solid var(--border);height:100%;padding:var(--space-4);flex-direction:column;flex:50%;justify-content:center;font-size:clamp(1rem,4.5vh,1.6rem)}.reader-footer{justify-content:center;gap:var(--space-4);padding:var(--space-4) var(--space-3) calc(var(--space-4));border-top:none;border-left:1px solid var(--border);flex-direction:column;grid-column:2;width:80px}.reader-dots-container{flex-direction:column-reverse}.reader-dots{display:none}}.buscar-view-list{-webkit-overflow-scrolling:touch;width:100%;height:100%;overflow:auto;container-type:inline-size}.buscar-scenes-grid{gap:var(--space-4);padding:var(--space-4) var(--space-5) calc(var(--space-7));grid-template-columns:repeat(2,1fr);width:100%;max-width:1200px;margin-inline:auto;display:grid}@container (width>=560px){.buscar-scenes-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr)}}@container (width>=900px){.buscar-scenes-grid{gap:var(--space-5);grid-template-columns:repeat(4,1fr)}}@media (max-width:480px) and (orientation:portrait){.buscar-scenes-grid{padding:var(--space-3) var(--space-4) calc(var(--space-6));gap:var(--space-3)}}@media (orientation:landscape) and (max-height:500px){.buscar-scenes-grid{gap:var(--space-3);padding:var(--space-3) var(--space-5) calc(var(--space-3));grid-template-columns:repeat(5,1fr)}}.scene-card{background:var(--glass-bg);border:var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--r-md);box-shadow:var(--shadow-2);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);cursor:pointer;text-align:left;color:var(--ink);flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.scene-card:active{box-shadow:var(--shadow-1);transform:scale(.96)}@media (hover:hover){.scene-card:hover{box-shadow:var(--shadow-3);transform:translateY(-4px)rotate(.5deg)}}.scene-card-cover{aspect-ratio:4/3;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;display:block}.scene-card-cover-placeholder{background:linear-gradient(135deg, var(--c-teal), var(--c-blue));color:var(--on-color);justify-content:center;align-items:center;font-size:3rem;display:flex}.scene-card-info{padding:var(--space-3) var(--space-4);gap:var(--space-1);flex-direction:column;display:flex}.scene-card-title-text{font-family:var(--font-display);font-weight:var(--w-bold);font-size:var(--text-md);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin:0;line-height:1.2;overflow:hidden}.scene-card-targets-count{font-family:var(--font-text);font-weight:var(--w-medium);font-size:var(--text-xs);color:var(--ink-mute)}.buscar-empty-view{height:100%;padding:var(--space-6);color:var(--ink-mute);text-align:center;justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.buscar-empty-view-icon{font-size:4rem}.buscar-empty-view-text{font-family:var(--font-display);font-weight:var(--w-medium);font-size:var(--text-lg);color:var(--ink-mute);line-height:1.4}.buscar-scene-view{background:#000;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.buscar-header-info{padding:var(--space-3) var(--space-5);-webkit-backdrop-filter:blur(10px);z-index:10;color:#fff;background:#0009;border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;display:flex}.buscar-title-text{font-family:var(--font-display);font-weight:var(--w-bold);font-size:var(--text-md);text-shadow:0 2px 4px #00000080}.buscar-counter{font-family:var(--font-display);font-weight:var(--w-black);font-size:var(--text-md);background:var(--c-purple);padding:var(--space-1) var(--space-3);border-radius:var(--r-pill);box-shadow:var(--shadow-1)}.buscar-viewport{-webkit-user-select:none;user-select:none;background:#111;flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.buscar-scene-img{object-fit:contain;transform-origin:50%;will-change:transform;max-width:100%;max-height:100%}.buscar-sparkle{background:linear-gradient(135deg, var(--c-teal), var(--c-blue));color:#fff;font-family:var(--font-display);font-weight:var(--w-bold);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--r-pill);pointer-events:none;z-index:999;animation:buscarSparkle .9s var(--ease-out) forwards;position:fixed;transform:translate(-50%,-50%);box-shadow:0 4px 15px #4ecdc466}@keyframes buscarSparkle{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}to{opacity:0;transform:translate(-50%,-100%)scale(.9)}}.buscar-footer{padding:var(--space-3) var(--space-4) calc(var(--space-3));-webkit-backdrop-filter:blur(10px);z-index:10;-webkit-overflow-scrolling:touch;background:#000000b3;border-top:1px solid #ffffff1a;width:100%;overflow-x:auto}.buscar-targets-row{gap:var(--space-2);min-width:max-content;padding-inline:var(--space-2);justify-content:flex-start;align-items:center;display:flex}.bt-chip{align-items:center;gap:var(--space-1);font-family:var(--font-text);font-weight:var(--w-bold);font-size:var(--text-xs);padding:var(--space-2) var(--space-3);border-radius:var(--r-pill);color:#ffffffb3;transition:all var(--dur-mid) var(--ease-out);background:#ffffff1a;border:1px solid #ffffff0d;display:inline-flex}.bt-chip.bt-found{color:var(--c-teal);background:#4ecdc433;border-color:#4ecdc466;box-shadow:0 0 10px #4ecdc433}.buscar-win-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;width:100%;height:100%;padding:var(--space-5);animation:fadeIn var(--dur-mid) var(--ease-out);background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.buscar-win-card{background:var(--glass-bg);border:var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--r-lg);padding:var(--space-6) var(--space-5);text-align:center;width:100%;max-width:400px;box-shadow:var(--shadow-3);color:var(--ink);animation:scaleIn var(--dur-mid) var(--ease-out)}.buscar-win-card h2{font-family:var(--font-display);font-weight:var(--w-black);font-size:var(--text-xl);margin-top:0;margin-bottom:var(--space-2);color:var(--c-teal)}.buscar-win-card p{font-family:var(--font-text);font-size:var(--text-md);color:var(--ink-mute);margin-bottom:var(--space-5)}.win-btn{width:100%;padding:var(--space-3);border-radius:var(--r-md);font-family:var(--font-display);font-weight:var(--w-bold);font-size:var(--text-md);background:linear-gradient(135deg, var(--c-teal), var(--c-blue));color:var(--on-color);box-shadow:var(--shadow-2);cursor:pointer;border:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.admin-auth{min-height:100dvh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.admin-auth-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border-radius:var(--r-xl);padding:var(--space-6);align-items:center;gap:var(--space-3);border:1px solid #00000014;flex-direction:column;width:100%;max-width:360px;display:flex;box-shadow:0 8px 32px #0000001f}.admin-auth-icon{font-size:2.5rem;line-height:1}.admin-auth-card h2{font-family:var(--font-display);color:var(--ink);margin:0;font-size:1.5rem;font-weight:700}.admin-auth-card p{color:var(--ink-mute);text-align:center;margin:0;font-size:.9rem}.admin-auth-error{color:var(--c-coral-2)!important;font-size:.85rem!important}.admin-layout{flex-direction:column;height:100%;min-height:0;display:flex}.admin-tabs{padding:var(--space-2) var(--space-3);scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#fff9;border-bottom:1px solid #00000014;gap:2px;display:flex;overflow-x:auto}.admin-tabs::-webkit-scrollbar{display:none}.admin-tab{padding:var(--space-1) var(--space-3);border-radius:var(--r-md);cursor:pointer;color:var(--ink-mute);font-family:var(--font-text);white-space:nowrap;background:0 0;border:none;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;min-width:52px;font-size:.72rem;font-weight:600;transition:background .15s,color .15s;display:flex}.admin-tab:hover{color:var(--ink);background:#0000000a}.admin-tab.is-active{background:var(--brand);color:#fff}.admin-content{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.admin-input{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--r-md);font-family:var(--font-text);color:var(--ink);box-sizing:border-box;background:#fffc;border:1.5px solid #0000001a;outline:none;font-size:1rem;transition:border-color .15s}.admin-input:focus{border-color:var(--brand)}.admin-btn{padding:var(--space-2) var(--space-4);border-radius:var(--r-md);font-family:var(--font-text);cursor:pointer;border:none;font-size:.9rem;font-weight:700;transition:opacity .15s,transform .1s}.admin-btn:active{transform:scale(.97)}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn-primary{background:var(--brand);color:#fff}.admin-auth .admin-btn-primary{width:100%}.admin-btn-secondary{color:var(--ink);background:#00000012}.admin-btn-danger{background:var(--c-coral-2);color:#fff}.admin-btn-sm{padding:4px var(--space-2);border-radius:var(--r-sm);font-size:.78rem}.admin-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.85rem}.admin-table th{text-align:left;padding:var(--space-1) var(--space-2);font-family:var(--font-display);color:var(--ink-mute);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-bottom:2px solid #0000001a;font-size:.8rem}.admin-table th:hover{color:var(--ink)}.admin-table td{padding:var(--space-1) var(--space-2);vertical-align:middle;border-bottom:1px solid #0000000d}.admin-table tr:hover td{background:#00000006}.admin-modal-overlay{padding:var(--space-4);z-index:200;background:#00000073;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.admin-modal{border-radius:var(--r-xl);padding:var(--space-4);background:#fff;width:100%;max-width:540px;margin:auto;box-shadow:0 16px 48px #0000002e}.admin-modal-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.admin-modal-header h3{font-family:var(--font-display);margin:0;font-size:1.25rem;font-weight:700}.admin-modal-close{cursor:pointer;color:var(--ink-mute);border-radius:var(--r-sm);background:0 0;border:none;padding:4px}.admin-modal-close:hover{color:var(--ink);background:#0000000f}.admin-form-row{gap:var(--space-1);margin-bottom:var(--space-3);flex-direction:column;display:flex}.admin-form-label{color:var(--ink-mute);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.admin-form-footer{gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid #00000014;justify-content:flex-end;display:flex}.itunes-search{gap:var(--space-2);flex-direction:column;display:flex}.itunes-search-bar{gap:var(--space-2);display:flex}.itunes-results{border-radius:var(--r-md);background:#fff9;border:1.5px solid #00000014;flex-direction:column;gap:4px;max-height:240px;display:flex;overflow-y:auto}.itunes-result-row{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-bottom:1px solid #0000000d;display:flex}.itunes-result-row:last-child{border-bottom:none}.itunes-artwork{border-radius:var(--r-sm);flex-shrink:0;width:40px;height:40px}.itunes-meta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.itunes-track{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:700;overflow:hidden}.itunes-artist{color:var(--ink-mute);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.itunes-actions{flex-shrink:0;gap:3px;display:flex}.admin-words{padding:var(--space-4);gap:var(--space-3);flex-direction:column;width:100%;max-width:1280px;margin:0 auto;display:flex}.admin-words-loading{padding:var(--space-6);text-align:center;color:var(--ink-mute)}.admin-words-toolbar{gap:var(--space-2);padding:var(--space-3);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--r-lg);box-shadow:var(--shadow-1);border:1px solid #0000000f;flex-wrap:wrap;align-items:center;display:flex}.admin-words-search{flex:220px;align-items:center;min-width:200px;display:flex;position:relative}.admin-words-search>svg{color:var(--ink-mute);pointer-events:none;z-index:1;position:absolute;left:12px}.admin-words-search .admin-input{padding-left:38px}.admin-words-tag-filter,.admin-words-sort{flex-shrink:0;min-width:170px}.admin-words-stats{color:var(--ink-mute);padding:0 var(--space-2);font-size:.8rem}.admin-words-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.admin-words-empty{padding:var(--space-6);text-align:center;color:var(--ink-mute);border-radius:var(--r-lg);background:#ffffff8c;border:1px dashed #0000001a;font-style:italic}.admin-word-card{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--r-lg);box-shadow:var(--shadow-1);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:#ffffffd9;border:1px solid #0000000f;grid-template-columns:72px 1fr auto;display:grid}@media (hover:hover){.admin-word-card:hover{box-shadow:var(--shadow-2);border-color:#ff61a64d;transform:translateY(-2px)}}.admin-word-card:active{transform:scale(.985)}.admin-word-card-thumb{border-radius:var(--r-md);width:72px;height:72px;color:var(--ink-faint);background:#0000000a;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.admin-word-card-thumb img{object-fit:cover;width:100%;height:100%;display:block}.admin-word-card-body{flex-direction:column;gap:6px;min-width:0;display:flex}.admin-word-card-title{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.05rem;font-weight:800;overflow:hidden}.admin-word-card-tags{flex-wrap:wrap;gap:4px;display:flex}.admin-tag-more{color:var(--ink-mute)!important;background:#0000000f!important}.admin-word-card-meta{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.admin-word-card-meta .admin-pill{padding:2px 8px;font-size:.7rem}.admin-word-card-actions{flex-direction:column;flex-shrink:0;gap:4px;display:flex}.admin-tag{color:var(--brand-2);border-radius:var(--r-sm);white-space:nowrap;background:#ff61a61f;align-items:center;gap:3px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.admin-tag button{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;padding:0;font-size:.85rem;line-height:1}.admin-tag button:hover{opacity:1}.admin-pill{border-radius:var(--r-pill);justify-content:center;align-items:center;gap:4px;min-width:28px;padding:3px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.admin-pill-ok{color:#0a7d4e;background:#5ee6a838}.admin-pill-muted{color:var(--ink-mute);background:#0000000f}.admin-words-actions{justify-content:center;gap:6px;display:inline-flex}.admin-table-empty{text-align:center;color:var(--ink-mute);font-style:italic;padding:var(--space-6)!important}.admin-bento{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.admin-card{border-radius:var(--r-lg);padding:var(--space-3) var(--space-4);gap:var(--space-2);background:#fffffff2;border:1px solid #0000000f;flex-direction:column;display:flex;box-shadow:0 1px 2px #0000000a}.admin-card-title{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;align-items:center;gap:6px;margin:0 0 2px;font-size:.95rem;font-weight:800;display:flex}.admin-card-count{color:var(--ink-mute);font-size:.85rem;font-weight:500}.admin-card-subtitle{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-mute);margin:var(--space-2) 0 var(--space-1);font-size:.78rem;font-weight:700}.admin-card-hint{color:var(--ink-mute);margin:0;font-size:.78rem;line-height:1.35}.admin-card-empty{color:var(--ink-mute);padding:var(--space-2) 0;margin:0;font-size:.82rem;font-style:italic}.admin-card-data{grid-column:1/2}.admin-card-tags{grid-column:2/3}.admin-card-images{grid-column:1/-1}.admin-card-trans{grid-column:1/2}.admin-card-effects{grid-column:2/3}@media (max-width:720px){.admin-bento{grid-template-columns:1fr}.admin-card-data,.admin-card-tags,.admin-card-images,.admin-card-trans,.admin-card-effects{grid-column:1/-1}}.admin-field{flex-direction:column;gap:4px;display:flex}.admin-field-label{color:var(--ink-mute);text-transform:uppercase;letter-spacing:.05em;font-size:.74rem;font-weight:700}.admin-tag-picker{flex-wrap:wrap;gap:6px;display:flex}.admin-tag-btn{border-radius:var(--r-pill);cursor:pointer;color:var(--ink-mute);letter-spacing:.02em;background:0 0;border:1.5px solid #0000001f;padding:4px 10px;font-size:.74rem;font-weight:700;transition:background .12s,color .12s,border-color .12s}.admin-tag-btn:hover{border-color:var(--brand);color:var(--brand)}.admin-tag-btn.is-active{background:var(--brand);border-color:var(--brand);color:#fff}.admin-custom-tag-row{margin-top:var(--space-1);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.admin-images-grid{gap:var(--space-2);flex-wrap:wrap;display:flex}.admin-img-thumb{border-radius:var(--r-md);border:1.5px solid #0000001a;width:84px;height:84px;position:relative;overflow:hidden}.admin-img-thumb img{object-fit:cover;width:100%;height:100%;display:block}.admin-img-remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.95rem;line-height:1;display:flex;position:absolute;top:4px;right:4px}.admin-img-add{border-radius:var(--r-md);cursor:pointer;width:84px;height:84px;color:var(--ink-mute);background:0 0;border:2px dashed #00000026;font-size:.8rem;transition:border-color .15s,color .15s}.admin-img-add:hover{border-color:var(--brand);color:var(--brand)}.admin-audio-preview{align-items:center;gap:var(--space-2);border-radius:var(--r-md);padding:6px var(--space-2);background:#0000000a;display:flex}.admin-audio-path{color:var(--ink-mute);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:.78rem;overflow:hidden}.admin-actions-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.admin-record-error{color:var(--c-coral-2);margin:0;font-size:.78rem}.admin-effects-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.admin-effect-row{align-items:center;gap:var(--space-2);border-radius:var(--r-md);padding:5px var(--space-2);background:#0000000a;display:flex}.admin-effects-itunes{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px dashed #0000001a}.admin-color-row{gap:var(--space-2);align-items:center;display:flex}.admin-color-row input[type=color]{border-radius:var(--r-md);cursor:pointer;border:1.5px solid #0000001a;flex-shrink:0;width:44px;height:40px;padding:2px}.admin-input-sm{padding:6px 10px;font-size:.85rem}.admin-modal-wide{max-width:680px}.admin-buscar-order{gap:2px;display:flex}.admin-buscar-img-row{gap:var(--space-2);flex-direction:column;display:flex}.admin-buscar-preview{max-width:100%;display:inline-block;position:relative}.admin-buscar-scene-img{border-radius:var(--r-md);cursor:default;max-width:100%;max-height:300px;display:block}.admin-buscar-scene-img.placing{cursor:crosshair;outline:3px solid var(--brand)}.admin-buscar-target-dot{color:#fff;cursor:pointer;background:#ff3c3ccc;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0000004d}.admin-buscar-target-controls{gap:var(--space-2);flex-wrap:wrap;display:flex}.admin-buscar-hint{color:var(--brand);margin:var(--space-1) 0 0;font-size:.82rem}.admin-buscar-targets-list{margin-top:var(--space-1);flex-direction:column;gap:4px;display:flex}.admin-buscar-target-item{align-items:center;gap:var(--space-2);border-radius:var(--r-sm);padding:4px var(--space-2);background:#00000008;font-size:.85rem;font-weight:700;display:flex}.admin-buscar-target-item>span:first-child{flex:1}.admin-cuento-cover-row{align-items:center;gap:var(--space-2);display:flex}.admin-cuento-cover-thumb{object-fit:cover;border-radius:var(--r-md);border:1.5px solid #0000001a;width:64px;height:64px}.admin-cuento-pages{flex-direction:column;gap:4px;display:flex}.admin-cuento-page-row{border-radius:var(--r-md);border:1.5px solid #0000001a;overflow:hidden}.admin-cuento-page-row.is-open{border-color:var(--brand)}.admin-cuento-page-header{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;background:#00000005;display:flex}.admin-cuento-page-num{white-space:nowrap;font-size:.82rem;font-weight:700}.admin-cuento-page-preview{color:var(--ink-mute);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.78rem;overflow:hidden}.admin-cuento-page-body{padding:var(--space-2);gap:var(--space-2);border-top:1px solid #00000014;flex-direction:column;display:flex}.admin-cuento-page-img-row{align-items:center;gap:var(--space-2);display:flex}.admin-cuento-textarea{resize:vertical;min-height:70px;font-family:var(--font-text);font-size:.9rem}.admin-letras-header{padding:var(--space-2) 2px;line-height:1.5}.admin-letras-table .admin-letras-letter{font-family:var(--font-display);width:48px;font-size:1.1rem;font-weight:700}.admin-config-section-title{font-family:var(--font-display);margin:var(--space-3) 0 var(--space-2);color:var(--ink);font-size:1rem;font-weight:700}.admin-config-colors{gap:4px;display:flex}.admin-config-swatch{border-radius:var(--r-sm);border:1px solid #0000001a;width:20px;height:20px;display:inline-block}.admin-config-grid{gap:var(--space-2) var(--space-3);grid-template-columns:1fr 1fr;display:grid}@media (max-width:480px){.admin-config-grid{grid-template-columns:1fr}}.admin-config-save-row{margin-top:var(--space-4);justify-content:flex-end;display:flex}.admin-config-icon-grid{flex-wrap:wrap;gap:4px;display:flex}.admin-config-icon-btn{border-radius:var(--r-md);cursor:pointer;width:38px;height:38px;color:var(--ink-mute);background:0 0;border:1.5px solid #0000001a;justify-content:center;align-items:center;transition:border-color .12s,color .12s,background .12s;display:flex}.admin-config-icon-btn:hover{border-color:var(--brand);color:var(--brand)}.admin-config-icon-btn.is-active{border-color:var(--brand);background:var(--brand);color:#fff}.admin-config-system{gap:var(--space-3);padding:var(--space-3);border-radius:var(--r-lg);background:#ffffff80;border:1px solid #0000000f;flex-direction:column;display:flex}.admin-config-version{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.admin-config-version-label{color:var(--ink-mute);font-size:.9rem}.admin-config-version-num{font-family:var(--font-display);color:var(--ink);font-size:1.15rem}.admin-config-version-date{color:var(--ink-faint,var(--ink-mute));opacity:.7;font-size:.78rem}.admin-config-update-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.admin-config-update-msg{color:var(--ink-mute);font-size:.9rem}.game-shell{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.game-shell-bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);flex-shrink:0;display:flex}.game-shell-hint{font-family:var(--font-text);font-size:var(--text-sm);color:var(--ink-soft);flex:1;margin:0}.game-shell-actions{gap:var(--space-2);flex-shrink:0;display:flex}.game-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--r-pill);background:var(--surface-strong);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-1);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--w-medium);color:var(--ink);cursor:pointer;white-space:nowrap;border:none;display:inline-flex}.game-shell-body{min-height:0;padding:var(--space-2) var(--space-3) calc(var(--space-2));flex-direction:column;flex:1;align-items:stretch;display:flex;overflow:hidden}.memo-easy-grid{grid-template-columns:repeat(var(--cols,4), 1fr);gap:var(--space-2);flex:auto;grid-auto-rows:1fr;width:100%;max-width:none;min-height:0;display:grid}.memo-card-front{background:var(--surface-strong);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-2);gap:var(--space-1);padding:var(--space-1) var(--space-2) var(--space-2);transform:rotateY(180deg);container-type:size}.memo-card-front img{object-fit:contain;border-radius:var(--r-sm);flex:auto;width:100%;min-height:0;max-height:68cqh}.memo-card-front span{font-family:var(--font-display);font-size:clamp(.62rem,10cqw,1.1rem);font-weight:var(--w-bold);color:var(--ink);text-align:center;word-break:break-word;text-overflow:ellipsis;white-space:nowrap;flex:none;width:100%;line-height:1.1;overflow:hidden}@media (orientation:landscape) and (max-height:500px){.memo-easy-grid{gap:var(--space-1);grid-template-columns:repeat(6,1fr)}.memo-card-front span{font-size:.6rem}}@media (min-width:768px){.memo-easy-grid{gap:var(--space-3)}}.memotest-grid{gap:var(--space-2);flex:auto;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;width:100%;max-width:none;min-height:0;display:grid}.memo-card{border-radius:var(--r-md);cursor:pointer;perspective:600px;background:0 0;border:none;min-width:0;min-height:0;padding:0;position:relative}.memo-card.is-matched{cursor:default;pointer-events:none}.memo-card-inner{transform-style:preserve-3d;transition:transform var(--dur-mid) var(--ease-out);border-radius:inherit;position:absolute;inset:0}.memo-card.is-flipped .memo-card-inner{transform:rotateY(180deg)}.memo-card-back,.memo-card-front{border-radius:inherit;backface-visibility:hidden;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.memo-card-back{background:linear-gradient(135deg, var(--c-pink), var(--c-purple));box-shadow:var(--shadow-2), inset 0 1px 0 #ffffff40;color:#fff}.memo-card-front{background:var(--surface-strong);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-2);padding:var(--space-2);transform:rotateY(180deg)}.memo-card.is-matched .memo-card-front{box-shadow:var(--shadow-2), 0 0 0 2px var(--c-green);background:linear-gradient(135deg,#c8f06088,#5ee6a888)}.memo-front-image img{object-fit:contain;border-radius:var(--r-sm);width:100%;height:100%}.memo-front-word{background:linear-gradient(135deg, var(--c-teal) 0%, var(--c-blue) 100%);transform:rotateY(180deg)}.memo-front-word span{font-family:var(--font-display);font-size:clamp(.8rem,2.4vw,1.6rem);font-weight:var(--w-bold);color:#fff;text-align:center;text-shadow:0 1px 3px #00000040;word-break:break-word;padding:var(--space-2);line-height:1.1}.memo-play-again{margin-top:var(--space-3);background:linear-gradient(135deg, var(--c-green), var(--c-teal));color:#fff;box-shadow:var(--shadow-2);flex-shrink:0;align-self:center}@media (orientation:landscape) and (max-height:500px){.memotest-grid{gap:var(--space-1);grid-template-columns:repeat(9,1fr)}.memo-front-word span{font-size:clamp(.55rem,2vh,.85rem)}}@media (min-width:600px) and (orientation:portrait){.memotest-grid{gap:var(--space-3);grid-template-columns:repeat(6,1fr)}}@media (min-width:900px) and (min-height:600px){.memotest-grid{gap:var(--space-3);grid-template-columns:repeat(9,1fr)}}.pizarra-wrapper{border-radius:var(--r-lg);width:100%;min-height:0;box-shadow:var(--shadow-3);background:#fff;flex-direction:column;flex:auto;display:flex;position:relative;overflow:hidden}.pizarra-word-bg{font-family:var(--font-text);color:#00000012;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;word-break:break-all;text-align:center;justify-content:center;align-items:center;padding-bottom:80px;font-size:clamp(4rem,15vw,10rem);font-weight:900;line-height:1;display:flex;position:absolute;inset:0}.pizarra-canvas{z-index:1;touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.pizarra-controls{z-index:2;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4) calc(var(--space-2));-webkit-backdrop-filter:blur(8px);background:#ffffffd9;border-top:1px solid #0000000f;display:flex;position:absolute;bottom:0;left:0;right:0}.pizarra-colors{gap:var(--space-2);flex-shrink:0;display:flex}.pizarra-dot{cursor:pointer;width:28px;height:28px;transition:transform var(--dur-fast) var(--ease-bounce), border-color var(--dur-fast);border:3px solid #0000;border-radius:50%;flex-shrink:0}.pizarra-dot.active{border-color:#fff;transform:scale(1.15);box-shadow:0 0 0 3px #00000059}.pizarra-btns{gap:var(--space-2);flex-shrink:0;display:flex}.pizarra-next{background:linear-gradient(135deg, var(--c-pink), var(--c-purple));color:#fff}@media (orientation:landscape) and (max-height:500px){.pizarra-word-bg{padding-bottom:60px;font-size:clamp(2.5rem,10vh,6rem)}.pizarra-dot{width:22px;height:22px}}.qwerty-kb{gap:var(--space-1);padding:var(--space-2) var(--space-2) calc(var(--space-2));flex-direction:column;flex-shrink:0;width:100%;display:flex}.qwerty-row{justify-content:center;gap:var(--space-1);display:flex}.qwerty-key{aspect-ratio:1;border-radius:var(--r-sm);background:var(--surface-strong);min-width:0;max-width:clamp(40px,8vw,78px);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-1), inset 0 -2px 0 #0000001a;font-family:var(--font-display);font-size:clamp(1rem,2.6vw,1.6rem);font-weight:var(--w-bold);color:var(--ink);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;transition:background var(--dur-fast), transform var(--dur-fast);border:none;flex:1}.qwerty-key--hl{background:linear-gradient(135deg, var(--c-green), var(--c-teal));color:#fff}.qwerty-key-del{background:linear-gradient(135deg, var(--c-coral), var(--c-orange));color:#fff;max-width:clamp(48px,10vw,96px);font-size:clamp(.8rem,2.2vw,1.2rem)}@media (orientation:landscape) and (max-height:500px){.qwerty-key{font-size:var(--text-sm);max-width:36px}.qwerty-key-del{max-width:44px}.qwerty-kb{padding:var(--space-1);gap:3px}}.escribir-top{gap:var(--space-4);flex:auto;justify-content:center;align-items:stretch;width:100%;max-width:900px;min-height:0;margin:0 auto;display:flex}.escribir-img-card{aspect-ratio:1;border-radius:var(--r-lg);background:var(--surface-strong);height:100%;max-height:min(45vh,320px);box-shadow:var(--shadow-2);flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.escribir-img-card img{object-fit:contain;width:100%;height:100%}.escribir-word-card{background:var(--surface-strong);min-width:0;-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--r-lg);padding:var(--space-4);box-shadow:var(--shadow-2);flex:auto;justify-content:center;align-items:center;display:flex}.escribir-slots{gap:var(--space-1);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.escribir-slot{border-radius:var(--r-sm);border:2.5px solid var(--border-ink);width:clamp(36px,5vw,56px);height:clamp(44px,6vw,68px);transition:border-color var(--dur-fast), background var(--dur-fast), transform var(--dur-fast) var(--ease-bounce);background:#fff;justify-content:center;align-items:center;display:flex}.escribir-slot span{font-family:var(--font-display);font-size:clamp(1.3rem,3vw,2rem);font-weight:var(--w-bold);color:var(--ink);line-height:1}.escribir-slot.is-active{border-color:var(--c-blue);background:#7f9bff14;box-shadow:0 0 0 3px #7f9bff33}.escribir-slot.is-wrong{border-color:var(--c-coral);animation:slot-shake .4s var(--ease-out);background:#ff7a8a1f;box-shadow:0 0 0 3px #ff7a8a33}.escribir-slot.is-typed{border-color:var(--c-green);background:#5ee6a81f}.escribir-slot.is-correct{animation:slot-pop .3s var(--ease-bounce)}@keyframes slot-shake{0%{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}to{transform:translate(0)}}@keyframes slot-pop{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}@media (orientation:landscape) and (max-height:500px){.escribir-top{gap:var(--space-2)}.escribir-img-card{max-height:60vh}}@media (max-width:520px){.escribir-top{gap:var(--space-2);flex-direction:column;align-items:center}.escribir-img-card{width:clamp(140px,35vh,220px);height:auto;max-height:35vh}.escribir-word-card{width:100%;padding:var(--space-3);flex:none;min-height:80px}}.drag-arena{gap:var(--space-5);flex:auto;justify-content:center;align-items:stretch;width:100%;max-width:900px;min-height:0;margin:0 auto;display:flex}.drag-col{gap:var(--space-3);flex-direction:column;flex:1 1 0;justify-content:center;min-width:0;min-height:0;display:flex}.drag-item{aspect-ratio:1;border-radius:var(--r-lg);background:var(--surface-strong);box-shadow:var(--shadow-2);cursor:grab;touch-action:none;transition:transform var(--dur-fast) var(--ease-bounce), box-shadow var(--dur-fast);overflow:hidden}.drag-item:active{cursor:grabbing}.drag-item img{object-fit:contain;pointer-events:none;width:100%;height:100%}.drag-done{pointer-events:none;opacity:.25!important}.drop-target{aspect-ratio:1;border-radius:var(--r-lg);border:2.5px dashed var(--border-ink);background:var(--surface);justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3);transition:background var(--dur-fast), border-color var(--dur-fast), transform var(--dur-fast) var(--ease-bounce);cursor:default;flex-direction:column;display:flex;container-type:inline-size}.drop-target span{font-family:var(--font-display);font-size:clamp(1.2rem,22cqi,3.5rem);font-weight:var(--w-bold);color:var(--ink);text-align:center;line-height:1}.drop-target.drag-over{border-color:var(--c-green);background:#5ee6a826;transform:scale(1.03)}.drop-target.drag-matched{border-color:var(--c-green);color:var(--c-green-2);background:#5ee6a833;border-style:solid}.drop-target.drag-matched span{color:var(--c-green-2)}.drop-target.drag-wrong{border-color:var(--c-coral);animation:wrong-shake .5s var(--ease-out);background:#ff7a8a26}@keyframes wrong-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@media (orientation:landscape) and (max-height:500px){.drag-arena{gap:var(--space-3)}.drop-target{padding:var(--space-2)}}.voz-content{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;flex:auto;width:100%;max-width:520px;min-height:0;margin:0 auto;display:flex}.voz-card{border-radius:var(--r-xl);background:var(--surface-strong);width:100%;-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-3);padding:var(--space-4);align-items:center;gap:var(--space-3);flex-direction:column;display:flex;overflow:hidden}.voz-card img{object-fit:contain;border-radius:var(--r-lg);width:clamp(160px,26vh,280px);height:clamp(160px,26vh,280px)}.voz-word{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--w-bold);color:var(--ink)}.voz-mic-btn{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-7);border-radius:var(--r-pill);background:linear-gradient(135deg, var(--c-pink), var(--c-purple));color:#fff;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--w-bold);cursor:pointer;box-shadow:var(--shadow-3);transition:transform var(--dur-fast) var(--ease-bounce), box-shadow var(--dur-fast);border:none;display:flex}.voz-mic-btn:disabled{opacity:.7;cursor:default}.voz-listening{background:linear-gradient(135deg, var(--c-coral), var(--c-orange));animation:1s ease-in-out infinite voz-pulse}@keyframes voz-pulse{0%,to{box-shadow:var(--shadow-3);transform:scale(1)}50%{box-shadow:0 0 0 8px #ff61a633, var(--shadow-3);transform:scale(1.04)}}.voz-heard{font-family:var(--font-text);font-size:var(--text-sm);color:var(--ink-mute);text-align:center;margin:0}.voz-feedback{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--w-bold);text-align:center;margin:0}.voz-success{color:var(--c-green-2)}.voz-fail{color:var(--c-coral-2)}.voz-next{background:linear-gradient(135deg, var(--c-teal), var(--c-blue));color:#fff;box-shadow:var(--shadow-2)}@media (orientation:landscape) and (max-height:500px){.voz-content{justify-content:center;gap:var(--space-3);flex-flow:wrap;max-width:600px}.voz-card{width:auto;padding:var(--space-3);flex-direction:row}.voz-card img{width:100px;height:100px}.voz-mic-btn{padding:var(--space-3) var(--space-5);font-size:var(--text-md)}}.spotilisa-content{gap:var(--space-3);grid-template-rows:auto auto 1fr;width:100%;max-width:1100px;height:100%;min-height:0;margin:0 auto;display:grid}.spotilisa-header{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;display:flex}.spotilisa-progress{gap:var(--space-2);display:flex}.spotilisa-pip{background:var(--border-ink);width:12px;height:12px;transition:background var(--dur-fast);border-radius:50%}.spotilisa-pip.done{background:var(--c-green-2)}.spotilisa-pip.current{background:var(--c-pink);transform:scale(1.2)}.spotilisa-score{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--w-bold);color:var(--ink)}.spotilisa-play-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--r-2xl);background:linear-gradient(135deg, var(--c-indigo), var(--c-purple));color:#fff;cursor:pointer;box-shadow:var(--shadow-3);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--w-bold);transition:transform var(--dur-fast) var(--ease-bounce);border:none;flex-direction:column;justify-self:center;min-width:min(260px,70vw);min-height:80px;display:flex}.spotilisa-play-btn.is-playing{background:linear-gradient(135deg, var(--c-coral), var(--c-pink-2));animation:1.2s ease-in-out infinite spotilisa-pulse}@keyframes spotilisa-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.spotilisa-choices{gap:var(--space-3);grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;width:100%;min-height:0;display:grid}.spotilisa-choice{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--r-lg);background:var(--surface-strong);cursor:pointer;box-shadow:var(--shadow-2);transition:transform var(--dur-fast) var(--ease-bounce), border-color var(--dur-fast), background var(--dur-fast);border:3px solid #0000;flex-direction:column;min-width:0;min-height:0;display:flex}.spotilisa-choice img{aspect-ratio:1;object-fit:cover;border-radius:var(--r-md);flex-shrink:0;width:100%}.spotilisa-choice-name{font-family:var(--font-display);font-size:clamp(.7rem,2.5vw,1.3rem);font-weight:var(--w-bold);color:var(--ink);text-align:center;word-break:break-word;flex-shrink:0;line-height:1.2}.spotilisa-choice.is-correct{border-color:var(--c-green);background:#5ee6a82e}.spotilisa-choice.is-wrong{border-color:var(--c-coral);animation:wrong-shake .5s var(--ease-out);background:#ff7a8a2e}@media (orientation:landscape) and (max-height:500px){.spotilisa-content{gap:var(--space-2) var(--space-3);grid-template-rows:auto 1fr;grid-template-columns:auto 1fr}.spotilisa-header{grid-column:1/-1}.spotilisa-play-btn{min-width:150px;min-height:0;padding:var(--space-2) var(--space-4);font-size:var(--text-md);grid-column:1;align-self:stretch}.spotilisa-choices{gap:var(--space-2);grid-column:2}.spotilisa-choice img{aspect-ratio:1}}@media (min-width:600px) and (max-width:1099px) and (orientation:portrait){.spotilisa-content{gap:var(--space-4);grid-template-rows:auto 1fr;grid-template-columns:minmax(180px,28%) 1fr}.spotilisa-header{grid-column:1/-1}.spotilisa-play-btn{min-width:0;min-height:0;padding:var(--space-4);border-radius:var(--r-xl);font-size:var(--text-xl);grid-column:1;align-self:stretch}.spotilisa-choices{gap:var(--space-3);grid-column:2;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr}.spotilisa-choice-name{font-size:clamp(.8rem,1.8vw,1.4rem)}}@media (min-width:900px){.spotilisa-content{gap:var(--space-5);grid-template-rows:auto 1fr;grid-template-columns:minmax(220px,26%) 1fr}.spotilisa-header{grid-column:1/-1}.spotilisa-play-btn{min-width:0;min-height:0;padding:var(--space-5);border-radius:var(--r-xl);font-size:var(--text-xl);grid-column:1;align-self:stretch}.spotilisa-choices{gap:var(--space-4);grid-column:2;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr}.spotilisa-choice-name{font-size:clamp(.9rem,1.5vw,1.5rem)}}@media (min-width:600px) and (max-width:1099px) and (orientation:landscape){.spotilisa-content{gap:var(--space-4);grid-template-rows:auto 1fr;grid-template-columns:minmax(180px,24%) 1fr}.spotilisa-header{grid-column:1/-1}.spotilisa-play-btn{min-width:0;min-height:0;padding:var(--space-4);border-radius:var(--r-xl);grid-column:1;align-self:stretch}.spotilisa-choices{gap:var(--space-3);grid-column:2;grid-auto-rows:1fr}}.spotilisa-result{justify-content:center;align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;width:100%;height:100%;display:flex}.spotilisa-result-emoji{font-size:clamp(4rem,12vw,7rem)}.spotilisa-result-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--w-bold);color:var(--ink)}.spotilisa-result-score{font-family:var(--font-display);font-size:var(--text-xl);color:var(--ink-soft)}.spotilisa-retry{background:linear-gradient(135deg, var(--c-pink), var(--c-purple));color:#fff;box-shadow:var(--shadow-2)}.spotilisa-empty{justify-content:center;align-items:center;gap:var(--space-4);text-align:center;padding:var(--space-6);flex-direction:column;width:100%;height:100%;display:flex}.spotilisa-empty span{font-size:4rem}.spotilisa-empty p{font-family:var(--font-text);font-size:var(--text-md);color:var(--ink-soft);max-width:320px;margin:0}.phone-layout{gap:var(--space-3);grid-template-columns:1fr 320px;width:100%;max-width:1100px;height:100%;min-height:0;margin:0 auto;display:grid}.phone-agenda{background:var(--surface-strong);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--r-xl);box-shadow:var(--shadow-2);flex-direction:column;min-height:0;display:flex;overflow:hidden}.phone-agenda-header{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--w-bold);color:var(--ink-soft);border-bottom:1px solid var(--border-ink);flex-shrink:0;display:flex}.phone-agenda-list{min-height:0;padding:var(--space-3);gap:var(--space-2);flex:1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);display:grid}.phone-contact{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-1);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-1), inset 0 1px 0 #ffffffb3;transition:background var(--dur-fast), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);text-align:center;background:#ffffff8c;border:1.5px solid #ffffffbf;flex-direction:column;min-width:0;display:flex;overflow:hidden;container-type:size}.phone-contact.is-calling{border-color:var(--c-green);box-shadow:var(--shadow-2), 0 0 0 2px #0ebc854d, inset 0 1px 0 #fff9;background:#5ee6a847;animation:1s ease-in-out infinite contact-pulse}@keyframes contact-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.phone-contact-num{font-family:var(--font-display);font-size:clamp(.5rem,10cqw,1.2rem);font-weight:var(--w-bold);color:var(--ink-mute);letter-spacing:.06em;text-align:center;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;order:3;width:100%;overflow:hidden}.phone-contact-img{aspect-ratio:1;object-fit:cover;width:min(55cqw,44cqh);box-shadow:var(--shadow-1), 0 0 0 2.5px #fffc;border-radius:50%;flex-shrink:0;order:1}.phone-contact-name{font-family:var(--font-display);font-size:clamp(.55rem,11cqw,1.5rem);font-weight:var(--w-bold);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;order:2;width:100%;overflow:hidden}.phone-device{gap:var(--space-2);grid-template-rows:auto 1fr;min-height:0;display:grid}.phone-screen{border-radius:var(--r-xl);padding:var(--space-3) var(--space-4);min-height:96px;box-shadow:var(--shadow-3);background:linear-gradient(160deg,#1a1a2e 0%,#16213e 100%);justify-content:center;align-items:center;display:flex}.phone-display{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.phone-dialed{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--w-bold);color:#fff;letter-spacing:.12em}.phone-preview{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--w-medium);color:var(--c-green)}.phone-callee{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.phone-callee img{object-fit:cover;border:2px solid var(--c-green);border-radius:50%;width:64px;height:64px}.phone-callee-name{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--w-bold);color:#fff}.phone-callee-status{font-family:var(--font-text);font-size:var(--text-sm);color:var(--c-teal)}.phone-body{background:var(--surface-strong);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--r-xl);box-shadow:var(--shadow-2);padding:var(--space-3);gap:var(--space-2);grid-template-rows:1fr auto;min-height:0;display:grid}.phone-numpad{gap:var(--space-2);grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);min-height:0;display:grid}.phone-digit{border-radius:var(--r-md);box-shadow:var(--shadow-1), inset 0 -2px 0 #00000014;font-family:var(--font-display);font-size:clamp(1.4rem,4vw,2.2rem);font-weight:var(--w-bold);color:var(--ink);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border:none;min-width:0;min-height:0}.phone-digit-empty{min-height:0}.phone-controls{gap:var(--space-2);flex-shrink:0;grid-template-columns:1fr 1fr 1fr;display:grid}.phone-call,.phone-hangup,.phone-toggle,.phone-del{border-radius:var(--r-md);padding:var(--space-3);font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--w-bold);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-1);border:none;min-height:52px;display:flex}.phone-call{background:linear-gradient(135deg, var(--c-green), var(--c-teal));color:#fff;box-shadow:var(--shadow-2)}.phone-hangup{background:linear-gradient(135deg, var(--c-coral), var(--c-pink));color:#fff;box-shadow:var(--shadow-2);animation:1s ease-in-out infinite hangup-pulse}@keyframes hangup-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.phone-toggle{background:var(--surface);color:var(--ink-soft);box-shadow:var(--shadow-1)}.phone-del{color:var(--c-coral-2);font-size:var(--text-lg);background:#ff7a8a1f}@media (max-width:720px){.phone-layout{gap:var(--space-2);grid-template-rows:minmax(180px,42%) 1fr;grid-template-columns:1fr}.phone-agenda-header{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.phone-agenda-list{padding:var(--space-2);gap:var(--space-2)}.phone-contact{padding:var(--space-2) var(--space-1);border-radius:var(--r-md)}.phone-screen{min-height:70px;padding:var(--space-2) var(--space-3)}.phone-dialed{font-size:var(--text-2xl)}.phone-callee img{width:44px;height:44px}.phone-call,.phone-hangup,.phone-toggle,.phone-del{min-height:44px}}@media (orientation:landscape) and (max-height:500px){.phone-layout{gap:var(--space-2);grid-template-rows:1fr;grid-template-columns:1fr 220px}.phone-agenda-header{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.phone-agenda-list{padding:var(--space-1);gap:var(--space-1);grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr)}.phone-contact{padding:var(--space-1);border-radius:var(--r-sm)}.phone-screen{min-height:60px;padding:var(--space-2)}.phone-dialed{font-size:var(--text-xl)}.phone-call,.phone-hangup,.phone-toggle,.phone-del{min-height:38px;padding:var(--space-2)}}@media (min-width:720px) and (max-width:1100px) and (orientation:portrait){.phone-layout{gap:var(--space-4);grid-template-columns:1fr 380px}.phone-agenda-list{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr)}}@media (min-width:720px) and (max-width:1100px) and (orientation:landscape){.phone-layout{gap:var(--space-4);grid-template-columns:1fr 360px}.phone-agenda-list{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr)}}@media (min-width:1100px){.phone-layout{gap:var(--space-5);grid-template-columns:1fr 420px}.phone-dialed{font-size:3rem}}@keyframes vt-from-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes vt-from-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.vt-enter-right{animation:vt-from-right var(--dur-mid) var(--ease-out) both}.vt-enter-left{animation:vt-from-left var(--dur-mid) var(--ease-out) both}.view-transition-wrapper{flex-direction:column;width:100%;height:100%;display:flex}@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/fredoka-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,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:Fredoka;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/fredoka-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/nunito-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,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:Nunito;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/nunito-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-display:"Fredoka", system-ui, -apple-system, sans-serif;--font-text:"Nunito", system-ui, -apple-system, sans-serif;--text-xs:clamp(.72rem, .5vw + .6rem, .85rem);--text-sm:clamp(.85rem, .6vw + .7rem, 1rem);--text-md:clamp(1rem, .8vw + .8rem, 1.15rem);--text-lg:clamp(1.15rem, 1vw + .9rem, 1.4rem);--text-xl:clamp(1.4rem, 1.6vw + 1rem, 1.8rem);--text-2xl:clamp(1.8rem, 2.4vw + 1.2rem, 2.5rem);--text-3xl:clamp(2.4rem, 3.6vw + 1.6rem, 3.5rem);--text-hero:clamp(3.2rem, 6vw + 2rem, 5.5rem);--w-regular:500;--w-medium:600;--w-bold:700;--w-black:800;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--r-sm:12px;--r-md:20px;--r-lg:28px;--r-xl:36px;--r-2xl:48px;--r-pill:9999px;--c-pink:#ff61a6;--c-pink-2:#e63d8a;--c-coral:#ff7a8a;--c-coral-2:#e64560;--c-orange:#ff9b6a;--c-orange-2:#f26d33;--c-yellow:#ffd748;--c-yellow-2:#f5a800;--c-lime:#c8f060;--c-lime-2:#92d116;--c-green:#5ee6a8;--c-green-2:#0ebc85;--c-teal:#60d4f2;--c-teal-2:#1aa8d0;--c-blue:#7f9bff;--c-blue-2:#3a64ff;--c-indigo:#8a7eff;--c-indigo-2:#4a3dd9;--c-purple:#c78bff;--c-purple-2:#9632ff;--c-violet:#e07aff;--c-violet-2:#b533e6;--brand:var(--c-pink);--brand-2:var(--c-pink-2);--accent:var(--c-teal);--accent-2:var(--c-teal-2);--bg-base:#fff0f8;--bg-grad:linear-gradient(135deg, #ffd1ff 0%, #b5e8ff 50%, #fff1b8 100%);--surface:#ffffff8c;--surface-strong:#ffffffc7;--surface-soft:#ffffff4d;--ink:#2a004d;--ink-soft:#5c2480;--ink-mute:#8d66a5;--ink-faint:#b89cc8;--on-color:#fff;--border:#ffffffd9;--border-soft:#fff6;--border-ink:#2a004d1f;--glass-bg:#ffffff8c;--glass-border:1px solid #ffffffd9;--glass-blur:blur(18px) saturate(140%);--shadow-1:0 2px 8px #2a004d0f;--shadow-2:0 6px 20px #2a004d1a;--shadow-3:0 12px 32px #2a004d24;--shadow-4:0 20px 50px #2a004d2e;--shadow-glow:0 0 0 4px #ff61a62e;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.15s;--dur-mid:.28s;--dur-slow:.48s;--z-base:0;--z-content:10;--z-header:100;--z-overlay:500;--z-modal:1000;--z-toast:2000;--z-confetti:9999;--sa-top:env(safe-area-inset-top,0px);--sa-bottom:env(safe-area-inset-bottom,0px);--sa-left:env(safe-area-inset-left,0px);--sa-right:env(safe-area-inset-right,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;overflow:hidden}body{font-family:var(--font-text);font-size:var(--text-md);font-weight:var(--w-medium);color:var(--ink);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;line-height:1.4}img,svg,video,canvas{max-width:100%;display:block}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}button{font:inherit;color:inherit;cursor:pointer;appearance:none;background:0 0;border:0}input,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--w-bold);line-height:1.1}a{color:inherit;text-decoration:none}::selection{background:var(--brand);color:var(--on-color)}html,body{background:var(--bg-grad);overscroll-behavior:none;background-size:400% 400%;height:100dvh;animation:24s infinite gradient-shift}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}html.game-open{animation-play-state:paused}body.nav-away .tile,body.nav-away .tile-icon-glyph{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){body,*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{padding-top:var(--sa-top);padding-bottom:var(--sa-bottom);padding-left:var(--sa-left);padding-right:var(--sa-right);background:0 0;grid-template-rows:auto 1fr;display:grid;position:fixed;inset:0}.app-main{position:relative;overflow:hidden}.glass{-webkit-backdrop-filter:blur(10px)saturate(140%);box-shadow:var(--shadow-2);background:#ffffffe0;border:1px solid #ffffffeb}.ambient{pointer-events:none;z-index:var(--z-base);position:fixed;inset:0;overflow:hidden}.ambient:before,.ambient:after{content:"";filter:blur(60px);opacity:.5;border-radius:50%;animation:18s ease-in-out infinite float-blob;position:absolute}.ambient:before{background:radial-gradient(circle, var(--c-pink) 0%, transparent 70%);width:40vmax;height:40vmax;top:-10vmax;left:-10vmax}.ambient:after{background:radial-gradient(circle, var(--c-teal) 0%, transparent 70%);width:35vmax;height:35vmax;animation-delay:-9s;bottom:-10vmax;right:-8vmax}@keyframes float-blob{0%,to{transform:translate(0)scale(1)}33%{transform:translate(4vw,-3vh)scale(1.1)}66%{transform:translate(-3vw,4vh)scale(.95)}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hidden{display:none!important}.celebrate-tint{z-index:9998;pointer-events:none;animation:celebrate-tint-fade 1.6s var(--ease-out) forwards;mix-blend-mode:multiply;background:#5ee6a86b;position:fixed;inset:0}@keyframes celebrate-tint-fade{0%{opacity:0}15%{opacity:1}55%{opacity:1}to{opacity:0}}.tap{transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), filter var(--dur-fast) var(--ease-out)}.tap:active{filter:brightness(.97);transform:perspective(400px)scale(.94)translateZ(-4px)}@media (hover:hover){.tap:hover{transform:perspective(400px)translateY(-2px)translateZ(2px)}}