:root{--radius:14px;--touch:56px;--maxw:600px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.app{max-width:var(--maxw);padding:12px 16px calc(32px + env(safe-area-inset-bottom));margin:0 auto}.topbar{align-items:center;gap:12px;padding:6px 4px 14px;display:flex}.topbar img{border-radius:10px;width:40px;height:40px}.topbar-content{flex:1}.topbar h1{letter-spacing:.5px;margin:0;font-size:1.35rem}.topbar .tagline{color:var(--text-muted);margin:0;font-size:.8rem}a{color:inherit;text-decoration:none}.field{margin-bottom:14px}.field label,.field-label{color:var(--text-muted);margin-bottom:6px;font-size:.85rem;display:block}.field .with-unit{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);align-items:center;display:flex;overflow:hidden}.field input[type=number]{width:100%;min-height:var(--touch);color:var(--text);background:0 0;border:0;flex:1;padding:0 16px;font-size:1.4rem;font-weight:600}.field input:focus{outline:none}.field .unit{color:var(--text-muted);white-space:nowrap;padding:0 16px;font-size:.95rem}.field-hint{color:var(--text-muted);margin:6px 2px 0;font-size:.75rem}.chip{border:1px solid var(--border);background:var(--bg);min-height:44px;color:var(--text);cursor:pointer;border-radius:999px;align-items:center;padding:0 14px;font-size:.9rem;display:inline-flex}.chip.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:700}.home-foot{text-align:center;margin-top:6px}.ref-link{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:14px 18px;font-weight:700;display:inline-block}.ref-note{color:var(--text-muted);max-width:380px;margin:14px auto 0;font-size:.78rem;line-height:1.4}.back{color:var(--text-muted);align-items:center;gap:6px;padding:6px 0;font-size:.95rem;display:inline-flex}.screen h2{margin:4px 0 18px;font-size:1.5rem}.result{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);text-align:center;margin-top:8px;padding:22px 18px}.result .label{color:var(--text-muted);font-size:.9rem}.note{color:var(--text-muted);margin-top:14px;font-size:.8rem;line-height:1.4}