:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#061723;--panel:#0c2738d1;--panel-2:#0e3045;--line:#97d2e52e;--text:#f4fbff;--muted:#9fc0d0;--cyan:#4cd7e5;--cyan-2:#25b5ce;--lime:#c6ef68;--shadow:0 24px 70px #00000052;--radius:24px}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 12% 8%, #26b5ce38, transparent 31rem), radial-gradient(circle at 90% 92%, #c6ef681a, transparent 30rem), var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button,select{cursor:pointer}button{-webkit-tap-highlight-color:transparent}.app{width:min(1120px,100% - 32px);padding:max(18px, env(safe-area-inset-top)) 0 max(40px, env(safe-area-inset-bottom));margin:0 auto}header{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:58px;display:grid}.brand{min-width:0;color:inherit;justify-self:start;align-items:center;gap:11px;text-decoration:none;display:flex}.brand-mark{width:42px;height:42px;color:var(--cyan);background:linear-gradient(145deg,#4cd7e52e,#4cd7e50a);border:1px solid #4cd7e580;border-radius:13px;place-items:center;display:grid;box-shadow:inset 0 0 18px #4cd7e517}.brand-mark svg{width:24px;height:24px}.brand-name{letter-spacing:-.02em;white-space:nowrap;font-weight:750}.brand-name small{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin-top:1px;font-size:.72rem;font-weight:550;display:block}h1{letter-spacing:-.035em;text-align:center;margin:0;font-size:clamp(1.25rem,2.4vw,1.8rem);font-weight:780}.top-actions{justify-self:end;align-items:center;gap:9px;display:flex}.icon-button,.language-select{border:1px solid var(--line);height:42px;color:var(--text);background:#0e3045b8;border-radius:13px;box-shadow:0 8px 22px #00000024}.icon-button{justify-content:center;align-items:center;gap:7px;padding:0 13px;font-weight:700;display:inline-flex}.icon-button svg{width:19px;height:19px}.language-select{min-width:78px;padding:0 33px 0 12px}.ag-language-menu{--ag-lang-bg:#0e3045b8;--ag-lang-hover:#0e3045;--ag-lang-selected:#4cd7e51f;--ag-lang-border:var(--line);--ag-lang-text:var(--text);--ag-lang-muted:var(--muted);--ag-lang-accent:var(--cyan)}.intro{text-align:center;margin:56px auto 25px}.eyebrow{color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:11px;font-size:.82rem;font-weight:800;display:inline-flex}.eyebrow:before,.eyebrow:after{content:"";opacity:.5;background:currentColor;width:24px;height:1px}.intro h2{letter-spacing:-.065em;margin:0;font-size:clamp(2rem,6vw,4.7rem);line-height:.98}.intro p{max-width:590px;color:var(--muted);margin:16px auto 0;font-size:1rem;line-height:1.6}.category-strip{scrollbar-width:thin;scrollbar-color:#4cd7e559 transparent;gap:9px;margin:0 -2px 18px;padding:2px 2px 10px;display:flex;overflow-x:auto}.category-button{border:1px solid var(--line);min-height:44px;color:var(--muted);background:#0b26368c;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 15px;transition:all .18s;display:inline-flex}.category-button:hover{color:var(--text);border-color:#4cd7e566;transform:translateY(-1px)}.category-button.active{color:#06212d;border-color:var(--cyan);background:var(--cyan);box-shadow:0 8px 28px #4cd7e533}.category-button .emoji{font-size:1.05rem}.converter-shell{border-radius:calc(var(--radius) + 1px);box-shadow:var(--shadow);background:linear-gradient(135deg,#4cd7e580,#97d2e514 45%,#c6ef6840);padding:1px;position:relative;overflow:hidden}.converter-shell:after{content:"";filter:blur(12px);pointer-events:none;background:#4cd7e51c;border-radius:50%;width:240px;height:240px;position:absolute;top:-150px;right:-100px}.converter-card{z-index:1;border-radius:var(--radius);background:linear-gradient(145deg,#0c2738fa,#081d2bfa);padding:28px;position:relative}.card-heading{justify-content:space-between;align-items:start;gap:18px;margin-bottom:22px;display:flex}.card-heading h3{letter-spacing:-.025em;margin:0 0 7px;font-size:1.35rem}.card-heading p{color:var(--muted);margin:0;line-height:1.45}.clear-button{color:var(--muted);background:0 0;border:0;border-radius:10px;padding:8px 12px}.clear-button:hover{color:var(--text);background:#ffffff0d}.conversion-row{grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);align-items:end;gap:14px;display:grid}.unit-panel{min-width:0}.field-label{color:var(--muted);margin:0 0 8px 3px;font-size:.88rem;font-weight:700;display:block}.value-wrap{position:relative}.value-input{width:100%;height:76px;color:var(--text);letter-spacing:-.03em;background:#03131da6;border:1px solid #97d2e538;border-radius:17px 17px 0 0;outline:none;padding:0 18px;font-size:clamp(1.35rem,3.5vw,2.2rem);font-weight:720;transition:border-color .18s,box-shadow .18s}.value-input:focus{border-color:var(--cyan);box-shadow:inset 0 0 0 1px var(--cyan), 0 0 0 4px #4cd7e514}.result-input{color:var(--lime)}.copy-button{width:40px;height:40px;color:var(--muted);background:#ffffff0f;border:0;border-radius:11px;place-items:center;display:grid;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.copy-button:hover{color:var(--cyan);background:#4cd7e51a}.copy-button svg{width:19px;height:19px}.unit-select{width:100%;height:54px;color:var(--text);background:var(--panel-2);border:1px solid #97d2e538;border-top:0;border-radius:0 0 17px 17px;outline:none;padding:0 42px 0 17px;font-weight:650}.swap-button{width:52px;height:52px;color:var(--cyan);background:#4cd7e517;border:1px solid #4cd7e559;border-radius:16px;place-items:center;margin-bottom:1px;transition:all .2s;display:grid}.swap-button:hover{color:#06212d;background:var(--cyan);transform:rotate(180deg)}.swap-button svg{width:22px;height:22px}.equation{border-left:3px solid var(--lime);color:var(--muted);background:#c6ef680e;border-radius:0 10px 10px 0;margin:22px 0 0;padding:13px 16px;line-height:1.45}.equation strong{color:var(--text)}.quick-results{margin-top:22px}.quick-results h3{color:var(--muted);margin:0 0 12px;font-size:1rem}.results-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.result-chip{border:1px solid var(--line);background:#0c27388f;border-radius:14px;min-width:0;padding:14px 15px}.result-chip .result-number{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:750;display:block;overflow:hidden}.result-chip .result-unit{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:.8rem;display:block;overflow:hidden}.special-controls{border:1px solid var(--line);background:#03131d61;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:-4px 0 22px;padding:15px;display:grid}.special-controls[hidden],.special-control-group[hidden]{display:none}.special-control-group .unit-select{border-top:1px solid #97d2e538;border-radius:14px;height:48px}.comparison-panel{border:1px solid var(--line);background:#0c27388f;border-radius:18px;margin-top:22px;padding:20px}.comparison-panel[hidden]{display:none}.comparison-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:12px;display:flex}.comparison-heading h3{color:var(--text);margin:0;font-size:1rem}.comparison-heading p{color:var(--muted);text-align:right;margin:0;font-size:.82rem}.size-table-wrap{border:1px solid var(--line);border-radius:14px;overflow-x:auto}.size-table{border-collapse:collapse;background:#03131d57;width:100%;min-width:620px}.size-table th,.size-table td{border-bottom:1px solid var(--line);text-align:center;white-space:nowrap;padding:11px 12px}.size-table th{color:var(--cyan);background:#4cd7e511;font-size:.78rem;font-weight:800}.size-table td{color:#dff3fa;font-size:.9rem}.size-table tbody tr:last-child td{border-bottom:0}.size-table tbody tr.selected-size td{color:#071b2b;background:var(--lime);font-weight:850}.size-table tbody tr.selected-size td:first-child{box-shadow:inset 3px 0 0 var(--cyan-2)}.approx-badge{color:var(--lime);vertical-align:middle;border:1px solid #c6ef684d;border-radius:999px;margin-left:8px;padding:3px 7px;font-size:.72rem;font-weight:800;display:inline-flex}dialog{width:min(680px,100% - 28px);max-height:min(760px,100vh - 34px);color:var(--text);background:#0a2739;border:1px solid #4cd7e559;border-radius:22px;padding:0;overflow:hidden;box-shadow:0 40px 100px #00000094}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#01090ec7}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex}.modal-head h2{margin:0;font-size:1.3rem}.close-button{width:38px;height:38px;color:var(--text);background:#ffffff12;border:0;border-radius:11px;font-size:1.35rem}.modal-body{color:#d9edf5;max-height:calc(100vh - 130px);padding:22px;line-height:1.6;overflow-y:auto}.modal-body p{margin:0 0 16px}.info-payment-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 12px;display:grid}.info-payment-card{border:1px solid var(--line);background:#02121b75;border-radius:16px;flex-direction:column;min-width:0;padding:16px;display:flex}.info-payment-brand{align-items:center;gap:10px;margin-bottom:8px;display:flex}.info-payment-symbol{width:40px;height:40px;color:var(--cyan);background:#4cd7e517;border:1px solid #4cd7e559;border-radius:12px;flex:0 0 40px;place-items:center;font-weight:900;display:grid}.info-payment-card.stripe .info-payment-symbol{color:#ffd75d;background:#ffd75d14;border-color:#ffd75d59}.info-payment-brand h3{color:var(--text);margin:0;font-size:1rem}.info-payment-desc{color:var(--muted);font-size:.88rem;line-height:1.5;margin:0!important}.info-payment-badges{flex-wrap:wrap;gap:7px;margin:13px 0 15px;display:flex}.info-payment-badges span{border:1px solid var(--line);min-height:28px;color:var(--muted);background:#0e3045a6;border-radius:999px;align-items:center;padding:4px 9px;font-size:.72rem;font-weight:760;display:inline-flex}.info-payment-action{color:#06212d;background:linear-gradient(90deg,var(--cyan),#55a8ff);text-align:center;border-radius:12px;justify-content:center;align-items:center;min-height:44px;margin-top:auto;padding:9px 12px;font-weight:850;text-decoration:none;display:flex}.info-payment-card.stripe .info-payment-action{background:linear-gradient(90deg,#ffe45c,#ffb84d)}.info-payment-action:hover{filter:brightness(1.04);transform:translateY(-1px)}.info-payment-availability{color:var(--muted);font-size:.8rem;line-height:1.5;margin:0 0 22px!important}.wallets{gap:8px;display:grid}.wallet{border:1px solid var(--line);background:#02121b80;border-radius:12px;padding:11px 13px}.wallet strong{color:var(--cyan);margin-bottom:3px;display:block}.wallet code{overflow-wrap:anywhere;color:#e7f5fb;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.83rem;display:block}.wallet{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;display:grid}.wallet strong,.wallet code{grid-column:1}.wallet-copy{min-width:76px;height:36px;color:var(--cyan);background:#4cd7e514;border:1px solid #4cd7e547;border-radius:10px;grid-area:1/2/3;padding:0 11px;font-size:.78rem;font-weight:800}.wallet-copy:hover{color:#06212d;background:var(--cyan)}.install-panel{width:100%;color:var(--text);background:linear-gradient(135deg,#0b3042f5,#0c2637f0);border:1px solid #4cd7e561;border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin:0 0 24px;padding:18px 20px;display:grid;box-shadow:0 18px 48px #0003}.install-panel[hidden]{display:none}.install-panel-icon{color:#06212d;background:linear-gradient(135deg,var(--cyan),#55a8ff);border:1px solid #4cd7e561;border-radius:15px;place-items:center;width:50px;height:50px;display:grid;box-shadow:0 10px 26px #4cd7e533}.install-panel-icon svg{width:25px;height:25px}.install-panel-copy{min-width:0}.install-panel strong{margin-bottom:5px;font-size:1rem;display:block}.install-panel p{margin:0;line-height:1.45}.install-description{color:var(--muted);font-size:.88rem}.install-status{color:var(--cyan);font-size:.82rem;font-weight:800;margin-top:6px!important}.install-actions{align-items:center;gap:10px;margin:0;display:flex}.install-action{justify-content:center;min-width:150px}.continue-browser-action{white-space:nowrap;min-height:44px;padding-inline:14px}:root[data-theme=light] .install-panel{background:linear-gradient(135deg,#fffffffa,#eef7fbfa);box-shadow:0 18px 42px #234d6221}.toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:10;color:var(--text);opacity:0;pointer-events:none;background:#103b50;border:1px solid #4cd7e559;border-radius:999px;padding:11px 16px;transition:all .2s;position:fixed;transform:translate(-50%,20px);box-shadow:0 14px 34px #00000059}.toast.show{opacity:1;transform:translate(-50%)}footer{color:#789cad;text-align:center;margin-top:26px;font-size:.82rem}.theme-button{width:42px;padding:0}.theme-icon{width:19px;height:19px}.theme-icon-moon{display:none}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4fbff;--panel:#ffffffe6;--panel-2:#eef7fb;--line:#1f536c30;--text:#092235;--muted:#567485;--cyan:#138da8;--cyan-2:#087991;--lime:#648b12;--shadow:0 24px 70px #234d6229}:root[data-theme=light] .theme-icon-sun{display:none}:root[data-theme=light] .theme-icon-moon{display:block}:root[data-theme=light] body{background:radial-gradient(circle at 12% 8%, #138da81f, transparent 31rem), radial-gradient(circle at 90% 92%, #648b1217, transparent 30rem), var(--bg)}:root[data-theme=light] .icon-button,:root[data-theme=light] .language-select{background:#ffffffdb}:root[data-theme=light] .ag-language-menu{--ag-lang-bg:#ffffffdb;--ag-lang-hover:#eef7fb;--ag-lang-selected:#138da81f;--ag-lang-accent:var(--cyan)}:root[data-theme=light] .category-button{background:#ffffffad}:root[data-theme=light] .category-button.active{color:#fff;border-color:var(--cyan-2);background:linear-gradient(135deg,var(--cyan),var(--cyan-2));box-shadow:0 8px 24px #138da83d}:root[data-theme=light] .converter-card{background:linear-gradient(145deg,#fffffffa,#f2f9fcfa)}:root[data-theme=light] .value-input{background:#ffffffe6}:root[data-theme=light] .unit-select{background:#eef7fb}:root[data-theme=light] .result-input{color:#587d0d}:root[data-theme=light] .copy-button,:root[data-theme=light] .close-button{background:#0922350f}:root[data-theme=light] .equation{background:#648b1214}:root[data-theme=light] .result-chip,:root[data-theme=light] .comparison-panel{background:#ffffffb8}:root[data-theme=light] .special-controls{background:#ffffff94}:root[data-theme=light] .size-table{background:#ffffffbd}:root[data-theme=light] .size-table td{color:#17394a}:root[data-theme=light] dialog{background:#f7fcff}:root[data-theme=light] .modal-body{color:#17394a}:root[data-theme=light] .info-payment-card,:root[data-theme=light] .wallet{background:#ffffffb8}:root[data-theme=light] .wallet code{color:#17394a}:root[data-theme=light] .info-payment-badges span{background:#eef7fbe6}:root[data-theme=light] .toast{background:#e8f6fb;box-shadow:0 14px 34px #234d622e}:root[data-theme=light] footer{color:#668596}@media (width<=760px){.app{width:min(100% - 22px,680px)}.install-panel{grid-template-columns:auto minmax(0,1fr);align-items:start}.install-actions{grid-column:1/-1;padding-left:66px}header{grid-template-columns:1fr auto}header h1{display:none}.intro{margin-top:36px}.intro h2{font-size:clamp(2.2rem,13vw,3.7rem)}.conversion-row{grid-template-columns:1fr;gap:10px}.swap-button{justify-self:center;margin:-2px 0;transform:rotate(90deg)}.swap-button:hover{transform:rotate(270deg)}.converter-card{padding:20px 16px}.card-heading{margin-bottom:18px}.results-grid{grid-template-columns:1fr 1fr}.special-controls{grid-template-columns:1fr}.comparison-heading{flex-direction:column;align-items:start;gap:5px}.comparison-heading p{text-align:left}}@media (width<=460px){.app{width:min(100% - 16px,430px);padding-top:10px}.install-panel{grid-template-columns:1fr;gap:12px;padding:16px}.install-panel-icon{border-radius:13px;width:44px;height:44px}.install-actions{flex-direction:column;grid-column:auto;align-items:stretch;padding-left:0}.install-action,.continue-browser-action{width:100%}.brand-mark{width:38px;height:38px}.brand-name{font-size:.9rem}.brand-name small{font-size:.61rem}.icon-button{width:42px;padding:0}.icon-button span{display:none}.language-select{min-width:70px;height:42px;padding-left:9px;padding-right:25px}.top-actions{gap:6px}.intro{margin-top:28px}.intro p{font-size:.93rem}.card-heading p{font-size:.9rem}.value-input{height:69px;padding-right:57px}.results-grid,.info-payment-options{grid-template-columns:1fr}.modal-body{padding:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}