:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef5ff;font-synthesis:none;--muted:#9cabbf;--border:#25303e;--cyan:#00d2ff;--green:#20dfa4;background:#060a11;font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;letter-spacing:0}body{min-width:280px;margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}a{color:inherit}.topbar{min-height:82px;padding:max(16px, env(safe-area-inset-top)) max(28px, env(safe-area-inset-right)) 16px max(28px, env(safe-area-inset-left));border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.brand{color:var(--muted);align-items:center;gap:12px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.brand img{border-radius:8px;display:block}.brand-app{color:#eef5ff;margin-top:2px;font-size:17px;font-weight:750;display:block}.icon-button{width:44px;height:44px;color:var(--muted);border:1px solid var(--border);background:0 0;border-radius:8px;flex:0 0 44px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:not(:disabled):hover{color:var(--cyan);background:#15212c;border-color:#387185}main{max-width:600px;padding:48px 24px max(28px, env(safe-area-inset-bottom));margin:0 auto}.heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;display:flex}.eyebrow{color:var(--muted);text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:750}h1{margin:0;font-size:26px;font-weight:700;line-height:1.2}.connection{color:var(--green);white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:flex}.dot,.status-dot{background:var(--green);border-radius:50%;flex:0 0 6px;width:6px;height:6px;display:inline-block}.offline{color:#f7c15c}.calculator{border:1px solid var(--border);background:#0d131d;border-radius:8px;overflow:hidden}.amount-section{padding:24px 26px 16px}.amount-heading{grid-template-columns:minmax(0,1fr) minmax(0,146px);align-items:center;gap:12px;min-height:42px;display:grid}.amount-heading>label,.amount-heading>.label{overflow-wrap:anywhere;min-width:0}label,.label{color:var(--muted);font-size:13px}.currency{grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;min-width:0;min-height:42px;font-size:15px;font-weight:750;display:grid}.currency>span:last-child{overflow-wrap:anywhere;min-width:0;line-height:1.35}.currency small{color:var(--muted);margin-top:3px;font-size:11px;font-weight:400;display:block}.currency-mark{border:1px solid #ffffff25;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid;overflow:hidden}.eur{color:#ffdf75;background:#203f88;font-size:19px}.pln{background:linear-gradient(#fafafa 50%,#dc3154 50%)}.input-row{align-items:baseline;gap:8px;margin-top:20px;display:flex}.input-row input{font-variant-numeric:tabular-nums;color:#f5f9ff;outline-offset:2px;background:0 0;border:0;border-radius:0;width:100%;min-width:0;padding:4px 0;font-size:38px;line-height:1.4}.input-row input::placeholder{color:#566579}.unit{color:var(--muted);font-size:24px}.presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:20px;display:grid}.presets button{color:#c4d1e3;border:1px solid var(--border);background:#141e2b;border-radius:6px;min-height:40px;padding:6px;font-size:13px}.presets button:hover{color:var(--cyan);border-color:#3a7684}.divider{align-items:center;gap:14px;padding:0 26px;display:flex}.divider span{background:var(--border);flex:1;height:1px}.swap{width:46px;height:46px;color:var(--cyan);background:#10252f;border:1px solid #265463;border-radius:8px;flex:0 0 46px;place-items:center;display:grid}.swap:hover{background:#163744}.result-section{padding:16px 26px 26px}.result-row{align-items:center;gap:10px;min-height:90px;display:flex}output{font-variant-numeric:tabular-nums;min-width:0;color:var(--green);overflow-wrap:anywhere;flex:1;font-size:38px;font-weight:650;display:block}output span{color:#8bafaa;margin-left:9px;font-size:22px;font-weight:400;display:inline-block}output.compact-result{font-size:26px}.rate-equation{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:13px}.rate-section{border-bottom:1px solid var(--border);padding:20px 0 22px}.rate-heading{justify-content:space-between;align-items:center;display:flex}.rate-heading .eyebrow{margin:0}.rate-heading .icon-button{border-color:#0000}.rate-status{align-items:center;gap:8px;min-height:24px;font-size:13px;display:flex}.rate-status strong{font-weight:600}.amber{background:#f7c15c}.rate-date{color:var(--muted);margin:8px 0 0 14px;font-size:12px;line-height:1.65}.rate-date span{display:block}.warning{color:#f7c15c;align-items:flex-start;gap:9px;margin:15px 0 0;font-size:12px;line-height:1.6;display:flex}.warning svg{flex:0 0 16px;margin-top:2px}.error{color:#ff95aa;font-size:12px;line-height:1.5}.retry{color:#00151e;background:var(--cyan);border:0;border-radius:6px;justify-content:center;align-items:center;min-height:44px;margin-top:16px;padding:10px 18px;font-weight:700;display:inline-flex}.footnote{color:var(--muted);gap:10px;padding-top:20px;display:flex}.footnote>svg{flex:0 0 16px;margin-top:2px}.footnote p{margin:0;font-size:11px;line-height:1.7}.footnote a{width:fit-content;color:var(--muted);text-underline-offset:3px;align-items:center;gap:4px;margin-top:8px;display:flex}dialog{border:1px solid var(--border);color:#eef5ff;background:#0d131d;border-radius:8px;width:min(460px,100% - 32px);max-height:calc(100dvh - 48px);padding:22px}dialog::backdrop{background:#000b}.dialog-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}h2{margin:0;font-size:18px}dialog p{color:var(--muted);font-size:14px;line-height:1.65}.spinning{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinning{animation:none}}@media (width<=480px){.topbar{min-height:72px;padding-left:max(18px, env(safe-area-inset-left));padding-right:max(18px, env(safe-area-inset-right))}main{padding:28px max(18px, env(safe-area-inset-left)) max(26px, env(safe-area-inset-bottom))}h1{font-size:22px}.heading{margin-bottom:22px}.amount-section{padding:20px 20px 14px}.result-section{padding:14px 20px 24px}.divider{padding:0 20px}.input-row input,output{font-size:34px}.presets button{min-height:44px}output.compact-result{font-size:23px}}@media (width<=350px){.heading{flex-direction:column;align-items:flex-start}.amount-section,.result-section{padding-left:16px;padding-right:16px}.input-row input,output{font-size:29px}}