@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#f3f5fb)var(--lightningcss-dark,#0c0f17);--bg-glow:var(--lightningcss-light,#6366f124)var(--lightningcss-dark,#818cf81f);--surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#151a26);--surface-2:var(--lightningcss-light,#eef1f8)var(--lightningcss-dark,#1c2232);--text:var(--lightningcss-light,#141824)var(--lightningcss-dark,#e8ebf3);--muted:var(--lightningcss-light,#5b6476)var(--lightningcss-dark,#96a0b5);--border:var(--lightningcss-light,#e1e5ee)var(--lightningcss-dark,#262e40);--accent:var(--lightningcss-light,#5b5bd6)var(--lightningcss-dark,#8b8cf6);--accent-soft:var(--lightningcss-light,#5b5bd61a)var(--lightningcss-dark,#8b8cf629);--gradient:linear-gradient(135deg, #5b5bd6 0%, #8e4ec6 100%);--rainbow:linear-gradient(135deg, #ff5f6d 0%, #ffb347 25%, #3ccf91 50%, #3fa7ff 75%, #8e5cff 100%);--on-gradient:#fff;--success:var(--lightningcss-light,#14804a)var(--lightningcss-dark,#3dd68c);--error:var(--lightningcss-light,#c4302b)var(--lightningcss-dark,#ff8a80);--code-bg:var(--lightningcss-light,#f2f4f9)var(--lightningcss-dark,#1f2636);--shadow:0 1px 2px var(--lightningcss-light,#1418240f)var(--lightningcss-dark,#0006), 0 8px 24px var(--lightningcss-light,#1418240f)var(--lightningcss-dark,#0000004d);--radius:14px;--radius-sm:10px;--pane-height:clamp(420px, calc(100vh - 260px), 920px);--mono:ui-monospace, "Cascadia Code", Consolas, monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@layer base{*{box-sizing:border-box}body{background:radial-gradient(1200px 500px at 10% -10%, var(--bg-glow), transparent 70%), radial-gradient(900px 400px at 100% 0%, var(--bg-glow), transparent 70%), var(--bg);min-height:100vh;color:var(--text);margin:0;font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}#app{max-width:1400px;margin:0 auto;padding:28px 20px}button{font:inherit}:is(a,button,textarea,[contenteditable]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon{flex:none;width:18px;height:18px}}@layer components{.about{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:32px;display:grid}.about__card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:18px 20px}.about__card h2{margin:0 0 6px;font-size:1rem}.about__card p{color:var(--muted);margin:0}.shell__header{grid-template-columns:1fr auto;grid-template-areas:"brand controls""nav nav";align-items:center;gap:18px 16px;margin-bottom:22px;display:grid}.shell__header>.shell__brand{grid-area:brand}.shell__header>nav{grid-area:nav}.shell__header>:not(.shell__brand,nav){grid-area:controls}.shell__brand{align-items:center;gap:14px;display:flex}.shell__brand h1{letter-spacing:-.02em;margin:0;font-size:1.6rem}.shell__logo{background:var(--rainbow);width:44px;height:44px;color:var(--on-gradient);border-radius:12px;flex:none;place-items:center;display:grid;box-shadow:0 6px 18px #8e5cff4d}.shell__logo .icon{width:24px;height:24px}.shell__tagline{color:var(--muted);margin:2px 0 0}.shell__content{min-height:var(--pane-height);container-type:inline-size}@media (width<=800px){.shell__content{min-height:calc(110vh + 18px)}}.shell__error{border:1px solid var(--error);border-radius:var(--radius);color:var(--error);padding:16px 20px}.converter-nav{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;flex-wrap:wrap;justify-self:start;gap:4px;padding:4px;display:inline-flex}.converter-nav__link{color:var(--muted);border-radius:999px;padding:7px 16px;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.converter-nav__link:hover{color:var(--text)}.converter-nav__link[aria-current=page]{background:var(--surface);color:var(--accent);box-shadow:var(--shadow)}@media (width<=480px){.converter-nav{flex-wrap:nowrap;justify-self:stretch;gap:2px;display:flex}.converter-nav__link{text-align:center;white-space:nowrap;flex:1;min-width:0;padding:7px 4px;font-size:.78rem}}.footer{border-top:1px solid var(--border);color:var(--muted);text-align:center;margin-top:40px;padding-top:20px;font-size:.875rem}.footer p{margin:4px auto}.footer a{color:inherit}.footer__claim{color:var(--text);font-weight:600}.footer__note{max-width:70ch}.segmented{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.segmented__option{min-width:34px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0 8px;transition:background .15s,color .15s;display:grid}.segmented__option:hover{color:var(--text)}.segmented__option[aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:var(--shadow)}}