:root{--navy:#17365d;--blue:#2f66f5;--purple:#7c3aed;--ink:#1f2937;--muted:#64748b;--line:#d9e2ef;--panel:#fff;--wash:#f3f6fb;--amber:#fff3cd;--green:#16834b;--red:#b42318}
    *{box-sizing:border-box}body{margin:0;background:var(--wash);color:var(--ink);font-family:"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",Arial,sans-serif}button,select,input{font:inherit}button{cursor:pointer}.topbar{min-height:90px;padding:17px 28px;background:linear-gradient(105deg,#17365d,#204c7d);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 8px 24px rgba(23,54,93,.14)}.topbar h1{margin:3px 0 0;font-size:25px;letter-spacing:-.04em}.eyebrow{margin:0;font-size:12px;opacity:.76;letter-spacing:.03em}.status-pill{border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:8px 12px;font-size:12px;white-space:nowrap}.workspace{padding:14px;display:grid;gap:11px;max-width:1680px;margin:auto}.mode-tabs,.controls,.scenario-summary,.aux-strip,.comparison-card,.caveat,.method-strip,.common-legend{border:1px solid var(--line);background:var(--panel);border-radius:14px}.mode-tabs{padding:10px 12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mode-tabs>span{font-size:12px;color:var(--muted);margin-right:2px}.mode-tabs button{border:1px solid #c8d4e3;background:#fff;color:#334155;padding:10px 15px;border-radius:10px;font-weight:700}.mode-tabs button.active{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 6px 15px rgba(47,102,245,.22)}
    .controls{padding:11px;display:grid;grid-template-columns:repeat(3,minmax(120px,160px)) minmax(240px,1fr) 100px 128px auto;gap:9px;align-items:end}.current-controls{grid-template-columns:repeat(3,minmax(110px,150px)) minmax(220px,1fr) 88px 158px auto}.controls label{display:grid;gap:5px;font-size:11px;color:var(--muted)}.controls select{border:1px solid #cbd5e1;background:#fff;border-radius:9px;padding:9px 10px;color:var(--ink)}.time-control{grid-template-columns:auto auto}.time-control span{text-align:right;color:var(--navy);font-weight:800}.time-control input{grid-column:1/-1;accent-color:var(--blue)}.play-button,.peak-button{border:0;border-radius:9px;padding:10px;color:#fff;font-weight:800;white-space:nowrap}.play-button{background:var(--navy)}.peak-button{background:#5a4c8b}.layer-toggle{min-height:39px;display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:7px!important;padding:0 4px;color:var(--ink)!important;white-space:nowrap}.layer-toggle input{width:17px;height:17px;accent-color:var(--blue)}
    .scenario-summary{padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px}.scenario-summary p,.comparison-card header p{margin:0;color:var(--navy);font-size:13px;font-weight:800}.scenario-summary h2,.comparison-card header h2{margin:3px 0;font-size:16px;letter-spacing:-.02em}.scenario-summary small{color:var(--muted)}.scenario-summary>span,.comparison-card header>span{background:#eef3ff;color:#3158bd;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;white-space:nowrap}.scope-label{margin:1px 2px -5px;color:var(--muted);font-size:11px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px}.metric-card p{margin:0 0 8px;font-size:12px;color:var(--muted)}.metric-values strong{font-size:20px;letter-spacing:-.04em}.metric-card small{display:block;margin-top:7px;color:var(--muted);font-weight:800}.aux-strip{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.aux-strip span{padding:10px 13px;color:var(--muted);font-size:11px;border-right:1px solid var(--line)}.aux-strip span:last-child{border:0}.aux-strip strong{float:right;color:var(--ink)}
    .graphs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.graph-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:box-shadow .2s,transform .2s}.graph-card.highlight{box-shadow:0 0 0 4px rgba(47,102,245,.25);transform:translateY(-2px)}.graph-card.wide{width:100%}.graph-card header{padding:11px 13px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:10px}.graph-card header div{display:grid;gap:2px}.graph-card header strong{font-size:14px}.graph-card header span,.graph-card header small{font-size:11px;color:var(--muted)}.graph-card svg{display:block;width:100%;height:auto;background:linear-gradient(#fbfdff,#f7faff)}.current-svg{min-height:500px}.external-svg{background:#eef2f5}.base-edge{stroke:#dbe3ee;stroke-width:1.05;opacity:.92}.occupied-edge{stroke:#f59e0b;opacity:.75;stroke-linecap:round}.p95-edge{stroke:#b42318;opacity:.92;stroke-linecap:round}.corridor-node{fill:#8fa0b7}.stair-node{fill:#f59e0b;stroke:#fff;stroke-width:1}.connector-node{fill:#7c3aed;stroke:#fff;stroke-width:1}.exit-node{fill:#16834b;stroke:#fff;stroke-width:1}.space-node{stroke:#fff;stroke-width:1.1}.room-label{font-size:7.5px;fill:#334155;font-weight:700}.floor-label{font-size:10px;font-weight:800;fill:#64748b}.building-label{font-size:12px;font-weight:800;fill:#17365d}.class-agent circle,.external-agent,.student-plan-agent{stroke:#fff;stroke-width:5;filter:drop-shadow(0 2px 4px rgba(15,23,42,.28))}.class-agent rect{fill:#fff;stroke:#cbd5e1;stroke-width:.75;opacity:.96}.class-agent text{font-size:8px;fill:#24364b;font-weight:800}.dimmed{opacity:.1}.graph-live{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:#fbfcfe}.graph-live span{padding:8px 10px;font-size:10px;color:var(--muted);border-right:1px solid var(--line)}.graph-live span:last-child{border:0}.graph-live strong{display:block;margin-top:2px;color:var(--ink);font-size:12px}
    .legend,.common-legend{display:flex;gap:11px;padding:9px 12px;font-size:9.5px;color:var(--muted);flex-wrap:wrap}.legend{border-top:1px solid var(--line)}.common-legend{font-size:11px}.legend span,.common-legend span{display:flex;align-items:center;gap:5px}.legend i,.common-legend i{display:inline-block;width:11px;height:9px;border-radius:3px}.agent-key,.external-agent-key,.student-agent-key{width:10px!important;height:10px!important;border-radius:50%!important;border:2px solid #fff;box-shadow:0 0 0 1px #8fa1b6}.agent-key,.student-agent-key{background:var(--navy)}.external-agent-key{background:var(--purple)}.occupied-key,.hot-key,.control-key,.route-key{height:3px!important;width:17px!important;border-radius:999px!important}.occupied-key{background:#f59e0b}.hot-key,.control-key{background:var(--red)}.route-key{background:var(--blue)}.density-legend-row{flex:1 0 100%;display:flex;align-items:center;gap:11px;flex-wrap:wrap;padding-top:2px}.density-key{height:8px!important;width:16px!important;border:1px solid rgba(120,88,20,.16)}.density-label{font-weight:800;color:#475569}
    .connector-node{fill:#475569}.connector-key{width:10px!important;height:10px!important;border-radius:50%!important;border:2px solid #fff;box-shadow:0 0 0 1px #8fa1b6;background:#475569}
    .plan-image{opacity:.88;filter:contrast(1.04) brightness(1.02)}.plan-wash{fill:rgba(255,255,255,.05)}.scenario-path{fill:none;stroke:var(--blue);stroke-width:14;stroke-linecap:round;stroke-linejoin:round}.student-plan-edge{fill:none;stroke:var(--navy);stroke-width:9;stroke-linecap:round;opacity:.48}.control-branch{fill:none;stroke:var(--red);stroke-width:6;stroke-dasharray:14 10}.safe-branch{fill:none;stroke:var(--green);stroke-width:6;stroke-dasharray:14 10}.gate-node{fill:var(--navy);stroke:#fff;stroke-width:5}.inactive-gate{fill:#94a3b8;stroke:#fff;stroke-width:4;opacity:.82}.facility-node{fill:var(--blue);stroke:#fff;stroke-width:5}.external-label,.plan-label{font-size:24px;paint-order:stroke;stroke:#fff;stroke-width:7px;stroke-linejoin:round;fill:#24364b;font-weight:850}.minor-plan-label{font-size:19px;paint-order:stroke;stroke:#fff;stroke-width:6px;fill:#475569;font-weight:750}.risk-label{font-size:19px;paint-order:stroke;stroke:#fff;stroke-width:6px;fill:var(--red);font-weight:850}.safe-label{font-size:19px;paint-order:stroke;stroke:#fff;stroke-width:6px;fill:var(--green);font-weight:850}.north-arrow{fill:var(--navy);stroke:#fff;stroke-width:4}.north-text{font-size:22px;fill:var(--navy);font-weight:900;paint-order:stroke;stroke:#fff;stroke-width:6px}.floor-badge{fill:#fff;stroke:var(--navy);stroke-width:5}.floor-badge-text{font-size:18px;fill:var(--navy);font-weight:900}.student-plan-tag{font-size:18px;fill:var(--navy);font-weight:900;paint-order:stroke;stroke:#fff;stroke-width:6px;stroke-linejoin:round}
    .comparison-card{overflow:hidden}.comparison-card header{padding:13px 16px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:10px 14px;border-bottom:1px solid #e7edf5;text-align:right}th:first-child,td:first-child,td.text-left{text-align:left}thead{background:#f7f9fc}th{color:#475569}.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px;background:#fbfcfe}.decision-grid article{border-left:3px solid #9fb4d2;padding:4px 10px}.decision-grid strong{font-size:12px;color:var(--navy)}.decision-grid p{margin:5px 0 0;font-size:12px;line-height:1.65;color:#526175}.caveat{padding:12px 14px;display:flex;gap:12px;background:var(--amber);border-color:#ebcd71;color:#765e12;font-size:11px;line-height:1.6}.caveat strong{white-space:nowrap}.method-strip{padding:10px 14px;display:flex;justify-content:space-between;gap:14px;font-size:11px;color:var(--muted)}.method-strip strong{color:var(--navy)}.state-page{min-height:100vh;display:grid;place-content:center;text-align:center;gap:12px}.loader{width:34px;height:34px;border:3px solid #d9e2ef;border-top-color:#2f66f5;border-radius:50%;animation:spin .8s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}
    @media(max-width:1180px){.controls,.current-controls{grid-template-columns:repeat(3,1fr)}.time-control{grid-column:1/3}.graphs-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:1fr 1fr}.external-svg{max-height:760px}.graph-card svg{margin:auto}}
    @media(max-width:720px){.topbar{padding:16px;align-items:flex-start;flex-direction:column}.topbar h1{font-size:20px}.status-pill{font-size:10px}.workspace{padding:8px}.mode-tabs button{flex:1 1 100%;text-align:left}.controls,.current-controls{grid-template-columns:1fr 1fr}.time-control{grid-column:1/-1}.metrics-grid,.aux-strip,.graph-live{grid-template-columns:1fr 1fr}.aux-strip span,.graph-live span{border-right:0;border-bottom:1px solid var(--line)}.scenario-summary,.comparison-card header{align-items:flex-start;flex-direction:column}.metric-values strong{font-size:18px}.caveat,.method-strip{flex-direction:column}.decision-grid{grid-template-columns:1fr}.current-svg{min-height:370px}.external-label,.plan-label{font-size:48px}.risk-label,.safe-label{font-size:40px}}