.theme-toggle{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:12px;transition:all .2s ease}.theme-toggle:hover{background:var(--bg-tertiary);transform:scale(1.05)}.toggle-track{width:3rem;height:1.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:1rem;position:relative;transition:all .3s ease}.theme-toggle.dark .toggle-track{background:var(--accent-primary);border-color:var(--accent-primary)}.toggle-thumb{width:1.25rem;height:1.25rem;background:var(--bg-secondary);border-radius:50%;position:absolute;top:50%;left:.125rem;transform:translateY(-50%);transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.theme-toggle.dark .toggle-thumb{left:calc(100% - 1.375rem);background:#fff}.toggle-icon{font-size:.75rem;transition:all .3s ease}@media (max-width: 480px){.theme-toggle{padding:.375rem}.toggle-track{width:2.5rem;height:1.25rem}.toggle-thumb{width:1rem;height:1rem}.theme-toggle.dark .toggle-thumb{left:calc(100% - 1.125rem)}.toggle-icon{font-size:.625rem}}.history-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.history-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #0000004d;z-index:1000;animation:modalSlideIn .3s ease;width:90vw;max-width:500px;max-height:80vh;display:flex;flex-direction:column}.history-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.history-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.history-actions{display:flex;align-items:center;gap:.75rem}.clear-all-btn{background:var(--accent-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-all-btn:hover{background:var(--accent-secondary);transform:translateY(-1px)}.history-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.empty-history{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--text-secondary);flex:1}.empty-history p{font-size:1.1rem;font-weight:500;margin:0 0 .5rem;color:var(--text-primary)}.empty-history span{font-size:.9rem;opacity:.7}.history-list{flex:1;overflow-y:auto;padding:.75rem}.history-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:12px;background:var(--bg-secondary);margin-bottom:.5rem;transition:all .2s ease}.history-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.history-item:last-child{margin-bottom:0}.history-item-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.calculation{display:flex;align-items:center;gap:.5rem;font-family:SF Mono,Monaco,Menlo,monospace}.expression,.equals{color:var(--text-secondary);font-size:.9rem}.result{color:var(--text-primary);font-weight:600;font-size:1rem}.timestamp{color:var(--text-secondary);font-size:.8rem;opacity:.7}.history-item-actions{display:flex;align-items:center;gap:.5rem;margin-left:1rem}.copy-btn,.delete-btn{background:none;border:none;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:1rem;display:flex;align-items:center;justify-content:center}.copy-btn:hover{background:var(--bg-primary);transform:scale(1.1)}.delete-btn:hover{background:#ff3b301a;transform:scale(1.1)}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:transparent}.history-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.history-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width: 480px){.history-modal{width:95vw;max-height:85vh}.history-header{padding:1rem}.history-title{font-size:1rem}.history-item{padding:.75rem}.history-item-actions{margin-left:.5rem}.calculation{flex-direction:column;align-items:flex-start;gap:.25rem}}.history-search{padding:0 1.25rem;border-bottom:1px solid var(--border-color)}.search-input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);font-size:.875rem;margin-bottom:1rem;outline:none;transition:border-color .2s ease}.selection-checkbox{padding:.5rem;margin-right:.75rem}.selection-checkbox input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:var(--accent-primary)}.history-item.selected{background:var(--accent-primary);color:#fff;border-radius:8px}.history-item.selected .calculation,.history-item.selected .timestamp,.history-item.selected .calculator-type{color:#fff}.history-item[onclick]{cursor:pointer}.selection-btn,.selection-toggle-btn,.delete-selected-btn,.export-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:.375rem .75rem;font-size:.8125rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.selection-btn:hover,.selection-toggle-btn:hover,.export-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.delete-selected-btn{background:var(--accent-danger);color:#fff;border-color:var(--accent-danger)}.delete-selected-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.delete-selected-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.item-meta{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.calculator-type{background:var(--accent-primary);color:#fff;padding:.125rem .5rem;border-radius:12px;font-size:.6875rem;font-weight:500;text-transform:capitalize}.confirm-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;max-width:400px;width:100%;box-shadow:var(--shadow-lg);animation:confirmModalSlideIn .25s ease-out;transform:translateY(0);transition:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-modal h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.125rem;font-weight:600}.confirm-modal p{margin:0 0 1.5rem;color:var(--text-secondary);line-height:1.5}.confirm-actions{display:flex;gap:.75rem;justify-content:flex-end}.confirm-btn{padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:none;outline:none;min-width:80px}.confirm-btn--danger{background:var(--accent-danger);color:#fff}.confirm-btn--danger:hover{opacity:.9;transform:translateY(-1px)}.confirm-btn--danger:active{transform:translateY(0)}.confirm-btn--cancel{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.confirm-btn--cancel:hover{background:var(--bg-secondary);color:var(--text-primary)}.confirm-btn--cancel:active{transform:translateY(0)}@media (max-width: 480px){.history-header{flex-direction:column;gap:.75rem;align-items:flex-start;padding:1rem}.history-actions{display:flex;flex-wrap:wrap;gap:.5rem;width:100%;justify-content:flex-start}.history-search{padding:0 1rem}.search-input{padding:.625rem;font-size:.8125rem}.history-item{flex-direction:column;gap:.625rem;padding:.875rem}.history-item-content{flex:1}.history-item-actions{align-self:flex-end;gap:.375rem}.selection-checkbox{padding:.25rem;margin-right:.5rem}.item-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.confirm-modal{padding:1.25rem;margin:1rem}.confirm-actions{flex-direction:column-reverse;gap:.5rem}.confirm-btn{width:100%;justify-content:center}}@media (max-width: 320px){.history-header{padding:.875rem}.history-title{font-size:1rem}.history-actions{gap:.375rem}.selection-btn,.selection-toggle-btn,.delete-selected-btn,.export-btn,.clear-all-btn{padding:.3125rem .5rem;font-size:.75rem}.search-input{padding:.5rem}.history-item{padding:.75rem}.confirm-modal{padding:1rem}}.formula-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.formula-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #0000004d;z-index:1000;animation:modalSlideIn .3s ease;width:90vw;max-width:700px;max-height:90vh;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.formula-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.formula-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.close-btn{background:var(--bg-secondary);border:none;font-size:1.25rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--border-color);color:var(--text-primary)}.formula-search{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.search-input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);font-size:.875rem;outline:none;transition:border-color .2s ease}.search-input:focus{border-color:var(--accent-primary)}.search-input::placeholder{color:var(--text-secondary)}.formula-content{display:flex;flex-direction:column;flex:1}.formula-categories{display:flex;gap:.5rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);overflow-x:auto;overflow-y:hidden;flex-shrink:0;min-width:0;-webkit-overflow-scrolling:touch}.category-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-size:.875rem;color:var(--text-secondary)}.category-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.category-tab.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.category-icon{font-size:1rem}.category-label{font-weight:500}.formulas-list{padding:1.25rem;width:100%;box-sizing:border-box}.formula-category-section{display:none;width:100%;box-sizing:border-box}.formula-category-section.active{display:block}.category-section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.formulas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;width:100%;box-sizing:border-box}.formula-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1rem;transition:all .2s ease;min-width:0;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.formula-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--accent-primary)}.formula-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.formula-name{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0}.copy-formula-btn{background:none;border:none;padding:.375rem;border-radius:6px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.copy-formula-btn:hover{background:var(--bg-tertiary);color:var(--accent-primary);transform:scale(1.1)}.formula-equation{font-family:SF Mono,Monaco,Menlo,monospace;font-size:1.1rem;font-weight:600;color:var(--accent-primary);margin-bottom:.5rem;padding:.5rem;background:var(--bg-tertiary);border-radius:6px;text-align:center;word-wrap:break-word;overflow-wrap:break-word;overflow-x:auto}.formula-description{font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.empty-formulas{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--text-secondary);min-height:300px}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.empty-formulas p{font-size:1.1rem;font-weight:500;margin:0 0 .5rem;color:var(--text-primary)}.empty-formulas span{font-size:.9rem;opacity:.7}.formula-modal::-webkit-scrollbar{width:8px}.formula-modal::-webkit-scrollbar-track{background:transparent;margin:8px 0}.formula-modal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.formula-modal::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.formula-categories::-webkit-scrollbar{height:4px}.formula-categories::-webkit-scrollbar-track{background:transparent}.formula-categories::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.formula-categories::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width: 480px){.formula-modal{width:95vw;max-height:90vh}.formula-header{padding:1rem}.formula-title{font-size:1rem}.formula-search{padding:.75rem 1rem}.formula-categories{padding:.75rem 1rem;gap:.375rem}.category-tab{padding:.4375rem .75rem;font-size:.8125rem}.formulas-list{padding:1rem}.formula-modal{max-height:95vh}.formulas-grid{grid-template-columns:1fr;gap:.75rem;width:100%;min-width:0}.formula-card{padding:.875rem}.formula-equation{font-size:1rem}}@media (max-width: 320px){.formula-modal{width:98vw}.formula-header{padding:.875rem}.formula-categories{padding:.625rem .875rem}.category-tab{padding:.375rem .625rem;font-size:.75rem}.formulas-list{padding:.875rem}.formula-modal{max-height:98vh}.formula-card{padding:.75rem}}.pwa-install-prompt{position:fixed;top:calc(1rem + var(--safe-area-inset-top, 0px));left:1rem;right:1rem;z-index:10000;animation:slideDown .4s ease-out}.pwa-install-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:1rem;box-shadow:var(--shadow-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--blur-bg);display:flex;align-items:center;gap:.75rem;position:relative;overflow:hidden}.pwa-install-icon{font-size:2rem;flex-shrink:0}.pwa-install-text{flex:1;min-width:0}.pwa-install-text h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;line-height:1.2}.pwa-install-text p{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.3}.pwa-install-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.pwa-install-btn{padding:.5rem .75rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;white-space:nowrap}.pwa-install-btn--primary{background:var(--accent-primary);color:#fff}.pwa-install-btn--primary:hover{background:var(--accent-secondary);transform:translateY(-1px)}.pwa-install-btn--primary:active{transform:translateY(0)}.pwa-install-btn--secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.pwa-install-btn--secondary:hover{background:var(--bg-secondary);color:var(--text-primary)}.pwa-install-btn--close{background:none;color:var(--text-tertiary);padding:.25rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1}.pwa-install-btn--close:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.pwa-install-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--accent-primary);border-radius:0 0 16px 16px;animation:progressBar 5s linear}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes progressBar{0%{width:100%}to{width:0%}}@media (max-width: 480px){.pwa-install-prompt{top:calc(.75rem + var(--safe-area-inset-top, 0px));left:.75rem;right:.75rem}.pwa-install-content{padding:.875rem;gap:.625rem;border-radius:12px}.pwa-install-icon{font-size:1.75rem}.pwa-install-text h3{font-size:.9375rem}.pwa-install-text p{font-size:.8125rem}.pwa-install-btn{padding:.4375rem .625rem;font-size:.8125rem}.pwa-install-actions{gap:.375rem}}@media (max-width: 320px){.pwa-install-content{flex-direction:column;text-align:center;gap:.75rem}.pwa-install-actions{justify-content:center;width:100%}.pwa-install-btn--close{position:absolute;top:.5rem;right:.5rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.pwa-install-content{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}}@media (orientation: landscape) and (max-height: 500px){.pwa-install-prompt{top:calc(.5rem + var(--safe-area-inset-top, 0px))}.pwa-install-content{padding:.75rem}}.tutorial-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9998;animation:tutorialBackdropIn .3s ease;pointer-events:none}.tutorial-spotlight{position:fixed;background:transparent;border-radius:12px;box-shadow:0 0 0 4px #3b82f64d,0 0 0 9999px #0009;z-index:9999;pointer-events:none;transition:all .3s ease;animation:spotlightPulse 2s infinite}.tutorial-tooltip{position:fixed;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #0000004d;z-index:10000;animation:tutorialSlideIn .3s ease;width:320px;max-width:calc(100vw - 20px);max-height:calc(100vh - 40px);display:flex;flex-direction:column;pointer-events:auto}.tutorial-tooltip--center{width:360px;max-width:calc(100vw - 20px)}.tutorial-content{padding:1.5rem;flex:1;display:flex;flex-direction:column;min-height:0}.tutorial-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-shrink:0}.tutorial-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.tutorial-progress{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:.25rem .75rem;border-radius:12px;font-weight:500;flex-shrink:0}.tutorial-body{margin-bottom:1.5rem;flex:1;min-height:0}.tutorial-text{color:var(--text-secondary);line-height:1.5;margin:0;white-space:pre-line;font-size:.9375rem}.tutorial-footer{display:flex;flex-direction:column;gap:1rem;flex-shrink:0}.tutorial-actions{display:flex;gap:.75rem;justify-content:flex-end}.tutorial-btn{padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;outline:none;min-width:80px}.tutorial-btn--primary{background:var(--accent-primary);color:#fff}.tutorial-btn--primary:hover{background:var(--accent-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.tutorial-btn--secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.tutorial-btn--secondary:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--accent-primary)}.tutorial-progress-bar{height:3px;background:var(--bg-tertiary);border-radius:0 0 16px 16px;overflow:hidden}.tutorial-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));transition:width .3s ease;border-radius:3px}.tutorial-arrow{position:absolute;width:12px;height:12px;background:var(--bg-primary);border:1px solid var(--border-color);transform:rotate(45deg)}.tutorial-arrow--top{bottom:-6px;left:50%;margin-left:-6px;border-bottom:none;border-right:none}.tutorial-arrow--bottom{top:-6px;left:50%;margin-left:-6px;border-top:none;border-left:none}.tutorial-arrow--left{right:-6px;top:50%;margin-top:-6px;border-top:none;border-right:none}.tutorial-arrow--right{left:-6px;top:50%;margin-top:-6px;border-bottom:none;border-left:none}.tutorial-arrow--bottom-left{top:-6px;left:20px;border-top:none;border-left:none}.tutorial-highlight{position:relative;z-index:9999!important;animation:tutorialHighlight 1.5s infinite;pointer-events:auto!important}.tutorial-highlight:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:transparent;border:2px solid var(--accent-primary);border-radius:inherit;pointer-events:none;animation:tutorialBorder 2s infinite;z-index:-1}@keyframes tutorialBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes tutorialSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes spotlightPulse{0%,to{box-shadow:0 0 0 4px #3b82f64d,0 0 0 9999px #0009}50%{box-shadow:0 0 0 8px #3b82f666,0 0 0 9999px #00000080}}@keyframes tutorialHighlight{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 8px #3b82f633}}@keyframes tutorialBorder{0%,to{border-color:var(--accent-primary);opacity:1}50%{border-color:var(--accent-secondary);opacity:.7}}@media (max-width: 480px){.tutorial-tooltip{width:calc(100vw - 20px)!important;max-width:none!important;max-height:calc(100vh - 60px)!important;left:10px!important;right:auto!important;top:auto!important;bottom:30px!important;transform:none!important;position:fixed!important}.tutorial-tooltip--center{width:calc(100vw - 20px)!important;top:50%!important;left:10px!important;bottom:auto!important;transform:translateY(-50%)!important;max-height:calc(100vh - 40px)!important}.tutorial-content{padding:1rem;flex:1;display:flex;flex-direction:column;min-height:0}.tutorial-header{margin-bottom:.75rem;flex-shrink:0}.tutorial-title{font-size:1rem;line-height:1.2}.tutorial-body{margin-bottom:1rem;flex:1;min-height:0}.tutorial-text{font-size:.875rem;line-height:1.4}.tutorial-footer{flex-shrink:0;margin-top:auto;gap:.75rem}.tutorial-btn{padding:.75rem 1rem;font-size:.875rem;min-height:44px}.tutorial-actions{flex-direction:column-reverse;gap:.5rem}.tutorial-actions .tutorial-btn{width:100%;justify-content:center}.tutorial-arrow{display:none}}@media (max-width: 320px){.tutorial-tooltip{width:calc(100vw - 16px)!important;left:8px!important;bottom:20px!important}.tutorial-tooltip--center{width:calc(100vw - 16px)!important;left:8px!important}.tutorial-content{padding:.875rem}}@media (prefers-contrast: high){.tutorial-backdrop{background:#000c}.tutorial-spotlight{box-shadow:0 0 0 4px #000,0 0 0 8px #fff,0 0 0 9999px #000c}.tutorial-tooltip{border:2px solid var(--text-primary)}}@media (prefers-reduced-motion: reduce){.tutorial-backdrop,.tutorial-tooltip,.tutorial-spotlight,.tutorial-highlight,.tutorial-progress-fill{animation:none;transition:none}.tutorial-btn:hover{transform:none}}.privacy-policy-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.privacy-policy-modal{background:var(--bg-primary, #ffffff);border-radius:12px;max-width:800px;max-height:90vh;width:100%;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden}.privacy-policy-overlay.dark .privacy-policy-modal{background:var(--bg-primary, #1a1a2e);color:var(--text-primary, #e4e4e7)}.privacy-policy-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb)}.privacy-policy-overlay.dark .privacy-policy-header{background:var(--bg-secondary, #16213e);border-bottom-color:var(--border-color, #374151)}.privacy-policy-header h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary, #111827)}.privacy-policy-overlay.dark .privacy-policy-header h2{color:var(--text-primary, #e4e4e7)}.close-button{background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:var(--text-secondary, #6b7280);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-button:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #111827)}.privacy-policy-overlay.dark .close-button:hover{background:var(--bg-hover, #0f172a);color:var(--text-primary, #e4e4e7)}.privacy-policy-content{flex:1;overflow-y:auto;padding:1.5rem;line-height:1.6}.privacy-policy-content section{margin-bottom:2rem}.privacy-policy-content section:last-child{margin-bottom:0}.privacy-policy-content h3{margin-top:0;margin-bottom:.75rem;font-size:1.25rem;font-weight:600;color:var(--text-primary, #111827)}.privacy-policy-overlay.dark .privacy-policy-content h3{color:var(--text-primary, #e4e4e7)}.privacy-policy-content p{margin-bottom:1rem;color:var(--text-secondary, #4b5563)}.privacy-policy-overlay.dark .privacy-policy-content p{color:var(--text-secondary, #9ca3af)}.privacy-policy-content ul{margin:.75rem 0;padding-left:1.5rem;color:var(--text-secondary, #4b5563)}.privacy-policy-overlay.dark .privacy-policy-content ul{color:var(--text-secondary, #9ca3af)}.privacy-policy-content li{margin-bottom:.5rem}.privacy-policy-content code{background:var(--bg-code, #f3f4f6);padding:.125rem .375rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:var(--text-code, #dc2626)}.privacy-policy-overlay.dark .privacy-policy-content code{background:var(--bg-code, #1f2937);color:var(--text-code, #f87171)}.privacy-policy-content a{color:var(--accent-color, #6366f1);text-decoration:underline;transition:opacity .2s}.privacy-policy-content a:hover{opacity:.8}.privacy-summary{background:var(--bg-highlight, #eff6ff);padding:1.25rem;border-radius:8px;border-left:4px solid var(--accent-color, #6366f1);margin-top:1rem}.privacy-policy-overlay.dark .privacy-summary{background:var(--bg-highlight, #1e3a5f);border-left-color:var(--accent-color, #818cf8)}.privacy-summary p{margin-bottom:.75rem;font-weight:500}.privacy-summary ul{margin:0}.privacy-policy-footer{padding:1.5rem;border-top:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb);display:flex;justify-content:flex-end}.privacy-policy-overlay.dark .privacy-policy-footer{background:var(--bg-secondary, #16213e);border-top-color:var(--border-color, #374151)}.accept-button{background:var(--accent-color, #6366f1);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.accept-button:hover{background:var(--accent-hover, #4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.accept-button:active{transform:translateY(0)}.privacy-policy-content::-webkit-scrollbar{width:8px}.privacy-policy-content::-webkit-scrollbar-track{background:var(--bg-secondary, #f9fafb);border-radius:4px}.privacy-policy-overlay.dark .privacy-policy-content::-webkit-scrollbar-track{background:var(--bg-secondary, #16213e)}.privacy-policy-content::-webkit-scrollbar-thumb{background:var(--border-color, #d1d5db);border-radius:4px}.privacy-policy-overlay.dark .privacy-policy-content::-webkit-scrollbar-thumb{background:var(--border-color, #4b5563)}.privacy-policy-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #9ca3af)}@media (max-width: 768px){.privacy-policy-modal{max-height:95vh;margin:.5rem}.privacy-policy-header,.privacy-policy-content,.privacy-policy-footer{padding:1rem}.privacy-policy-header h2{font-size:1.25rem}.privacy-policy-content h3{font-size:1.1rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.display{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:16px;padding:1rem 1.25rem;margin-bottom:.75rem;text-align:right;position:relative;overflow:hidden;flex-shrink:0}.display:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(59,130,246,.05) 50%,transparent 100%);pointer-events:none}.display-label{font-size:.6875rem;color:var(--text-secondary);margin-bottom:.375rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.display-sub{font-size:.75rem;color:var(--text-secondary);margin-bottom:.375rem;font-weight:400}.display-main-container{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:.5rem;z-index:1}.display-main{font-size:2rem;font-weight:300;color:var(--text-primary);min-height:2.5rem;display:flex;align-items:center;justify-content:flex-end;word-wrap:break-word;word-break:break-all;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;position:relative;flex:1}.display-copy-btn{background:transparent;border:none;cursor:pointer;padding:.375rem;border-radius:.375rem;opacity:.5;transition:opacity .2s,background-color .2s,transform .1s,color .2s;display:flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.75rem;flex-shrink:0;color:var(--text-secondary, #6b7280)}.display-copy-btn:hover{opacity:1;background-color:var(--bg-secondary, rgba(0, 0, 0, .08));color:var(--text-primary, #1f2937)}.display-copy-btn:active{transform:scale(.9);background-color:var(--bg-secondary, rgba(0, 0, 0, .12))}.display-copy-btn svg{width:16px;height:16px;stroke:currentColor}@media (max-width: 480px){.display{padding:.75rem .875rem;margin-bottom:.5rem;border-radius:12px;flex-shrink:0}.display-main{font-size:clamp(1.75rem,7vw,2.25rem);min-height:2.5rem;line-height:1.1}.display-label{font-size:.6875rem;margin-bottom:.25rem}.display-sub{font-size:.75rem;margin-bottom:.25rem}}@media (max-width: 320px){.display{padding:1.75rem 1.25rem;margin-bottom:1.25rem;border-radius:14px}.display-main{font-size:clamp(2rem,10vw,3rem);min-height:3.5rem}.display-label{font-size:.75rem}.display-sub{font-size:.875rem}}@media (max-height: 700px) and (max-width: 480px){.display{padding:1.5rem 1.25rem;margin-bottom:1.25rem}.display-main{font-size:clamp(2rem,10vw,3rem);min-height:3rem}}@media (orientation: landscape) and (max-height: 500px){.display{padding:.75rem 1rem;margin-bottom:.75rem}.display-main{font-size:clamp(1rem,5vw,1.5rem);min-height:1.5rem}.display-label{font-size:.625rem;margin-bottom:.25rem}.display-sub{font-size:.6875rem;margin-bottom:.25rem}}@media (hover: none) and (pointer: coarse){.display:hover .display-main{color:var(--text-primary)}.display{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}@media (max-width: 375px){.display-main{font-size:clamp(1.125rem,6vw,1.5rem);letter-spacing:-.025em}}.display-main{transition:color .2s ease}.display:hover .display-main{color:var(--accent-primary)}.display.error .display-main{color:var(--accent-danger);animation:pulse .5s ease}.calc-button{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:12px;padding:1rem;font-size:1.125rem;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;min-height:3.5rem;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden;min-width:44px;min-height:44px}.calc-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);opacity:0;transition:opacity .2s ease}.calc-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease;pointer-events:none}.calc-button:hover:before{opacity:1}.calc-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-primary)}.calc-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.calc-button:active:after{width:100%;height:100%;opacity:0;transition:all .4s ease}.calc-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.calc-button:disabled:hover{transform:none;box-shadow:none;border-color:var(--border-color)}.calc-button--secondary{background:var(--bg-tertiary);color:var(--text-secondary);font-weight:600}.calc-button--secondary:hover{background:var(--bg-secondary);color:var(--text-primary)}.calc-button--operator{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);font-weight:600}.calc-button--operator:hover{background:var(--accent-secondary);border-color:var(--accent-secondary);transform:translateY(-2px) scale(1.02)}.calc-button--operator:after{background:#fff6}.calc-button--danger{background:var(--accent-danger);color:#fff;border-color:var(--accent-danger)}.calc-button--danger:hover{opacity:.9}.calc-button--danger:after{background:#fff6}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}@media (max-width: 480px){.calc-button{padding:1.25rem;font-size:1.25rem;min-height:4rem;border-radius:14px;font-weight:600;min-width:56px;min-height:56px}}@media (max-height: 700px) and (max-width: 480px){.calc-button{padding:1.25rem;font-size:1.25rem;min-height:4rem;border-radius:14px}}@media (max-width: 320px){.calc-button{padding:1.25rem;font-size:1.125rem;min-height:4rem;border-radius:12px}}@media (hover: none) and (pointer: coarse){.calc-button:hover{transform:none;box-shadow:none}.calc-button:active{transform:scale(.95);background:var(--bg-tertiary);transition:all .1s ease}.calc-button--operator:active{background:var(--accent-secondary);transform:scale(.95)}.calc-button--secondary:active{background:var(--bg-secondary);transform:scale(.95)}.calc-button--danger:active{transform:scale(.95);opacity:.8}.calc-button:active:after{width:120%;height:120%;opacity:0;transition:all .3s ease}}@media (display-mode: standalone){.calc-button{min-height:4.5rem;padding:1.5rem}.calc-button:active{transform:scale(.92)}}.calc-button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@keyframes buttonPressAnimation{0%{transform:scale(1);box-shadow:0 0 #6366f180}50%{transform:scale(.95);box-shadow:0 0 0 4px #6366f14d}to{transform:scale(1);box-shadow:0 0 #6366f100}}.calc-button.sound-disabled:active{animation:buttonPressAnimation .3s ease}.calc-button--operator.sound-disabled:active{animation:buttonPressAnimation .3s ease;box-shadow:0 0 #fb718580}@keyframes operatorPressAnimation{0%{transform:scale(1);box-shadow:0 0 #fb718580}50%{transform:scale(.95);box-shadow:0 0 0 4px #fb71854d}to{transform:scale(1);box-shadow:0 0 #fb718500}}.calc-button--operator.sound-disabled:active{animation:operatorPressAnimation .3s ease}.standard-calculator{width:100%;height:100%;display:flex;flex-direction:column;min-height:0;overflow:hidden}.button-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(6,1fr);gap:.75rem;animation:slideIn .3s ease .2s both;flex:1;align-content:stretch}@media (max-width: 480px){.button-grid{gap:.625rem;flex:1;grid-auto-rows:minmax(2.75rem,1fr)}.standard-calculator .calc-button{font-size:.875rem;padding:.5rem}}@media (max-height: 700px) and (max-width: 480px){.button-grid{gap:.5rem;grid-auto-rows:minmax(2.5rem,1fr)}.standard-calculator .calc-button{font-size:.8125rem;padding:.4375rem}}@media (max-width: 320px){.button-grid{gap:.5rem;grid-auto-rows:minmax(2.25rem,1fr)}.standard-calculator .calc-button{font-size:.75rem;padding:.375rem}}.button-grid::-webkit-scrollbar{width:4px}.button-grid::-webkit-scrollbar-track{background:transparent}.button-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.button-grid::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.standard-calculator .calc-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.standard-calculator .calc-button:not(.calc-button--operator):not(.calc-button--secondary):active{animation:pulse .15s ease}.standard-calculator .button-grid .span-2{grid-column:span 2}.standard-calculator .button-grid{grid-auto-flow:row}.standard-calculator .calc-button--operator{position:relative;overflow:hidden}.standard-calculator .calc-button--operator:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.standard-calculator .calc-button--operator:active:after{width:100px;height:100px}.standard-calculator .calc-button.has-memory{position:relative}.standard-calculator .calc-button.has-memory:before{content:"";position:absolute;top:4px;right:4px;width:6px;height:6px;background:#10b981;border-radius:50%;box-shadow:0 0 4px #10b98199}.standard-calculator .calc-button:disabled{opacity:.5;cursor:not-allowed}.scientific-calculator{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;min-height:0}.scientific-mode-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:.375rem;margin-bottom:.5rem;background:var(--bg-tertiary);border-radius:12px;padding:.375rem;flex-shrink:0}.mode-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1875rem;padding:.5rem .375rem;background:transparent;color:var(--text-secondary);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.6875rem;font-weight:500}.mode-button:hover{background:var(--bg-secondary);color:var(--text-primary);transform:translateY(-1px)}.mode-button.active{background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.mode-icon{font-size:.875rem}.mode-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.scientific-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;animation:slideIn .3s ease .2s both;flex:1;min-height:0;overflow:hidden;align-content:stretch;width:100%;box-sizing:border-box;max-width:100%}.basic-grid{grid-template-rows:repeat(9,1fr)}.trig-grid,.log-grid,.advanced-grid{grid-template-rows:repeat(7,1fr)}.span-row-2{grid-row:span 2;min-width:0;max-width:100%;box-sizing:border-box}.scientific-calculator .calc-button{font-size:.75rem;min-height:0;padding:.375rem .25rem;word-wrap:break-word;overflow-wrap:break-word;min-width:0;max-width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center}.scientific-calculator .calc-button--secondary{background:var(--bg-tertiary);color:var(--accent-primary);font-weight:600;font-size:.6875rem}.scientific-calculator .calc-button--operator{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2)}.scientific-calculator .calc-button--operator:hover{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg)}.scientific-calculator .calc-button:not(.calc-button--secondary):not(.calc-button--operator){background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-color);font-weight:600}.scientific-calculator .calc-button:not(.calc-button--secondary):not(.calc-button--operator):hover{background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));color:var(--accent-primary);border-color:var(--accent-primary)}.scientific-calculator .calc-button:contains("M"){background:var(--accent-warning);color:#fff}@media (max-width: 480px){.scientific-mode-selector{grid-template-columns:repeat(2,1fr);gap:.25rem;padding:.25rem;margin-bottom:.375rem;width:100%;box-sizing:border-box}.mode-button{padding:.375rem .25rem;gap:.125rem;min-width:0;font-size:.625rem}.mode-icon{font-size:.75rem}.mode-label{font-size:.5625rem}.scientific-grid{gap:.375rem;width:100%;max-width:100%;box-sizing:border-box}.scientific-calculator .calc-button{font-size:.625rem;padding:.25rem .1875rem;min-width:0;max-width:100%}.scientific-calculator .calc-button--secondary{font-size:.5625rem}.basic-grid{grid-template-rows:repeat(9,1fr)}.trig-grid,.log-grid,.advanced-grid{grid-template-rows:repeat(7,1fr)}.expression-history{display:none}}@media (max-width: 320px){.scientific-mode-selector{gap:.25rem;padding:.25rem;margin-bottom:.75rem}.mode-button{padding:.5rem .25rem;gap:.125rem}.mode-icon{font-size:.75rem}.mode-label{font-size:.5625rem}.scientific-grid{gap:.5rem}.scientific-calculator .calc-button{font-size:.75rem;min-height:2.5rem;padding:.625rem .375rem}.scientific-calculator .calc-button--secondary{font-size:.6875rem}}@media (max-height: 700px) and (max-width: 480px){.scientific-mode-selector{margin-bottom:.25rem;padding:.1875rem;width:100%;box-sizing:border-box}.mode-button{padding:.25rem .1875rem;min-width:0;font-size:.5625rem}.scientific-grid{gap:.25rem;width:100%;max-width:100%;box-sizing:border-box}.scientific-calculator .calc-button{font-size:.5625rem;padding:.1875rem .125rem;min-width:0;max-width:100%}.scientific-calculator .calc-button--secondary{font-size:.5rem}.basic-grid{grid-template-rows:repeat(9,1fr)}.trig-grid,.log-grid,.advanced-grid{grid-template-rows:repeat(7,1fr)}.expression-history{display:none}}@media (orientation: landscape) and (max-height: 500px){.scientific-mode-selector{grid-template-columns:repeat(4,1fr);margin-bottom:.375rem;padding:.25rem;width:100%;box-sizing:border-box}.mode-button{padding:.25rem .1875rem;flex-direction:row;gap:.1875rem;min-width:0}.mode-icon{font-size:.6875rem}.mode-label{font-size:.5rem}.scientific-grid{gap:.25rem;width:100%;max-width:100%;box-sizing:border-box}.scientific-calculator .calc-button{font-size:.5625rem;min-height:1.75rem;padding:.1875rem .125rem;min-width:0;max-width:100%}.basic-grid{grid-template-rows:repeat(9,1fr)}.trig-grid,.log-grid,.advanced-grid{grid-template-rows:repeat(7,1fr)}.expression-history{display:none}}@media (hover: none) and (pointer: coarse){.mode-button,.scientific-calculator .calc-button{min-width:44px}.mode-button:hover,.scientific-calculator .calc-button--operator:hover{transform:none}.mode-button:active{transform:scale(.98)}}@media (max-width: 280px){.scientific-mode-selector{grid-template-columns:1fr 1fr;gap:.1875rem}.mode-button{padding:.375rem .1875rem}.mode-label{display:none}.scientific-grid{gap:.375rem}.scientific-calculator .calc-button{font-size:.6875rem;min-height:2.25rem;padding:.375rem .25rem}}@keyframes modeSwitch{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.scientific-grid{animation:modeSwitch .3s ease}.scientific-calculator *{max-width:100%;box-sizing:border-box}.scientific-calculator .calc-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,SF Pro Display,system-ui,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.expression-history{display:none}.expression-history-header{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.expression-history-list{display:flex;flex-direction:column;gap:.5rem}.expression-history-item{padding:.5rem;background:var(--bg-tertiary);border-radius:8px;font-size:.875rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease;word-break:break-all}.expression-history-item:hover{background:var(--accent-primary);color:#fff;transform:translate(4px)}.expression-history-item:active{transform:translate(2px)}.programmer-calculator{width:100%}.base-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}.programmer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;animation:slideIn .3s ease .2s both}@media (max-width: 480px){.programmer-grid{gap:.625rem}}.converter-calculator{width:100%;height:100%;display:flex;flex-direction:column;min-height:0;overflow:hidden;max-width:100%;box-sizing:border-box}.converter-calculator *{max-width:100%;box-sizing:border-box}.result-display{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:.5rem;margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.result-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.result-value{font-size:1rem;font-weight:600;color:var(--accent-primary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;text-align:right;word-break:break-all}.currency-info{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:.5rem;margin-bottom:.5rem;text-align:center;flex-shrink:0}.rate-error{color:var(--accent-warning);font-size:.75rem;margin-bottom:.5rem;font-weight:500}.rate-updated{color:var(--text-secondary);font-size:.75rem;margin-bottom:.5rem}.refresh-rates{background:var(--accent-secondary);color:#fff;border:none;border-radius:6px;padding:.5rem .75rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.refresh-rates:hover:not(:disabled){background:var(--accent-primary);transform:translateY(-1px)}.refresh-rates:disabled{opacity:.6;cursor:not-allowed;transform:none}.conversion-controls{margin-bottom:.5rem;flex-shrink:0}.conversion-type-selector{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.5rem}.type-selector-label{font-size:.6875rem;color:var(--text-secondary);font-weight:500}.type-selector{padding:.5rem 2rem .5rem .5rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:.75rem;transition:all .2s ease;min-height:2.5rem;cursor:pointer;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.type-selector:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f61a;outline:none}.type-selector:hover{border-color:var(--accent-primary)}.unit-selectors{display:grid;grid-template-columns:1fr auto 1fr;gap:.375rem;align-items:end;width:100%;max-width:100%;box-sizing:border-box}.unit-selector{display:flex;flex-direction:column;gap:.375rem;min-width:0;max-width:100%}.unit-selector label{font-size:.6875rem;color:var(--text-secondary);font-weight:500}.unit-selector select{padding:.5rem 2rem .5rem .5rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:.75rem;transition:all .2s ease;min-height:2.5rem;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.unit-selector select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f61a;outline:none}.unit-selector select:hover{border-color:var(--accent-primary)}.swap-button{align-self:end;min-height:2.5rem!important;padding:.5rem!important;font-size:1rem!important;width:2.5rem!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0}.swap-button:hover{transform:rotate(180deg) translateY(-2px)!important;background:var(--accent-primary)!important;color:#fff!important}.converter-keypad{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);gap:.375rem;animation:slideIn .3s ease .2s both;flex:1;min-height:0;overflow:hidden;align-content:stretch;width:100%;max-width:100%;box-sizing:border-box}.converter-calculator .calc-button{font-weight:600;transition:all .2s ease;min-width:0;max-width:100%;box-sizing:border-box;font-size:.875rem;padding:.5rem}.converter-calculator .calc-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 480px){.converter-keypad{gap:.25rem}.conversion-type-selector{gap:.25rem;margin-bottom:.375rem}.type-selector-label{font-size:.625rem}.type-selector{font-size:.6875rem;padding:.4375rem;min-height:2.25rem}.unit-selectors{grid-template-columns:1fr auto 1fr;gap:.25rem;margin-bottom:.375rem}.swap-button{order:initial;justify-self:center;width:2.25rem!important;padding:.4375rem!important;font-size:.875rem!important;min-height:2.25rem!important}.unit-selector select{font-size:.625rem;padding:.4375rem;min-height:2.25rem}.unit-selector label{font-size:.625rem}.result-display{padding:.5rem;margin-bottom:.375rem}.result-label{font-size:.6875rem}.result-value{font-size:.875rem}.currency-info{padding:.4375rem;margin-bottom:.375rem;font-size:.6875rem}.refresh-rates{font-size:.5625rem;padding:.3125rem .4375rem}.converter-calculator .calc-button{font-size:.6875rem;padding:.4375rem}.conversion-controls{margin-bottom:.375rem}.converter-calculator .display{padding:.625rem .875rem;margin-bottom:.375rem}.converter-calculator .display-main{font-size:1.5rem;min-height:1.75rem}.converter-calculator .display-label{font-size:.6875rem}.converter-calculator .display-sub{font-size:.625rem}}@media (max-width: 320px){.conversion-type-selector{gap:.1875rem;margin-bottom:.375rem}.type-selector-label{font-size:.5625rem}.type-selector{font-size:.625rem;padding:.375rem;min-height:2rem}.unit-selectors{gap:.1875rem;margin-bottom:.375rem}.unit-selector select{font-size:.5625rem;padding:.375rem;min-height:2rem}.unit-selector label{font-size:.5625rem}.swap-button{width:2rem!important;padding:.375rem!important;font-size:.75rem!important;min-height:2rem!important}.result-display{padding:.4375rem;margin-bottom:.375rem}.result-label{font-size:.625rem}.result-value{font-size:.8125rem}.converter-keypad{gap:.1875rem}.converter-calculator .calc-button{font-size:.625rem;padding:.375rem}.conversion-controls{margin-bottom:.375rem}.currency-info{padding:.3125rem;margin-bottom:.375rem;font-size:.5625rem}.refresh-rates{font-size:.5rem;padding:.25rem .3125rem}}@media (max-height: 700px) and (max-width: 480px){.conversion-type-selector{margin-bottom:.25rem;gap:.1875rem}.type-selector{padding:.375rem;min-height:2rem;font-size:.625rem}.type-selector-label{font-size:.5625rem}.unit-selectors{gap:.1875rem;margin-bottom:.25rem}.unit-selector select{padding:.375rem;min-height:2rem;font-size:.5625rem}.unit-selector label{font-size:.5625rem}.swap-button{width:2rem!important;min-height:2rem!important;padding:.375rem!important;font-size:.75rem!important}.result-display{padding:.4375rem;margin-bottom:.25rem}.result-label{font-size:.625rem}.result-value{font-size:.8125rem}.converter-keypad{gap:.1875rem}.converter-calculator .calc-button{font-size:.5625rem;padding:.3125rem}.conversion-controls{margin-bottom:.25rem}.currency-info{padding:.3125rem;margin-bottom:.25rem;font-size:.625rem}.refresh-rates{font-size:.5rem;padding:.25rem .375rem}}@media (orientation: landscape) and (max-height: 500px){.conversion-type-selector{margin-bottom:.1875rem;gap:.125rem}.type-selector{min-height:1.5rem;padding:.1875rem;font-size:.5rem}.type-selector-label{font-size:.5rem}.unit-selectors{grid-template-columns:1fr auto 1fr;gap:.1875rem;margin-bottom:.1875rem}.swap-button{order:initial;justify-self:center;padding:.1875rem!important;font-size:.6875rem!important;min-height:1.5rem!important;width:1.5rem!important}.unit-selector select{min-height:1.5rem;padding:.1875rem;font-size:.5rem}.unit-selector label{font-size:.5rem}.result-display{padding:.1875rem;flex-direction:row;align-items:center;margin-bottom:.1875rem}.result-label{font-size:.5625rem}.result-value{font-size:.75rem}.converter-keypad{gap:.125rem}.converter-calculator .calc-button{font-size:.5rem;padding:.125rem}.conversion-controls{margin-bottom:.1875rem}.currency-info{padding:.1875rem;margin-bottom:.1875rem;font-size:.5rem}.refresh-rates{font-size:.4375rem;padding:.125rem .25rem}.converter-calculator .display{padding:.375rem .5rem;margin-bottom:.1875rem}.converter-calculator .display-main{font-size:1rem;min-height:1.25rem}.converter-calculator .display-label{font-size:.5625rem}.converter-calculator .display-sub{font-size:.5rem}}@media (hover: none) and (pointer: coarse){.type-selector,.unit-selector select{min-height:44px}.swap-button{min-height:44px!important;min-width:44px!important}.converter-calculator .calc-button{min-height:44px;min-width:44px}.swap-button:hover{transform:none!important}.converter-calculator .calc-button:hover{transform:none}}@media (max-width: 280px){.type-selector{min-height:2rem;padding:.375rem;font-size:.625rem}.type-selector-label{font-size:.5625rem}.unit-selector label{font-size:.625rem}.unit-selector select{font-size:.5625rem;padding:.375rem;min-height:2rem}.result-value{font-size:.8125rem}.converter-calculator .calc-button{font-size:.625rem;padding:.375rem}.conversion-type-selector{gap:.25rem;margin-bottom:.375rem}.unit-selectors{gap:.1875rem;margin-bottom:.375rem}.swap-button{width:2rem!important;min-height:2rem!important;font-size:.6875rem!important;padding:.375rem!important}.result-display{padding:.4375rem;margin-bottom:.375rem}.converter-keypad{gap:.1875rem}.conversion-controls{margin-bottom:.375rem}.currency-info{padding:.3125rem;margin-bottom:.375rem;font-size:.5625rem}.refresh-rates{font-size:.5rem;padding:.25rem .3125rem}}@keyframes converterTypeSwitch{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.result-value:has-text("Loading"){animation:pulse 1s infinite}[data-theme=dark] .unit-selector select{background:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=dark] .unit-selector select option{background:var(--bg-secondary);color:var(--text-primary)}.converter-calculator .display{margin-bottom:.5rem;flex-shrink:0;padding:.75rem 1rem}.converter-calculator .display-main{font-size:1.75rem;min-height:2rem}.converter-calculator .display-label{font-size:.75rem;margin-bottom:.25rem}.converter-calculator .display-sub{font-size:.6875rem;margin-bottom:.25rem}@media (max-width: 320px){.converter-calculator .display{padding:.5rem .75rem;margin-bottom:.375rem}.converter-calculator .display-main{font-size:1.25rem;min-height:1.5rem}.converter-calculator .display-label{font-size:.625rem}.converter-calculator .display-sub{font-size:.5625rem}}@media (max-height: 700px) and (max-width: 480px){.converter-calculator .display{padding:.5rem .75rem;margin-bottom:.375rem}.converter-calculator .display-main{font-size:1.25rem;min-height:1.5rem}.converter-calculator .display-label{font-size:.625rem}.converter-calculator .display-sub{font-size:.5625rem}}@media (orientation: landscape) and (max-height: 500px){.converter-calculator .display{padding:.5rem .75rem;margin-bottom:.5rem}.converter-calculator .display-main{font-size:clamp(1rem,4vw,1.25rem);min-height:1.5rem}}@media (max-height: 600px) and (max-width: 375px){.converter-calculator .display{padding:.75rem;margin-bottom:.5rem}.converter-calculator .display-main{font-size:clamp(1.25rem,6vw,1.75rem);min-height:1.75rem}.conversion-type-selector{gap:.25rem;margin-bottom:.375rem}.type-selector{min-height:2rem;padding:.375rem;font-size:.625rem}.type-selector-label{font-size:.5625rem}.unit-selectors{gap:.25rem;margin-bottom:.375rem}.unit-selector select{font-size:.625rem;padding:.375rem;min-height:2rem}.unit-selector label{font-size:.625rem;margin-bottom:.25rem}.swap-button{width:2rem!important;min-height:2rem!important;font-size:.6875rem!important;padding:.375rem!important}.result-display{padding:.4375rem;margin-bottom:.375rem}.result-value{font-size:.8125rem}.converter-keypad{gap:.1875rem}.converter-calculator .calc-button{font-size:.625rem;padding:.375rem}.conversion-controls{margin-bottom:.375rem}.currency-info{padding:.3125rem;margin-bottom:.375rem;font-size:.5625rem}.refresh-rates{font-size:.5rem;padding:.25rem .3125rem}}.calculator-app{width:100%;max-width:400px;background:var(--bg-secondary);border-radius:24px;box-shadow:var(--shadow-lg);overflow:hidden;animation:scaleIn .3s ease;position:relative;margin:calc(var(--safe-area-inset-top, 0px) + 1rem) 1rem calc(var(--safe-area-inset-bottom, 0px) + 1rem) 1rem}.calculator-app:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:.6}.calculator-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.header-left{display:flex;align-items:center;gap:1rem;position:relative}.header-right{display:flex;align-items:center;gap:.75rem}.history-btn,.formula-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.5rem;cursor:pointer;transition:all .2s ease;font-size:1.1rem;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.history-btn:hover,.formula-btn:hover{background:var(--bg-primary);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.history-btn:focus,.formula-btn:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.history-btn:active,.formula-btn:active{transform:scale(.95)}.app-title-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:0;border-radius:0;transition:none;margin:0}.app-title-button:hover{background:none}.app-title-button:focus{outline:none}.app-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;cursor:pointer}.title-dropdown-arrow{color:var(--text-secondary);transition:transform .2s ease;flex-shrink:0}.title-dropdown-arrow.rotated{transform:rotate(180deg)}.dropdown-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.title-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #0000004d;z-index:1000;animation:modalSlideIn .3s ease;min-width:320px;max-width:90vw}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.25rem .75rem;border-bottom:1px solid var(--border-color)}.dropdown-title{font-weight:600;color:var(--text-primary);font-size:1.1rem}.dropdown-close{background:var(--bg-secondary);border:none;font-size:1.25rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.dropdown-close:hover{background:var(--border-color);color:var(--text-primary)}.dropdown-list{padding:.75rem}.dropdown-item{width:100%;background:none;border:none;text-align:left;padding:1rem;border-radius:12px;cursor:pointer;transition:all .2s ease;margin-bottom:.5rem}.dropdown-item:last-child{margin-bottom:0}.dropdown-item:hover{background:var(--bg-secondary);transform:translateY(-1px)}.dropdown-item.active{background:var(--accent-primary);color:#fff;box-shadow:0 4px 12px rgba(var(--accent-primary-rgb),.3)}.dropdown-item.active .item-icon,.dropdown-item.active .item-label,.dropdown-item.active .item-description{color:#fff}.item-content{display:flex;flex-direction:column;gap:.25rem}.item-header{display:flex;align-items:center;gap:.75rem}.item-icon{font-size:1.25rem;width:24px;text-align:center}.item-label{font-weight:600;color:var(--text-primary);flex:1;font-size:1rem}.item-check{color:var(--accent-primary);font-weight:700;font-size:1.1rem}.dropdown-item.active .item-check{color:#fff}.item-description{font-size:.85rem;color:var(--text-secondary);margin-left:32px;line-height:1.3}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.calculator-main{padding:1.5rem;background:var(--bg-secondary);flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.calculator-wrapper{animation:fadeIn .4s ease .1s both;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}@media (max-width: 480px){:root{--mobile-height: 100vh;--mobile-height: 100svh}body{height:100vh;height:100svh;overflow:hidden;position:relative}.calculator-app{max-width:100%;width:100%;height:var(--mobile-height);border-radius:0;margin:0;box-shadow:none;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.calculator-header{padding:1rem 1rem .75rem;flex-shrink:0}.calculator-main{padding:.5rem 1rem 1rem;flex:1;display:flex;flex-direction:column;align-items:stretch;min-height:0;overflow:hidden}.calculator-wrapper{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.app-title{font-size:1.25rem}.header-left{gap:.75rem}.title-dropdown{min-width:260px;max-width:calc(100vw - 2rem);margin:0 1rem}.history-btn,.formula-btn{width:32px;height:32px;font-size:1rem}.dropdown-header{padding:1rem 1rem .625rem}.dropdown-item{padding:.875rem}.item-description{margin-left:28px;font-size:.8125rem}}@media (max-height: 700px) and (max-width: 480px){.calculator-app{height:100vh;height:100svh;margin:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.calculator-header{padding:.75rem 1rem .5rem}.calculator-main{padding:.5rem 1rem .75rem;overflow:hidden}.app-title{font-size:1.125rem}}@media (max-width: 320px){.calculator-app{height:100vh;height:100svh;margin:0;border-radius:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.calculator-header{padding:.75rem .75rem .5rem}.calculator-main{padding:.5rem .75rem .75rem;overflow:hidden}.app-title{font-size:1rem}.title-dropdown{min-width:240px}.header-right{gap:.5rem}}@media (orientation: landscape) and (max-height: 500px){.calculator-app{width:100vw!important;height:100vh!important;height:100svh!important;margin:0!important;border-radius:0!important;padding:0!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;z-index:1000}.calculator-header{padding:.25rem 1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));flex-shrink:0;width:100%;box-sizing:border-box}.calculator-main{padding:.25rem 1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(.5rem,env(safe-area-inset-bottom));overflow:hidden;flex:1;display:flex;align-items:stretch;width:100%;box-sizing:border-box}.calculator-wrapper{flex:1;display:flex;flex-direction:column;max-height:100%;width:100%;overflow:hidden}.app-title{font-size:1rem}.settings-btn,.history-btn,.formula-btn{width:32px;height:32px;font-size:.9rem}.calculator-display{width:100%;flex-shrink:0}.calculator-buttons{flex:1;width:100%;overflow:hidden}.calc-button{font-size:.9rem;padding:.25rem;min-height:2rem;width:100%;height:100%}}@media (hover: none) and (pointer: coarse){.history-btn,.formula-btn,.dropdown-close{min-height:44px;min-width:44px}.dropdown-item{min-height:48px;padding:.75rem 1rem}}@media (min-width: 481px) and (max-width: 768px){.calculator-app{max-width:420px;margin:calc(var(--safe-area-inset-top, 0px) + 1rem) auto calc(var(--safe-area-inset-bottom, 0px) + 1rem) auto}}.settings-container{position:relative}.settings-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);width:40px;height:40px;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.settings-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.settings-btn:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.settings-btn:active{transform:scale(.95)}.settings-dropdown{position:absolute;top:calc(100% + .75rem);right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #0000004d;z-index:1000;animation:settingsSlideIn .25s ease both;min-width:280px;max-width:320px;transform-origin:top right;opacity:0}@keyframes settingsSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.settings-list{padding:.75rem}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:12px;margin-bottom:.5rem;transition:all .2s ease}.setting-item:last-child{margin-bottom:0}.setting-item:hover{background:var(--bg-secondary)}.setting-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.setting-label{font-weight:600;color:var(--text-primary);font-size:.9375rem}.setting-description{font-size:.8125rem;color:var(--text-secondary);line-height:1.3}.setting-toggle{background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.setting-toggle .toggle-track{width:40px;height:22px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;position:relative;transition:all .2s ease;display:flex;align-items:center}.setting-toggle.active .toggle-track{background:var(--accent-primary);border-color:var(--accent-primary)}.setting-toggle .toggle-thumb{width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;top:50%;left:2px;transform:translateY(-50%);transition:all .2s ease;box-shadow:0 2px 4px #0003}.setting-toggle.active .toggle-thumb{left:calc(100% - 18px)}.setting-action{background:var(--accent-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.setting-action:hover{background:var(--accent-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.setting-status{background:var(--accent-primary);color:#fff;border:none;padding:.4rem .8rem;border-radius:8px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem;cursor:default;opacity:.9}.setting-status:before{content:"✓";font-size:.8rem}@media (max-width: 480px){.settings-container{position:relative}.settings-dropdown{position:fixed;top:10vh;right:.5rem;min-width:260px;max-width:calc(100vw - 1rem);z-index:10001;max-height:60vh;overflow-y:auto}.settings-btn{width:36px;height:36px;font-size:1rem}.setting-item{padding:.875rem}.setting-label{font-size:.875rem}.setting-description{font-size:.75rem}.setting-toggle .toggle-track{width:40px;height:22px}.setting-toggle .toggle-thumb{width:16px;height:16px;left:2px}.setting-toggle.active .toggle-thumb{left:calc(100% - 18px)}}@media (max-width: 320px){.settings-dropdown{right:.25rem;min-width:240px}.settings-btn{width:32px;height:32px;font-size:.9375rem}}:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--text-primary: #1e293b;--text-secondary: #64748b;--text-tertiary: #94a3b8;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--accent-primary: #3b82f6;--accent-secondary: #10b981;--accent-warning: #f59e0b;--accent-danger: #ef4444;--blur-bg: rgba(255, 255, 255, .8)}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-color: #475569;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .5);--accent-primary: #60a5fa;--accent-secondary: #34d399;--accent-warning: #fbbf24;--accent-danger: #f87171;--blur-bg: rgba(15, 23, 42, .8)}*{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;overflow-x:hidden}#root{height:100%;min-height:100vh;min-height:calc(var(--vh, 1vh) * 100)}*:focus{outline:2px solid var(--accent-primary);outline-offset:2px}::selection{background:var(--accent-primary);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);min-height:100dvh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-tertiary) 100%);display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;overflow:hidden;padding-top:max(1rem,env(safe-area-inset-top));padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));overscroll-behavior:none}.app:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(16,185,129,.1) 0%,transparent 50%);pointer-events:none;opacity:.5}@media (max-width: 768px){.app{padding:.5rem;align-items:flex-start;padding-top:max(.5rem,env(safe-area-inset-top));padding-bottom:max(.5rem,env(safe-area-inset-bottom));padding-left:max(.5rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right));overflow-y:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 480px){.app{padding:.25rem;padding-top:max(.25rem,env(safe-area-inset-top));padding-bottom:max(.25rem,env(safe-area-inset-bottom));padding-left:max(.25rem,env(safe-area-inset-left));padding-right:max(.25rem,env(safe-area-inset-right));justify-content:flex-start}}@media (max-width: 320px){.app{padding:.125rem;padding-top:max(.125rem,env(safe-area-inset-top));padding-bottom:max(.125rem,env(safe-area-inset-bottom));padding-left:max(.125rem,env(safe-area-inset-left));padding-right:max(.125rem,env(safe-area-inset-right))}}@media (orientation: landscape) and (max-height: 500px){.app{align-items:center;justify-content:center;padding:.25rem;padding-top:max(.25rem,env(safe-area-inset-top));padding-bottom:max(.25rem,env(safe-area-inset-bottom));padding-left:max(.5rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right));overflow:hidden;height:100vh;height:100dvh;width:100vw;position:fixed;top:0;left:0;right:0;bottom:0}.calculator-app{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;gap:.5rem;height:100%;width:100%;max-height:100vh;max-height:100dvh;max-width:100vw;border-radius:0;margin:0;padding:0}.calculator-main{flex:1;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.calculator-display{flex:0 0 auto;margin-bottom:.5rem;width:100%}.calculator-buttons{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;width:100%;height:100%;overflow:hidden}.calculator-button{font-size:1rem;padding:.5rem;min-height:2.5rem;width:100%;height:100%}}@media (display-mode: standalone){.app{background:var(--bg-primary);height:100vh;height:100dvh;overflow:hidden}.app:before{opacity:.3}.calculator-app{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.calculator-button{min-height:3rem;min-width:3rem;font-size:1.25rem}}@supports (-webkit-touch-callout: none){.app{min-height:-webkit-fill-available}}.glass-effect{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--blur-bg);border:1px solid rgba(255,255,255,.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes gradient-shift{0%{--gradient-angle: 0deg}to{--gradient-angle: 360deg}}.interactive-element{transition:all .2s ease;cursor:pointer}.interactive-element:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.interactive-element:active{transform:translateY(0);box-shadow:var(--shadow-md)}.mobile-device{min-height:100vh;min-height:100dvh;overflow-x:hidden;position:fixed;width:100%;top:0;left:0}.mobile-device.ios-device{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none}.mobile-device.android-device{overscroll-behavior:none}.mobile-device .app{min-height:100vh;min-height:100dvh;position:relative;overflow:hidden}.mobile-device .calculator-app{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.mobile-device .calculator-main{flex:1;overflow:hidden;position:relative}.mobile-device .calculator-wrapper{height:100%;overflow:hidden}.hide-address-bar{position:fixed!important;width:100%!important;height:100vh!important;height:100dvh!important;top:0!important;left:0!important;overflow:hidden!important}.hide-address-bar body,.hide-address-bar html{height:100vh!important;height:100dvh!important;overflow:hidden!important}.hide-address-bar:fullscreen{width:100vw!important;height:100vh!important;height:100dvh!important}.hide-address-bar:-webkit-full-screen{width:100vw!important;height:100vh!important;height:100dvh!important}.hide-address-bar:-moz-full-screen{width:100vw!important;height:100vh!important;height:100dvh!important}.hide-address-bar:-ms-fullscreen{width:100vw!important;height:100vh!important;height:100dvh!important}.hide-address-bar *{max-height:100vh!important;max-height:100dvh!important}.hide-address-bar .calculator-app{height:100vh!important;height:100dvh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}@media screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3){.mobile-device .app{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.hide-address-bar .app{padding-top:max(env(safe-area-inset-top),20px);padding-bottom:max(env(safe-area-inset-bottom),20px)}}@media screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2){.mobile-device .app{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.hide-address-bar .app{padding-top:max(env(safe-area-inset-top),20px);padding-bottom:max(env(safe-area-inset-bottom),20px)}}@media screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3){.mobile-device .app{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.hide-address-bar .app{padding-top:max(env(safe-area-inset-top),20px);padding-bottom:max(env(safe-area-inset-bottom),20px)}}@media (max-width: 768px){.mobile-device{width:100vw;max-width:100vw;overflow-x:hidden}.mobile-device .calculator-app{height:100vh;height:calc(var(--vh, 1vh) * 100)}.hide-address-bar .calculator-app{height:100vh!important;height:100dvh!important}}@media (orientation: landscape) and (max-height: 500px){.mobile-device .calculator-header{padding:.5rem 1rem}.mobile-device .app-title{font-size:1.2rem}.hide-address-bar .calculator-header{padding:.25rem 1rem}}.error-boundary{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-tertiary) 100%);color:var(--text-primary)}.error-content{text-align:center;max-width:400px;padding:2rem;background:var(--bg-secondary);border-radius:1rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.error-content h2{color:var(--error-color);margin-bottom:1rem;font-size:1.5rem}.error-content p{margin-bottom:1.5rem;color:var(--text-secondary);line-height:1.5}.reset-button{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.reset-button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.reset-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.loading-screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-tertiary) 100%);color:var(--text-primary)}.loading-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-spinner{width:2.5rem;height:2.5rem;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.loading-content p{color:var(--text-secondary);font-size:1rem;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.performance-warning{position:fixed;top:1rem;right:1rem;background:var(--warning-bg);color:var(--warning-text);padding:.5rem 1rem;border-radius:.5rem;font-size:.8rem;z-index:9999;opacity:.9;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%,to{opacity:0}20%,80%{opacity:.9}}@media (max-width: 480px){.error-content{padding:1.5rem;margin:1rem}.error-content h2{font-size:1.25rem}.reset-button{padding:.625rem 1.25rem;font-size:.9rem}.loading-content{padding:1rem}.loading-spinner{width:2rem;height:2rem}}