:root{--warm-white:#faf8f2;--white:#fff;--charcoal-ink:#29312f;--muted-mulberry:#684f66;--quiet-sage:#81907d;--soft-oat:#eee8dc;--secondary-ink:#5e6662;--hairline:#d9d5cb;--hairline-strong:#bbb7ae;--soft-mulberry:#f0e9ef;--soft-sage:#e7ebe5;--ember:#a34f43;--woodland:var(--charcoal-ink);--river:var(--muted-mulberry);--moss:var(--quiet-sage);--vellum:var(--warm-white);--parchment:var(--white);--ink:var(--charcoal-ink);--muted:var(--secondary-ink);--line:var(--hairline);--soft-river:var(--soft-mulberry);--soft-moss:var(--soft-sage);--walnut:var(--secondary-ink);--brass:var(--hairline-strong);--forest:var(--charcoal-ink);--leaf:var(--muted-mulberry);--sage:var(--quiet-sage);--oat:var(--warm-white);--clay:var(--ember);--font-learner:"Comic Sans MS","Comic Sans","Chalkboard SE","Arial Rounded MT Bold",Arial,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--oat);color:var(--ink);font-family:var(--font-learner);overscroll-behavior:none}button,img{-webkit-tap-highlight-color:transparent}button{font:inherit}.app-shell{background:var(--warm-white);grid-template-rows:auto 1fr auto;height:100svh;min-height:100svh;padding:clamp(.85rem,2.7vw,1.75rem);display:grid;overflow:hidden}.brand{color:var(--forest);letter-spacing:-.01em;align-items:center;gap:.55rem;font-size:clamp(.84rem,2vw,1rem);font-weight:800;display:flex}.brand-mark{flex:none;width:2.1rem;height:2.1rem}.brand-mark-stem{fill:none;stroke:var(--woodland);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6px}.brand-mark-book{fill:var(--woodland)}.brand-mark-leaf-top{fill:var(--moss)}.brand-mark-leaf-side{fill:var(--river)}.audience{border:1px solid var(--line);background:var(--soft-river);border-radius:999px;margin-left:auto;padding:.42rem .72rem;font-size:.76rem}.spellbot-stage{flex-direction:column;justify-content:center;align-items:center;gap:clamp(.35rem,1.4vh,.85rem);min-height:0;display:flex}h1{z-index:2;max-width:18ch;color:var(--forest);font-family:var(--font-learner);text-align:center;text-wrap:balance;margin:0;font-size:clamp(1.35rem,4vw,2.15rem);line-height:1.14;position:relative}.robot-wrap{place-items:center;display:grid;position:relative}.spellbot-button{z-index:1;aspect-ratio:1/1.15;cursor:pointer;background:0 0;border:0;border-radius:42% 42% 34% 34%;width:min(45vh,76vw,23.5rem);padding:0;transition:transform .16s,filter .16s;position:relative}.spellbot-button:not(:disabled):hover{transform:translateY(-3px)}.spellbot-button:not(:disabled):active{transform:scale(.97)}.spellbot-button:focus-visible,.replay-button:focus-visible{outline:.32rem solid var(--woodland);outline-offset:.3rem;box-shadow:0 0 0 .18rem var(--river)}.spellbot-button:disabled{cursor:default}.spellbot-button img{object-fit:contain;border-radius:30%;width:100%;height:100%;display:block}.mode-prompting .spellbot-button{animation:1.3s ease-in-out infinite ready-breathe}.mode-listening .spellbot-button{filter:drop-shadow(0 0 1.15rem #684f666b)}.mode-thinking .spellbot-button{animation:1.45s ease-in-out infinite gentle-think}.mode-error .spellbot-button{filter:saturate(.85)}.sound-wave{z-index:0;aspect-ratio:1;border:.36rem solid var(--river);opacity:0;border-radius:50%;width:68%;animation:1.8s ease-out infinite listen-wave;position:absolute}.wave-two{animation-delay:.6s}.thinking-dots{z-index:3;border:2px solid var(--line);background:var(--parchment);border-radius:999px;gap:.35rem;padding:.62rem .75rem;display:flex;position:absolute;top:8%;right:4%;box-shadow:0 .45rem 1.2rem #29312f0f}.thinking-dots i{background:var(--forest);border-radius:50%;width:.5rem;height:.5rem;animation:1.2s ease-in-out infinite dot-rise}.thinking-dots i:nth-child(2){animation-delay:.16s}.thinking-dots i:nth-child(3){animation-delay:.32s}.tap-hint{min-height:1.8rem;color:var(--forest);text-align:center;align-items:center;gap:.45rem;margin:0;font-size:clamp(.95rem,2.4vw,1.18rem);font-weight:800;display:flex}.tap-hint>span:first-child:not(.stop-shape){color:var(--clay);font-size:1.35em}.stop-shape{background:var(--clay);border-radius:.2rem;width:1rem;height:1rem}.quiet-dots{letter-spacing:.25rem}.tagline{text-align:center;color:var(--muted);margin:0;font-size:.72rem;font-weight:700}.mode-answer{background:var(--warm-white);grid-template-rows:1fr;padding:clamp(1.25rem,5vw,3rem)}.answer-word{max-width:92vw;color:var(--ink);font-family:var(--font-learner);letter-spacing:-.025em;overflow-wrap:anywhere;font-size:clamp(4.2rem,18vw,11rem);font-weight:800;line-height:.92}.answer-actions{justify-content:center;align-items:center;gap:clamp(1.1rem,4vw,2rem);margin-top:clamp(1rem,4vh,2.5rem);display:flex}.replay-button{aspect-ratio:1;border:.22rem solid var(--river);background:var(--parchment);cursor:pointer;border-radius:50%;place-items:center;width:clamp(5.5rem,17vw,8rem);font-size:clamp(2.25rem,7vw,3.5rem);transition:transform .15s,box-shadow .15s;display:grid;box-shadow:0 .65rem 1.8rem #29312f1a}.replay-button:hover{transform:translateY(-2px);box-shadow:0 .8rem 2rem #29312f21}.replay-button:active{transform:scale(.96)}.spellbot-button-small{aspect-ratio:1/1.14;width:clamp(6rem,19vw,8.8rem)}@keyframes listen-wave{0%{opacity:.52;transform:scale(.75)}80%,to{opacity:0;transform:scale(1.5)}}@keyframes ready-breathe{50%{transform:scale(1.025)}}@keyframes gentle-think{50%{transform:rotate(-1.6deg)translateY(-.22rem)}}@keyframes dot-rise{50%{opacity:.55;transform:translateY(-.25rem)}}@media (height<=650px){.spellbot-button{width:min(42vh,58vw,16.5rem)}.spellbot-stage{gap:.18rem}.brand-mark{width:1.75rem;height:1.75rem}.answer-actions{margin-top:.6rem}}@media (width<=430px){.brand{font-size:.78rem}.audience{padding:.36rem .55rem;font-size:.68rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.sound-wave{opacity:.34}}