:root{--bg-deep:#0a0a0a;--bg-base:#111;--bg-elevated:#1a1a1a;--surface:#ffffff0a;--surface-hover:#ffffff14;--glass-bg:#ffffff0d;--glass-bg-hover:#ffffff1a;--glass-bg-active:#10b98129;--glass-border:#ffffff14;--glass-border-hover:#ffffff2e;--glass-border-active:#10b98166;--glass-blur:16px;--glass-saturate:140%;--text:#8d9892;--text-h:#eaf5ef;--text-muted:#5c6b62;--accent:#10b981;--accent-soft:#34d399;--accent-glow:#10b98138;--accent-bg:#10b9811a;--accent-border:#10b98166;--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--heading:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;font:16px/1.5 var(--sans);letter-spacing:.01em;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg-deep);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=640px){:root{font-size:15px}}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{background:var(--bg-deep);margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=640px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=640px){h2{font-size:20px}}p{margin:0}code{font-family:var(--mono);color:var(--text-h);background:var(--surface);border-radius:4px;padding:4px 8px;font-size:14px;line-height:135%;display:inline-flex}.app{background:radial-gradient(ellipse 80% 60% at 50% -20%, #10b98112, transparent), radial-gradient(ellipse 60% 50% at 80% 80%, #34d3990d, transparent), radial-gradient(ellipse 50% 40% at 20% 70%, #10b9810a, transparent), var(--bg-deep);flex-direction:column;justify-content:center;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.ambient-orb{filter:blur(60px);pointer-events:none;z-index:0;border-radius:50%;animation:20s ease-in-out infinite orbDrift;position:fixed}.ambient-orb.orb-1{background:#10b9810f;width:400px;height:400px;animation-delay:0s;top:-10%;left:-5%}.ambient-orb.orb-2{background:#34d3990d;width:300px;height:300px;animation-delay:-7s;bottom:-8%;right:-5%}.ambient-orb.orb-3{background:#10b9810a;width:250px;height:250px;animation-delay:-14s;top:50%;left:60%}@keyframes orbDrift{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-20px)scale(1.1)}50%{transform:translate(-15px,25px)scale(.95)}75%{transform:translate(-25px,-10px)scale(1.05)}}.converter-container{z-index:1;box-sizing:border-box;flex-direction:column;align-items:center;gap:48px;width:100%;max-width:600px;padding:48px 32px;display:flex;position:relative}@media (width<=640px){.converter-container{gap:36px;padding:32px 20px}}.converter-title{font-family:var(--heading);letter-spacing:.04em;color:var(--text-muted);-webkit-user-select:none;user-select:none;margin:0;font-size:20px;font-weight:400}.strategy-pills{flex-wrap:wrap;justify-content:center;gap:10px;max-width:100%;display:flex}.strategy-pill{font-family:var(--sans);letter-spacing:.02em;border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;border-radius:9999px;outline:none;padding:10px 20px;font-size:14px;font-weight:500;transition:background .25s,border-color .25s,color .25s,transform .2s,box-shadow .25s}.strategy-pill:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--text-h);transform:translateY(-1px)}.strategy-pill:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}.strategy-pill:active{transition:transform .1s;transform:scale(.97)}.strategy-pill.active{background:var(--glass-bg-active);border-color:var(--glass-border-active);color:var(--accent-soft);box-shadow:0 0 20px var(--accent-glow)}.strategy-pill.active:hover{background:var(--glass-bg-active);border-color:var(--glass-border-active)}.converter-input-area{background:var(--glass-bg);width:100%;max-width:420px;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);box-sizing:border-box;border-radius:16px;justify-content:center;align-items:baseline;padding:24px 32px;transition:border-color .3s,box-shadow .3s;display:flex;position:relative}.converter-input-area:focus-within{border-color:var(--glass-border-active);box-shadow:0 0 24px var(--accent-glow)}.input-unit-suffix{letter-spacing:.04em;color:var(--text-muted);-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:clamp(18px,3vw,24px);font-weight:400;position:absolute;top:50%;right:32px;transform:translateY(-50%)}.converter-input{font-family:var(--sans);letter-spacing:-.02em;color:var(--text-h);box-shadow:none;text-align:center;width:100%;caret-color:var(--accent-soft);background:0 0;border:none;outline:none;margin:0;padding:0 48px 0 0;font-size:clamp(32px,7vw,56px);font-weight:400;transition:color .2s}.converter-input::placeholder{color:var(--text-muted);opacity:.4}.converter-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.converter-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.converter-input[type=number]{-moz-appearance:textfield}.converter-input:focus{color:#fff}.converter-output-area{justify-content:center;align-items:baseline;gap:16px;min-height:80px;display:flex}.converter-output{font-family:var(--mono);letter-spacing:-.03em;color:var(--text-h);box-shadow:none;-webkit-user-select:all;user-select:all;background:0 0;border:none;outline:none;margin:0;font-size:clamp(56px,11vw,108px);font-weight:300;line-height:1;transition:color .3s}.output-unit-suffix{letter-spacing:.04em;color:var(--accent-soft);-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:clamp(20px,4vw,32px);font-weight:400}.output-placeholder{font-family:var(--sans);color:var(--text-muted);opacity:.35;margin:0;font-size:22px;font-weight:300;line-height:1}