:root{--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--mono: ui-monospace, Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans)}.app{min-height:100vh;background:var(--bg);color:var(--ink);transition:background .3s,color .3s}.app.light{--bg: #f5f7f6;--card: #ffffff;--ink: #18201c;--ink2: #5c6661;--line: #e2e7e4;--brand: #0f9d6e;--brand2: #0b7d57}.app.dark{--bg: #0a0c11;--card: #141a17;--ink: #e9efea;--ink2: #93a09a;--line: #27302b;--brand: #34d39e;--brand2: #15b27e}.app.dark .resform,.app.dark .srcbox{box-shadow:inset 0 1px #ffffff0a,0 14px 34px -24px #000c}.app.light .resform,.app.light .srcbox{box-shadow:0 1px 2px #1418200a}.themetoggle{position:fixed;top:14px;right:14px;z-index:20;font:inherit;font-size:13px;border:1px solid var(--line);background:var(--card);color:var(--ink2);border-radius:999px;padding:7px 13px;cursor:pointer}.themetoggle:hover{color:var(--brand);border-color:var(--brand)}.hero{max-width:820px;margin:0 auto;padding:48px 22px 8px;text-align:center}.badge{font-family:var(--mono);font-size:12px;color:var(--brand);border:1px solid var(--line);border-radius:999px;padding:4px 10px;background:var(--card)}.hero h1{font-size:clamp(30px,6vw,50px);font-weight:800;letter-spacing:-.02em;margin:12px 0 8px}.hero p{color:var(--ink2);max-width:30em;margin:0 auto}.keybar{margin:22px auto 0;max-width:560px;text-align:left}.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.seg button{font:inherit;font-size:13px;padding:8px 14px;background:var(--card);color:var(--ink2);border:none;cursor:pointer}.seg button.on{background:var(--brand);color:#fff}.seg button:disabled{opacity:.5}.keyrow{display:flex;gap:8px;margin-top:10px}.keyrow input{flex:1;border:1px solid var(--line);border-radius:9px;padding:9px 12px;font:inherit;background:var(--card);color:inherit}.kbtn{font:inherit;font-size:13px;font-weight:600;border:none;border-radius:9px;padding:9px 14px;background:var(--brand);color:#fff;cursor:pointer}.kbtn.ghost{background:var(--card);border:1px solid var(--line);color:var(--ink2)}.kbtn:disabled{opacity:.5}.link{margin-top:8px;background:none;border:none;color:var(--brand);font:inherit;font-size:13px;cursor:pointer}.note{font-size:11.5px;color:var(--ink2);margin-top:10px;line-height:1.5}.domains{display:inline-flex;gap:4px;margin:20px auto 0;border:1px solid var(--line);border-radius:12px;padding:4px;background:var(--card)}.domains button{font:inherit;font-size:13px;font-weight:600;padding:7px 16px;border:none;border-radius:9px;background:transparent;color:var(--ink2);cursor:pointer}.domains button.on{background:var(--brand);color:#fff}.domains button:disabled{opacity:.5;cursor:not-allowed}.cmdbar{display:flex;gap:8px;margin:16px auto 12px;max-width:620px}.cmdbar input{flex:1;border:1px solid var(--line);border-radius:11px;padding:11px 14px;font:inherit;background:var(--card);color:inherit}.cmdbar button{font:inherit;font-weight:600;border:none;border-radius:11px;padding:11px 18px;background:var(--brand);color:#fff;cursor:pointer}.cmdbar button:disabled{opacity:.5}.cmdbar .ghostbtn{background:var(--card);color:var(--ink2);border:1px solid var(--line);padding:11px 14px}.cmdbar .ghostbtn:hover{color:var(--brand);border-color:var(--brand)}.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.chips button{font:inherit;font-size:12.5px;border:1px solid var(--line);background:var(--card);color:var(--ink2);border-radius:999px;padding:7px 12px;cursor:pointer}.chips button:disabled{opacity:.5}.err{color:#e06a4c;font-size:13px;margin-top:10px}.formwrap{max-width:620px;margin:26px auto 70px;padding:0 22px}.srcbox{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:16px}.srclabel{display:block;font-family:var(--mono);font-size:11px;color:var(--ink2);margin-bottom:8px}.srcsentence{font-size:16px;line-height:1.9;word-break:keep-all}.srcmark{border-radius:4px;padding:1px 2px;color:#18201c;transition:box-shadow .2s}.srcmark.active{box-shadow:0 0 0 3px #0f9d6e2e}.srcbadge{font-size:11px;font-weight:700;margin-left:6px;white-space:nowrap}.resform{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:5px;transition:background .3s;border-radius:10px;padding:4px}.field.just{background:#0f9d6e1f}.field .fl{font-size:12.5px;color:var(--ink2);font-weight:600}.field input,.field select{border:1px solid var(--line);border-radius:9px;padding:10px 12px;font:inherit;background:var(--card);color:inherit}.field input:focus,.field select:focus{outline:2px solid var(--brand);outline-offset:0}.submit{grid-column:1 / -1;border:none;border-radius:11px;padding:13px;background:var(--brand2);color:#fff;font:inherit;font-weight:700;cursor:pointer;margin-top:4px}@media (max-width: 520px){.resform{grid-template-columns:1fr}}
