html,body,#root{margin:0;min-height:100%}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#e2f0ff,#f3e7ff 45%,#fff9f6);color:#2c2640}button{font:inherit;cursor:pointer}.app-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.card{width:min(100%,540px);height:min(90vh,740px);display:flex;flex-direction:column;border-radius:32px;background:#ffffffeb;box-shadow:0 40px 90px #7855e624;border:1px solid rgba(255,255,255,.75);overflow:hidden}.fairy-header{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 24px 16px;background:linear-gradient(180deg,rgba(240,230,255,.7) 0%,transparent 100%)}.fairy-avatar-wrap{width:150px;height:150px;border-radius:50%;display:grid;place-items:center}.fairy-avatar-wrap.speaking{animation:glow-pulse 1.4s ease-in-out infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 #b78cff8c}50%{box-shadow:0 0 0 22px #b78cff00}}.fairy-img{width:140px;height:140px;object-fit:contain}h1{margin:0;font-size:1.35rem;color:#5b3d9e}.chat-area{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:10px}.empty-hint{margin:auto;text-align:center;color:#9b87b5;font-size:.95rem;line-height:1.5}.bubble{max-width:78%;padding:12px 16px;border-radius:20px;line-height:1.55;font-size:.95rem}.bubble-user{align-self:flex-end;background:linear-gradient(135deg,#8d74ff,#c084fc);color:#fff;border-bottom-right-radius:5px}.bubble-fairy{align-self:flex-start;background:#f3e8ffe6;color:#3a2d52;border-bottom-left-radius:5px}.bottom-bar{flex-shrink:0;padding:14px 20px 28px;display:flex;flex-direction:column;align-items:center;gap:10px;border-top:1px solid rgba(200,180,255,.25);background:#fff9}.status-line{margin:0;font-size:.85rem;color:#8b7aaa}.error{margin:0;font-size:.85rem;color:#c22828;text-align:center}.talk-btn{border:none;color:#fff;background:linear-gradient(135deg,#8d74ff,#ff78da);padding:18px 40px;border-radius:50px;font-size:1rem;font-weight:600;box-shadow:0 8px 24px #8d74ff59;transition:transform .15s ease,box-shadow .15s ease;user-select:none;touch-action:none;-webkit-user-select:none}.talk-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #8d74ff73}.talk-btn.recording{background:linear-gradient(135deg,#ff5f7e,#ff3d5a);box-shadow:0 8px 24px #ff3c5a66;animation:recording-pulse 1s ease-in-out infinite}@keyframes recording-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.talk-btn:disabled{opacity:.55;cursor:not-allowed}