*,:before,:after{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}:root{--bg:#e7ebe4;--panel:#f3f5f1;--ink:#1b2320;--muted:#5b6862;--line:#c5cec6;--accent:#d4521c;--blue:#2c6a96;--ground:#7e8f6a;--ground2:#5f6f4e;--sky:#dce4e3;--good:#2e7d4f;--bad:#b23a2e;--display:"Black Han Sans","IBM Plex Sans KR",system-ui,sans-serif;--body:"IBM Plex Sans KR",system-ui,-apple-system,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121815;--panel:#1a221e;--ink:#dce4dd;--muted:#93a39a;--line:#2e3a34;--accent:#f0793f;--blue:#7fb6de;--ground:#4d5c40;--ground2:#3a4630;--sky:#18211f;--good:#5dbb84;--bad:#e7766a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#121815;--panel:#1a221e;--ink:#dce4dd;--muted:#93a39a;--line:#2e3a34;--accent:#f0793f;--blue:#7fb6de;--ground:#4d5c40;--ground2:#3a4630;--sky:#18211f;--good:#5dbb84;--bad:#e7766a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{background:var(--bg);color:var(--ink)}body{font-family:var(--body);font-size:15px;line-height:1.55}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.wrap{gap:18px;max-width:760px;margin:0 auto;padding-block:20px 40px;padding-inline:16px;display:grid}header{position:relative}header h1{font-family:var(--display);letter-spacing:.01em;text-wrap:balance;margin:0;padding-right:96px;font-size:clamp(30px,8vw,46px);font-weight:400;line-height:1.05}header h1 span{color:var(--accent)}header p{color:var(--muted);max-width:60ch;margin:6px 0 0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;gap:14px;padding:14px;display:grid}.ctl{gap:6px;display:grid}.ctl-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.ctl label{font-weight:500}.val{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:18px}.row{align-items:center;gap:8px;display:flex}.row input[type=range]{min-width:0;accent-color:var(--accent);flex:1;height:28px}.nudge{border:1px solid var(--line);background:var(--bg);width:36px;height:36px;color:var(--ink);font-family:var(--mono);cursor:pointer;border-radius:4px;font-size:16px}.mode{border:1px solid var(--line);border-radius:4px;gap:0;display:flex;overflow:hidden}.mode button{background:var(--bg);color:var(--muted);font:inherit;cursor:pointer;border:0;flex:1;padding:9px 6px;font-weight:500}.mode button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.actions{flex-wrap:wrap;gap:8px;display:flex}.btn-primary{background:var(--accent);color:#fff;min-width:140px;font-family:var(--display);letter-spacing:.06em;cursor:pointer;border:0;border-radius:4px;flex:2;padding:13px;font-size:20px}.btn-primary:disabled{opacity:.5;cursor:default}.btn-sec{border:1px solid var(--line);background:var(--bg);min-width:110px;color:var(--ink);font:inherit;cursor:pointer;border-radius:4px;flex:1;padding:12px;font-weight:500}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stats{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.stats b{color:var(--ink);font-weight:500}.hint{font-family:var(--mono);background:var(--bg);border-left:3px solid var(--blue);white-space:pre-wrap;word-break:break-word;border-radius:0 4px 4px 0;padding:10px 12px;font-size:12.5px;overflow-x:auto}.log{font-family:var(--mono);font-variant-numeric:tabular-nums;background:var(--bg);border:1px solid var(--line);border-radius:4px;gap:2px;padding:8px 10px;font-size:12.5px;display:grid}.log b{font-weight:500}.log-h{font-family:var(--body);color:var(--muted);margin-bottom:2px;font-size:12px}.info{border:1.5px solid var(--blue);background:var(--panel);width:18px;height:18px;color:var(--blue);font:700 11px/1 var(--body);cursor:help;vertical-align:1px;border-radius:50%;margin-left:6px;padding:0;font-style:italic}.tip{z-index:1100;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-left:3px solid var(--blue);font:13px/1.55 var(--body);white-space:normal;word-break:keep-all;border-radius:6px;gap:7px;padding:10px 12px;display:grid;position:fixed;box-shadow:0 8px 28px #00000047}.tip .tp{display:block}.tip .ta,.tip .tb{font-family:var(--mono);border-radius:3px;margin-right:2px;padding:0 3px;font-weight:500}.tip .ta{color:var(--blue);background:color-mix(in srgb,var(--blue) 12%,transparent)}.tip .tb{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}h2{font-family:var(--display);margin:0;font-size:22px;font-weight:400}.eq{font-family:var(--mono);background:var(--panel);border:1px solid var(--line);white-space:pre;font-variant-numeric:tabular-nums;border-radius:6px;padding:12px 14px;font-size:12.5px;line-height:1.75;overflow-x:auto}.eq .c{color:var(--muted)}.eq .a{color:var(--accent)}.eq .b{color:var(--blue)}.notes{gap:10px;max-width:65ch;display:grid}.notes p{margin:0}.notes strong{color:var(--accent);font-weight:700}.small{color:var(--muted);font-size:13px}.lang-btn{z-index:1002;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:500 13px/1.2 var(--body);cursor:pointer;border-radius:4px;padding:6px 10px;position:absolute;top:0;right:0}.tut-btn{border:1px solid var(--accent);color:var(--accent);font:inherit;cursor:pointer;background:0 0;border-radius:4px;margin-top:10px;padding:8px 12px;font-weight:700}