:root{--cream:#fff9ee;--ink:#362a22;--secondary:#735a4a;--orange:#ff8a4d;--peach:#ffe3cf;--lilac:#eee6fa;color:var(--ink);background:var(--cream);-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Noto Sans SC,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100dvh;margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}h1{margin:0;font-size:1.4rem}.screen{max-width:34rem;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 1.5rem) 1.25rem calc(env(safe-area-inset-bottom) + 1.5rem);flex-direction:column;align-items:center;gap:1.2rem;margin:0 auto;display:flex}.center{justify-content:center}header{text-align:center}.muted{color:var(--secondary);margin:.2rem 0 0}.small{overflow-wrap:anywhere;margin:.15rem 0;font-size:.8rem}.error{color:#b3261e;text-align:center;margin:0}.signin{flex-direction:column;gap:.6rem;width:100%;max-width:20rem;display:flex}.signin input{border:1px solid var(--peach);background:#fff;border-radius:.8rem;padding:.7rem .8rem;font-size:1rem}.primary,.secondary,.chip,.update{border:none;border-radius:999px;padding:.65rem 1.2rem}.primary{background:var(--orange);color:#fff;font-weight:600}.secondary{background:var(--peach);color:var(--ink)}.update{background:var(--ink);color:var(--cream);width:100%}.languages{gap:.5rem;display:flex}.chip{color:var(--ink);border:1px solid var(--peach);background:#fff}.chip.selected{background:var(--ink);color:var(--cream)}.orb{background:radial-gradient(circle at 35% 30%, #fff1c7, var(--peach) 35%, var(--orange) 75%, #cdaeee);width:11rem;height:11rem;color:var(--ink);border:none;border-radius:50%;margin:1rem 0;font-size:1.15rem;font-weight:600;transition:transform 80ms linear;box-shadow:0 1rem 2.5rem #ff8a4d59}.orb.connecting,.orb.closing{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.65}}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem 1rem;display:flex}.transcript{flex-direction:column;gap:.5rem;width:100%;display:flex}.transcript p{border-radius:1rem;max-width:90%;margin:0;padding:.6rem .8rem;line-height:1.4}.transcript .assistant{background:#fff;align-self:flex-start}.transcript .user{background:var(--lilac);align-self:flex-end}.diagnostics{width:100%;color:var(--secondary);margin-top:auto}.diagnostics summary{font-size:.85rem}.topbar{grid-template-columns:minmax(4.5rem,auto) 1fr minmax(4.5rem,auto);align-items:center;gap:.5rem;width:100%;display:grid}.topbar h1{text-align:center;font-size:1.2rem}.topbar-end{white-space:nowrap;justify-self:end}.back{color:var(--secondary);background:0 0;border:none;justify-self:start;padding:.4rem 0}.center-text{text-align:center}.cards{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.8rem;width:100%;display:grid}.card{text-align:left;border:1px solid var(--peach);color:var(--ink);background:#fff;border-radius:1.2rem;flex-direction:column;align-items:flex-start;gap:.3rem;padding:1rem;display:flex}.card strong{font-size:1.05rem}.card.kid,.card.mode{text-align:center;align-items:center}.avatar{font-size:2.4rem;line-height:1}.badge{background:var(--lilac);border-radius:999px;padding:.1rem .5rem;font-size:.7rem}.stars-line{margin:0;font-size:1.4rem}.sticker-book{grid-template-columns:repeat(5,1fr);gap:.6rem;width:100%;display:grid}.sticker{aspect-ratio:1;border:1px dashed var(--peach);color:var(--secondary);background:#fff;border-radius:1rem;place-items:center;font-size:2rem;display:grid}.sticker.owned{background:var(--peach);border-style:solid}.result{text-align:center;flex-direction:column;align-items:center;gap:.8rem;margin:1rem 0;display:flex}.big-stars{overflow-wrap:anywhere;margin:0;font-size:2rem}.result-title{margin:0;font-size:1.15rem;font-weight:600}.form{flex-direction:column;gap:.6rem;width:100%;max-width:22rem;display:flex}.form input:not([type=range]){border:1px solid var(--peach);background:#fff;border-radius:.8rem;padding:.7rem .8rem;font-size:1rem}.label{font-size:1rem}.row{flex-wrap:wrap;gap:.5rem;display:flex}.list{flex-direction:column;gap:.6rem;width:100%;display:flex}.list-item{text-align:left;border:1px solid var(--peach);color:var(--ink);background:#fff;border-radius:1rem;flex-direction:column;align-items:flex-start;gap:.3rem;padding:.8rem 1rem;display:flex}.note p{margin:.2rem 0}.danger{color:#b3261e;background:0 0;border:1px solid #b3261e;border-radius:999px;padding:.55rem 1.1rem}.report{width:100%;line-height:1.5}.report h2{margin:1rem 0 .3rem;font-size:1rem}.report p,.report ul{margin:.2rem 0}.report ul{padding-left:1.2rem}
