:root,[data-theme=blue]{--accent-primary:#2563eb;--accent-secondary:#1d4ed8;--accent-light:#dbeafe}:root,[data-theme=green],[data-theme=purple]{--warning:#ea580c;--warning-hover:#c2410c}:root,[data-theme=green],[data-theme=orange],[data-theme=purple]{--success:#16a34a;--success-hover:#15803d}:root,[data-theme=blue],[data-theme=green],[data-theme=orange],[data-theme=purple]{--card-bg:#ffffff;--input-bg:#ffffff;--button-bg:#ffffff}.header-content,main{margin:0 auto;max-width:1200px}.calc-btn,.example-btn{cursor:pointer;transition:.3s}.expression-input,.info-card h3,.intro,.no-history,.result-error{text-align:center}.info-list,.usage-section ul{list-style:none}.expression-input,.history-expression,.history-result,.result-value,.rule-example{font-family:Monaco,Menlo,'Ubuntu Mono',monospace}.footer-link,a{text-decoration:none}:root{--bg-primary:#ffffff;--bg-secondary:#f8fafc;--bg-gradient:linear-gradient(135deg, #dbeafe 0%, #e0e7ff 100%);--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--border-color:#e5e7eb;--border-light:#f3f4f6;--shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);--shadow-hover:0 10px 15px -3px rgba(0, 0, 0, 0.1);--button-hover:#f9fafb}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#64748b;--border-color:#334155;--border-light:#475569;--shadow:0 4px 6px -1px rgba(0, 0, 0, 0.3);--shadow-hover:0 10px 15px -3px rgba(0, 0, 0, 0.3);--accent-primary:#3b82f6;--accent-secondary:#2563eb;--accent-light:#1e3a8a;--success:#22c55e;--success-hover:#16a34a;--warning:#f97316;--warning-hover:#ea580c;--card-bg:#1e293b;--input-bg:#334155;--button-bg:#334155;--button-hover:#475569}[data-theme=blue]{--bg-primary:#eff6ff;--bg-secondary:#dbeafe;--bg-gradient:linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);--text-primary:#1e3a8a;--text-secondary:#1d4ed8;--text-muted:#6b7280;--border-color:#bfdbfe;--border-light:#dbeafe;--shadow:0 4px 6px -1px rgba(37, 99, 235, 0.1);--shadow-hover:0 10px 15px -3px rgba(37, 99, 235, 0.2);--success:#059669;--success-hover:#047857;--warning:#d97706;--warning-hover:#b45309;--button-hover:#f0f9ff}[data-theme=green]{--bg-primary:#f0fdf4;--bg-secondary:#dcfce7;--bg-gradient:linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);--text-primary:#14532d;--text-secondary:#166534;--text-muted:#6b7280;--border-color:#bbf7d0;--border-light:#dcfce7;--shadow:0 4px 6px -1px rgba(34, 197, 94, 0.1);--shadow-hover:0 10px 15px -3px rgba(34, 197, 94, 0.2);--accent-primary:#16a34a;--accent-secondary:#15803d;--accent-light:#dcfce7;--button-hover:#f0fdf4}[data-theme=purple]{--bg-primary:#faf5ff;--bg-secondary:#f3e8ff;--bg-gradient:linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 100%);--text-primary:#581c87;--text-secondary:#7c3aed;--text-muted:#6b7280;--border-color:#e9d5ff;--border-light:#f3e8ff;--shadow:0 4px 6px -1px rgba(147, 51, 234, 0.1);--shadow-hover:0 10px 15px -3px rgba(147, 51, 234, 0.2);--accent-primary:#9333ea;--accent-secondary:#7c3aed;--accent-light:#f3e8ff;--button-hover:#faf5ff}[data-theme=orange]{--bg-primary:#fff7ed;--bg-secondary:#fed7aa;--bg-gradient:linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);--text-primary:#9a3412;--text-secondary:#ea580c;--text-muted:#6b7280;--border-color:#fdba74;--border-light:#fed7aa;--shadow:0 4px 6px -1px rgba(234, 88, 12, 0.1);--shadow-hover:0 10px 15px -3px rgba(234, 88, 12, 0.2);--accent-primary:#ea580c;--accent-secondary:#c2410c;--accent-light:#fed7aa;--warning:#dc2626;--warning-hover:#b91c1c;--button-hover:#fff7ed}*{box-sizing:border-box;transition:background-color .3s,color .3s,border-color .3s;margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-gradient);min-height:100vh;color:var(--text-primary);font-family:Arial,sans-serif;background-color:#f9f9f9;color:#333;line-height:1.6;padding:20px}header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow)}.header-content{padding:1rem;display:flex;align-items:center;justify-content:space-between}.calculator-icon,.header-left{align-items:center;display:flex}.header-left{gap:.75rem}.calculator-icon{width:2rem;height:2rem;background:var(--accent-primary);border-radius:.5rem;justify-content:center;color:#fff;font-weight:700}.header-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.theme-dropdown,.theme-label{font-size:.875rem;font-weight:500}.theme-selector{display:flex;align-items:center;gap:.5rem}.theme-label{color:var(--text-secondary)}.theme-dropdown{background:var(--button-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:.5rem .75rem;color:var(--text-primary);cursor:pointer;outline:0;transition:.3s;min-width:120px}.theme-dropdown:hover{background:var(--button-hover);border-color:var(--accent-primary);transform:translateY(-1px)}.expression-input:focus,.theme-dropdown:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.theme-switching{animation:.5s themeSwitch}@keyframes themeSwitch{0%,100%{opacity:1}50%{opacity:.7}}.theme-preview{width:1rem;height:1rem;border-radius:50%;background:var(--accent-primary);border:2px solid var(--border-color);transition:.3s;box-shadow:0 2px 4px rgba(0,0,0,.1)}main{padding:2rem 1rem;display:grid;grid-template-columns:1fr 350px;gap:2rem;align-items:start}.main-content{min-width:0}.sidebar{position:sticky;top:2rem}.intro{margin-bottom:2rem}.main-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.subtitle{color:var(--text-secondary);font-size:1.1rem}.calculator-card{background:var(--card-bg);border-radius:1rem;box-shadow:var(--shadow);padding:2rem;margin:2rem 0;transition:box-shadow .3s}.calculator-card:hover,.info-card:hover,.rules-section:hover{box-shadow:var(--shadow-hover)}.input-container{position:relative;margin-bottom:2rem}.expression-input{width:100%;height:3rem;padding:0 4rem 0 1rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:1.125rem;outline:0;background:var(--input-bg);color:var(--text-primary);transition:.3s}.example-btn,.memory-indicator{position:absolute;padding:.25rem .5rem}.example-btn{right:.5rem;top:50%;transform:translateY(-50%);background:0 0;border:none;color:var(--accent-primary);font-size:.75rem;border-radius:.25rem}.example-btn:hover{color:var(--accent-secondary);background:var(--accent-light)}.calculator-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin-bottom:2rem}.calculator-grid.basic{grid-template-columns:repeat(5,1fr)}.calc-btn{height:3rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--button-bg);color:var(--text-primary);font-size:1.125rem;font-weight:600;display:flex;align-items:center;justify-content:center}.calc-btn:hover{background:var(--button-hover);border-color:var(--text-muted);transform:translateY(-1px)}.calc-btn.operator{background:var(--warning);color:#fff;border-color:var(--warning)}.calc-btn.operator:hover{background:var(--warning-hover);border-color:var(--warning-hover)}.calc-btn.function{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-light)}.calc-btn.function:hover,.clear-btn:hover{background:var(--border-light)}.memory-indicator{top:.5rem;left:1rem;background:var(--accent-primary);color:#fff;border-radius:.5rem;font-size:.75rem;font-weight:700;opacity:0;transition:opacity .3s;pointer-events:none}.clear-history-btn,.history-item,.mode-btn,.sigfig-btn{transition:.3s;cursor:pointer}.memory-indicator.show{opacity:1}.calc-btn.advanced{background:var(--accent-light);color:var(--accent-secondary);border-color:var(--accent-primary);font-size:.9rem}.calc-btn.advanced:hover{background:var(--accent-primary);color:#fff}.calc-btn.memory{background:var(--success);color:#fff;border-color:var(--success);font-size:.9rem;font-weight:700}.calc-btn.memory:hover,.solve-btn:hover{background:var(--success-hover);border-color:var(--success-hover)}.mode-btn:hover:not(.active),.sigfig-btn:hover:not(.active){background:var(--button-hover)}.calc-mode-toggle{display:flex;gap:.5rem;margin-bottom:1rem;justify-content:center}.mode-btn{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--button-bg);color:var(--text-secondary);font-size:.875rem;font-weight:500}.mode-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.history-panel{background:var(--card-bg);border-radius:1rem;box-shadow:var(--shadow);padding:1.5rem;height:fit-content;max-height:600px;overflow-y:auto}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.history-title{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.clear-history-btn{background:var(--warning);color:#fff;border:none;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem}.clear-btn,.history-item{background:var(--bg-secondary)}.clear-history-btn:hover{background:var(--warning-hover);transform:translateY(-1px)}.history-list{display:flex;flex-direction:column;gap:.5rem}.history-item{border:1px solid var(--border-color);border-radius:.5rem;padding:.75rem}.history-item:hover{background:var(--accent-light);border-color:var(--accent-primary);transform:translateY(-1px)}.history-expression{font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.bottom-row,.sigfigs-section{margin-bottom:2rem}.history-result{font-size:1rem;color:var(--text-primary);font-weight:600}.history-timestamp{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.no-history{color:var(--text-muted);font-style:italic;padding:2rem 1rem}@media (max-width:1024px){main{grid-template-columns:1fr;gap:1rem}.sidebar{position:static;order:-1}.history-panel{max-height:300px}}.bottom-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.clear-btn{color:var(--text-primary)}.solve-btn{background:var(--success);color:#fff;border-color:var(--success);font-weight:700}.sigfigs-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;display:block}.sigfigs-buttons{display:flex;gap:.5rem}.sigfig-btn{width:3rem;height:2.5rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--button-bg);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-weight:500}.sigfig-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:scale(1.05)}.sigfig-btn:hover:not(.active){transform:translateY(-1px)}.result-section{background:var(--card-bg);border:2px solid var(--warning);border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;display:none;animation:.3s fadeIn}.footer-content,.result-header{border-bottom:1px solid var(--border-color)}.info-card h3,.result-header{font-size:1.25rem;margin-bottom:1rem}.result-section.show,.rules-content.show{display:block}.result-header{font-weight:700;color:var(--text-primary);padding-bottom:.5rem}.result-grid{display:grid;gap:.75rem}.result-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.result-label{font-weight:500;color:var(--text-secondary);font-size:1rem}.result-value{font-size:1.125rem;color:var(--text-primary);font-weight:600}.result-value.highlight{color:var(--accent-primary);font-size:1.25rem}.result-error,.result-value.scientific{color:var(--warning)}.result-value.sigfigs,.rule-example .sig-count{color:#dc2626;font-weight:700}.result-value.decimals,.rule-example .decimal-count{color:#7c3aed;font-weight:700}.result-error{font-weight:500;padding:1rem}.bullet,.footer-link:hover{color:var(--accent-primary)}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.info-card,.rules-section{background:var(--card-bg);border-radius:1rem;box-shadow:var(--shadow);padding:1.5rem;margin:2rem 0;transition:box-shadow .3s}.rule-item,footer{background:var(--bg-secondary)}.info-card h3{font-weight:700;color:var(--text-primary)}.info-list{space-y:0.75rem}.info-list li{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.75rem}.bullet{font-weight:700;margin-top:.125rem}.usage-grid,footer{color:var(--text-secondary);font-size:.875rem}.usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.usage-section h4{font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.usage-section li{margin-bottom:.25rem}footer{border-top:1px solid var(--border-color);margin-top:3rem;padding:2rem 1rem 1rem}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding-bottom:1.5rem}.footer-main{text-align:left}.footer-bottom,h1{text-align:center}.footer-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.footer-description{color:var(--text-secondary);margin:0;line-height:1.4}.footer-nav{display:flex;gap:1.5rem;flex-wrap:wrap}.footer-link{color:var(--text-secondary);font-weight:500;transition:.3s;padding:.5rem 0;border-bottom:2px solid transparent}.footer-link:hover{border-bottom-color:var(--accent-primary);transform:translateY(-1px)}.footer-bottom{padding-top:1rem;color:var(--text-muted);font-size:.8rem}.footer-bottom p{margin:0}@media (max-width:768px){.footer-content,.footer-main{text-align:center}.footer-content,.usage-grid{grid-template-columns:1fr;gap:1rem}.footer-nav{justify-content:center;gap:1rem}.footer-link{font-size:.85rem}.header-content{flex-direction:column;gap:1rem;text-align:center}.header-left,.theme-selector{justify-content:center}.main-title{font-size:1.5rem}.calculator-card{padding:1.5rem;margin:1rem 0}.calculator-grid{gap:.375rem}.calculator-grid.basic,.calculator-grid:not(.basic){grid-template-columns:repeat(4,1fr)}.calc-btn{height:2.75rem;font-size:.9rem}.calc-btn.advanced,.theme-dropdown{font-size:.8rem}.theme-dropdown{padding:.4rem .6rem}.mode-btn{font-size:.75rem;padding:.4rem .8rem}.result-row{flex-direction:column;align-items:flex-start;gap:.25rem;padding:.75rem 0}.result-label{font-size:.875rem}.result-value{font-size:1rem}.result-value.highlight{font-size:1.125rem}}@media (max-width:480px){.header-title{font-size:1.25rem}.theme-label{display:none}.theme-preview{width:.8rem;height:.8rem}.calculator-card{padding:1rem;margin:.5rem}.calc-btn{height:2.5rem;font-size:.9rem}}.rules-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:.5rem 0;border-bottom:2px solid var(--border-color);margin-bottom:1rem;user-select:none}.rules-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.rules-toggle{font-size:1.5rem;color:var(--accent-primary);transition:transform .3s}.rules-toggle.expanded{transform:rotate(180deg)}.rules-content{display:none;animation:.3s fadeIn}.rule-category{margin-bottom:1.5rem}.rule-category-title{font-size:1.1rem;font-weight:600;color:var(--accent-primary);margin-bottom:.75rem;padding-bottom:.25rem;border-bottom:1px solid var(--border-color)}.rule-item{margin-bottom:.75rem;padding:.5rem;border-radius:.5rem;border-left:4px solid var(--accent-primary)}.rule-text{font-size:.9rem;color:var(--text-primary);margin-bottom:.5rem;line-height:1.4}.rule-example{font-size:.85rem;background:var(--input-bg);padding:.4rem .6rem;border-radius:.25rem;border:1px solid var(--border-color);margin:.25rem 0}.rule-example .highlight{background:#fef3c7;color:#92400e;padding:.1rem .2rem;border-radius:.2rem;font-weight:700}[data-theme=dark] .rule-example .highlight{background:#451a03;color:#fbbf24}.rule-example .scientific{color:#ea580c;font-weight:700}@media (max-width:768px){.rules-section{padding:1rem;margin:1rem 0}.rules-title{font-size:1.1rem}.rule-category-title{font-size:1rem}.rule-text{font-size:.85rem}.rule-example{font-size:.8rem}}h1{font-size:2rem;color:#007bff;margin-bottom:0}.examples-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.example-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.example-card h2{font-size:1.5rem;color:#007bff;margin-bottom:10px}.example-card p{font-size:1rem;color:#333}.example-card .tag{background-color:#e6f7ff;color:#007bff;padding:5px 10px;border-radius:15px;font-size:.8rem;margin-bottom:10px}.resp-sharing-button__icon,.resp-sharing-button__link{display:inline-block}.resp-sharing-button__link{text-decoration:none;color:#fff;margin:.5em}.resp-sharing-button{border-radius:5px;transition:25ms ease-out;padding:.5em .75em;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.resp-sharing-button__icon svg{width:1em;height:1em;margin-right:.4em;vertical-align:top}.resp-sharing-button--small svg{margin:0;vertical-align:middle}.resp-sharing-button__icon{stroke:#fff;fill:none}.resp-sharing-button__icon--solid,.resp-sharing-button__icon--solidcircle{fill:#fff;stroke:none}.resp-sharing-button--google{background-color:#dd4b39}.resp-sharing-button--google:hover{background-color:#c23321}.resp-sharing-button--xing:hover{background-color:#114c4c}.resp-sharing-button--hackernews:focus,.resp-sharing-button--hackernews:hover{background-color:#fb6200}.resp-sharing-button--vk:hover{background-color:#43648c}.resp-sharing-button--facebook{background-color:#3b5998;border-color:#3b5998}.resp-sharing-button--facebook:active,.resp-sharing-button--facebook:hover{background-color:#2d4373;border-color:#2d4373}.resp-sharing-button--twitter{background-color:#55acee;border-color:#55acee}.resp-sharing-button--twitter:active,.resp-sharing-button--twitter:hover{background-color:#2795e9;border-color:#2795e9}.resp-sharing-button--tumblr{background-color:#35465c;border-color:#35465c}.resp-sharing-button--tumblr:active,.resp-sharing-button--tumblr:hover{background-color:#222d3c;border-color:#222d3c}.resp-sharing-button--email{background-color:#777;border-color:#777}.resp-sharing-button--email:active,.resp-sharing-button--email:hover{background-color:#5e5e5e;border-color:#5e5e5e}.resp-sharing-button--pinterest{background-color:#bd081c;border-color:#bd081c}.resp-sharing-button--pinterest:active,.resp-sharing-button--pinterest:hover{background-color:#8c0615;border-color:#8c0615}.resp-sharing-button--linkedin{background-color:#0077b5;border-color:#0077b5}.resp-sharing-button--linkedin:active,.resp-sharing-button--linkedin:hover{background-color:#046293;border-color:#046293}.resp-sharing-button--reddit{background-color:#5f99cf;border-color:#5f99cf}.resp-sharing-button--reddit:active,.resp-sharing-button--reddit:hover{background-color:#3a80c1;border-color:#3a80c1}.resp-sharing-button--xing{background-color:#1a7576;border-color:#1a7576}.resp-sharing-button--xing:hover .resp-sharing-button--xing:active{background-color:#114c4c;border-color:#114c4c}.resp-sharing-button--whatsapp{background-color:#25d366;border-color:#25d366}.resp-sharing-button--whatsapp:active,.resp-sharing-button--whatsapp:hover{background-color:#1da851;border-color:#1da851}.resp-sharing-button--hackernews{background-color:#f60;border-color:#f60}.resp-sharing-button--hackernews:hover .resp-sharing-button--hackernews:active{background-color:#fb6200;border-color:#fb6200}.resp-sharing-button--vk{background-color:#507299;border-color:#507299}.resp-sharing-button--vk:hover .resp-sharing-button--vk:active{background-color:#43648c;border-color:#43648c}.resp-sharing-button--telegram{background-color:#54a9eb}.resp-sharing-button--telegram:hover{background-color:#4b97d1}