:root{--forest:#234a3b;--leaf:#396b45;--sage:#a8c69f;--oat:#f4efe4;--clay:#c87855;--ink:#172b23}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--oat);color:var(--ink);overscroll-behavior:none;font-family:Arial,Helvetica,sans-serif}button,img{-webkit-tap-highlight-color:transparent}button{font:inherit}.app-shell{background:radial-gradient(circle at 50% 48%,#a8c69f3d,transparent 34%),var(--oat);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{background:var(--forest);border-radius:.7rem;place-items:center;width:2rem;height:2rem;font-size:1rem;line-height:1;display:grid}.audience{background:#e3eddf;border:1px solid #234a3b1f;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;text-align:center;max-width:18ch;color:var(--forest);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:.38rem solid var(--clay);outline-offset:.32rem}.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 #396b457a)}.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(--leaf);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;background:#fffaf0;border:2px solid #234a3b26;border-radius:999px;gap:.35rem;padding:.62rem .75rem;display:flex;position:absolute;top:8%;right:4%;box-shadow:0 .45rem 1.2rem #172b2314}.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:#4d675d;margin:0;font-size:.72rem;font-weight:700}.mode-answer{background:radial-gradient(circle at 50% 42%,#a8c69f4a,transparent 38%),var(--oat);grid-template-rows:1fr;padding:clamp(1.25rem,5vw,3rem)}.answer-word{max-width:92vw;color:var(--ink);letter-spacing:-.025em;overflow-wrap:anywhere;font-family:Comic Sans MS,Comic Sans,Comic Neue,Chalkboard SE,Arial Rounded MT Bold,cursive;font-size:clamp(4.2rem,18vw,11rem);font-weight:700;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;cursor:pointer;background:#fffaf0;border:.22rem solid #234a3b29;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 #172b231f}.replay-button:hover{transform:translateY(-2px);box-shadow:0 .8rem 2rem #172b2326}.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}}