:root{--paper:#ede8df;--card:#fdfbf5;--ink:#1f2430;--muted:#6b6f7a;--line:#d9d3c6;--accent:#b87333;--accent-ink:#8a5420;--navy:#1d2440;--navy-2:#2a3358;--green:#2e7d4f;--blue:#2f6fd6;--gold:#e3a832}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);margin:0;padding:0;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;font-size:14px}button{font:inherit;cursor:pointer}input,textarea{font:inherit}.app{flex-direction:column;height:100vh;display:flex}.main{flex:1}.mcp{background:var(--card);border:1px solid var(--accent);border-radius:10px;flex-direction:column;gap:6px;margin:10px 20px 0;padding:12px 14px;display:flex}.mcp code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#f1ece0;border-radius:6px;padding:6px 8px;font-size:12px}.top{border-bottom:1px solid var(--line);background:var(--paper);align-items:center;gap:16px;padding:10px 20px;display:flex}.eyebrow{letter-spacing:.18em;color:var(--accent-ink);text-transform:uppercase;font-size:11px}.title{width:100%;color:var(--ink);background:0 0;border:none;padding:2px 0;font-size:20px;font-weight:600}.title:focus{outline:1px dashed var(--accent)}.who{white-space:nowrap;align-items:center;gap:8px;margin-left:auto;display:flex}.who input{border:1px solid var(--line);background:var(--card);border-radius:6px;width:90px;padding:6px 8px}.dot{background:#c33;border-radius:50%;width:8px;height:8px;display:inline-block}.dot.on{background:var(--green)}.main{grid-template-columns:300px 1fr 360px;gap:14px;min-height:0;padding:14px 20px;display:grid}.panel{background:var(--card);border:1px solid var(--line);border-radius:10px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel h3{letter-spacing:.08em;color:var(--accent-ink);border-bottom:1px solid var(--line);margin:0;padding:10px 14px;font-size:12px;font-weight:600}.scroll{flex:1;overflow:auto}.row{border-bottom:1px solid var(--line);cursor:pointer;align-items:flex-start;gap:10px;padding:9px 14px;display:flex}.row:hover{background:#f4efe3}.row.sel{box-shadow:inset 3px 0 0 var(--blue);background:#e9f0fb}.row.lit{background:#fbf0dc}.num{width:22px;color:var(--accent-ink);flex:none;font-weight:700}.row .t{flex:1;line-height:1.45}.marks{color:var(--muted);gap:6px;font-size:11px;display:flex}.flag{color:var(--gold)}.group{color:var(--muted);border-bottom:1px solid var(--line);background:#f6f2ea;align-items:center;padding:8px 14px 2px;font-size:12px;display:flex}.group b{color:var(--ink);margin-right:auto}.group .row{padding-left:30px}.chk{margin-right:6px}.graph{background:var(--navy);border-radius:10px;position:relative;overflow:hidden}.graph svg{width:100%;height:100%;display:block}.graph .legend{color:#d9b06f;font-size:13px;position:absolute;top:12px;left:16px}.graph .hint{color:#8d94b4;font-size:11px;position:absolute;bottom:10px;right:16px}.insp{flex-direction:column;gap:10px;padding:12px 14px;display:flex}.insp textarea{border:1px solid var(--line);resize:vertical;background:#fff;border-radius:6px;width:100%;min-height:70px;padding:8px;line-height:1.45}.insp input{border:1px solid var(--line);background:#fff;border-radius:6px;width:100%;padding:7px 8px}.btns{flex-wrap:wrap;gap:6px;display:flex}.btn{border:1px solid var(--line);background:#fff;border-radius:6px;padding:6px 10px;font-size:13px}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.blue{background:var(--blue);border-color:var(--blue);color:#fff}.btn.danger{color:#a33}.btn.sm{padding:3px 7px;font-size:12px}.sub{color:var(--muted);font-size:12px}.label{letter-spacing:.08em;color:var(--accent-ink);text-transform:uppercase;margin-top:4px;font-size:11px}.chip{background:#eee8dc;border-radius:999px;align-items:center;gap:4px;margin:2px 4px 2px 0;padding:2px 8px;font-size:12px;display:inline-flex}.chip button{color:#a33;background:0 0;border:none;padding:0}.note{border-left:3px solid var(--gold);background:#fff8e6;border-radius:4px;gap:6px;padding:6px 8px;display:flex}.note .t{flex:1}.hist{border-bottom:1px solid var(--line);padding:7px 14px;font-size:12px;line-height:1.4}.hist b{color:var(--accent-ink)}.hist .at{color:var(--muted);margin-left:6px}.callout{background:var(--accent);color:#fff;padding:8px 14px;font-size:13px}.empty{color:var(--muted);padding:20px 14px;font-size:13px;line-height:1.6}select{border:1px solid var(--line);font:inherit;background:#fff;border-radius:6px;padding:6px}@media (max-width:1000px){.main{grid-template-rows:280px 420px auto;grid-template-columns:1fr}}