@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--font-display:"Outfit", sans-serif;--font-sans:"Plus Jakarta Sans", sans-serif;--bg-gradient:linear-gradient(135deg, #0b0f19 0%, #111827 50%, #1e1b4b 100%);--panel-bg:#111827b3;--panel-border:#ffffff14;--panel-shadow:0 8px 32px 0 #0000005e;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--btn-num-bg:#ffffff0d;--btn-num-hover:#ffffff1a;--btn-num-text:#f3f4f6;--btn-op-bg:#6366f126;--btn-op-hover:#6366f140;--btn-op-text:#818cf8;--btn-fn-bg:#f43f5e1a;--btn-fn-hover:#f43f5e33;--btn-fn-text:#fb7185;--btn-eq-bg:linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--btn-eq-hover:linear-gradient(135deg, #818cf8 0%, #6366f1 100%);--btn-eq-text:#fff;--btn-eq-glow:#6366f166;--btn-mic-active-bg:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--btn-mic-active-glow:#ef444480;--btn-mic-idle-bg:linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);--btn-mic-idle-glow:#8b5cf666;--accent-teal:#14b8a6;--accent-teal-glow:#14b8a64d;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);--transition-tactile:all .1s ease}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-gradient);color:var(--text-primary);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex;overflow:hidden}#root{justify-content:center;align-items:center;width:100%;max-width:480px;display:flex}.calculator-app{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);border-radius:32px;flex-direction:column;width:100%;height:85vh;min-height:600px;max-height:850px;display:flex;position:relative;overflow:hidden}@media (width<=480px){body{padding:0}.calculator-app{border-radius:0;height:100vh;max-height:100vh}}.app-header{justify-content:space-between;align-items:center;padding:20px 24px 10px;display:flex}.app-title{font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(135deg,#a5b4fc 0%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:700}.header-actions{gap:12px;display:flex}.icon-btn{color:var(--text-secondary);cursor:pointer;width:40px;height:40px;transition:var(--transition-smooth);background:#ffffff0f;border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;display:flex}.icon-btn:hover{color:var(--text-primary);background:#ffffff1f;transform:translateY(-2px)}.icon-btn:active{transform:translateY(0)}.lang-badge{color:var(--btn-op-text);font-family:var(--font-sans);text-transform:uppercase;cursor:pointer;transition:var(--transition-smooth);background:#6366f126;border:1px solid #6366f133;border-radius:8px;padding:4px 8px;font-size:.75rem;font-weight:600}.lang-badge:hover{background:#6366f14d;transform:scale(1.05)}.display-area{text-align:right;word-break:break-all;flex-direction:column;flex:1;justify-content:flex-end;align-items:flex-end;padding:16px 28px;display:flex;overflow-y:auto}.transcript-feedback{color:var(--text-secondary);font-size:.95rem;font-family:var(--font-sans);opacity:.8;max-width:100%;min-height:24px;margin-bottom:6px;font-style:italic}.calculation-display{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:-.01em;white-space:nowrap;scrollbar-width:none;max-width:100%;min-height:40px;margin-bottom:8px;font-size:2.2rem;font-weight:400;overflow-x:auto}.calculation-display::-webkit-scrollbar{display:none}.result-display{font-family:var(--font-display);color:var(--text-primary);white-space:nowrap;scrollbar-width:none;max-width:100%;min-height:60px;font-size:3.5rem;font-weight:700;line-height:1;overflow-x:auto}.result-display::-webkit-scrollbar{display:none}.keypad-area{grid-template-columns:repeat(4,1fr);gap:14px;padding:20px 24px 32px;display:grid}.calc-btn{font-family:var(--font-display);aspect-ratio:1;cursor:pointer;transition:var(--transition-tactile);-webkit-user-select:none;user-select:none;border:none;border-radius:20px;outline:none;justify-content:center;align-items:center;font-size:1.5rem;font-weight:600;display:flex}.calc-btn:active{transform:scale(.92)}.btn-num{background:var(--btn-num-bg);color:var(--btn-num-text);border:1px solid #ffffff08}.btn-num:hover{background:var(--btn-num-hover)}.btn-op{background:var(--btn-op-bg);color:var(--btn-op-text);border:1px solid #6366f10d}.btn-op:hover{background:var(--btn-op-hover)}.btn-fn{background:var(--btn-fn-bg);color:var(--btn-fn-text);border:1px solid #f43f5e0d;font-size:1.3rem}.btn-fn:hover{background:var(--btn-fn-hover)}.btn-eq{background:var(--btn-eq-bg);color:var(--btn-eq-text);box-shadow:0 4px 14px 0 var(--btn-eq-glow)}.btn-eq:hover{background:var(--btn-eq-hover);box-shadow:0 6px 20px 0 var(--btn-eq-glow)}.btn-mic-wrapper{aspect-ratio:auto;grid-column:span 2;height:100%}.btn-mic{width:100%;height:100%;font-family:var(--font-sans);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-smooth);border:none;border-radius:20px;outline:none;justify-content:center;align-items:center;gap:8px;font-size:1.1rem;font-weight:600;display:flex}.btn-mic.idle{background:var(--btn-mic-idle-bg);box-shadow:0 4px 14px 0 var(--btn-mic-idle-glow)}.btn-mic.idle:hover{box-shadow:0 6px 20px 0 var(--btn-mic-idle-glow);transform:translateY(-2px)}.btn-mic.listening{background:var(--btn-mic-active-bg);box-shadow:0 4px 20px 0 var(--btn-mic-active-glow);animation:1.5s ease-in-out infinite alternate mic-pulse}@keyframes mic-pulse{0%{box-shadow:0 0 10px 0 var(--btn-mic-active-glow)}to{box-shadow:0 0 25px 8px var(--btn-mic-active-glow);transform:scale(.98)}}.voice-overlay{-webkit-backdrop-filter:blur(20px);z-index:100;opacity:0;pointer-events:none;background:#0b0f19e6;flex-direction:column;justify-content:center;align-items:center;padding:40px;transition:opacity .3s;display:flex;position:absolute;inset:0}.voice-overlay.active{opacity:1;pointer-events:all}.voice-status-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:1.5rem;font-weight:600}.voice-status-subtitle{color:var(--text-secondary);text-align:center;max-width:280px;margin-bottom:40px;font-size:.95rem}.wave-container{justify-content:center;align-items:center;gap:8px;height:60px;margin-bottom:50px;display:flex}.wave-bar{background:linear-gradient(#ef4444,#6366f1);border-radius:4px;width:4px;height:10px;animation:1.2s ease-in-out infinite wave-bounce}.wave-bar:nth-child(2){height:16px;animation-delay:.1s}.wave-bar:nth-child(3){height:25px;animation-delay:.2s}.wave-bar:nth-child(4){height:40px;animation-delay:.3s}.wave-bar:nth-child(5){height:50px;animation-delay:.4s}.wave-bar:nth-child(6){height:40px;animation-delay:.5s}.wave-bar:nth-child(7){height:25px;animation-delay:.6s}.wave-bar:nth-child(8){height:16px;animation-delay:.7s}.wave-bar:nth-child(9){height:10px;animation-delay:.8s}@keyframes wave-bounce{0%,to{transform:scaleY(1)}50%{transform:scaleY(2.2)}}.stop-mic-btn{background:var(--btn-mic-active-bg);color:#fff;font-family:var(--font-sans);cursor:pointer;box-shadow:0 4px 14px 0 var(--btn-mic-active-glow);transition:var(--transition-smooth);border:none;border-radius:50px;outline:none;align-items:center;gap:10px;padding:16px 32px;font-size:1rem;font-weight:600;display:flex}.stop-mic-btn:hover{box-shadow:0 6px 20px 0 var(--btn-mic-active-glow);transform:translateY(-2px)}.sheet-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;opacity:0;pointer-events:none;background:#0009;transition:opacity .3s;position:absolute;inset:0}.sheet-backdrop.active{opacity:1;pointer-events:all}.modal-content{border-top:1px solid var(--panel-border);z-index:95;background:#0f1322;border-top-left-radius:28px;border-top-right-radius:28px;max-height:80%;padding:28px 24px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.modal-content.active{transform:translateY(0)}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-title{font-family:var(--font-display);color:var(--text-primary);font-size:1.25rem;font-weight:700}.setting-item{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.setting-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.setting-input-wrap{position:relative}.setting-select,.setting-input{width:100%;color:var(--text-primary);font-family:var(--font-sans);appearance:none;cursor:pointer;transition:var(--transition-smooth);background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;outline:none;padding:12px 16px;font-size:.95rem}.setting-select:focus,.setting-input:focus{background:#ffffff17;border-color:#6366f1}.toggle-item{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.toggle-info{flex-direction:column;gap:2px;display:flex}.toggle-title{color:var(--text-primary);font-size:.95rem;font-weight:600}.toggle-desc{color:var(--text-secondary);font-size:.8rem}.switch{width:50px;height:28px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ffffff1a;border:1px solid #ffffff0d;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#6366f1}input:checked+.slider:before{transform:translate(22px)}.test-voice-container{border-top:1px dashed #ffffff1a;margin-top:24px;padding-top:20px}.test-voice-row{gap:10px;margin-top:10px;display:flex}.history-content{border-left:1px solid var(--panel-border);z-index:95;background:#0f1322;flex-direction:column;width:80%;max-width:340px;padding:24px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.history-content.active{transform:translate(0)}.history-list{flex-direction:column;flex:1;gap:16px;margin-top:16px;padding-right:4px;display:flex;overflow-y:auto}.history-list::-webkit-scrollbar{width:5px}.modal-content::-webkit-scrollbar{width:5px}.history-list::-webkit-scrollbar-track{background:0 0}.modal-content::-webkit-scrollbar-track{background:0 0}.history-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.history-item{cursor:pointer;transition:var(--transition-smooth);border-bottom:1px solid #ffffff0a;flex-direction:column;align-items:flex-end;padding-bottom:12px;display:flex}.history-item:hover{opacity:.8}.history-expr{font-family:var(--font-display);color:var(--text-secondary);word-break:break-all;font-size:1.1rem}.history-result{font-family:var(--font-display);color:var(--text-primary);margin-top:2px;font-size:1.6rem;font-weight:700}.history-empty{color:var(--text-muted);text-align:center;margin-top:40px;font-size:.9rem}.history-clear-btn{width:100%;color:var(--btn-fn-text);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);background:#f43f5e1a;border:1px solid #f43f5e26;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:12px;font-weight:600;display:flex}.history-clear-btn:hover{background:#f43f5e33}.guide-box{background:#6366f10f;border:1px solid #6366f11a;border-radius:12px;margin-top:20px;padding:16px}.guide-box p{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem;line-height:1.5}.guide-box ul{flex-direction:column;gap:4px;padding-left:0;list-style:none;display:flex}.guide-box li{color:var(--text-secondary);align-items:flex-start;gap:6px;font-size:.8rem;display:flex}.guide-box li:before{content:"•";color:#6366f1;font-weight:700}.btn-mic-header{color:var(--text-secondary);cursor:pointer;height:40px;transition:var(--transition-smooth);background:#ffffff0f;border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:flex}.btn-mic-header:hover{color:var(--text-primary);background:#ffffff1f;transform:translateY(-2px)}.btn-mic-header:active{transform:translateY(0)}.btn-mic-text{font-family:var(--font-sans);letter-spacing:.02em;font-size:.85rem;font-weight:600}.btn-mic-header.listening{animation:1.2s ease-in-out infinite alternate header-mic-pulse;background:var(--btn-mic-active-bg)!important;color:#fff!important;box-shadow:0 0 12px 0 var(--btn-mic-active-glow)!important;border-color:#0000!important}@keyframes header-mic-pulse{0%{box-shadow:0 0 4px 0 var(--btn-mic-active-glow)}to{box-shadow:0 0 12px 6px var(--btn-mic-active-glow);transform:scale(.95)}}.grand-total-card{cursor:pointer;transition:var(--transition-smooth);background:#6366f11a;border:1px solid #6366f133;border-radius:16px;justify-content:space-between;align-items:center;margin-top:4px;margin-bottom:8px;padding:12px 16px;display:flex}.grand-total-card:hover{background:#6366f12e;border-color:#6366f159;transform:translateY(-2px)}.grand-total-card:active{transform:translateY(0)}.grand-total-info{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.grand-total-label{font-family:var(--font-sans);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:600}.grand-total-value{font-family:var(--font-display);color:#f3f4f6;font-size:1.3rem;font-weight:700}.grand-total-action{background:var(--btn-mic-idle-bg);color:#fff;font-family:var(--font-sans);transition:var(--transition-smooth);border-radius:10px;padding:6px 12px;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #8b5cf64d}.grand-total-card:hover .grand-total-action{box-shadow:0 4px 12px #8b5cf680}