:root{--bg: #FFF8E7;--surface: #FFFFFF;--ink: #1C1B18;--muted: #7C7870;--yellow: #FFD93D;--yellow-deep: #E8C200;--blue: #5FB4FF;--green: #5CD679;--red: #FF6B6B;--border: 2.5px solid var(--ink);--shadow: 3px 3px 0 var(--ink);--radius-sm: 12px;--radius: 20px;--radius-lg: 28px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:ui-rounded,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--ink);min-height:100dvh;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}body:before{content:"😀😂ðŸĨđ😍ðŸĪĐðŸĨģ🎉😭ðŸ˜ĪðŸ˜Đ💀🙏âœĻðŸ’ŊðŸ”Ĩ💕😊😎ðŸĪ”😅ðŸĨšðŸĪĢ💊ðŸ’Ŧ🌈⭐🎊🎈😘ðŸĪ—🙃😌ðŸĪĶ💔ðŸĨīðŸĪŠðŸ˜œðŸĪ­ðŸ˜ŽðŸ™„ðŸĨĩðŸ˜ąðŸ˜°ðŸ˜ĨðŸĪŊ🎭🎊ðŸŽĻðŸŽĪðŸŽļ🎚ðŸŽŧðŸŽŪðŸŽŊðŸŽģ🏆ðŸĨ‡ðŸŽðŸŽ‚🍕🍔ðŸŒŪ🍜ðŸĢðŸĶ🧁☕ðŸŽķ🌟ðŸ’ĨðŸŦķðŸĨ°ðŸŒšðŸĶ‹ðŸ’ŽðŸš€ðŸ›ļ🌍🌙☀ïļðŸŒŠðŸĶ„🐉ðŸĶŠðŸļðŸŒļðŸŒŧ🍀ðŸŒī🏔ïļðŸŽ ðŸŽĄðŸŽĒðŸŽē🃏ðŸŽĩ🎞ðŸŽđ😀😂ðŸĨđ😍ðŸĪĐðŸĨģ🎉😭ðŸ˜ĪðŸ˜Đ💀🙏âœĻðŸ’ŊðŸ”Ĩ💕😊😎ðŸĪ”😅ðŸĨšðŸĪĢ💊ðŸ’Ŧ🌈⭐🎊🎈😘ðŸĪ—🙃😌ðŸĪĶ💔ðŸĨīðŸĪŠðŸ˜œðŸĪ­ðŸ˜ŽðŸ™„ðŸĨĩðŸ˜ąðŸ˜°ðŸ˜ĨðŸĪŊ🎭🎊ðŸŽĻðŸŽĪðŸŽļ🎚ðŸŽŧðŸŽŪðŸŽŊðŸŽģ🏆ðŸĨ‡ðŸŽðŸŽ‚🍕🍔ðŸŒŪ🍜ðŸĢðŸĶ🧁☕ðŸŽķ🌟ðŸ’ĨðŸŦķðŸĨ°ðŸŒšðŸĶ‹ðŸ’ŽðŸš€ðŸ›ļ🌍🌙☀ïļðŸŒŠðŸĶ„🐉ðŸĶŠðŸļðŸŒļðŸŒŧ🍀ðŸŒī🏔ïļðŸŽ ðŸŽĄðŸŽĒðŸŽē🃏ðŸŽĩ🎞ðŸŽđ😀😂ðŸĨđ😍ðŸĪĐðŸĨģ🎉😭ðŸ˜ĪðŸ˜Đ💀🙏âœĻðŸ’ŊðŸ”Ĩ💕😊😎ðŸĪ”😅ðŸĨšðŸĪĢ💊ðŸ’Ŧ🌈⭐🎊🎈😘ðŸĪ—🙃😌ðŸĪĶ💔ðŸĨīðŸĪŠðŸ˜œðŸĪ­ðŸ˜ŽðŸ™„ðŸĨĩðŸ˜ąðŸ˜°ðŸ˜ĨðŸĪŊ🎭🎊ðŸŽĻðŸŽĪðŸŽļ🎚ðŸŽŧðŸŽŪðŸŽŊðŸŽģ🏆ðŸĨ‡ðŸŽðŸŽ‚🍕🍔ðŸŒŪ🍜ðŸĢðŸĶ🧁☕ðŸŽķ🌟ðŸ’ĨðŸŦķðŸĨ°ðŸŒšðŸĶ‹ðŸ’ŽðŸš€ðŸ›ļ🌍🌙☀ïļðŸŒŠðŸĶ„🐉ðŸĶŠðŸļðŸŒļðŸŒŧ🍀ðŸŒī🏔ïļðŸŽ ðŸŽĄðŸŽĒðŸŽē🃏ðŸŽĩ🎞ðŸŽđ😀😂ðŸĨđ😍ðŸĪĐðŸĨģ🎉😭ðŸ˜ĪðŸ˜Đ💀🙏âœĻðŸ’ŊðŸ”Ĩ💕😊😎ðŸĪ”😅ðŸĨšðŸĪĢ💊ðŸ’Ŧ🌈⭐🎊🎈😘ðŸĪ—🙃😌ðŸĪĶ💔ðŸĨīðŸĪŠðŸ˜œðŸĪ­ðŸ˜ŽðŸ™„ðŸĨĩðŸ˜ąðŸ˜°ðŸ˜ĨðŸĪŊ🎭🎊ðŸŽĻðŸŽĪðŸŽļ🎚ðŸŽŧðŸŽŪðŸŽŊðŸŽģ🏆ðŸĨ‡ðŸŽðŸŽ‚🍕🍔ðŸŒŪ🍜ðŸĢðŸĶ🧁☕ðŸŽķ🌟ðŸ’ĨðŸŦķðŸĨ°ðŸŒšðŸĶ‹ðŸ’ŽðŸš€ðŸ›ļ🌍🌙☀ïļðŸŒŠðŸĶ„🐉ðŸĶŠðŸļðŸŒļðŸŒŧ🍀ðŸŒī🏔ïļðŸŽ ðŸŽĄðŸŽĒðŸŽē🃏ðŸŽĩ🎞ðŸŽđ😀😂ðŸĨđ😍ðŸĪĐðŸĨģ🎉😭ðŸ˜ĪðŸ˜Đ💀🙏âœĻðŸ’ŊðŸ”Ĩ💕😊😎ðŸĪ”😅ðŸĨšðŸĪĢ💊ðŸ’Ŧ🌈⭐🎊🎈😘ðŸĪ—🙃😌ðŸĪĶ💔ðŸĨīðŸĪŠðŸ˜œðŸĪ­ðŸ˜ŽðŸ™„ðŸĨĩðŸ˜ąðŸ˜°ðŸ˜ĨðŸĪŊ🎭🎊ðŸŽĻðŸŽĪðŸŽļ🎚ðŸŽŧðŸŽŪðŸŽŊðŸŽģ🏆ðŸĨ‡ðŸŽðŸŽ‚🍕🍔ðŸŒŪ🍜ðŸĢðŸĶ🧁☕ðŸŽķ🌟ðŸ’ĨðŸŦķðŸĨ°ðŸŒšðŸĶ‹ðŸ’ŽðŸš€ðŸ›ļ🌍🌙☀ïļðŸŒŠðŸĶ„🐉ðŸĶŠðŸļðŸŒļðŸŒŧ🍀ðŸŒī🏔ïļðŸŽ ðŸŽĄðŸŽĒðŸŽē🃏ðŸŽĩ🎞ðŸŽđ😀😂ðŸĨđ😍ðŸĪĐðŸĨģ🎉😭ðŸ˜ĪðŸ˜Đ💀🙏âœĻðŸ’ŊðŸ”Ĩ💕😊😎ðŸĪ”😅ðŸĨšðŸĪĢ💊ðŸ’Ŧ🌈⭐🎊🎈😘ðŸĪ—🙃😌ðŸĪĶ💔ðŸĨīðŸĪŠðŸ˜œðŸĪ­ðŸ˜ŽðŸ™„ðŸĨĩðŸ˜ąðŸ˜°ðŸ˜ĨðŸĪŊ🎭🎊ðŸŽĻðŸŽĪðŸŽļ🎚ðŸŽŧðŸŽŪðŸŽŊðŸŽģ🏆ðŸĨ‡ðŸŽðŸŽ‚🍕🍔ðŸŒŪ🍜ðŸĢðŸĶ🧁☕ðŸŽķ🌟ðŸ’ĨðŸŦķðŸĨ°ðŸŒšðŸĶ‹ðŸ’ŽðŸš€ðŸ›ļ🌍🌙☀ïļðŸŒŠðŸĶ„🐉ðŸĶŠðŸļðŸŒļðŸŒŧ🍀ðŸŒī🏔ïļðŸŽ ðŸŽĄðŸŽĒðŸŽē🃏ðŸŽĩ🎞ðŸŽđ";position:fixed;top:-20%;left:-10%;width:130%;height:150%;font-size:1.9rem;line-height:2.8rem;overflow-wrap:anywhere;overflow:hidden;opacity:.055;pointer-events:none;z-index:0;transform:rotate(-12deg)}.app{max-width:560px;margin:0 auto;padding:clamp(20px,5vw,48px) 20px 40px;display:flex;flex-direction:column;gap:20px;min-height:100dvh;position:relative;z-index:1}.hero{text-align:center}.title{font-size:clamp(2.8rem,10vw,4rem);font-weight:900;letter-spacing:-.02em;display:flex;align-items:center;justify-content:center;gap:.15em;line-height:1}.title-icon{font-size:.82em;display:inline-block;animation:icon-wobble 4s ease-in-out infinite;transform-origin:bottom center}.accent{color:var(--yellow-deep);position:relative;display:inline-block}.accent:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:5px;background:var(--yellow);border-radius:3px}@keyframes icon-wobble{0%,to{transform:rotate(0)}15%{transform:rotate(-10deg)}35%{transform:rotate(7deg)}55%{transform:rotate(-4deg)}75%{transform:rotate(3deg)}}.tagline{color:var(--muted);margin-top:12px;font-size:1rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.offline-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:.8rem;font-weight:700;color:var(--ink);background:var(--green);border:var(--border);box-shadow:2px 2px 0 var(--ink)}.stage{position:relative;background:var(--surface);border:var(--border);border-radius:var(--radius-lg);padding:28px 20px 24px;min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;box-shadow:var(--shadow)}.emoji-out{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;align-items:center;font-size:clamp(2.8rem,13vw,4.5rem);line-height:1.15;min-height:1.2em}.placeholder{opacity:.2;font-size:3.5rem}.emoji-chip{background:none;border:none;cursor:pointer;font-size:inherit;line-height:1;padding:2px 3px;border-radius:10px;transition:transform .1s ease,background .1s ease;animation:chip-pop .22s cubic-bezier(.34,1.56,.64,1)}.emoji-chip:hover{transform:scale(1.22) rotate(-6deg);background:#ffd93d59}.emoji-chip:active{transform:scale(.9) rotate(3deg)}@keyframes chip-pop{0%{transform:scale(.3) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.copy-btn{background:var(--yellow);color:var(--ink);border:var(--border);border-radius:var(--radius-sm);padding:8px 18px;font-size:.9rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow);transition:transform .1s,box-shadow .1s;font-family:inherit}.copy-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.copy-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.toast{position:absolute;top:12px;right:14px;background:var(--green);color:var(--ink);font-weight:700;font-size:.82rem;padding:5px 12px;border-radius:var(--radius-sm);border:var(--border);box-shadow:var(--shadow)}.controls{display:flex;flex-direction:column;gap:12px;align-items:center}.mic-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:999px;border:var(--border);cursor:pointer;font-size:1.05rem;font-weight:800;color:var(--ink);background:var(--yellow);box-shadow:var(--shadow);transition:transform .1s,box-shadow .1s;font-family:inherit;letter-spacing:-.01em}.mic-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.mic-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.mic-btn[aria-pressed=true]{background:var(--red);animation:record-pulse .9s ease-in-out infinite}.mic-icon{font-size:1.25rem}@keyframes record-pulse{0%,to{box-shadow:var(--shadow),0 0 #ff6b6b80}50%{box-shadow:var(--shadow),0 0 0 12px #ff6b6b00}}.input-row{width:100%}.text-in{width:100%;padding:14px 18px;border-radius:var(--radius);border:var(--border);background:var(--surface);color:var(--ink);font-size:1rem;font-family:inherit;outline:none;transition:box-shadow .12s;box-shadow:2px 2px 0 var(--ink)}.text-in::placeholder{color:var(--muted)}.text-in:focus{box-shadow:4px 4px 0 var(--ink)}.status{color:var(--muted);font-size:.85rem;min-height:1.2em;text-align:center;font-weight:500}.history-title{font-size:.88rem;color:var(--muted);margin-bottom:10px;font-weight:700;letter-spacing:.03em}.history-list{list-style:none;display:flex;flex-direction:column;gap:8px}.history-item{display:flex;align-items:center;gap:12px;background:var(--surface);border:var(--border);border-radius:var(--radius-sm);padding:10px 14px;box-shadow:2px 2px 0 var(--ink);transition:transform .1s,box-shadow .1s}.history-item:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.history-emoji{background:none;border:none;cursor:pointer;font-size:1.6rem;line-height:1;transition:transform .1s;font-family:inherit}.history-emoji:hover{transform:scale(1.2) rotate(-6deg)}.history-text{color:var(--muted);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:inherit}.foot{margin-top:auto;text-align:center;color:var(--muted);font-size:.82rem;font-weight:500;display:flex;gap:8px;justify-content:center;padding-bottom:8px}.foot a{color:var(--muted);text-decoration:none}.foot a:hover{color:var(--ink)}