*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#000;background-color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{padding:20px 0;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between}.header-controls{display:flex;align-items:center;gap:10px}.dark-mode-toggle{background:none;border:2px solid #e0e0e0;border-radius:8px;padding:6px 10px;cursor:pointer;font-size:18px;transition:all .3s ease;line-height:1}.dark-mode-toggle:hover{border-color:#007bff;background:#f8f9fa}.split-screen-toggle{display:flex;align-items:center;gap:6px;background:none;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;cursor:pointer;font-size:14px;font-weight:500;color:#555;transition:all .3s ease;line-height:1}.split-screen-toggle:hover{border-color:#007bff;background:#f8f9fa;color:#007bff}.split-screen-toggle.active{border-color:#007bff;background:linear-gradient(135deg,#007bff,#00d4aa);color:#fff}#panels-container{display:grid;grid-template-columns:1fr;gap:2rem}#panels-container.split-screen{grid-template-columns:1fr 1fr}#panel-primary,#panel-secondary{min-width:0}.logo{font-size:24px;font-weight:700;text-decoration:none;background:linear-gradient(90deg,#007bff,#00d4aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.main-content{padding:40px 0}.category-tabs{display:flex;align-items:center;gap:10px;margin-bottom:20px;overflow-x:auto;padding-bottom:10px;padding-left:5px;padding-top:5px;height:110px}.category-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 20px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease;min-width:80px;text-decoration:none;color:#000;outline:none}.category-tab:hover{outline:2px solid #007bff;outline-offset:0px;border-color:#e0e0e0}.category-tab.active{outline:2.5px solid #007bff;outline-offset:0px;border-color:#e0e0e0;background:linear-gradient(135deg,#007bff,#00d4aa);color:#fff}.tab-icon{font-size:24px;margin-bottom:5px}.tab-name{font-size:12px;font-weight:500}.conversion-form{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:end;margin-bottom:30px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:8px;color:#333}.form-group select,.form-group input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s ease}.form-group select:focus,.form-group input:focus{outline:none;border-color:#007bff}.swap-button{padding:12px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease;font-size:18px}.swap-button:hover{border-color:#007bff;background:#f8f9fa}.result-section-container{display:flex;align-items:flex-start;gap:20px;margin-bottom:20px}.result-section{flex:1;background:#f8f9fa;border-radius:8px;padding:20px}.result-value{font-size:32px;font-weight:700;color:#007bff;margin-bottom:5px}.result-units{font-size:16px;color:#666}.formula-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:20px}.formula-title{font-weight:600;margin-bottom:10px;color:#333}.formula-text{font-family:Courier New,monospace;background:#f8f9fa;padding:10px;border-radius:4px;margin-bottom:10px;font-size:14px}.formula-explanation{color:#666;font-size:14px}.error-display{background:#f8d7da;color:#721c24;padding:15px;border-radius:8px;margin-bottom:20px;display:none}.history-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.history-header h3{color:#333;font-size:18px}.clear-history-btn{padding:8px 16px;border:1px solid #dc3545;border-radius:4px;background:#fff;color:#dc3545;cursor:pointer;transition:all .3s ease}.clear-history-btn:hover{background:#dc3545;color:#fff}.history-items-scroll{max-height:820px;overflow-y:auto}.history-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0}.history-item:last-child{border-bottom:none}.history-conversion{display:flex;align-items:center;gap:10px}.history-arrow{color:#007bff;font-weight:700}.history-time{color:#999;font-size:12px}.loading{text-align:center;color:#666;font-style:italic}.no-history{text-align:center;color:#999;font-style:italic}@media(max-width:768px){.container{padding:0 15px}#panels-container.split-screen{grid-template-columns:1fr}.converter-card{padding:20px}.category-tabs{gap:8px}.category-tab{padding:12px 16px;min-width:70px}.tab-icon{font-size:20px}.tab-name{font-size:11px}.conversion-form{grid-template-columns:1fr;gap:15px}.swap-button{align-self:center;width:50px;height:50px}.result-value{font-size:28px}.history-item{flex-direction:column;align-items:flex-start;gap:5px}}.category-tab:focus,.form-group select:focus,.form-group input:focus,.swap-button:focus,.clear-history-btn:focus{outline:2px solid #007bff;outline-offset:2px}@media(prefers-contrast:high){.category-tab,.form-group select,.form-group input{border-width:3px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.notation-toggle-container{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0;min-width:120px;flex-shrink:0}.notation-toggle-label{font-weight:600;color:#333;font-size:12px;text-align:center;margin-bottom:4px}.notation-toggle{display:flex;flex-direction:column;background:#fff;border:2px solid #e0e0e0;border-radius:6px;overflow:hidden;position:relative;width:100%}.notation-radio{position:absolute;opacity:0;width:0;height:0}.notation-option{padding:8px 12px;font-size:12px;font-weight:500;color:#666;background:#fff;cursor:pointer;transition:all .3s ease;border:none;outline:none;user-select:none;text-align:center;border-bottom:1px solid #f0f0f0}.notation-option:last-child{border-bottom:none}.notation-option:hover{background:#f0f0f0;color:#333}.notation-radio:checked+.notation-option{background:linear-gradient(135deg,#007bff,#00d4aa);color:#fff;font-weight:600}@media(max-width:768px){.result-section-container{flex-direction:column;align-items:stretch;gap:15px}.notation-toggle-container{flex-direction:row;justify-content:center;min-width:auto;padding:10px}.notation-toggle{flex-direction:row;width:auto}.notation-option{border-bottom:none;border-right:1px solid #f0f0f0;padding:8px 16px}.notation-option:last-child{border-right:none}}body.dark{color:#e8eaed;background-color:#121212}body.dark .header{border-bottom-color:#2e2e2e}body.dark .dark-mode-toggle{border-color:#2e2e2e}body.dark .dark-mode-toggle:hover{border-color:#007bff;background:#2a2a2a}body.dark .split-screen-toggle{border-color:#2e2e2e;color:#b0b3b8}body.dark .split-screen-toggle:hover{border-color:#007bff;background:#2a2a2a;color:#007bff}body.dark .split-screen-toggle.active{border-color:#007bff;background:linear-gradient(135deg,#007bff,#00d4aa);color:#fff}body.dark .category-tab{border-color:#2e2e2e;background:#1e1e1e;color:#e8eaed}body.dark .category-tab:hover{outline-color:#007bff;border-color:#2e2e2e}body.dark .category-tab.active{outline-color:#007bff;border-color:#2e2e2e;background:linear-gradient(135deg,#007bff,#00d4aa);color:#fff}body.dark .form-group label{color:#b0b3b8}body.dark .form-group select,body.dark .form-group input{border-color:#2e2e2e;background:#1e1e1e;color:#e8eaed}body.dark .form-group select:focus,body.dark .form-group input:focus{border-color:#007bff}body.dark .swap-button{border-color:#2e2e2e;background:#1e1e1e;color:#e8eaed}body.dark .swap-button:hover{border-color:#007bff;background:#2a2a2a}body.dark .result-section{background:#1e1e1e}body.dark .result-units{color:#b0b3b8}body.dark .formula-section{background:#1e1e1e;border-color:#2e2e2e}body.dark .formula-title{color:#e8eaed}body.dark .formula-text{background:#2a2a2a;color:#e8eaed}body.dark .formula-explanation{color:#b0b3b8}body.dark .error-display{background:#3b1a1e;color:#f5a0a8}body.dark .history-section{background:#1e1e1e;border-color:#2e2e2e}body.dark .history-header h3{color:#e8eaed}body.dark .clear-history-btn{background:#1e1e1e;border-color:#dc3545;color:#dc3545}body.dark .clear-history-btn:hover{background:#dc3545;color:#fff}body.dark .history-item{border-bottom-color:#2a2a2a}body.dark .history-time{color:#6b6b6b}body.dark .loading{color:#b0b3b8}body.dark .no-history{color:#6b6b6b}body.dark .notation-toggle-container{background:#1e1e1e;border-color:#2e2e2e}body.dark .notation-toggle-label{color:#b0b3b8}body.dark .notation-toggle{background:#2a2a2a;border-color:#2e2e2e}body.dark .notation-option{color:#b0b3b8;background:#2a2a2a;border-bottom-color:#333}body.dark .notation-option:hover{background:#333;color:#e8eaed}body.dark .notation-radio:checked+.notation-option{background:linear-gradient(135deg,#007bff,#00d4aa);color:#fff}