:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:oklch(98% .01 85);--bg-raised:oklch(100% 0 0);--ink:oklch(22% .02 85);--ink-muted:oklch(42% .02 85);--ink-faint:oklch(58% .015 85);--border:oklch(88% .015 85);--accent:oklch(62% .15 75);--accent-strong:oklch(52% .16 70);--accent-ink:oklch(20% .03 75);--accent-tint:oklch(94% .03 80);--danger:oklch(55% .18 30);--radius:14px;--ease-out:cubic-bezier(.23, 1, .32, 1);font-feature-settings:"palt";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,-apple-system,sans-serif;line-height:1.8}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:oklch(20% .015 85);--bg-raised:oklch(25% .015 85);--ink:oklch(94% .01 85);--ink-muted:oklch(75% .015 85);--ink-faint:oklch(60% .015 85);--border:oklch(32% .015 85);--accent:oklch(74% .15 75);--accent-strong:oklch(80% .15 75);--accent-ink:oklch(97% .02 75);--accent-tint:oklch(30% .04 80)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink)}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{color:var(--ink);text-wrap:balance;margin:0}p{text-wrap:pretty}a{color:var(--accent-strong)}button{font-family:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.site-header{padding:1.25rem 1.5rem}.logo{letter-spacing:-.02em;font-size:1.1rem;font-weight:700}.main{flex:1;width:100%;max-width:40rem;margin:0 auto;padding:1.5rem 1.25rem 3rem}.hero{text-align:center;padding-block:1.5rem 2rem}.hero h1{font-size:clamp(1.6rem,1.2rem + 2.4vw,2.4rem);line-height:1.35}.hero-sub{color:var(--ink-muted);margin-top:.6rem}.convert-form{flex-direction:column;gap:.75rem;margin-top:1.75rem;display:flex}.convert-form input{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-raised);color:var(--ink);transition:border-color .15s var(--ease-out);padding:.9rem 1.1rem;font-family:inherit;font-size:1.1rem}.convert-form input::placeholder{color:var(--ink-faint)}.convert-form input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.convert-form input:disabled{opacity:.6}.btn-primary{border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);cursor:pointer;transition:transform .12s var(--ease-out), opacity .12s var(--ease-out);border:none;padding:.9rem 1.5rem;font-size:1.05rem;font-weight:600}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.loading-line,.status-line{color:var(--ink-muted);margin-top:1rem}.status-limit{color:var(--ink)}.status-error{color:var(--danger)}.recent{margin-top:2.5rem}.recent h2{margin-bottom:.75rem;font-size:1.05rem}.recent ul{flex-direction:column;gap:.5rem;padding:0;list-style:none;display:flex}.recent a{color:var(--ink-muted);text-decoration:none}.recent a:hover{color:var(--accent-strong)}.site-footer{border-top:1px solid var(--border);max-width:40rem;color:var(--ink-muted);margin:0 auto;padding:1.5rem 1.25rem 2.5rem;font-size:.9rem}.footer-title{color:var(--ink);margin-bottom:.5rem;font-weight:600}.site-footer ul{flex-wrap:wrap;gap:.5rem 1.25rem;padding:0;list-style:none;display:flex}.site-footer a{color:var(--ink-muted)}.about{max-width:32rem;margin-top:1.25rem}
