.converter{display:flex;flex-direction:column;gap:var(--space-6);margin-top:var(--space-8)}@media (min-width:768px){.converter{flex-direction:row;gap:var(--space-8)}.converter-inputs{flex:1}.converter-results{width:350px;flex-shrink:0}}.results-header{display:flex;justify-content:space-between;align-items:center;position:relative;margin-bottom:var(--space-6)}.share-container{position:relative;z-index:1000}.results-header h2{margin:0;flex:1}.share-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);font-size:1.2rem;cursor:pointer;padding:.4rem .6rem;transition:all .2s;display:flex;align-items:center;justify-content:center;color:var(--text-primary);flex-shrink:0}.share-btn:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.input-group{margin-bottom:var(--space-6)}.input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);font-weight:600;color:var(--text-primary)}.slider-container{display:flex;align-items:center;gap:var(--space-4)}.custom-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:linear-gradient(to right,var(--accent) var(--value,50%),var(--border) var(--value,50%));border-radius:var(--radius-full);outline:0}.custom-slider:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:var(--radius-full)}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:var(--shadow-md);transition:transform var(--transition-fast);border:2px solid #fff}.custom-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:var(--shadow-md);transition:transform var(--transition-fast);border:2px solid #fff}.custom-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.custom-slider::-webkit-slider-thumb:active{transform:scale(.95)}.custom-slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent-light),0 0 0 5px var(--accent)}.number-input-wrapper{display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:0 var(--space-2);width:90px;flex-shrink:0}.number-input-wrapper input{width:100%;border:none;background:0 0;padding:var(--space-2) 0;font-family:inherit;font-weight:600;color:var(--text-primary);text-align:right;outline:0}.number-input-wrapper:focus-within{outline:3px solid var(--accent);outline-offset:1px}.number-input-wrapper input::-webkit-inner-spin-button,.number-input-wrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input-wrapper input[type=number]{-moz-appearance:textfield}.number-input-wrapper span{padding-left:4px;color:var(--text-secondary);font-size:var(--text-sm)}.unit-toggle-wrapper{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider.round{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-secondary);border:1px solid var(--border);transition:.4s;border-radius:24px}.slider.round:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--accent);transition:.4s;border-radius:50%}input:checked+.slider.round:before{transform:translateX(20px)}input:focus+.slider.round{box-shadow:0 0 1px var(--accent)}.brand-group{margin-bottom:var(--space-4)}.brand-group label{display:block;font-weight:600;margin-bottom:var(--space-2)}.custom-select{width:100%;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="none" stroke="%23E8720C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><polyline points="6 9 12 15 18 9"/></svg>');background-repeat:no-repeat;background-position:right 1rem center;background-size:1.2rem;cursor:pointer}.custom-select:focus,.custom-select:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.converter-results{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-6);border-left:4px solid var(--accent);box-shadow:var(--shadow-lg);position:relative}.converter-results::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.05);backdrop-filter:blur(8px);z-index:0;pointer-events:none}.converter-results>*{position:relative;z-index:1}.converter-results h2{margin-bottom:var(--space-6);color:var(--text-primary);font-size:var(--text-xl)}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.result-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1)}.result-value{font-size:var(--text-3xl);font-weight:700;color:var(--accent);display:flex;align-items:baseline;gap:4px}.result-value .unit{font-size:var(--text-base);color:var(--text-secondary);font-weight:600}.pulse-anim{animation:pulse .3s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.shake-reminder{background:var(--accent-light);color:var(--accent-hover);padding:var(--space-3);border-radius:var(--radius-md);font-weight:600;margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-2)}.btn-primary{width:100%;padding:var(--space-4);background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius-md);font-size:var(--text-lg);font-weight:600;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);margin-bottom:var(--space-6)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.result-tip{display:flex;gap:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);padding-top:var(--space-4);border-top:1px solid var(--border)}.result-tip p{line-height:1.4}html.dark-mode .converter-results{background-color:#2d2a26!important}html.dark-mode .shake-reminder{background:rgba(255,140,46,.1)}