:root{--ink: #221b45;--ink-soft: #4a4178;--ink-faint: #7a72a3;--desk: #2c2550;--desk-2: #3a3270;--desk-line: #4c4490;--paper: #f7f2e7;--paper-2: #fffdf7;--kraft: #d9c3a5;--kraft-2: #c4a985;--tomato: #e4572e;--tomato-soft: #fdeee8;--teal: #0f9b9b;--teal-soft: #e0f5f4;--sunflower: #e8a417;--sunflower-soft: #fdf2da;--violet: #7a4dd6;--violet-soft: #efe8fc;--sky: #2f8fe0;--sky-soft: #e4f1fd;--grass: #4ea83a;--grass-soft: #e8f6e2;--bubblegum: #ef4d88;--bubblegum-soft: #fde6ee;--butter: #f0c53d;--butter-soft: #fdf6dc;--font-display: "Fredoka", "Trebuchet MS", system-ui, sans-serif;--font-body: "Andika", "Comic Sans MS", system-ui, sans-serif;--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--r-xl: 34px;--r-pill: 999px;--shadow-card: 0 2px 0 rgba(34, 27, 69, .14), 0 10px 26px -12px rgba(34, 27, 69, .4);--shadow-pop: 0 3px 0 rgba(34, 27, 69, .2), 0 18px 40px -16px rgba(34, 27, 69, .55);--shadow-press: 0 1px 0 rgba(34, 27, 69, .18);--gutter: clamp(16px, 3.5vw, 40px);--tap: 56px;--topbar-h: 63px}[data-tone=tomato]{--tone: var(--tomato);--tone-soft: var(--tomato-soft)}[data-tone=teal]{--tone: var(--teal);--tone-soft: var(--teal-soft)}[data-tone=sunflower]{--tone: var(--sunflower);--tone-soft: var(--sunflower-soft)}[data-tone=violet]{--tone: var(--violet);--tone-soft: var(--violet-soft)}[data-tone=sky]{--tone: var(--sky);--tone-soft: var(--sky-soft)}[data-tone=berry]{--tone: var(--bubblegum);--tone-soft: var(--bubblegum-soft)}[data-tone=grass]{--tone: var(--grass);--tone-soft: var(--grass-soft)}[data-tone=butter]{--tone: var(--butter);--tone-soft: var(--butter-soft)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--desk);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.1;margin:0;letter-spacing:-.01em}p{margin:0}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--butter);outline-offset:3px;border-radius:6px}.desk{min-height:100%;background:radial-gradient(circle at 12% 8%,rgba(255,255,255,.05) 0 2px,transparent 2px) 0 0 / 26px 26px,linear-gradient(178deg,var(--desk) 0%,var(--desk-2) 100%);background-attachment:fixed}.paper-tex{position:relative}.paper-tex:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:radial-gradient(rgba(34,27,69,.05) 1px,transparent 1px),radial-gradient(rgba(34,27,69,.04) 1px,transparent 1px);background-size:13px 13px,19px 19px;background-position:0 0,6px 9px;border-radius:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.spread{display:flex;align-items:center;justify-content:space-between}.grow{flex:1}.tone-text{color:var(--tone, var(--ink))}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px var(--gutter);background:#221b45d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--desk-line)}.topbar__brand{display:flex;align-items:center;gap:9px;color:var(--paper);font-family:var(--font-display);font-size:1.35rem;font-weight:600;letter-spacing:-.02em}.topbar__spark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:var(--butter);color:var(--ink);font-size:1.05rem;transform:rotate(-8deg);box-shadow:0 2px #0000004d}.topbar__right{display:flex;align-items:center;gap:8px}.topbar__stat{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--r-pill);background:#ffffff1a;border:1px solid var(--desk-line);color:var(--paper);font-family:var(--font-display);font-size:.9rem;font-weight:500}.topbar__avatar{width:42px;height:42px;display:grid;place-items:center;font-size:1.4rem;border-radius:14px;background:#ffffff1f;border:1px solid var(--desk-line);transition:transform .16s ease,background .16s ease}.topbar__avatar:hover{transform:scale(1.06);background:#fff3}.shell{max-width:1080px;margin:0 auto;padding:clamp(20px,4vw,44px) var(--gutter) 80px}.shell--fijo{height:calc(100vh - var(--topbar-h));height:calc(100dvh - var(--topbar-h));display:flex;flex-direction:column;overflow:hidden;padding-bottom:16px}.shell--fijo .page{flex:1;min-height:0;gap:14px}.page{display:flex;flex-direction:column;gap:22px}.page--narrow{max-width:520px;margin:0 auto}.page__head{display:flex;align-items:center;gap:16px}.page__cabecera{flex:none;display:flex;flex-direction:column;gap:4px}.page__titulos{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;min-width:0}.page__lista{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:rgba(247,242,231,.35) transparent}.page__lista::-webkit-scrollbar{width:8px}.page__lista::-webkit-scrollbar-thumb{background:#f7f2e74d;border-radius:8px}.page__emoji{display:grid;place-items:center;width:64px;height:64px;font-size:2rem;border-radius:20px;background:var(--paper);box-shadow:var(--shadow-card);flex:none}.page__title{font-size:clamp(1.7rem,4vw,2.4rem);color:var(--paper)}.page__sub{color:#f7f2e7b8;font-size:.98rem;margin-top:4px}.page__titulos .page__sub{margin-top:0}.backlink{align-self:flex-start;color:#f7f2e7bf;font-size:.95rem;padding:6px 0;transition:color .15s ease,transform .15s ease}.backlink:hover{color:var(--paper);transform:translate(-3px)}.backlink--light{color:#f7f2e7cc}.card{position:relative;background:var(--paper);color:var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:22px}.card:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:2px dashed color-mix(in srgb,var(--tone, var(--kraft)) 55%,transparent);border-radius:calc(var(--r-lg) - 8px);pointer-events:none}.card__body{position:relative;z-index:1}.card__punch{position:absolute;top:50%;width:20px;height:20px;border-radius:50%;background:var(--desk);transform:translateY(-50%);box-shadow:inset 0 2px 3px #0006}.card__punch--l{left:-10px}.card__punch--r{right:-10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:12px 26px;border-radius:var(--r-pill);font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:-.01em;transition:transform .14s cubic-bezier(.34,1.56,.64,1),box-shadow .14s ease,filter .14s ease}.btn--solid{background:var(--tone, var(--sunflower));color:#fff;box-shadow:0 4px color-mix(in srgb,var(--tone, var(--sunflower)) 68%,#000 32%)}.btn--solid:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px color-mix(in srgb,var(--tone, var(--sunflower)) 68%,#000 32%)}.btn--solid:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px color-mix(in srgb,var(--tone, var(--sunflower)) 68%,#000 32%)}.btn--outline{background:transparent;color:var(--tone, var(--ink));border:3px solid var(--tone, var(--ink));box-shadow:0 3px color-mix(in srgb,var(--tone, var(--ink)) 30%,transparent)}.btn--outline:hover:not(:disabled){background:var(--tone-soft, rgba(0, 0, 0, .05))}.btn--ghost{background:transparent;color:var(--ink-soft)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.act__choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.act__choices--multi{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.act__choices--tf{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:var(--tap);padding:14px 16px;border-radius:var(--r-md);background:var(--tone-soft, #fff);border:3px solid color-mix(in srgb,var(--tone, var(--ink)) 35%,transparent);color:var(--ink);font-family:var(--font-display);font-size:1.35rem;font-weight:600;text-align:center;transition:transform .14s cubic-bezier(.34,1.56,.64,1),box-shadow .14s ease,border-color .14s ease}.chip:hover:not(:disabled){transform:translateY(-3px) rotate(-.6deg);border-color:var(--tone, var(--ink));box-shadow:var(--shadow-pop)}.chip--wide{flex-direction:column;padding:18px}.chip__emoji{font-size:2.4rem;line-height:1}.chip__label{line-height:1.2}.chip--picked{border-color:var(--tone, var(--ink));box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--tone, var(--ink)) 30%,transparent)}.chip--right{background:var(--grass-soft);border-color:var(--grass);animation:pop .34s cubic-bezier(.34,1.56,.64,1)}.chip--wrong{background:var(--tomato-soft);border-color:var(--tomato);animation:shake .36s ease}.chip:disabled{cursor:default;opacity:.9}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.eyebrow{display:inline-block;padding:5px 13px;border-radius:var(--r-pill);background:var(--tone-soft, var(--butter-soft));color:color-mix(in srgb,var(--tone, var(--ink)) 78%,#000);border:2px solid color-mix(in srgb,var(--tone, var(--ink)) 30%,transparent);font-family:var(--font-display);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.home{display:flex;flex-direction:column;gap:26px}.home__hero{position:relative;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:clamp(24px,5vw,44px);border-radius:var(--r-xl);background:var(--paper);color:var(--ink);box-shadow:var(--shadow-pop);overflow:hidden}.home__h1{font-size:clamp(2rem,6vw,3.4rem);margin:12px 0 10px}.home__h1em{color:var(--tomato);position:relative}.home__h1em:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:10px;background:var(--butter);z-index:-1;border-radius:6px;transform:rotate(-1.2deg)}.home__lede{font-size:1.06rem;color:var(--ink-soft);max-width:46ch;line-height:1.55}.home__heroart{position:relative;width:clamp(120px,26vw,200px);height:clamp(120px,26vw,200px)}.home__heroart>span{position:absolute;filter:drop-shadow(0 6px 10px rgba(34,27,69,.25))}.home__pencil{font-size:3.4rem;top:4%;right:12%;transform:rotate(24deg)}.home__star{font-size:2.6rem;top:34%;left:2%;color:var(--butter);animation:twirl 5s ease-in-out infinite}.home__apple{font-size:3rem;bottom:6%;right:4%;animation:bob 3.4s ease-in-out infinite}.home__abc{font-family:var(--font-display);font-size:2.6rem;font-weight:700;bottom:12%;left:8%;color:var(--violet);transform:rotate(-8deg)}@keyframes twirl{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.12)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.home__grades{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.gradecard{display:flex;align-items:center;gap:15px;padding:20px;border-radius:var(--r-lg);background:var(--tone, var(--sunflower));color:#fff;text-align:left;box-shadow:0 4px color-mix(in srgb,var(--tone) 60%,#000 40%);transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .16s ease}.gradecard:hover{transform:translateY(-4px);box-shadow:0 8px color-mix(in srgb,var(--tone) 60%,#000 40%)}.gradecard:active{transform:translateY(2px);box-shadow:0 1px color-mix(in srgb,var(--tone) 60%,#000 40%)}.gradecard__emoji{display:grid;place-items:center;width:58px;height:58px;font-size:1.9rem;border-radius:18px;background:#ffffff3d;flex:none}.gradecard__body{display:flex;flex-direction:column;flex:1;min-width:0}.gradecard__title{font-family:var(--font-display);font-size:1.3rem;font-weight:600}.gradecard__age{font-size:.9rem;opacity:.85}.gradecard__stars{font-family:var(--font-display);font-size:.9rem;opacity:.9;white-space:nowrap}.subjects{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.subjectcard{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:24px;border-radius:var(--r-lg);background:var(--paper);color:var(--ink);text-align:left;box-shadow:var(--shadow-card);border-top:8px solid var(--tone, var(--teal));transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .16s ease}.subjectcard:hover{transform:translateY(-5px);box-shadow:var(--shadow-pop)}.subjectcard__emoji{font-size:2.6rem}.subjectcard__title{font-family:var(--font-display);font-size:1.4rem;font-weight:600}.subjectcard__meta{font-size:.88rem;color:var(--ink-faint)}.subjectcard__arrow{position:absolute;top:22px;right:22px;font-size:1.4rem;color:var(--tone, var(--teal));transition:transform .16s ease}.subjectcard:hover .subjectcard__arrow{transform:translate(5px)}.unitlist,.lessonlist{display:flex;flex-direction:column;gap:10px}.unitrow,.lessonrow{display:flex;align-items:center;gap:14px;padding:15px 18px;border-radius:var(--r-md);background:var(--paper);color:var(--ink);text-align:left;box-shadow:var(--shadow-card);transition:transform .15s ease,box-shadow .15s ease}.unitrow:hover,.lessonrow:hover{transform:translate(5px);box-shadow:var(--shadow-pop)}.unitrow__num{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:var(--tone-soft, var(--teal-soft));color:color-mix(in srgb,var(--tone, var(--teal)) 80%,#000);font-family:var(--font-display);font-weight:600;font-size:.95rem;flex:none}.unitrow__emoji{font-size:1.7rem;flex:none}.unitrow__body,.lessonrow__body{display:flex;flex-direction:column;flex:1;min-width:0}.unitrow__title,.lessonrow__title{font-family:var(--font-display);font-size:1.1rem;font-weight:600}.unitrow__sub,.lessonrow__obj{font-size:.88rem;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unitrow__stars,.lessonrow__count{font-size:.88rem;color:var(--ink-faint);white-space:nowrap}.unitrow__arrow,.lessonrow__arrow{color:var(--tone, var(--teal));font-size:1.2rem}.lessonrow__badge{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--tone-soft, var(--teal-soft));color:color-mix(in srgb,var(--tone, var(--teal)) 80%,#000);font-family:var(--font-display);font-weight:600;flex:none}.lessonrow.is-done .lessonrow__badge{background:var(--grass);color:#fff}.player{display:flex;flex-direction:column;gap:18px}.player__bar{display:flex;align-items:center;gap:16px}.player__steps{display:flex;gap:6px;flex:1}.player__step{height:8px;flex:1;border-radius:var(--r-pill);background:#ffffff29;transition:background .3s ease}.player__step.is-done{background:var(--grass)}.player__step.is-now{background:var(--butter);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.player__count{font-family:var(--font-display);color:#f7f2e7cc;min-width:44px;text-align:right}.player__stage{display:flex;justify-content:center}.intro,.activity,.finish{width:min(760px,100%)}.intro__title{font-size:clamp(1.5rem,4vw,2.1rem);margin:12px 0 14px}.intro__body{display:flex;flex-direction:column;gap:11px;font-size:1.1rem;line-height:1.6;color:var(--ink-soft)}.intro__hook{margin-top:16px;padding:13px 16px;border-radius:var(--r-md);background:var(--butter-soft);border-left:5px solid var(--butter);font-size:1.02rem}.intro__actions,.finish__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.activity__head{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:14px;border-bottom:2px dashed var(--kraft)}.activity__num{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--sunflower);color:var(--ink);font-family:var(--font-display);font-weight:700;flex:none}.activity__title{font-size:1.25rem;color:var(--ink-soft)}.activity__foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px;padding-top:18px;border-top:2px dashed var(--kraft)}.activity__explain{flex:1;min-width:200px;font-size:1rem;line-height:1.5;color:var(--ink-soft)}.act{display:flex;flex-direction:column;gap:18px}.act__prompt{font-family:var(--font-display);font-size:clamp(1.2rem,2.6vw,1.6rem);font-weight:500;line-height:1.3}.act__sub{font-size:.95rem;color:var(--ink-faint);margin-top:-10px}.act__hint{font-size:.95rem;color:var(--ink-soft);padding:10px 14px;border-radius:var(--r-sm);background:var(--butter-soft)}.act__statement{font-family:var(--font-display);font-size:clamp(1.3rem,3vw,1.8rem);line-height:1.35;padding:18px 20px;border-radius:var(--r-md);background:var(--tone-soft, var(--violet-soft));border:3px solid color-mix(in srgb,var(--tone, var(--violet)) 30%,transparent)}.act__question{font-family:var(--font-display);font-size:1.15rem;margin-top:6px}.act__micro{font-size:.9rem;color:var(--ink-faint)}.act__row{display:flex;gap:12px;flex-wrap:wrap}.act__sentence{font-size:clamp(1.15rem,2.6vw,1.45rem);line-height:1.6}.act__blank{display:inline-block;min-width:90px;padding:0 8px;border-bottom:4px solid var(--violet);text-align:center;color:var(--violet);font-family:var(--font-display);font-weight:600}.act__input{width:100%;max-width:340px;min-height:var(--tap);padding:12px 18px;border-radius:var(--r-md);border:3px solid var(--kraft);background:#fff;font-family:var(--font-body);font-size:1.2rem;color:var(--ink)}.act__input:focus{border-color:var(--violet);outline:none}.act__input.is-wrong{border-color:var(--tomato);animation:shake .36s ease}.act__bank{display:flex;flex-wrap:wrap;gap:10px}.act__bankword{padding:11px 18px;border-radius:var(--r-pill);background:var(--sky-soft);border:3px solid var(--sky);font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--ink);transition:transform .14s ease}.act__bankword:hover:not(:disabled){transform:translateY(-3px)}.act__bankword.is-used{opacity:.35;text-decoration:line-through}.countfield{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:var(--r-md);background:var(--tone-soft, var(--butter-soft));border:3px dashed color-mix(in srgb,var(--tone, var(--butter)) 45%,transparent)}.countfield__row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.countfield__item{font-size:2.2rem;animation:pop .4s cubic-bezier(.34,1.56,.64,1) backwards}.match{display:grid;grid-template-columns:1fr 1fr;gap:14px}.match__col{display:flex;flex-direction:column;gap:10px}.match__item{display:flex;align-items:center;gap:10px;min-height:var(--tap);padding:12px 16px;border-radius:var(--r-md);background:#fff;border:3px solid var(--kraft);font-family:var(--font-display);font-size:1.15rem;font-weight:500;text-align:left;transition:transform .14s ease,border-color .14s ease,background .14s ease}.match__item:hover:not(:disabled){transform:translateY(-2px)}.match__item.is-picked{border-color:var(--violet);background:var(--violet-soft);transform:scale(1.03)}.match__item.is-done{border-color:var(--grass);background:var(--grass-soft);color:var(--ink-soft);opacity:.75}.match__emoji{font-size:1.7rem}.match__item.is-shake{animation:shake .36s ease;border-color:var(--tomato)}.order__strip{display:flex;flex-wrap:wrap;gap:10px;min-height:92px;padding:12px;border-radius:var(--r-md);background:var(--sky-soft);border:3px dashed var(--sky)}.order__slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:96px;padding:10px 14px;border-radius:var(--r-sm);background:#fff;border:2px solid var(--sky)}.order__slot--empty{display:grid;place-items:center;border-style:dashed;color:var(--ink-faint);font-size:.9rem;background:transparent}.order__num{position:absolute;top:-9px;left:-7px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--sky);color:#fff;font-family:var(--font-display);font-size:.8rem;font-weight:600}.order__emoji{font-size:1.8rem}.order__label{font-size:.88rem;text-align:center}.order__pool{display:flex;flex-wrap:wrap;gap:10px}.order__tile{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:88px;padding:12px;border-radius:var(--r-md);background:#fff;border:3px solid var(--kraft);font-size:.9rem;transition:transform .14s ease}.order__tile:hover{transform:translateY(-3px) rotate(-1deg)}.sort__pool{display:flex;flex-wrap:wrap;gap:10px;min-height:62px;padding:12px;border-radius:var(--r-md);background:var(--butter-soft);border:3px dashed var(--butter)}.sort__item{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border-radius:var(--r-pill);background:#fff;border:3px solid var(--kraft);font-family:var(--font-display);font-size:1rem;font-weight:500;transition:transform .14s ease}.sort__item:hover{transform:translateY(-3px)}.sort__item.is-picked{border-color:var(--violet);background:var(--violet-soft);transform:scale(1.05)}.sort__emoji{font-size:1.5rem}.sort__done{color:var(--ink-faint);font-size:.95rem}.sort__groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.sort__group{padding:14px;border-radius:var(--r-md);background:var(--teal-soft);border:3px solid var(--teal)}.sort__grouphead{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin-bottom:10px}.sort__drop{display:flex;flex-wrap:wrap;gap:7px;min-height:52px;padding:9px;border-radius:var(--r-sm);background:#ffffffb3;border:2px dashed var(--teal)}.sort__placed{padding:6px 11px;border-radius:var(--r-pill);background:#fff;border:2px solid var(--teal);font-size:.88rem}.sort__hintdrop{font-size:.85rem;color:var(--ink-faint)}.sort__assign{margin-top:10px;width:100%;min-height:44px;font-size:.95rem}.trace__canvas{width:100%;max-width:460px;aspect-ratio:4 / 3;border-radius:var(--r-md);background:#fff;border:3px solid var(--kraft);touch-action:none;cursor:crosshair}.trace__tools{display:flex;align-items:center;gap:14px}.trace__progress{font-size:.9rem;color:var(--ink-faint);font-family:var(--font-display)}.pattern{display:flex;flex-wrap:wrap;gap:10px}.pattern__cell{display:grid;place-items:center;width:68px;height:68px;border-radius:var(--r-md);background:var(--violet-soft);border:3px solid var(--violet);font-size:2rem}.pattern__cell--blank{background:#fff;border-style:dashed;border-color:var(--kraft);color:var(--ink-faint)}.blend__slots{display:flex;gap:10px;flex-wrap:wrap}.blend__slot{display:grid;place-items:center;width:74px;height:74px;border-radius:var(--r-md);background:#fff;border:3px dashed var(--sky);font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--ink)}.blend__slot.is-filled{border-style:solid;background:var(--sky-soft);animation:pop .3s cubic-bezier(.34,1.56,.64,1)}.read__title{font-size:1.3rem;color:var(--ink-soft);margin-bottom:10px}.read__body{display:flex;flex-direction:column;gap:11px;font-size:1.12rem;line-height:1.65;color:var(--ink);padding:16px 18px;border-radius:var(--r-md);background:#fff;border-left:5px solid var(--violet)}.read__hidden{padding:22px;border-radius:var(--r-md);background:var(--butter-soft);text-align:center;color:var(--ink-soft)}.color__canvas{display:grid;place-items:center;padding:16px;border-radius:var(--r-md);background:#fff;border:3px solid var(--kraft)}.color__shape{width:min(240px,70%);fill:currentColor;stroke:none}.color__shape .shape__center{fill:#fff}.color__shape .shape__trunk{fill:#8a5a2b}.color__shape .shape__line{fill:none;stroke:#8a5a2b;stroke-width:6}.color__swatch{min-height:52px;padding:8px 14px;border-radius:var(--r-md);color:#fff;font-family:var(--font-display);font-size:.95rem;font-weight:600;border:3px solid rgba(255,255,255,.5);box-shadow:0 3px #00000040;transition:transform .14s ease}.color__swatch:hover{transform:translateY(-3px)}.color__swatch.is-shake{animation:shake .36s ease}.memory{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px}.memory__card{position:relative;aspect-ratio:1;border-radius:var(--r-md);background:var(--violet);border:3px solid color-mix(in srgb,var(--violet) 70%,#000);transform-style:preserve-3d;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.memory__card.is-up{transform:rotateY(180deg)}.memory__back,.memory__face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;backface-visibility:hidden;border-radius:inherit}.memory__back{background:var(--violet);color:#ffffffd9;font-family:var(--font-display);font-size:2.2rem;font-weight:700}.memory__face{background:#fff;transform:rotateY(180deg);flex-direction:column;gap:4px;padding:8px;text-align:center}.memory__emoji{font-size:2.4rem}.memory__label{font-size:.85rem}.memory__card.is-matched{border-color:var(--grass);background:var(--grass)}.memory__card.is-matched .memory__face{background:var(--grass-soft)}.objects{display:flex;flex-wrap:wrap;gap:6px;padding:14px;border-radius:var(--r-md);background:var(--butter-soft);font-size:1.9rem}.tenframe{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;max-width:330px;padding:10px;border-radius:var(--r-md);background:#fff;border:3px solid var(--kraft)}.tenframe__cell{aspect-ratio:1;border-radius:8px;background:var(--teal-soft);border:2px solid var(--teal)}.tenframe__cell.is-full{background:var(--teal);box-shadow:inset 0 -3px #0003}.factfam{display:grid;grid-template-columns:repeat(3,auto);gap:12px;justify-content:center;align-items:center;padding:20px;border-radius:var(--r-md);background:var(--sky-soft)}.factfam__num{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#fff;border:3px solid var(--sky);font-family:var(--font-display);font-size:1.6rem;font-weight:700}.factfam__op{text-align:center;font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--ink-soft)}.factfam__op--c{grid-column:1 / -1}.numline{display:flex;flex-wrap:wrap;gap:4px;padding:16px 12px;border-radius:var(--r-md);background:#fff;border:3px solid var(--kraft)}.numline__point{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;min-width:44px;padding:6px 0;border-radius:var(--r-sm);transition:background .14s ease}.numline__point:hover{background:var(--sky-soft)}.numline__dot{width:18px;height:18px;border-radius:50%;background:var(--kraft);border:3px solid var(--ink)}.numline__point.is-tapped .numline__dot{background:var(--grass);transform:scale(1.25)}.numline__num{font-family:var(--font-display);font-weight:600;font-size:1.05rem}.money{display:flex;flex-wrap:wrap;gap:10px;padding:16px;border-radius:var(--r-md);background:var(--butter-soft)}.money__coin{display:flex;gap:4px;flex-wrap:wrap}.money__c{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--butter);border:3px solid #b98d10;font-family:var(--font-display);font-weight:700;font-size:.9rem;color:var(--ink)}.money__c--25{background:#d7dbe0;border-color:#9aa2ad}.money__c--10{background:#e0b3a0;border-color:#b07a63}.money__c--5{background:#d9c9a8;border-color:#a68f63}.money__c--1{background:#c9c4b6;border-color:#97917f}.clock{display:grid;place-items:center}.clock svg{width:min(220px,60%)}.wp{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:var(--r-md);background:#fff;border-left:5px solid var(--grass);font-size:1.1rem;line-height:1.6}.stamp{display:flex;align-items:center;gap:14px;align-self:flex-start;padding:12px 20px;border-radius:var(--r-md);background:var(--grass-soft);border:3px solid var(--grass);animation:pop .42s cubic-bezier(.34,1.56,.64,1)}.stamp__seal{display:flex;align-items:center;gap:8px}.stamp__star{font-size:1.7rem;color:var(--grass);animation:twirl 1s ease-in-out}.stamp__word{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--grass)}.stamp__points{font-family:var(--font-display);font-weight:600;color:var(--ink-soft)}.tryagain{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 18px;border-radius:var(--r-md);background:var(--sunflower-soft);border:3px dashed var(--sunflower)}.tryagain__face{font-size:1.8rem}.tryagain__text{display:flex;flex-direction:column;gap:3px;flex:1;min-width:180px}.tryagain__hint{font-size:.95rem;color:var(--ink-soft)}.burst{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;display:grid;place-items:center}.burst__bit{position:absolute;font-size:1.6rem;color:var(--butter);animation:burstOut 1.05s ease-out forwards}@keyframes burstOut{0%{transform:translate(0) rotate(0) scale(.4);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(1.15);opacity:0}}.finish{text-align:center}.finish__stars{display:flex;justify-content:center;gap:6px;font-size:2.4rem}.finish__stars span{animation:pop .5s cubic-bezier(.34,1.56,.64,1) backwards}.finish__title{font-size:clamp(1.6rem,4vw,2.2rem);margin:14px 0 8px}.finish__sub{color:var(--ink-soft);font-size:1.05rem}.finish__actions{justify-content:center}.setup{display:grid;place-items:center;min-height:100vh;padding:24px}.setup__card{position:relative;width:min(520px,100%);padding:34px;border-radius:var(--r-xl);background:var(--paper);color:var(--ink);box-shadow:var(--shadow-pop);text-align:center}.setup__spark{display:inline-grid;place-items:center;width:62px;height:62px;border-radius:20px;background:var(--butter);color:var(--ink);font-size:1.9rem;transform:rotate(-9deg);box-shadow:0 4px #00000040}.setup__title{font-size:clamp(1.5rem,4vw,2rem);margin:16px 0 8px}.setup__sub{color:var(--ink-soft);margin-bottom:22px}.setup__form{display:flex;flex-direction:column;gap:10px;text-align:left}.setup__label{font-family:var(--font-display);font-size:.95rem;font-weight:600;margin-top:6px}.setup__input{min-height:var(--tap);padding:12px 18px;border-radius:var(--r-md);border:3px solid var(--kraft);background:#fff;font-family:var(--font-body);font-size:1.15rem;color:var(--ink)}.setup__input:focus{border-color:var(--violet);outline:none}.setup__avatars{display:grid;grid-template-columns:repeat(auto-fit,minmax(52px,1fr));gap:8px}.setup__avatar{aspect-ratio:1;font-size:1.7rem;border-radius:var(--r-sm);background:#fff;border:3px solid var(--kraft);transition:transform .14s ease,border-color .14s ease}.setup__avatar:hover{transform:scale(1.08)}.setup__avatar.is-on{border-color:var(--violet);background:var(--violet-soft);transform:scale(1.06)}.setup__form .btn{margin-top:14px}.setup__cuenta{margin-top:18px;padding-top:16px;border-top:3px dotted var(--kraft);text-align:left}.setup__cuentatexto{color:var(--ink-soft);font-size:.95rem;line-height:1.5;margin-bottom:10px}.setup__cuenta .btn{width:100%}.mando__cabecera{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.mando__titulo{font-family:var(--font-display);font-size:clamp(1.25rem,4vw,1.7rem);color:var(--paper);margin:0}.mando__vivo{margin-bottom:18px}.mando__vivofila{display:flex;align-items:center;justify-content:space-between;gap:10px}.mando__vivos{font-family:var(--font-display);font-size:1.05rem;color:var(--ink);margin:0}.mando__punto{width:12px;height:12px;border-radius:50%;flex:0 0 auto;background:var(--kraft);border:2px solid var(--ink)}.mando__punto.is-on{background:var(--grass)}.mando__donde{margin:6px 0 0;color:var(--ink-soft);font-size:.92rem;line-height:1.4}.mando__consigna{margin:10px 0 0;padding:10px 12px;background:var(--butter-soft);border:3px solid var(--butter);border-radius:var(--r-md);color:var(--ink);font-size:1rem;line-height:1.45}.mando__hecho{margin:8px 0 0;color:var(--grass);font-weight:700;font-size:.92rem}.mando__esperando{color:var(--violet)}.mando__botones .btn.is-esperando{outline:3px solid var(--sunflower);outline-offset:2px;animation:mando-pide 1.6s ease-in-out infinite}@keyframes mando-pide{0%,to{box-shadow:0 0 #f7cd52a6}50%{box-shadow:0 0 0 9px #f7cd5200}}@media (prefers-reduced-motion: reduce){.mando__botones .btn.is-esperando{animation:none}}.mando__leerAqui{margin-top:8px}.mando__leerboton{background:none;border:none;padding:8px 4px;color:var(--violet);font-family:var(--font-body);font-size:.92rem;font-weight:700;text-decoration:underline;cursor:pointer}.mando__leerboton:active{transform:translateY(1px)}.mando__botones{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.mando__botones .btn{flex:1 1 96px}.mando__seccion{margin-top:18px}.mando__sec{font-family:var(--font-display);font-size:1.1rem;color:var(--paper);margin:0 0 10px}.mando__lista{list-style:none;margin:0;padding:0;display:grid;gap:10px}.mando__dispositivo,.mando__fila,.mando__leccion{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:14px 16px;min-height:var(--tap);background:var(--paper-2);color:var(--ink);border:3px solid var(--kraft);border-radius:var(--r-md);box-shadow:var(--shadow-press);font-family:var(--font-body);font-size:1rem;cursor:pointer}.mando__dispositivo:active,.mando__fila:active,.mando__leccion:active{transform:translateY(1px)}.mando__nombre{flex:1 1 auto;font-weight:700}.mando__tag{flex:0 0 auto;font-size:.78rem;padding:3px 9px;border-radius:var(--r-pill);background:var(--grass-soft);color:var(--grass);border:2px solid var(--grass)}.mando__ir{flex:0 0 auto;font-size:.82rem;color:var(--violet);font-weight:700}.mando__progreso{margin-bottom:14px}.mando__progresotitulo{font-family:var(--font-display);font-size:1.05rem;color:var(--ink);margin:0 0 8px}.mando__cifras{display:flex;flex-wrap:wrap;gap:8px;margin:0}.mando__cifra{background:var(--paper);border:2px solid var(--kraft);border-radius:var(--r-pill);padding:4px 10px;font-weight:700;font-size:.9rem;color:var(--ink)}.mando__avance{margin:8px 0 0;font-size:.92rem;font-weight:700;color:var(--ink)}.mando__tag--gris{background:var(--paper-2);color:var(--ink);border-color:var(--kraft)}.mando__leccion{flex-wrap:wrap}.mando__leccion .mando__nombre{flex:1 1 100%}.mando__leccion .mando__ir{margin-left:auto}.presentacion__contador{display:flex;align-items:center;gap:10px;margin-bottom:10px}.presentacion__punto{font-size:2.4rem;line-height:1}.presentacion__num{font-size:.85rem;font-weight:700;color:var(--ink-soft)}.presentacion__rayitas{display:flex;justify-content:center;gap:7px;margin:16px 0 2px}.presentacion__rayita{width:16px;height:9px;border-radius:var(--r-pill);background:var(--paper-2);border:2px solid var(--kraft)}.presentacion__rayita.is-done{background:var(--grass);border-color:var(--grass)}.presentacion__rayita.is-now{background:var(--sunflower);border-color:var(--sunflower)}.presentacion__saltar{display:block;margin:12px auto 0;padding:8px 4px;background:none;border:none;color:var(--violet);font-family:var(--font-body);font-size:.9rem;font-weight:700;text-decoration:underline;cursor:pointer}.presentacion__saltar:active{transform:translateY(1px)}.mando__vacio{color:#f7f2e7bf;font-size:.92rem}.mando__ayuda{margin-top:20px;text-align:center}.mando__ayuda .eyebrow{display:inline-block}.acceso__aviso{text-align:left;color:var(--ink-soft);background:var(--sunflower-soft, #fdf3d3);border:3px solid var(--sunflower, #f2b53c);border-radius:var(--r-md);padding:10px 12px;font-size:.92rem;line-height:1.45;margin-bottom:14px}.acceso__nota{text-align:left;color:var(--ink-faint);font-size:.88rem;line-height:1.5;margin-top:14px;padding-top:12px;border-top:3px dotted var(--kraft)}.acceso__demo{margin-top:16px}.acceso__demosepia{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--ink-faint);font-size:.85rem;line-height:1.3}.acceso__demosepia span{flex:1 1 auto;height:3px;border-radius:2px;background:repeating-linear-gradient(to right,var(--kraft-2) 0 6px,transparent 6px 11px)}.acceso__demo .btn{width:100%}.acceso__demonota{margin:8px 0 0;text-align:left;color:var(--ink-faint);font-size:.84rem;line-height:1.45}.setup__card .account__actions .btn{flex:1 1 140px}@media (max-width: 720px){.setup{padding:12px}.setup__card{padding:22px 20px 26px}.setup__spark{width:46px;height:46px;font-size:1.5rem;border-radius:15px}.setup__title{margin:10px 0 6px}.setup__sub{margin-bottom:14px}.setup__form{gap:8px}.setup__label{margin-top:4px}.setup__input{padding:10px 16px}.setup__avatars{gap:6px}.setup__cuenta{margin-top:12px;padding-top:12px}}.gate{text-align:center}.gate__title{font-size:1.6rem;margin-bottom:8px}.gate__sub{color:var(--ink-soft);margin-bottom:18px}.gate__form{display:flex;gap:10px;justify-content:center}.gate__input{width:110px;min-height:var(--tap);padding:10px;border-radius:var(--r-md);border:3px solid var(--kraft);font-family:var(--font-display);font-size:1.4rem;text-align:center;color:var(--ink)}.gate__wrong{margin-top:12px;color:var(--tomato);font-size:.95rem}.report{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;align-items:start}.report--voice{grid-template-columns:1fr;margin-bottom:16px}.report__card{padding:20px}.report__gradetitle{font-size:1.2rem;margin-bottom:14px;display:flex;align-items:center;gap:8px}.report__stars{margin-left:auto;font-size:.9rem;color:var(--ink-faint);font-family:var(--font-body);font-weight:400}.report__row{display:grid;grid-template-columns:140px 1fr 54px;align-items:center;gap:10px;margin-bottom:10px;font-size:.92rem}.report__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report__bar{height:12px;border-radius:var(--r-pill);background:var(--kraft);overflow:hidden}.report__fill{display:block;height:100%;background:var(--tone, var(--teal));border-radius:var(--r-pill);transition:width .6s cubic-bezier(.22,1,.36,1)}.report__num{text-align:right;color:var(--ink-faint);font-size:.85rem}.badges{display:flex;flex-wrap:wrap;gap:8px}.badge{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:var(--r-pill);background:var(--butter-soft);border:2px solid var(--butter);font-size:.88rem}.badge__emoji{font-size:1.1rem}.voz__intro{margin:8px 0 14px;font-size:.92rem;line-height:1.5;color:var(--ink-soft);max-width:62ch}.voz__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.voz__opcion{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 14px;text-align:left;background:var(--paper);border:3px solid var(--kraft);border-radius:var(--r-md);cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}.voz__opcion:hover{border-color:var(--violet);transform:translateY(-1px)}.voz__opcion.is-active{border-color:var(--violet);background:var(--violet-soft)}.voz__emoji{font-size:1.5rem;line-height:1}.voz__nombre{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--ink)}.voz__etiqueta{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--violet)}.voz__desc{font-size:.85rem;line-height:1.4;color:var(--ink-soft)}.voz__acciones{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}.voz__probar{font-size:.9rem}.voz__progreso{font-size:.88rem;font-weight:700;color:var(--ink-soft)}.voz__error{margin:10px 0 0;font-size:.86rem;color:var(--tomato)}.intro__voz{margin:14px 0 0;font-size:.9rem;font-weight:700;color:var(--ink-soft)}.intro__voz--error{color:var(--tomato);font-weight:600}@media (max-width: 720px){.home__hero{grid-template-columns:1fr}.home__heroart{display:none}.match{grid-template-columns:1fr}.act__choices{grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}.report__row{grid-template-columns:110px 1fr 46px}.unitrow__stars,.lessonrow__count{display:none}.card{padding:18px}.card:after{top:4px;right:4px;bottom:4px;left:4px}.shell--fijo{padding-top:8px;padding-bottom:10px}.shell--fijo .page{gap:10px}.page__cabecera{gap:2px}.page__head{gap:11px}.page__emoji{width:46px;height:46px;font-size:1.45rem;border-radius:15px}.page__title{font-size:clamp(1.25rem,5.4vw,1.7rem)}.page__titulos{gap:2px 10px}.page__titulos .page__sub{font-size:.86rem}.backlink{padding:2px 0;font-size:.9rem}}.topbar__sound{display:grid;place-items:center;width:38px;height:38px;font-size:1.05rem;border-radius:12px;background:#ffffff1a;border:1px solid var(--desk-line);transition:transform .16s ease,background .16s ease}.topbar__sound:hover{transform:scale(1.08);background:#fff3}.unit__actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:4px}.groups{display:flex;flex-wrap:wrap;gap:18px;padding:16px;border-radius:var(--r-md);background:var(--butter-soft);border:3px dashed var(--butter)}.groups__group{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 14px;border-radius:var(--r-sm);background:#fff9}.groups__items{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;max-width:220px;font-size:1.8rem}.groups__count{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--ink-soft)}.act__prompt--frame{font-size:clamp(1rem,2.2vw,1.2rem);color:var(--ink-soft);font-weight:500}.lessonrow{display:flex;align-items:stretch;gap:0;padding:0;overflow:hidden}.lessonrow__open{display:flex;align-items:center;gap:14px;flex:1;min-width:0;padding:15px 18px;text-align:left;color:inherit;background:transparent}.lessonrow__print{display:grid;place-items:center;width:54px;border-left:2px dashed var(--kraft);background:var(--tone-soft, var(--teal-soft));font-size:1.15rem;transition:background .15s ease}.lessonrow__print:hover{background:var(--tone, var(--teal))}.profiles{display:flex;flex-wrap:wrap;gap:10px}.profile{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--r-pill);background:#fff;border:2px solid var(--kraft);font-size:.92rem}.profile.is-active{border-color:var(--sky);background:var(--sky-soft)}.profile--new{cursor:pointer;border-style:dashed;color:var(--ink-soft)}.profile--new:hover{background:var(--sky-soft);border-color:var(--sky)}.profile__avatar{font-size:1.4rem}.profile__name{font-family:var(--font-display);font-weight:600}.profile__tag{font-size:.78rem;color:var(--ink-faint)}.profile__btn{padding:4px 10px;border-radius:var(--r-pill);background:var(--sky);color:#fff;font-size:.8rem;font-family:var(--font-display);font-weight:600}.profile__del{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:var(--ink-faint);font-size:.85rem;transition:background .15s ease,color .15s ease}.profile__del:hover{background:var(--tomato-soft);color:var(--tomato)}.arraygrid{display:grid;gap:6px;justify-content:center;padding:14px;border-radius:var(--r-md);background:var(--butter-soft);border:3px solid var(--kraft)}.arraygrid__cell{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#fff;border:2px solid var(--butter);font-size:1.5rem}.fracbar{display:flex;flex-direction:column;gap:8px;align-items:center;padding:16px;border-radius:var(--r-md);background:var(--sky-soft);border:3px solid var(--sky)}.fracbar__parts{display:flex;gap:4px;width:100%;max-width:420px}.fracbar__part{flex:1;height:46px;border-radius:8px;background:#fff;border:3px solid var(--sky)}.fracbar__part.is-shaded{background:var(--sky);box-shadow:inset 0 -3px #0003}.fracbar__label{margin:0;font-family:var(--font-display);font-weight:600;color:var(--ink-soft)}.rectshape{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 18px 18px;border-radius:var(--r-md);background:var(--grass-soft);overflow-x:auto}.rectshape__box{background:var(--grass);border:3px solid var(--ink);border-radius:6px}.rectshape__label{font-family:var(--font-display);font-weight:700;color:var(--ink-soft)}.rectshape__label--top{position:absolute;top:6px}.rectshape__label--side{position:absolute;right:8px;bottom:8px}.rectshape__note{font-size:.85rem;color:var(--ink-faint)}.boxstack{display:flex;flex-direction:column-reverse;gap:4px;align-items:center;padding:14px;border-radius:var(--r-md);background:var(--violet-soft, #f1ecfb);border:3px solid var(--kraft)}.boxstack__layer{display:flex;gap:3px;flex-wrap:wrap;justify-content:center}.boxstack__cube{width:22px;height:22px;border-radius:4px;background:var(--violet, #7c5cd6);border:2px solid var(--ink)}.clocksrow{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.clocksrow__item{display:flex;flex-direction:column;align-items:center;gap:4px}.clocksrow__item .clock svg{width:min(170px,38vw)}.clocksrow__caption{font-family:var(--font-display);font-weight:600;color:var(--ink-faint)}.clocksrow__arrow{font-size:1.8rem;color:var(--ink-soft)}.barchart{display:flex;align-items:flex-end;justify-content:center;gap:14px;padding:18px 14px 10px;border-radius:var(--r-md);background:#fff;border:3px solid var(--kraft);min-height:190px}.barchart__col{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;max-width:84px}.barchart__value{font-family:var(--font-display);font-weight:700;color:var(--ink-soft)}.barchart__bar{width:100%;min-height:8px;border-radius:6px 6px 0 0;background:var(--teal);border:2px solid var(--ink)}.barchart__label{font-size:.85rem;font-weight:600;color:var(--ink-soft);text-align:center}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .22s ease}.modal.is-open{opacity:1}.modal.is-closing{opacity:0}.modal__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#221b459e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal__card{position:relative;width:min(460px,100%);max-height:calc(100vh - 40px);overflow-y:auto;padding:26px 24px 22px;border-radius:var(--r-lg);background:var(--paper);color:var(--ink);box-shadow:var(--shadow-pop);transform:scale(.88);transition:transform .22s cubic-bezier(.22,1,.36,1)}.modal.is-open .modal__card{transform:scale(1)}.modal.is-closing .modal__card{transform:scale(.88)}.modal__title{font-family:var(--font-display);font-size:clamp(1.25rem,3.6vw,1.6rem);margin-bottom:6px}.modal__sub{color:var(--ink-soft);font-size:.95rem;line-height:1.5;margin-bottom:14px}.modal__close{position:absolute;top:10px;right:10px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:3px solid var(--kraft);background:#fff;color:var(--ink);font-size:1rem;line-height:1;transition:transform .14s ease,border-color .14s ease}.modal__close:hover{transform:scale(1.06);border-color:var(--violet)}.modal__form{display:flex;flex-direction:column;gap:10px;text-align:left}.modal__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px;padding-bottom:12px}.kidstrip{display:flex;flex-direction:column;gap:8px}.kidstrip__label{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--ink-soft)}.kidstrip__row{display:flex;gap:10px;overflow-x:auto;padding:4px 4px 10px;scroll-snap-type:x proximity}.kidchip{flex:0 0 auto;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:4px;width:92px;padding:10px 6px 8px;border-radius:var(--r-md);background:var(--paper);border:3px solid var(--kraft);color:var(--ink);cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.kidchip:hover{transform:translateY(-3px);box-shadow:var(--shadow-pop)}.kidchip.is-on{border-color:var(--violet);background:var(--violet-soft)}.kidchip__avatar{font-size:1.9rem;line-height:1.1}.kidchip__name{font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--ink);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kidchip--new{border-style:dashed;background:var(--sky-soft);border-color:var(--sky)}.kidchip--new .kidchip__avatar{color:var(--sky);font-size:1.6rem}.profile__edit{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:var(--ink-faint);transition:background .15s ease,color .15s ease}.profile__edit svg{display:block}.profile__edit:hover{background:var(--violet-soft);color:var(--violet)}.danger .danger__text{color:var(--ink-soft);font-size:.95rem;line-height:1.5;margin-bottom:14px}.danger .card__body{display:flex;flex-direction:column;align-items:flex-start}.danger .btn{align-self:flex-start}.modal__card[data-tone=tomato]{border:3px solid var(--tomato)}.account{grid-column:1 / -1}.account__note{color:var(--ink-soft);font-size:.95rem;line-height:1.5;margin-bottom:14px}.account__form{display:flex;flex-direction:column;gap:12px;text-align:left}.account__row{display:flex;flex-direction:column;gap:6px}.account__label{font-family:var(--font-display);font-size:.95rem;font-weight:600}.account__input{width:100%;min-height:var(--tap);padding:12px 18px;border-radius:var(--r-md);border:3px solid var(--kraft);background:#fff;font-family:var(--font-body);font-size:1.05rem;color:var(--ink)}.account__input:focus{border-color:var(--violet);outline:none}.account__pw{position:relative}.account__pw .account__input{padding-right:58px}.account__ver{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-size:1.15rem;line-height:1;color:var(--ink-faint);transition:background .15s ease,color .15s ease}.account__ver:hover{background:var(--violet-soft);color:var(--violet)}.account__error{color:var(--tomato);font-size:.92rem;line-height:1.4}.account__email{font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin-bottom:10px;word-break:break-word}.account__state{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.95rem}.account__dot{width:12px;height:12px;flex:0 0 auto;border-radius:50%;background:var(--ink-faint)}.account__dot[data-state=syncing]{background:var(--sunflower)}.account__dot[data-state=synced]{background:var(--grass)}.account__dot[data-state=error]{background:var(--tomato)}.account__when{color:var(--ink-faint);font-size:.85rem}.account__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;padding-bottom:12px}