:root{--bg:#f2f0eb;--surface:#ffffff;--surface-2:#edebe9;--ink:rgba(0,0,0,.87);--muted:rgba(0,0,0,.58);--faint:rgba(0,0,0,.4);--line:#e7e5e0;--line-2:#d6dbde;--accent:#00754A;--accent-ink:#006241;--accent-soft:rgba(0,117,74,.1);--band:#1E3932;--gold:#cba258;--lime:#00754A;--good:#00754A;--bad:#c82014;--shadow:0 0 .5px rgba(0,0,0,.14),0 1px 1px rgba(0,0,0,.24);--shadow-lift:0 0 .5px rgba(0,0,0,.14),0 6px 16px rgba(0,0,0,.1);--radius:12px;--radius-pill:999px;--sans:"Pretendard Variable","Pretendard",system-ui,"Malgun Gothic","Apple SD Gothic Neo",sans-serif;--body:"Pretendard Variable","Pretendard",system-ui,"Malgun Gothic","Apple SD Gothic Neo",sans-serif;--mono:"JetBrains Mono",ui-monospace,"Cascadia Code",monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#14231f;--surface:#1E3932;--surface-2:#24413a;--ink:rgba(255,255,255,.95);--muted:rgba(255,255,255,.7);--faint:rgba(255,255,255,.45);--line:#2c4a42;--line-2:#385a51;--accent:#3ba17c;--accent-ink:#7fccad;--accent-soft:rgba(59,161,124,.16);--band:#0f1a17;--gold:#cba258;--lime:#3ba17c;--good:#4cc281;--bad:#e0687a;--shadow:0 1px 2px rgba(0,0,0,.3),0 8px 28px rgba(0,0,0,.45);--shadow-lift:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.5)}}:root[data-theme=dark]{--bg:#14231f;--surface:#1E3932;--surface-2:#24413a;--ink:rgba(255,255,255,.95);--muted:rgba(255,255,255,.7);--faint:rgba(255,255,255,.45);--line:#2c4a42;--line-2:#385a51;--accent:#3ba17c;--accent-ink:#7fccad;--accent-soft:rgba(59,161,124,.16);--band:#0f1a17;--gold:#cba258;--lime:#3ba17c;--good:#4cc281;--bad:#e0687a;--shadow:0 1px 2px rgba(0,0,0,.3),0 8px 28px rgba(0,0,0,.45);--shadow-lift:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.5)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.6;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--sans);line-height:1.15;letter-spacing:-.02em;margin:0;text-wrap:balance}.mono{font-family:var(--mono)}.wrap{max-width:1000px;margin:0 auto;padding:0 22px}.site-head{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.site-head .row{display:flex;align-items:center;justify-content:space-between;height:60px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--sans);font-weight:700;font-size:1.05rem;letter-spacing:-.02em}.brand .logo{width:28px;height:28px;border-radius:50%;background:var(--accent);display:grid;place-items:center;color:#fff;font-family:var(--sans);font-weight:800;font-size:.82rem}.brand .dot{color:var(--accent)}.nav{display:flex;align-items:center;gap:6px}.nav a{padding:7px 14px;border-radius:var(--radius-pill);font-size:.9rem;color:var(--muted);font-weight:500}.nav a:hover{color:var(--ink);background:var(--surface-2)}.theme-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;display:grid;place-items:center;font-size:1rem;transition:.15s}.theme-btn:hover{color:var(--ink);border-color:var(--line-2)}.theme-btn:active{transform:scale(.95)}.lang-switch{display:inline-flex;align-items:center;gap:5px;margin:0 4px;font-family:var(--mono);font-size:.78rem}.lang-switch a{color:var(--faint);padding:3px 4px;border-radius:6px;font-weight:500}.lang-switch a:hover{color:var(--ink)}.lang-switch a.on{color:var(--accent-ink);font-weight:700}.lang-switch .sep{color:var(--line-2)}.hero{padding:clamp(60px,11vw,116px) 0 clamp(40px,7vw,60px);max-width:900px}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-ink);margin:0 0 24px}.eyebrow .d{width:7px;height:7px;border-radius:50%;background:var(--accent)}.hero h1{font-size:clamp(2.5rem,7vw,4.6rem);font-weight:800;line-height:1.03;letter-spacing:-.035em}.hero h1 em{font-style:normal;color:var(--accent)}.hero h1 .stop{color:var(--accent)}.hero .lead{margin:28px 0 0;font-size:clamp(1.05rem,2.2vw,1.26rem);line-height:1.55;color:var(--muted);max-width:52ch;letter-spacing:-.01em}.hero .meta{list-style:none;display:flex;flex-wrap:wrap;gap:8px 9px;margin:34px 0 0;padding:0}.hero .meta li{font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-2);border-radius:999px;padding:5px 12px}.sec{padding:0 0 clamp(64px,10vw,96px)}.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1.5px solid var(--ink)}.sec-head h2{font-size:1.02rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;font-family:var(--mono)}.sec-head .count{font-family:var(--mono);font-size:.82rem;color:var(--faint)}.index{margin-top:2px}.row{display:grid;grid-template-columns:2.4ch 26px 1fr 20px;align-items:center;gap:18px;padding:20px 6px;border-bottom:1px solid var(--line);position:relative;transition:background .16s ease,padding .16s ease}.row .num{font-family:var(--mono);font-size:.78rem;color:var(--faint);transition:color .16s}.row .ic{color:var(--ink);display:grid;place-items:center;transition:color .16s}.row .txt{min-width:0}.row .txt b{display:block;font-family:var(--sans);font-size:1.06rem;font-weight:650;letter-spacing:-.012em}.row .txt span{display:block;margin-top:3px;font-size:.9rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .arw{color:var(--line-2);display:grid;place-items:center;transition:color .16s,transform .16s}a.row:hover{background:var(--accent-soft);padding-left:14px}a.row:hover .num{color:var(--accent)}a.row:hover .ic{color:var(--accent-ink)}a.row:hover .arw{color:var(--accent);transform:translate(4px)}@media(max-width:560px){.row{grid-template-columns:2.2ch 22px 1fr 18px;gap:12px;padding:16px 4px}.row .txt span{white-space:normal}}.tool-page{padding:40px 0 70px;max-width:760px;margin:0 auto}.back{font-family:var(--mono);font-size:.8rem;color:var(--muted);display:inline-block;margin-bottom:18px}.back:hover{color:var(--accent-ink)}.tool-page h1{font-size:1.9rem;font-weight:700;margin-bottom:8px}.tool-page .desc{color:var(--muted);margin:0 0 26px}.field{margin-bottom:18px}.field label{display:block;font-family:var(--mono);font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}textarea,input[type=text],select{width:100%;font-family:var(--mono);font-size:.92rem;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:10px;padding:12px 13px;resize:vertical;line-height:1.5}textarea:focus,input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{min-height:110px}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px}.btn{font-family:var(--sans);font-weight:600;font-size:.9rem;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);border-radius:var(--radius-pill);padding:9px 18px;cursor:pointer;transition:all .2s ease}.btn:hover{border-color:var(--accent)}.btn:active{transform:scale(.96)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.06)}.seg{display:inline-flex;border:1px solid var(--line-2);border-radius:var(--radius-pill);overflow:hidden}.seg button{border:0;background:var(--surface);color:var(--muted);font-family:var(--mono);font-size:.82rem;padding:8px 14px;cursor:pointer}.seg button[aria-pressed=true]{background:var(--accent);color:#fff}.out-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 6px}.out-row .lab{font-family:var(--mono);font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.copy{font-family:var(--mono);font-size:.74rem;color:var(--accent-ink);background:var(--accent-soft);border:0;border-radius:6px;padding:4px 9px;cursor:pointer}.copy.ok{color:var(--good)}.result{font-family:var(--mono);font-size:.9rem;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:12px 13px;word-break:break-all;white-space:pre-wrap;min-height:20px}.result.err{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,transparent)}.hashrow{margin-bottom:12px}.hashrow .lab{font-family:var(--mono);font-size:.72rem;color:var(--accent-ink);margin-bottom:5px}.site-foot{background:var(--band);padding:34px 0;margin-top:40px}.site-foot .row{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:space-between;font-size:.84rem;color:#ffffffb3}.site-foot .mono{font-size:.78rem;color:#ffffff73}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}