.copyright-notice,.history-display,.memory-indicator{color:var(--history-text-color)}:root{--primary-bg-color:#f0f7ff;--calculator-bg-color:#ffffff;--display-bg-color:#e9f1f6;--display-text-color:#2c3e50;--history-text-color:#5f7a94;--button-bg-color:#fdfdfd;--button-hover-color:#f0f0f0;--number-text-color:#34495e;--op-button-bg-color:#d4e6f1;--op-button-hover-color:#b9d7ea;--function-button-bg-color:#eaf2f8;--parenthesis-button-bg-color:#c0deed;--equals-button-bg-color:#5dade2;--equals-button-hover-color:#4ba8d9;--clear-button-bg-color:#fadbd8;--clear-button-hover-color:#f5b7b1;--mode-button-active-color:#3498db;--memory-button-bg-color:#d4efdf;--memory-button-hover-color:#a9dfbf;--memory-button-text-color:#196f3d;--shadow-color:rgba(44, 62, 80, 0.15);--roman-button-bg:#fef9e7;--modal-text:#2c3e50;--modal-bg:white;--modal-border:#e9f1f6;--modal-label-bg:#f9f9f9}body[data-theme=dark]{--primary-bg-color:#2c3e50;--calculator-bg-color:#34495e;--display-bg-color:#2c3e50;--display-text-color:#ecf0f1;--history-text-color:#95a5a6;--button-bg-color:#5D6D7E;--button-hover-color:#85929E;--number-text-color:#ecf0f1;--op-button-bg-color:#e67e22;--op-button-hover-color:#d35400;--function-button-bg-color:#707B7C;--parenthesis-button-bg-color:#707B7C;--equals-button-bg-color:#2ecc71;--equals-button-hover-color:#27ae60;--clear-button-bg-color:#e74c3c;--clear-button-hover-color:#c0392b;--mode-button-active-color:#e67e22;--shadow-color:rgba(0, 0, 0, 0.3);--roman-button-bg:#797D62;--modal-text:#ecf0f1;--modal-bg:#34495e;--modal-border:#2c3e50;--modal-label-bg:#5D6D7E}body[data-theme=blue]{--primary-bg-color:#3a506b;--calculator-bg-color:#4a6984;--display-bg-color:#1B2631;--display-text-color:#AED6F1;--history-text-color:#85929E;--button-bg-color:#546E7A;--button-hover-color:#78909C;--number-text-color:#FFFFFF;--op-button-bg-color:#00BCD4;--op-button-hover-color:#0097A7;--function-button-bg-color:#455A64;--parenthesis-button-bg-color:#455A64;--equals-button-bg-color:#FFC107;--equals-button-hover-color:#FFA000;--clear-button-bg-color:#E91E63;--clear-button-hover-color:#C2185B;--mode-button-active-color:#00BCD4;--shadow-color:rgba(0, 0, 0, 0.4);--roman-button-bg:#37474F;--modal-text:#AED6F1;--modal-bg:#283747;--modal-border:#1B2631;--modal-label-bg:#546E7A}body{margin:0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:var(--primary-bg-color);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;transition:background-color .3s}.copyright-notice{text-align:center;margin-bottom:15px;font-size:.8em}.display,.mode-buttons,.mode-switcher{margin-bottom:10px}.calculator-container{background-color:var(--calculator-bg-color);border-radius:20px;box-shadow:0 8px 30px var(--shadow-color);padding:20px;width:320px;transition:.3s ease-in-out}.display{background-color:var(--display-bg-color);border-radius:12px;padding:12px 18px;text-align:right;min-height:90px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.memory-indicator{position:absolute;top:8px;right:12px;font-family:'Segoe UI',sans-serif;font-weight:700;font-size:.9em;display:none}.history-display,.primary-display{width:100%;border:none;background:0 0;overflow-x:auto;white-space:nowrap;box-sizing:border-box;transition:color .3s}.history-display{font-size:1.1em;min-height:1.2em;padding-bottom:4px}.primary-display{font-size:2.5em;font-weight:300;color:var(--display-text-color)}.conversion-info{font-size:.8em;color:var(--number-text-color);opacity:.7;margin-top:4px;word-wrap:break-word;white-space:normal;text-align:right;transition:opacity .2s,color .3s}.mode-switcher{display:flex;background-color:var(--display-bg-color);border-radius:8px;padding:4px;transition:background-color .3s}.mode-btn,.mode-switch-btn{padding:8px;font-size:.8em;font-weight:600}.mode-switch-btn{flex:1;border:none;background-color:transparent;color:var(--history-text-color);border-radius:6px;cursor:pointer;transition:.2s}.mode-btn,button{color:var(--number-text-color);background-color:var(--button-bg-color);cursor:pointer}.mode-switch-btn.active{background-color:var(--calculator-bg-color);color:var(--display-text-color);box-shadow:0 1px 3px rgba(0,0,0,.1)}.mode-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;transition:opacity .2s,transform .2s}.mode-btn{border:1px solid var(--op-button-bg-color);border-radius:8px;transition:.2s}.mode-btn.active{background-color:var(--mode-button-active-color);color:#fff;border-color:var(--mode-button-active-color)}.buttons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.hidden{display:none!important}button{border:none;border-radius:8px;padding:14px 0;font-size:1.1em;font-weight:500;transition:.15s}button:hover{background-color:var(--button-hover-color)}button:active{transform:scale(.96)}.calc-mode-regular .zero-btn,.calc-mode-rome .span-2{grid-column:span 2}.calc-mode-regular .equals-btn,.calc-mode-rome .equals-btn,.calc-mode-scientific .equals-btn{grid-column:span 4}.calc-mode-scientific .zero-btn{grid-column:span 1}.roman-numeral{background-color:var(--roman-button-bg)}.op-btn{background-color:var(--op-button-bg-color);color:#fff}.function-btn,.parenthesis-btn{color:var(--number-text-color)}.op-btn:hover{background-color:var(--op-button-hover-color)}.function-btn{background-color:var(--function-button-bg-color)}.parenthesis-btn{background-color:var(--parenthesis-button-bg-color)}.equals-btn{background-color:var(--equals-button-bg-color);color:#fff;font-size:1.4em}.equals-btn:hover,.modal-apply-btn:hover{background-color:var(--equals-button-hover-color)}.memory-btn{background-color:var(--memory-button-bg-color);color:var(--memory-button-text-color);font-weight:600}.memory-btn:hover{background-color:var(--memory-button-hover-color)}.clear-all-btn,.op-btn[data-op=backspace]{background-color:var(--clear-button-bg-color);color:#fff}.clear-all-btn:hover,.op-btn[data-op=backspace]:hover{background-color:var(--clear-button-hover-color)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:1;transition:opacity .3s}.modal-overlay.hidden{opacity:0;pointer-events:none}.modal-content{background-color:var(--modal-bg);padding:25px;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.3);position:relative;width:250px;transform:scale(1);transition:transform .3s,background-color .3s}.modal-overlay.hidden .modal-content{transform:scale(.9)}.modal-content h3{margin-top:0;color:var(--modal-text);text-align:center}.modal-content ul{list-style:none;padding:0;margin:0}.modal-content li{font-size:1.1em;padding:8px 0;color:var(--modal-text);border-bottom:1px solid var(--modal-border)}.modal-content li:last-child{border-bottom:none}.close-modal{position:absolute;top:10px;right:10px;background:0 0;border:none;font-size:1.8em;color:var(--history-text-color);cursor:pointer;padding:0;line-height:1}.skin-options{display:flex;flex-direction:column;gap:10px;margin:20px 0}.skin-options label{padding:10px;border-radius:6px;background-color:var(--modal-label-bg);cursor:pointer;transition:background-color .2s;color:var(--modal-text)}.remember-choice{margin-bottom:20px;display:flex;align-items:center;color:var(--modal-text)}.remember-choice input{margin-right:8px}.modal-apply-btn{width:100%;background-color:var(--equals-button-bg-color);color:#fff}@media (max-width:360px){.calculator-container{width:100%;height:100vh;border-radius:0;box-shadow:none;padding:10px;box-sizing:border-box}}