html,body{height:100%}body{margin:0}:root{--bg-1: #0b1320;--bg-2: #141729;--bg-3: #0e1824;--surface: rgba(18, 22, 30, .78);--surface-strong: rgba(10, 13, 18, .92);--border: #293041;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--text-1: #e7eaf2;--text-2: #a8b0c2;--accent-1: #6d5efc;--accent-2: #18b8d9}.wrapper.svelte-1xo8bju{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.75rem;padding:0;background:radial-gradient(1100px 520px at 10% -10%,color-mix(in oklab,var(--bg-1) 55%,transparent),transparent),radial-gradient(900px 620px at 110% 10%,color-mix(in oklab,#421f74 32%,transparent),transparent),radial-gradient(900px 600px at 50% 120%,color-mix(in oklab,var(--bg-3) 38%,transparent),transparent),linear-gradient(160deg,#0a0d14,#0b1119)}.calculator.svelte-1xo8bju{width:380px;max-width:100%;display:grid;gap:.75rem;padding:1rem;background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.preview.svelte-1xo8bju{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;padding:.6rem .75rem;font:600 1.02rem/1.2 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;border-radius:12px}.preview.accent.svelte-1xo8bju{background:linear-gradient(135deg,color-mix(in oklab,var(--accent-1) 22%,#161a22),color-mix(in oklab,var(--accent-2) 18%,#121722));border:1px solid color-mix(in oklab,var(--accent-1) 24%,#222838)}.preview.svelte-1xo8bju .expr:where(.svelte-1xo8bju){text-align:left;color:var(--text-2)}.preview.svelte-1xo8bju .arrow:where(.svelte-1xo8bju){text-align:center;color:color-mix(in oklab,var(--text-2) 65%,#8e96a8)}.preview.svelte-1xo8bju .result:where(.svelte-1xo8bju){text-align:right;font-weight:700;color:var(--text-1)}.display.svelte-1xo8bju{background:var(--surface-strong);border:1px solid var(--border);border-radius:12px;padding:.9rem .75rem;font:700 2.25rem/1.2 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;text-align:right;overflow:hidden;white-space:nowrap;color:var(--text-1)}.keys.svelte-1xo8bju{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}button.svelte-1xo8bju{padding:.85rem;font-size:1.1rem;border:1px solid var(--border);border-radius:10px;background:linear-gradient(180deg,#1f2532,#181d28);color:var(--text-1);cursor:pointer;box-shadow:0 1px #ffffff08 inset,0 6px 16px #0000002e;transition:transform .05s ease,box-shadow .15s ease,background .2s ease,border-color .2s ease}button.svelte-1xo8bju:hover{background:linear-gradient(180deg,#232a39,#1c2130);border-color:#2f384b}button.svelte-1xo8bju:active{transform:translateY(1px);background:linear-gradient(180deg,#1b2230,#161b26)}button[data-active=true].svelte-1xo8bju{background:linear-gradient(180deg,color-mix(in oklab,var(--accent-2) 22%,#1b2230),color-mix(in oklab,var(--accent-1) 18%,#151b26));border-color:color-mix(in oklab,var(--accent-1) 38%,#2a3140);box-shadow:0 1px #ffffff0a inset,0 8px 22px color-mix(in oklab,var(--accent-1) 12%,transparent)}.equals.svelte-1xo8bju{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;border-color:transparent}.note.svelte-1xo8bju{text-align:center;color:color-mix(in oklab,var(--text-2) 80%,#9aa4b6);font-size:.85rem}