body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app-container{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;min-height:100vh;transition:all .3s ease}.app-container.dark{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460)}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-bottom:1px solid #fff3;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar.dark{background:#0003;border-bottom:1px solid #ffffff1a}.navbar-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.navbar-brand{display:flex;flex-direction:column}.brand-name{color:#fff;font-size:28px;font-weight:700;margin-bottom:-4px;text-shadow:0 2px 4px #0000004d}.brand-tagline{color:#fffc;font-size:14px;font-weight:400}.navbar-controls{align-items:center;display:flex;gap:16px}.navbar .language-selector{position:relative}.navbar .language-button{align-items:center;background:#ffffff26;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.navbar .language-button:hover{background:#ffffff40}.navbar .language-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #00000026;margin-top:8px;min-width:140px;position:absolute;right:0;top:100%;z-index:10}.navbar .language-dropdown.dark{background:#334155;border-color:#475569}.navbar .language-option{background:none;border:none;color:#1e293b;cursor:pointer;font-size:14px;padding:12px 16px;text-align:left;transition:background .2s ease;width:100%}.navbar .language-option:hover{background:#f1f5f9}.navbar .language-option.dark{color:#fff}.navbar .language-option.dark:hover{background:#475569}.navbar .theme-button{align-items:center;background:#ffffff26;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.navbar .theme-button:hover{background:#ffffff40;transform:scale(1.1)}.converter-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:24px;box-shadow:0 25px 50px #00000026;margin:40px auto;max-width:500px;padding:40px;transition:all .3s ease;width:100%}.converter-card.dark{background:#1e293bf2;color:#fff}.header{margin-bottom:30px;text-align:center}.header h1{color:#1e293b;font-size:28px;font-weight:700;margin-bottom:8px}.header.dark h1{color:#fff}.header p{color:#64748b;font-size:16px;margin-bottom:16px}.header.dark p{color:#cbd5e1}.unit-info{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:12px}.unit-badge{background:#6366f11a;border-radius:16px;color:#6366f1;font-size:12px;font-weight:500;padding:4px 12px}.detection-note{background:#10b9811a;border-radius:12px;color:#059669;font-size:10px;font-weight:500;padding:2px 8px}.detection-note.dark{background:#10b98133;color:#34d399}.form-group{margin-bottom:24px}.form-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-label.dark{color:#d1d5db}.input-container{position:relative}.speed-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;font-size:18px;padding:16px 60px 16px 16px;transition:all .2s ease;width:100%}.speed-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.speed-input.dark{background:#374151;border-color:#4b5563;color:#fff}.speed-input.dark:focus{border-color:#6366f1}.input-unit{color:#6b7280;font-size:14px;font-weight:500;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.input-unit.dark{color:#9ca3af}.switch-container{align-items:center;display:flex;flex-direction:column;margin:24px 0}.switch-button{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:50%;box-shadow:0 4px 15px #f59e0b4d;color:#fff;cursor:pointer;display:flex;font-size:14px;height:60px;justify-content:center;transition:all .3s ease;width:60px}.switch-button:hover{box-shadow:0 6px 20px #f59e0b66;transform:scale(1.1)}.switch-button.animating{transform:rotate(180deg) scale(1.1)}.switch-label{color:#6b7280;font-size:12px;font-weight:500;margin-top:8px;text-align:center}.switch-label.dark{color:#9ca3af}.result-container{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #3b82f61a;border-radius:20px;margin-bottom:20px;padding:32px;text-align:center}.result-container.dark{background:linear-gradient(135deg,#0f172a,#1e293b);border-color:#3b82f633}.result-label{color:#6b7280;font-size:14px;font-weight:500;margin-bottom:8px}.result-label.dark{color:#9ca3af}.result-display{align-items:center;display:flex;gap:12px;justify-content:center;margin:16px 0}.result-value{color:#1e40af;font-family:Courier New,monospace;font-size:48px;font-weight:700;letter-spacing:-1px}.result-value.dark{color:#60a5fa}.result-display.animating .result-value{opacity:.7;transform:scale(1.1);transition:all .3s ease}.result-unit{color:#64748b;font-size:18px;font-weight:500;margin-left:8px}.result-unit.dark{color:#94a3b8}.conversion-info{background:#3b82f60d;border:1px solid #3b82f61a;border-radius:12px;color:#1e40af;font-size:14px;margin-bottom:16px;padding:16px;text-align:center}.conversion-info.dark{background:#3b82f61a;border-color:#3b82f633;color:#60a5fa}.conversion-line{font-weight:500}.example-info{background:#10b9810d;border:1px solid #10b9811a;border-radius:8px;color:#059669;font-size:13px;padding:12px 16px;text-align:center}.example-info.dark{background:#10b9811a;border-color:#10b98133;color:#34d399}@media (max-width:768px){.navbar-content{padding:0 16px}.brand-name{font-size:24px}.brand-tagline{font-size:12px}.converter-card{margin:20px;padding:24px}}@media (max-width:480px){.converter-card{margin:10px;padding:20px}.header h1{font-size:24px}.result-value{font-size:36px}.navbar-controls{gap:8px}.brand-name{font-size:20px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.converter-card{animation:fadeIn .5s ease-out}
/*# sourceMappingURL=main.dd5cf542.css.map*/