:root{--bg:#0E0C0A;--surface:#1A1512;--ink:#E8DCC0;--ink-2:rgba(232,220,192,.62);--ink-3:rgba(232,220,192,.42);--gold:#B8863B;--gold-dk:#8A6329;--red:#8E1A16;--line:rgba(184,134,59,.22);--ax-저항:#D45E45;--ax-연대:#3FA876;--ax-생존:#6B8FE0;--ax-순응:#B5883C}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Noto Sans KR,sans-serif;line-height:1.65}.wrap{max-width:1100px;margin:0 auto;padding:0 1.25rem}.muted{color:var(--ink-2);font-size:.8rem}.eyebrow{font-size:.62rem;letter-spacing:.25em;color:var(--gold);margin:0 0 .3rem}h1{font-family:"Noto Serif KR",serif;font-size:1.25rem;font-weight:700;margin:0}h2{font-family:"Noto Serif KR",serif;font-size:1rem;font-weight:600;margin:0 0 .75rem}.top{background:#141010;border-bottom:1px solid var(--line);padding:1.25rem 0}.top-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.top-right{display:flex;align-items:center;gap:10px}.btn{font-family:"Noto Serif KR",serif;font-weight:600;font-size:.85rem;background:var(--gold);color:#17120c;border:1px solid var(--gold-dk);border-radius:2px;padding:.45rem 1rem;cursor:pointer}.btn:hover{background:var(--gold-dk);color:#f0e6ce}.btn:disabled{background:#4a423a;color:#f0e6ce73;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--gold);border-color:var(--line)}.btn.ghost:hover{background:#b8863b1f;color:var(--ink)}.btn.sm{font-size:.76rem;padding:.3rem .7rem}input,select,textarea{font-family:Noto Sans KR,sans-serif;font-size:.85rem;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:2px;padding:.4rem .7rem;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold)}select option{background:var(--surface);color:var(--ink)}textarea{width:100%;line-height:1.7;resize:vertical}.bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:1.1rem 0 .8rem}.bar .lbl{font-size:.78rem;color:var(--ink-2)}.grow{flex:1}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:1.4rem;flex-wrap:wrap}.tab{font-family:"Noto Serif KR",serif;font-weight:600;font-size:.9rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--ink-3);padding:.6rem 1.1rem;cursor:pointer}.tab.on{color:var(--ink);border-bottom-color:var(--red)}.panel{display:none;padding-bottom:4rem}.panel.on{display:block}.card{background:#e8dcc00a;border:1px solid var(--line);border-radius:3px;padding:1.1rem 1.2rem;margin-bottom:1.1rem}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:10px;margin-bottom:1.2rem}.tile p{margin:0}.tile{background:#e8dcc00a;border:1px solid var(--line);border-radius:3px;padding:.85rem 1rem}.tile .n{font-family:"Noto Serif KR",serif;font-size:1.65rem;font-weight:900;line-height:1.15}.tile .k{font-size:.72rem;color:var(--ink-2);margin-top:.1rem}.tile .sub{font-size:.7rem;color:var(--ink-3)}.meter{height:10px;background:#e8dcc017;border-radius:5px;overflow:hidden;display:flex;gap:2px}.meter i{display:block;height:100%}.meter i:first-child{border-radius:5px 0 0 5px}.meter i:last-child{border-radius:0 5px 5px 0}table{width:100%;border-collapse:collapse;font-size:.82rem}th,td{padding:.45rem .5rem;border-bottom:1px solid rgba(184,134,59,.13);text-align:left;vertical-align:top}th{color:var(--ink-2);font-weight:500;font-size:.75rem;white-space:nowrap}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tr.click:hover{background:#b8863b12;cursor:pointer}.chip{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;color:var(--ink-2);border:1px solid var(--line);border-radius:2px;padding:.1rem .45rem;margin-right:4px}.dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.writing{background:#e8dcc00a;border:1px solid var(--line);border-left-width:3px;border-radius:3px;padding:.8rem 1rem;margin-bottom:.7rem}.writing .head{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin-bottom:.4rem}.writing .who{font-family:"Noto Serif KR",serif;font-weight:600;font-size:.85rem}.writing .body{white-space:pre-wrap;font-size:.88rem;line-height:1.85}.writing .pick{font-size:.78rem;color:var(--ink-2);margin-bottom:.35rem}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:2.5rem 1rem;overflow:auto}.modal-box{background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:1.4rem 1.5rem;max-width:780px;width:100%}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem}.right{text-align:right}.mono{font-variant-numeric:tabular-nums}@media (max-width:640px){.wrap{padding:0 .9rem}.tile .n{font-size:1.4rem}}.legend{margin:0 0 .8rem}.trend{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(8px,3vw,28px);align-items:end}.tcol{min-width:0}.tstack{height:260px;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;background:#e8dcc00d;border-radius:4px;overflow:hidden}.tseg{display:flex;align-items:center;justify-content:center;border:none;padding:0;margin:0;cursor:pointer;font-family:Noto Sans KR,sans-serif;font-size:.72rem;font-weight:700;color:#141010;min-height:3px;transition:filter .12s,outline-color .12s;outline:2px solid transparent;outline-offset:-2px}.tseg:first-child{border-radius:4px 4px 0 0}.tseg span{white-space:nowrap;overflow:hidden;text-overflow:clip;padding:0 2px}.tseg:hover{filter:brightness(1.15)}.tseg.on{outline-color:var(--ink)}.tempty{margin:auto;font-size:.72rem;color:var(--ink-3)}.tlab{text-align:center;margin:.45rem 0 0;font-size:.8rem;line-height:1.4}.tview{margin-top:1rem}.tview summary{cursor:pointer}tr.sel{background:#b8863b24}@media (max-width:640px){.tstack{height:200px}.tseg{font-size:.62rem}}.lchart{width:100%;height:auto;display:block;overflow:visible}.lchart .grid{stroke:#e8dcc01a;stroke-width:1}.lchart .ylab,.lchart .xlab{fill:var(--ink-2);font-size:12px;font-family:Noto Sans KR,sans-serif}.lchart .xlab{fill:var(--ink);font-weight:600}.lchart .elab{fill:var(--ink);font-size:12px;font-weight:600;font-family:Noto Sans KR,sans-serif}.lchart .ln{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.lchart .pt{stroke:var(--bg);stroke-width:2}.lchart .pt.on{stroke:var(--ink);stroke-width:2.5}.lchart .band{fill:transparent}.lchart .band:hover{fill:#e8dcc00d}.lchart .hit{fill:transparent;cursor:pointer}.afilter{padding:.8rem 1.2rem}.face{border-radius:50%;object-fit:cover;border:1.5px solid rgba(184,134,59,.45);flex-shrink:0;background:#1a0f08;display:inline-block;vertical-align:middle}.face.none{background:#e8dcc00f;border-style:dashed}.pcell{display:inline-flex;align-items:center;gap:8px}table.stu td{vertical-align:middle}details.card summary{cursor:pointer}.modal-box .bar .face{width:44px;height:44px}.nav{display:flex;gap:14px;flex-wrap:wrap;font-size:.76rem;margin:0 0 .6rem}.nav a{color:var(--ink-3);text-decoration:none}.nav a:hover{color:var(--ink)}.nav .on{color:var(--gold)}.lchart .xyear{fill:var(--ink-2);font-weight:400}.lchart .xtitle{fill:var(--ink-2);font-size:11.5px;font-family:"Noto Serif KR",serif}.c6grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:12px}.c6box{border:1px solid var(--line);border-radius:3px;padding:.7rem .8rem .4rem}.c6head{display:flex;align-items:baseline;gap:6px;margin:0 0 .3rem;font-size:.88rem}
