:root{
--ink:#2b2b35;--muted:#6d6a74;--cream:#fff8ed;--card:#fff;--orange:#ff9b4a;--orange2:#ffbd77;--blue:#78c9e8;--line:#eadfce;--shadow:0 12px 32px rgba(85,63,35,.11)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif;color:var(--ink);background:linear-gradient(#fff8ed,#fffdf8)}
body{padding:env(safe-area-inset-top) 14px env(safe-area-inset-bottom)}button,textarea{font:inherit}button{touch-action:manipulation}.app{max-width:680px;margin:auto;padding:12px 0 28px}
.hero{display:flex;align-items:center;gap:12px;padding:4px 4px 14px}.hero .nupo{width:78px;height:78px;border-radius:24px;box-shadow:var(--shadow)}.hero h1{font-size:clamp(25px,7vw,38px);margin:0 0 5px;line-height:1.05}.hero p{margin:0;color:var(--muted);font-weight:800;font-size:14px}.free-badge{display:inline-block;margin-top:6px;padding:3px 9px;border-radius:999px;background:#e8f7ed;color:#297044;font-size:11px;font-weight:900}
.who{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 12px}.who-card{display:flex;align-items:center;gap:8px;border:2px solid var(--line);background:#fff;border-radius:20px;padding:8px 10px;font-weight:950;font-size:18px;color:var(--ink);overflow:hidden}.who-card img{width:55px;height:55px;border-radius:15px;object-fit:contain;background:#fffaf3}.who-card small{display:block;font-size:11px;color:var(--muted)}.who-card.active{border-color:var(--orange);background:#fff2df}.chiro{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:12px;font-weight:800}.chiro img{width:42px;height:42px;border-radius:12px;object-fit:contain}
.ask-panel,.answer-card{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:18px;margin-bottom:14px}.bubble{position:relative;background:#edf9fd;border-radius:20px;padding:14px 16px;text-align:center;font-size:17px;font-weight:900;margin-bottom:8px}.bubble:after{content:"";position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);border:10px solid transparent;border-top-color:#edf9fd;border-bottom:0}.friend-stage{height:78px;display:flex;align-items:flex-end;justify-content:center;gap:4px;overflow:hidden}.child-pose{width:95px;height:94px;object-fit:contain;object-position:center top;transform:translateY(12px)}.chiro-pose{width:61px;height:61px;object-fit:contain;transform:translateY(7px)}body[data-mood="thinking"] .chiro-pose{animation:book-bob 1.1s ease-in-out infinite}body[data-mood="answered"] .child-pose{animation:happy-hop .55s ease-out 2}
.mega-mic{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:214px;height:214px;margin:8px auto 18px;border:0;border-radius:50%;background:linear-gradient(145deg,var(--orange2),var(--orange));color:#3b2819;box-shadow:0 11px 0 #dd7f38,0 18px 28px rgba(229,132,57,.24);font-weight:950}.mega-mic .mic{font-size:58px;line-height:1}.mega-mic strong{font-size:22px;margin-top:7px}.mega-mic small{font-size:11px;margin-top:5px;opacity:.78}.mega-mic:active{transform:translateY(5px);box-shadow:0 6px 0 #dd7f38}.mega-mic.recording{background:linear-gradient(145deg,#ffb1a7,#ff7167);animation:breath 1.2s infinite}.mega-mic.recording .ring{position:absolute;inset:-12px;border:5px solid #ff8d83;border-radius:50%;animation:ring 1.2s infinite}
.type-box{border-top:1px dashed var(--line);padding-top:12px}.type-box summary{cursor:pointer;text-align:center;font-weight:850;color:var(--muted)}textarea{width:100%;resize:none;margin-top:11px;border:2px solid var(--line);border-radius:16px;padding:12px;font-size:17px;line-height:1.5;background:#fffdfa}.ask-button{width:100%;margin-top:8px;border:0;border-radius:18px;background:#31343a;color:white;padding:13px;font-weight:900}.status{text-align:center;min-height:1.3em;color:var(--muted);font-weight:850;margin:10px 0 0}
.answer-title{display:flex;align-items:center;gap:9px;color:#4f6974;margin-bottom:11px;min-height:48px}.answer-title>img:first-child{width:45px;height:45px;border-radius:14px}.answer-friend{width:58px;height:58px;object-fit:contain;margin-left:auto}.answer{font-size:19px;line-height:2.05;font-weight:650;white-space:pre-wrap}.answer ruby{ruby-position:over}.answer rt{font-size:.55em;color:var(--muted);font-weight:750}.read-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px dashed var(--line);padding-top:14px;margin-top:16px}.read-row button,.speed button,.followups button{border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px;font-weight:850;color:var(--ink)}.speed{display:grid;grid-template-columns:auto 1fr 1fr 1fr;align-items:center;gap:6px;margin-top:9px}.speed span{font-size:12px;color:var(--muted);font-weight:850}.speed button.active{background:#31343a;color:#fff;border-color:#31343a}.followups{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.followups button{background:#fffaf1;font-size:13px}.sources,.free-note{margin-top:15px;padding:11px 12px;border-radius:15px;background:#faf8f4;color:#56535b}.sources summary,.free-note summary{font-weight:800}.sources ul{padding-left:20px}.sources a{color:#397089;word-break:break-word}.free-note p{font-size:12px;line-height:1.6;margin:9px 0 0}footer{text-align:center;color:var(--muted);font-size:12px;padding:8px}.hidden{display:none!important}
footer p{margin:4px 0}@keyframes breath{50%{transform:scale(.975)}}@keyframes ring{0%{opacity:.8;transform:scale(.94)}100%{opacity:0;transform:scale(1.12)}}@keyframes book-bob{50%{transform:translateY(2px) rotate(-2deg)}}@keyframes happy-hop{50%{transform:translateY(5px) scale(1.04)}}@media(max-width:430px){.ask-panel,.answer-card{padding:15px;border-radius:23px}.mega-mic{width:190px;height:190px}.answer{font-size:18px}.followups{grid-template-columns:1fr}.speed{grid-template-columns:1fr 1fr 1fr}.speed span{grid-column:1/-1;text-align:center}}