.converter{width:100%}.converter h1{margin-bottom:1rem;font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.75rem}.converter h1 .title-text{background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.converter h1 .icon{font-size:2rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.converter-grid{display:flex;gap:2rem;max-width:800px;margin:0 auto}.converter-section{position:relative;z-index:2}.input-group{flex:1 1;display:flex;flex-direction:column;gap:.75rem}.input-group label{font-weight:500;font-size:.9375rem;color:inherit;opacity:.8}.input-group input,.input-group select{padding:.875rem 1rem;border:1px solid rgba(37,99,235,.15);border-radius:12px;font-size:1rem;width:100%;background:hsla(0,0%,100%,.5);transition:all .3s ease;box-shadow:none}.app.dark .input-group input,.app.dark .input-group select{background:rgba(30,41,59,.5);border-color:hsla(0,0%,100%,.1);color:var(--text-dark)}.input-group input:focus,.input-group select:focus{outline:none;border-color:rgba(37,99,235,.3);background:hsla(0,0%,100%,.8);box-shadow:none}.app.dark .input-group input:focus,.app.dark .input-group select:focus{background:rgba(30,41,59,.8);border-color:hsla(0,0%,100%,.2)}.input-group input::placeholder{color:inherit;opacity:.5}.select-container{position:relative;width:100%;display:flex;align-items:center;z-index:3}.unit-input{width:100%;padding:.875rem 2.5rem .875rem 1rem;border:1px solid rgba(37,99,235,.1);border-radius:12px;font-size:1rem;background:hsla(0,0%,100%,.8);transition:all .3s ease}.app.dark .unit-input{background:rgba(30,41,59,.5);border-color:rgba(37,99,235,.2);color:var(--text-dark)}.caret{position:absolute;right:1rem;font-size:.75rem;color:#3b82f6;cursor:pointer;transition:transform .3s ease;padding:.5rem}.caret:hover{transform:scale(1.2)}.unit-display{width:100%;padding:.875rem 1rem;border:1px solid rgba(37,99,235,.15);border-radius:12px;font-size:1rem;background:hsla(0,0%,100%,.8);transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;cursor:pointer;box-shadow:none}.app.dark .unit-display{background:rgba(30,41,59,.5);border-color:hsla(0,0%,100%,.1);color:var(--text-dark)}.unit-display:hover{border-color:rgba(37,99,235,.3)}.unit-search{margin-top:.5rem}.unit-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--card-light);border-radius:12px;border:1px solid rgba(37,99,235,.15);box-shadow:none;max-height:300px;overflow-y:auto;z-index:1000}.app.dark .unit-dropdown{background:var(--card-dark);border-color:hsla(0,0%,100%,.1)}.unit-option{padding:.75rem 1rem;cursor:pointer;transition:all .2s ease}.unit-option:hover{background:rgba(37,99,235,.1)}.swap-button{align-self:flex-end;margin-bottom:2.25rem;background:var(--primary-gradient);border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:none;border:1px solid rgba(37,99,235,.15)}.swap-button:hover{transform:rotate(180deg);box-shadow:none;border-color:rgba(37,99,235,.3)}.converter-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.readonly-input{background-color:var(--background-light);cursor:not-allowed}.app.dark .readonly-input{background-color:var(--background-dark)}.unit-listbox{width:100%;padding:0;border:1px solid #ccc;border-radius:2px;font-size:1rem;background:#fff;height:350px}.unit-listbox option{padding:4px 6px;cursor:pointer}.unit-listbox option:checked{background:linear-gradient(135deg,#93c5fd,#60a5fa)}.unit-listbox option:hover:not(:checked){background-color:rgba(59,130,246,.1)}.app.dark .unit-listbox{background:var(--card-dark);color:var(--text-dark);border-color:hsla(0,0%,100%,.1)}.app.dark .unit-listbox option:hover:not(:checked){background-color:rgba(59,130,246,.2)}.advanced-converters{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;justify-content:center;margin-top:2rem;position:relative}.advanced-converters section{display:flex;flex-direction:column;gap:.75rem;min-width:180px}.advanced-converters h2{font-size:1.25rem;font-weight:600;color:var(--text-light);opacity:.8;margin:0}.app.dark .advanced-converters h2{color:var(--text-dark)}.advanced-converters .converter-nav{display:flex;flex-direction:column;gap:.5rem}.converter-nav{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.advanced-converters>.converter-button{position:absolute;bottom:0;left:50%;margin-top:0}.converter-separator{position:relative;margin:3rem 0 5rem}.converter-separator:after{content:"";position:absolute;top:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.2),rgba(59,130,246,.2),transparent)}@media (max-width:768px){.converter h1 .title-text{font-size:1.5rem!important}.converter-nav .converter-button{font-size:.9rem;padding:.5rem}.converter .unit-select,.converter select{height:50px;font-size:.9rem}.converter-grid{gap:.5rem}}