.converter-container{max-width:900px;margin:0 auto;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s ease,color .3s ease;min-height:100vh}.converter-container.light{background-color:#f5f7fa;color:#333}.converter-container.light .input-group{background-color:#fff;border:1px solid #e1e4e8}.converter-container.light .input-group.active{border-color:#3498db;border-width:2px}.converter-container.light .input-group input{background-color:#f8f9fa;border:1px solid #e1e4e8;color:#333}.converter-container.light .input-group input:focus{border-color:#3498db;box-shadow:0 0 0 3px rgba(52,152,219,.2)}.converter-container.light .copy-button{background-color:#edf2f7;color:#4a5568}.converter-container.light .copy-button:hover:not(:disabled){background-color:#e2e8f0}.converter-container.light .info-card{background-color:#fff;border:1px solid #e1e4e8}.converter-container.light .theme-toggle button{background-color:#e2e8f0;color:#4a5568}.converter-container.dark{background-color:#1e1e2e;color:#f5f5f5}.converter-container.dark .input-group{background-color:#2d2d3f;border:1px solid #3d3d5c}.converter-container.dark .input-group.active{border-color:#3498db;border-width:2px}.converter-container.dark .input-group input{background-color:#22222e;border:1px solid #3d3d5c;color:#f5f5f5}.converter-container.dark .input-group input:focus{border-color:#3498db;box-shadow:0 0 0 3px rgba(52,152,219,.2)}.converter-container.dark .copy-button{background-color:#3d3d5c;color:#f5f5f5}.converter-container.dark .copy-button:hover:not(:disabled){background-color:#4d4d6c}.converter-container.dark .info-card{background-color:#2d2d3f;border:1px solid #3d3d5c}.converter-container.dark .theme-toggle button{background-color:#3d3d5c;color:#f5f5f5}h1{font-size:2.2rem;text-align:center;margin-bottom:2rem;background:linear-gradient(45deg,#3498db,#2ecc71);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}h2{font-size:1.7rem;margin-top:2rem;margin-bottom:1.5rem}h3{font-size:1.3rem;margin-bottom:1rem}.theme-toggle{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.theme-toggle button{padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-size:.9rem}.theme-toggle button:disabled{opacity:.5;cursor:not-allowed}.theme-toggle button:hover:not(:disabled){transform:translateY(-2px)}.error-message{background-color:rgba(231,76,60,.1);border-left:4px solid #e74c3c;padding:12px 16px;margin-bottom:20px;border-radius:4px;font-weight:500;color:#e74c3c}.copy-notification{position:fixed;top:20px;right:20px;background-color:rgba(46,204,113,.9);color:#fff;padding:10px 20px;border-radius:8px;z-index:100;animation:fadeIn .3s,fadeOut .3s 1.7s}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.converter-form{display:flex;flex-direction:column;gap:20px}.input-group{border-radius:12px;padding:20px;margin-bottom:20px;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1)}.input-group label{display:block;font-weight:600;margin-bottom:10px;font-size:1.1rem}.input-wrapper{display:flex;gap:10px}.input-wrapper input{width:100%;padding:12px 16px;border-radius:8px;font-size:1rem;transition:border .3s ease;flex-grow:1;font-family:Roboto Mono,monospace}.input-wrapper .copy-button{padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;min-width:70px}.input-wrapper .copy-button:disabled{opacity:.5;cursor:not-allowed}.input-wrapper .copy-button:hover:not(:disabled){transform:translateY(-2px)}.info-display{margin-top:12px;display:flex;flex-wrap:wrap;gap:16px;font-size:.9rem;opacity:.85}.info-display span{display:inline-block;background-color:rgba(52,152,219,.1);padding:4px 10px;border-radius:20px}.additional-info{margin-top:40px}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-card{border-radius:12px;padding:20px;margin-bottom:20px;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1)}.info-card .formatted-value{font-family:Roboto Mono,monospace;font-size:1.1rem;word-break:break-all;margin-bottom:16px;padding:8px;background-color:rgba(52,152,219,.1);border-radius:6px}@media(max-width:768px){.converter-container{padding:1.5rem}h1{font-size:1.8rem}.info-cards{grid-template-columns:1fr}}@media(max-width:480px){.converter-container{padding:1rem}h1{font-size:1.5rem}.input-wrapper{flex-direction:column}.input-wrapper .copy-button{width:100%}.info-display{flex-direction:column;gap:8px}.info-display span{width:100%}}