:root{font-family:Avenir Next,Segoe UI,sans-serif;color:#132035;background:radial-gradient(circle at 20% 0%,#d7e6ff,#f8fbff 40%,#fff)}*{box-sizing:border-box}body{margin:0}.app-shell{max-width:1200px;margin:0 auto;padding:20px}.topbar{display:flex;justify-content:space-between;align-items:center}.topbar h1{margin:0;font-size:1.8rem}.meta{font-size:.95rem;color:#30496a}.loading,.error{margin-top:24px;padding:14px 16px;border-radius:12px;background:#fff;border:1px solid #d2dff3}.error{border-color:#f0b1a8;color:#8b2718}.warning{margin-top:10px;padding:10px 12px;border-radius:10px;border:1px solid #efcf97;background:#fff7e8;color:#805012}.meta-strip{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.meta-strip span{font-size:.78rem;color:#30496a;background:#eef4ff;border:1px solid #d9e4fb;border-radius:999px;padding:4px 10px}.dataset-select{font-size:.78rem;color:#30496a;background:#eef4ff;border:1px solid #d9e4fb;border-radius:999px;padding:2px 10px;display:inline-flex;align-items:center;gap:6px}.dataset-select select{border:none;background:transparent;color:#1b355a;font-size:.78rem}.timeline-playback-btn{font-size:.78rem;color:#30496a;background:#eef4ff;border:1px solid #d9e4fb;border-radius:999px;padding:4px 10px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.timeline-playback-btn:hover:not(:disabled){border-color:#146ef5;background:#e7f0ff}.timeline-playback-btn:disabled{cursor:not-allowed;opacity:.65}.timeline-playback-icon{display:inline-block;width:.8rem;text-align:center}.content-grid{margin-top:16px;display:grid;grid-template-columns:2fr 1fr;gap:16px}.panel{background:#fff;border:1px solid #dce6f7;border-radius:14px;padding:12px}.panel h2{margin-top:0;font-size:1rem}.net-legend{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:.74rem;color:#4a5e7d}.net-legend-gradient{width:130px;height:9px;border-radius:999px;border:1px solid #d0dbef;background:linear-gradient(90deg,#dc4a35,#eef1f9,#146ef5)}svg{width:100%;height:auto;background:linear-gradient(135deg,#fbfdff,#f2f7ff);border-radius:10px;border:1px solid #dde6f7}.zone-dot{stroke:#fff;stroke-width:1.2}.zone-label{font-size:10px;fill:#1b355a;font-weight:600}.side-panel ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.side-panel li button{width:100%;border:1px solid #d5e0f4;border-radius:10px;padding:8px 10px;background:#f6f9ff;display:flex;justify-content:space-between;gap:8px;cursor:pointer;font-size:.85rem}.side-panel li.active button,.side-panel li button:hover{border-color:#146ef5;background:#eaf2ff}.caption{margin-top:12px;font-size:.78rem;color:#4a5e7d}.site-footer{margin-top:18px;text-align:center;font-size:.72rem;color:#6f7f96}.site-build{margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.68rem;opacity:.9}.completeness-panel{margin-top:16px}.completeness-panel table{width:100%;border-collapse:collapse;font-size:.8rem}.completeness-scroll{max-height:280px;overflow:auto;border:1px solid #e2e9f6;border-radius:10px}.completeness-panel th,.completeness-panel td{text-align:left;padding:6px 8px;border-bottom:1px solid #e2e9f6}.completeness-panel th{color:#4a5e7d;font-weight:600;position:sticky;top:0;background:#fff;z-index:1}.completeness-panel .selected-row{background:#eef4ff}.completeness-panel tbody tr{cursor:pointer}.completeness-panel tbody tr:hover{background:#f6f9ff}@media (max-width: 900px){.content-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start;gap:6px}}