:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0a0a0a;--card: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .1);--accent: #6366f1;--accent-glow: rgba(99, 102, 241, .25);--text: #fafafa;--text-muted: rgba(255, 255, 255, .55);--radius: .75rem}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem 3rem;max-width:26rem;margin:0 auto}.header{text-align:center;margin-bottom:1.5rem}.title{margin:0;font-size:1.6rem;font-weight:700;letter-spacing:-.03em}.subtitle{margin:.25rem 0 0;font-size:.85rem;color:var(--text-muted)}.category-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%;margin-bottom:1.5rem}.tab{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.6rem .25rem;border:1px solid var(--border);border-radius:.625rem;background:var(--card);color:var(--text-muted);cursor:pointer;transition:all .15s ease;font-family:inherit}.tab:hover{background:#ffffff12;color:var(--text)}.tab--active{border-color:var(--accent);background:var(--accent-glow);color:var(--text);box-shadow:0 0 12px var(--accent-glow)}.tab-icon{font-size:1.25rem;line-height:1}.tab-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.converter-card{width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;display:flex;flex-direction:column;gap:0;position:relative}.field-group{display:flex;flex-direction:column;gap:.5rem}.field-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.field-row{display:flex;gap:.5rem;align-items:stretch}.field-input,.field-select,.field-result{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem;border-radius:.5rem;border:1px solid var(--border);background:#ffffff08;color:var(--text);outline:none;transition:border-color .15s ease}.field-input,.field-result{flex:1;padding:.75rem .875rem;min-width:0}.field-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.field-input::placeholder{color:var(--text-muted)}.field-input::-webkit-outer-spin-button,.field-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field-input[type=number]{-moz-appearance:textfield}.field-result{display:flex;align-items:center;font-weight:500;font-size:1.1rem;letter-spacing:-.01em;background:#6366f10f;border-color:#6366f133;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-select{width:5rem;padding:.75rem 1.5rem .75rem .5rem;text-align:center;font-weight:600;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 4.5l3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.field-select option{background:#1a1a1a;color:var(--text)}.field-hint{font-size:.72rem;color:var(--text-muted);padding-left:.125rem}.swap-btn{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin:.75rem auto;border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.swap-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-glow);transform:rotate(180deg)}.disclaimer{margin-top:1rem;font-size:.72rem;color:var(--text-muted);text-align:center}@media(max-width:400px){.app{padding:1rem .75rem 2rem}.category-tabs{gap:.375rem}.tab{padding:.5rem .125rem}.tab-icon{font-size:1.1rem}}