.Converter{border-radius:8px;box-shadow:0 0 10px #0000001a;margin:2rem auto;max-width:400px;padding:2rem}.favorites-container{margin-top:2rem;padding:1rem}.favorites-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin:1rem 0}.favorite-button{background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:.5rem}.favorite-button.active{background:#007bff;border-color:var(--accent-color);color:#fff}.quick-select{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.quick-select-button{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.star-button{background:none;border:none;color:gold;cursor:pointer;display:inline-block;margin-top:0;outline:none;padding:4px;transition:transform .2s ease;width:auto}.star-button:hover:not(.disabled){transform:scale(1.1)}.star-button:active:not(.disabled){transform:scale(.95)}.star-button.active{animation:pop .3s ease-in-out;color:gold}.star-button:not(.active){color:#ccc}.star-button.disabled{cursor:not-allowed;opacity:.5}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.star-button svg{height:20px;transition:all .2s ease;width:20px}.star-button:focus{border-radius:4px;outline:2px solid #06c;outline-offset:2px}.star-button:focus:not(:focus-visible){outline:none}.amount-input{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:8px 12px;transition:border-color .2s ease;width:100%}.amount-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #007bff40;outline:none}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem}input,select{border:1px solid #ccc;border-radius:4px;padding:.5rem}button,input,select{font-size:1rem;width:100%}button{border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1rem;padding:.75rem}button,button:hover{background-color:var(--accent-color)}.result{background-color:var(--bg-secondary);border-radius:4px;margin-top:2rem;padding:1rem}h2{margin-bottom:2rem;text-align:center}.currencies-container{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:40% 10% 41%;margin-bottom:1rem}.swap-button{border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;height:40px;transition:transform .3s ease;width:40px}.swap-button,.swap-button:hover{background-color:var(--accent-color)}.swap-button:hover{transform:rotate(180deg)}.swap-button:disabled{background-color:#ccc;cursor:not-allowed}.select-with-star{align-items:center;display:flex}.exchange-rate-widget{background:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 4px #0000000d;margin:16px 0;padding:12px}.rate-info{align-items:center;display:flex;gap:8px}.rate-label{color:#6c757d;font-size:.9rem}.rate-value{color:var(--text-primary);font-size:1.1rem;font-weight:500}.loading{color:var( --text-secondary);font-style:italic}.update-text{color:var(  --text-secondary);display:block;font-size:.8rem;margin-top:4px}.theme-toggle{background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;font-size:1.5rem;padding:.5rem;position:fixed;right:1rem;top:1rem;transition:transform .3s ease;width:50px}.theme-toggle:hover{transform:scale(1.1)}.footer{background-color:var(--text-primary);color:var(--bg-secondary);margin-top:auto;padding:2rem 0}.footer-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.footer-section{flex:1 1;min-width:250px}.footer-section h4{color:#4caf50;margin-bottom:1rem}.footer-section a{color:var(--bg-primary);display:block;margin-bottom:.5rem;text-decoration:none}.footer-section a:hover{color:#4caf50}body{font-family:Arial,Helvetica Neue,Helvetica,sans-serif}:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--text-primary:#333;--text-secondary:#6c757d;--border-color:#dee2e6;--accent-color:#007bff}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--text-primary:#fff;--text-secondary:#b3b3b3;--border-color:#404040;--accent-color:#0d6efd}body{background-color:#fff;background-color:var(--bg-primary);color:#333;color:var(--text-primary);transition:all .3s ease}