*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--color-orange: #FF6B35;--color-orange-light: #FF8C5A;--color-yellow: #FFD166;--color-yellow-light: #FFE4A0;--color-blue: #4ECDC4;--color-blue-deep: #2AB7CA;--color-pink: #FF6B9D;--color-pink-light: #FFA5C3;--color-green: #51CF66;--color-green-light: #8CE99A;--color-purple: #A78BFA;--color-purple-light: #C4B5FD;--color-red: #FF6B6B;--color-bg: #FFF8F0;--color-bg-card: #FFFFFF;--color-text: #2D3436;--color-text-secondary: #636E72;--color-text-light: #B2BEC3;--color-border: #F0E6DA;--color-shadow: rgba(255, 107, 53, .08);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--safe-bottom: env(safe-area-inset-bottom, 0px);--tab-height: 72px;--font-body: "Nunito", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Bubblegum Sans", "Nunito", cursive}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:16px;box-shadow:0 4px 20px var(--color-shadow),0 1px 3px #0000000a;border:1.5px solid var(--color-border);transition:transform .2s ease,box-shadow .2s ease}.card:active{transform:scale(.98)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-full);border:none;font-family:var(--font-body);font-weight:800;font-size:.95rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;touch-action:manipulation;user-select:none;-webkit-user-select:none}.btn:active{transform:scale(.95)}.btn-primary{background:linear-gradient(135deg,var(--color-orange),var(--color-pink));color:#fff;box-shadow:0 4px 16px #ff6b354d}.btn-primary:active{box-shadow:0 2px 8px #ff6b3533}.btn-secondary{background:#fff;color:var(--color-text);border:2px solid var(--color-border);box-shadow:0 2px 8px #0000000a}.btn-success{background:linear-gradient(135deg,var(--color-green),var(--color-blue));color:#fff;box-shadow:0 4px 16px #4ecdc44d}.btn-blue{background:linear-gradient(135deg,var(--color-blue-deep),var(--color-blue));color:#fff;box-shadow:0 4px 16px #2ab7ca4d}.btn-danger{background:linear-gradient(135deg,var(--color-red),var(--color-pink));color:#fff}.btn-large{padding:16px 32px;font-size:1.05rem;border-radius:var(--radius-lg)}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input{width:100%;padding:14px 18px;border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-bg);font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--color-text);outline:none;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--color-blue);box-shadow:0 0 0 4px #4ecdc426}.input::placeholder{color:var(--color-text-light);font-weight:500}textarea.input{resize:none;min-height:100px}.select{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;padding:10px 36px 10px 14px;border-radius:var(--radius-sm);border:2px solid var(--color-border);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23636E72' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat right 12px center;font-family:var(--font-body);font-size:.85rem;font-weight:700;color:var(--color-text);outline:none;cursor:pointer}.select:focus{border-color:var(--color-blue)}.tab-bar{position:fixed;bottom:0;left:0;right:0;height:calc(var(--tab-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1.5px solid var(--color-border);display:flex;justify-content:space-around;align-items:stretch;z-index:1000;box-shadow:0 -4px 24px #0000000a}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 2px;background:none;border:none;cursor:pointer;color:var(--color-text-light);font-family:var(--font-body);font-size:.6rem;font-weight:800;letter-spacing:.3px;transition:color .2s;touch-action:manipulation;user-select:none;-webkit-user-select:none;position:relative}.tab-item.active{color:var(--color-orange)}.tab-item.active:before{content:"";position:absolute;top:-1.5px;left:50%;transform:translate(-50%);width:28px;height:3px;background:var(--color-orange);border-radius:0 0 4px 4px}.tab-icon{font-size:1.5rem;line-height:1;transition:transform .2s}.tab-item.active .tab-icon{transform:scale(1.15)}.tab-label{text-transform:uppercase;letter-spacing:.5px}.page{flex:1;padding-bottom:calc(var(--tab-height) + var(--safe-bottom) + 8px);overflow-y:auto;-webkit-overflow-scrolling:touch}.page-header{padding:20px 20px 28px;background:linear-gradient(135deg,var(--color-orange),var(--color-pink));color:#fff;position:relative;overflow:hidden}.page-header:after{content:"";position:absolute;bottom:-20px;left:-10%;right:-10%;height:40px;background:var(--color-bg);border-radius:50% 50% 0 0}.page-header h1{font-family:var(--font-display);font-size:1.7rem;margin-bottom:4px;text-shadow:0 2px 8px rgba(0,0,0,.1)}.page-header p{opacity:.9;font-size:.85rem;font-weight:600}.page-content{padding:8px 16px 16px}.spinner{width:32px;height:32px;border:4px solid rgba(255,107,53,.15);border-top-color:var(--color-orange);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff8f0d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:10;border-radius:inherit}.loading-text{font-weight:800;font-size:.9rem;color:var(--color-orange);animation:pulse-text 1.5s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.animate-fade-in{animation:fadeIn .4s ease forwards}.animate-slide-up{animation:slideUp .5s ease forwards}.animate-bounce-in{animation:bounceIn .5s cubic-bezier(.17,.67,.35,1.15) forwards}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.mic-button{width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--color-orange),var(--color-pink));color:#fff;font-size:1.4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #ff6b354d;touch-action:manipulation}.mic-button:active{transform:scale(.92)}.mic-button.recording{background:linear-gradient(135deg,var(--color-red),#ff4444);animation:mic-pulse 1s ease-in-out infinite;box-shadow:0 0 #ff6b3566}@keyframes mic-pulse{0%{box-shadow:0 0 #ff6b6b80}70%{box-shadow:0 0 0 14px #ff6b6b00}to{box-shadow:0 0 #ff6b6b00}}@media (max-width: 480px){:root{--tab-height: 64px}.page-header h1{font-size:1.5rem}.btn-large{padding:14px 24px;font-size:1rem}}@supports (padding: env(safe-area-inset-bottom)){.tab-bar{padding-bottom:env(safe-area-inset-bottom)}}