.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 20px 60px;position:relative}.bg-blob{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(80px);opacity:.35}.bg-blob--1{width:420px;height:420px;background:radial-gradient(circle,var(--fur-orange),transparent 70%);top:-100px;right:-100px}.bg-blob--2{width:320px;height:320px;background:radial-gradient(circle,var(--terracotta),transparent 70%);bottom:-80px;left:-80px}.container{position:relative;z-index:1;width:100%;max-width:480px;display:flex;flex-direction:column;gap:32px}.header{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;animation:fadeUp .7s ease both}.title{font-family:var(--font-display)!important;font-size:clamp(3.2rem,12vw,5rem)!important;font-weight:300!important;line-height:.9!important;letter-spacing:-.03em!important;color:var(--charcoal)!important}.title em{font-style:italic;font-weight:700;color:var(--terracotta)}.subtitle{font-family:var(--font-display)!important;font-size:1.05rem!important;font-weight:300!important;color:var(--warm-gray)!important;line-height:1.6!important}.cat-face{width:110px;height:100px}.cat-face--bouncing{animation:catBounce .7s ease-in-out infinite}.cat-svg{width:100%;height:100%}.input-panel{background:var(--warm-white);border:1.5px solid var(--sand);border-radius:var(--radius-xl);padding:32px 28px;display:flex;flex-direction:column;gap:24px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.input-section{display:flex;flex-direction:column;align-items:center;gap:12px}.input-section__label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--warm-gray)}.input-section__hint{font-family:var(--font-mono);font-size:.7rem;color:var(--warm-gray);opacity:.7;margin:0}.waveform-bars{display:flex;align-items:center;gap:4px;height:36px}.waveform-bar{display:block;width:4px;height:16px;background:var(--terracotta);border-radius:2px;transform-origin:center;transition:background .2s}.waveform-bar--active{animation:waveform .5s ease-in-out infinite alternate}.record-btn-wrap{display:flex;justify-content:center}.record-btn__pulse-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:100px;border:2px solid var(--terracotta-light);animation:pulse-ring 1.2s ease-out infinite;pointer-events:none}.record-btn__icon{font-size:1.2em;line-height:1}.upload-zone{width:100%;border:2px dashed var(--sand);border-radius:var(--radius-lg);padding:24px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:border-color .2s,background .2s,transform .15s;background:transparent}.upload-zone:hover:not(.upload-zone--disabled){border-color:var(--terracotta);background:#c4714a0a;transform:translateY(-2px)}.upload-zone--drag{border-color:var(--terracotta);background:#c4714a14;transform:scale(1.01)}.upload-zone--disabled{opacity:.4;cursor:not-allowed}.upload-zone__icon{font-size:1.8rem}.upload-zone__text{font-family:var(--font-display);font-size:.95rem;color:var(--charcoal-soft);text-align:center}.upload-zone__hint{font-family:var(--font-mono);font-size:.68rem;color:var(--warm-gray);opacity:.7}.audio-preview{display:flex;flex-direction:column;align-items:center;gap:8px;animation:fadeUp .5s .2s ease both;opacity:0;animation-fill-mode:forwards}.audio-preview__label{font-family:var(--font-mono)!important;font-size:.68rem!important;color:var(--warm-gray)!important;text-transform:uppercase;letter-spacing:.1em}.audio-preview audio{width:100%;max-width:380px;border-radius:var(--radius-md);outline:none}.footer{display:flex;flex-direction:column;gap:8px;animation:fadeUp .8s .3s ease both;opacity:0;animation-fill-mode:forwards}.container>*{min-width:0;max-width:100%}@media(max-width:600px){.app{padding:24px 14px 48px}.container{gap:24px}.input-panel{padding:20px 16px;gap:20px}.title{font-size:clamp(2.6rem,10vw,3.8rem)!important}.audio-preview audio{max-width:100%}.waveform-bars{gap:3px}.waveform-bar{width:3px}.upload-zone{padding:18px 14px}.record-btn-wrap{width:100%}}@media(max-width:360px){.app{padding:20px 12px 40px}.input-panel{padding:16px 12px}}:root{--fur-orange: #e8823a;--terracotta: #c4714a;--terracotta-light: #d99070;--terracotta-dark: #a05a38;--charcoal: #2d2420;--charcoal-soft: #4a3830;--warm-gray: #8a7a70;--sand: #e8d9c8;--cream: #fdf5ec;--warm-white: #fffaf5;--moss: #5a7a52;--radius-xl: 24px;--radius-lg: 16px;--radius-md: 12px;--shadow-soft: 0 4px 20px rgba(45, 36, 32, .08);--shadow-deep: 0 8px 32px rgba(45, 36, 32, .16);--shadow-glow: 0 0 24px rgba(196, 113, 74, .35);--font-display: "Playfair Display", Georgia, serif;--font-mono: "JetBrains Mono", "Courier New", monospace}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes catBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes waveform{0%{height:6px}to{height:32px}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}to{transform:scale(1.3);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{background-color:var(--cream);color:var(--charcoal);font-family:var(--font-display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;border:none;background:none;font-family:inherit}a{color:inherit}