: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-logo{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;max-width:480px;height:auto}.strategy-section{flex-direction:column;align-items:center;gap:48px;width:100%;display:flex}.category-pills{flex-wrap:wrap;justify-content:center;gap:10px;max-width:100%;display:flex}.category-pill{font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;border-radius:9999px;outline:none;padding:8px 18px;font-size:13px;font-weight:600;transition:background .25s,border-color .25s,color .25s,transform .2s,box-shadow .25s}.category-pill:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--text-h);transform:translateY(-1px)}.category-pill:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}.category-pill:active{transition:transform .1s;transform:scale(.97)}.category-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)}.category-pill.active:hover{background:var(--glass-bg-active);border-color:var(--glass-border-active)}.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-row{justify-content:center;align-items:center;gap:16px;width:100%;max-width:480px;display:flex}.converter-input-area{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);box-sizing:border-box;border-radius:16px;flex:1;justify-content:center;align-items:center;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)}.swap-button{border:1px solid var(--glass-border-hover);background:var(--glass-bg);width:48px;height:48px;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accent-soft);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:flex}.swap-button:hover{background:var(--glass-bg-active);border-color:var(--glass-border-active);box-shadow:0 0 16px var(--accent-glow)}.swap-button:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}.swap-button:active{transition:transform .1s;transform:scale(.92)}.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:28px;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}.command-palette-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:flex-start;padding-top:15vh;display:flex;position:fixed;inset:0}.command-palette{background:var(--bg-elevated,#1a1a1a);border:1px solid var(--glass-border-hover);width:100%;max-width:520px;box-shadow:0 20px 60px #00000080, 0 0 40px var(--accent-glow);border-radius:16px;flex-direction:column;max-height:60vh;margin:0 20px;display:flex;overflow:hidden}.command-palette-input{box-sizing:border-box;width:100%;font-family:var(--sans);color:var(--text-h);border:none;border-bottom:1px solid var(--glass-border);caret-color:var(--accent-soft);background:0 0;outline:none;padding:18px 20px;font-size:16px}.command-palette-input::placeholder{color:var(--text-muted);opacity:.6}.command-palette-list{scrollbar-width:thin;scrollbar-color:var(--glass-border-hover) transparent;padding:8px;overflow-y:auto}.command-palette-empty{text-align:center;color:var(--text-muted);padding:24px;font-size:14px}.command-palette-item{box-sizing:border-box;width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;outline:none;align-items:center;gap:12px;padding:12px 16px;transition:background .15s,color .15s;display:flex}.command-palette-item:hover,.command-palette-item.active{background:var(--glass-bg-active);color:var(--text-h)}.command-palette-item .cmd-item-label{font-family:var(--mono);color:var(--accent-soft);white-space:nowrap;flex-shrink:0;min-width:80px;font-size:14px;font-weight:500}.command-palette-item .cmd-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.command-palette-item .cmd-item-category{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);flex-shrink:0;font-size:11px}.cmd-k-hint{z-index:10;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:background .2s,border-color .2s,color .2s;display:flex;position:fixed;top:20px;right:20px}.cmd-k-hint:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--text-h)}.cmd-k-hint kbd{font-family:var(--mono);background:var(--surface);border:1px solid var(--glass-border);color:var(--text);border-radius:4px;padding:2px 6px;font-size:11px}.tz-view{flex-direction:column;gap:32px;width:100%;max-width:480px;margin-top:-20px;display:flex}.tz-origin-section{flex-direction:column;align-items:center;gap:12px;display:flex}.tz-label{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:600}.tz-origin-pills{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.tz-origin-pill{font-family:var(--sans);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;border-radius:9999px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .25s,border-color .25s,color .25s,transform .2s;display:inline-flex}.tz-origin-pill:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--text-h);transform:translateY(-1px)}.tz-origin-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)}.tz-flag{font-size:18px;line-height:1}.tz-picker{flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;display:flex}.tz-input{font-family:var(--mono);color:var(--text-h);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);text-align:center;box-sizing:border-box;width:120px;caret-color:var(--accent-soft);border-radius:16px;outline:none;padding:20px 24px;font-size:36px;font-weight:300;transition:border-color .3s,box-shadow .3s}.tz-input:focus{border-color:var(--glass-border-active);box-shadow:0 0 24px var(--accent-glow)}.tz-colon{font-family:var(--mono);color:var(--text-muted);align-self:center;font-size:36px;font-weight:300}.tz-ampm{flex-direction:column;align-self:center;gap:6px;margin-left:16px;display:flex}.tz-ampm-pill{font-family:var(--sans);letter-spacing:.06em;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:9999px;padding:8px 18px;font-size:13px;font-weight:600;transition:background .25s,border-color .25s,color .25s}.tz-ampm-pill:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--text-h)}.tz-ampm-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)}.tz-output-list{flex-direction:column;gap:12px;display:flex}.tz-output-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-radius:16px;justify-content:space-between;align-items:center;padding:16px 24px;transition:border-color .3s;display:flex}.tz-output-header{align-items:center;gap:10px;display:flex}.tz-output-region{font-family:var(--sans);color:var(--text);font-size:15px;font-weight:500}.tz-output-offset{font-family:var(--mono);color:var(--text-muted);margin-left:8px;font-size:12px}.tz-output-time{font-family:var(--mono);color:var(--accent-soft);margin:0;font-size:28px;font-weight:300}@media (width<=640px){.tz-picker{gap:6px}.tz-input{width:90px;padding:14px 18px;font-size:28px}.tz-colon{font-size:28px}.tz-ampm-pill{padding:6px 14px;font-size:11px}.tz-output-time{font-size:22px}.tz-output-card{flex-wrap:wrap;gap:8px;padding:12px 16px}}