body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0;color:#333;background-color:#f5f5f5}body *:focus-visible{outline-color:#1a73e8;outline-offset:2px}#screenreader-alert,.sr-only{position:absolute;left:-9999px;top:-9999px}.app-shell{display:flex;flex-direction:column;height:100vh}.top-bar{padding:12px 20px;background:#fff9c4;box-shadow:0 1px 4px #0000001a;position:relative;z-index:1}.top-bar-title{display:flex;align-items:center;gap:8px;margin-bottom:8px}.top-bar-logo{width:32px;height:32px}.top-bar h1{margin:0 0 8px;font-size:20px;color:#2c3e50}.controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.controls .file-controls{display:flex;align-items:center;gap:8px}.controls .data-controls{margin:auto}.controls .zoom-and-pan-controls{display:flex;align-items:center;gap:8px;margin-left:auto}.zoom-controls{display:flex;align-items:center;gap:8px;border-style:none}.pan-controls{margin:0;padding:0;border:0;display:grid;grid-template-columns:28px 28px 28px;grid-template-rows:28px 28px 28px;gap:4px;align-items:center;justify-items:center}.pan-controls .pan-button{padding:0;width:28px;height:28px;line-height:28px;display:inline-flex;align-items:center;justify-content:center}.pan-controls .pan-up{grid-column:2;grid-row:1}.pan-controls .pan-left{grid-column:1;grid-row:2}.pan-controls .pan-right{grid-column:3;grid-row:2}.pan-controls .pan-down{grid-column:2;grid-row:3}.controls label{font-weight:600}.file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.file-input-button{display:inline-block;border:none;border-radius:4px;padding:6px 10px;font-size:13px;cursor:pointer;background:#3498db;color:#fff}button{border:none;border-radius:4px;padding:6px 10px;font-size:13px;font-weight:700;cursor:pointer;background:#3498db;color:#fff}button.secondary{background:#95a5a6}button.close-button{background:transparent;border:1px solid #95a5a6;color:inherit}button.close-button:hover{background:#666;color:#fff}button:disabled{opacity:.6;cursor:default;background-color:#95a5a6}.status-text{margin-left:8px;font-style:italic;color:#555}.status-text.error{color:#c0392b}.graph-container{flex:1;position:relative;margin:10px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:row;overflow:visible}#graph-cyto{display:block;width:100%;height:100%;flex:3}.curriculum-list-offscreen{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}li.course-selected{outline:2px solid #3498db}.legend{display:flex;justify-content:space-around;margin-top:6px;color:#555}.legend .nodes,.legend .edges{display:flex;flex-direction:column;gap:4px;margin-top:8px}.legend .legend-item{display:flex;align-items:center;gap:4px}.legend .legend-item .legend-line{display:inline-block;width:30px;height:0;border-top:2px solid #2c3e50}.legend .legend-item .legend-line.coreq{border-top-style:dashed;border-top-color:#2c3e50}.legend .legend-item .legend-line.violation{border-top-color:#c0392b}.legend .legend-item .legend-node{display:inline-block;width:18px;height:14px;border-radius:4px;border:1px solid #34495e;margin-right:4px;overflow:hidden;color:transparent}.legend .legend-item .legend-node.moved{border-style:dashed;border-width:2px}.legend .legend-item .legend-node.violation{border-color:#c0392b;border-width:2px;background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20d%3D%22M-3%203%20L3%20-3%20M0%2012%20L12%200%20M9%2015%20L15%209%22%20stroke%3D%22rgba(0%2C0%2C0%2C0.35)%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M15%203%20L9%20-3%20M12%2012%20L0%200%20M3%2015%20L-3%209%22%20stroke%3D%22rgba(0%2C0%2C0%2C0.35)%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");background-size:6px}.legend .legend-item .legend-node.selected{border-color:#e67e22;border-width:2px}.help-button{border-radius:50%}.help-dialog{position:absolute;top:12px;right:20px;width:460px;max-width:calc(100vw - 40px);max-height:calc(100vh - 80px);overflow:auto;background:#fff;border-radius:8px;box-shadow:0 10px 30px #0003;border:1px solid rgba(0,0,0,.08);padding:10px;z-index:5}.help-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.help-dialog-title{font-weight:700;color:#2c3e50}.help-dialog-tabs{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;column-gap:6px;row-gap:0}.help-dialog-tabs>button[role=tab]{padding:6px 10px;background:#f3f3f3;border-color:#0000001f;border-style:solid solid none solid;border-width:1px;border-radius:6px 6px 0 0;cursor:pointer;font-size:12px;color:#2c3e50;-webkit-user-select:none;user-select:none;white-space:nowrap;appearance:none}.help-dialog-tab-panels{grid-column:1 / -1;padding:10px;border:1px solid rgba(0,0,0,.12);border-radius:0 0 6px 6px;background:#fff;display:grid;grid-template-areas:"panel"}.help-dialog-panel{grid-area:panel;visibility:hidden;pointer-events:none}.help-dialog-panel:not([aria-hidden=true]){visibility:visible;pointer-events:auto}.help-dialog-tabs>button[role=tab][aria-selected=true]{background:#fff;position:relative;z-index:2;margin-bottom:-1px}.help-dialog-tabs>button[role=tab]:focus{outline:none;border-color:#1a73e8;border-width:2px}.help-dialog-info{display:grid;gap:6px;font-size:.9rem;color:#2c3e50}.help-dialog-empty{font-size:12px;color:#555}.help-dialog-grid{display:grid;grid-template-columns:1fr;gap:6px}.help-dialog-row{display:flex;align-items:center;gap:8px;font-size:12px}.track-swatch{width:18px;height:14px;border-radius:4px;border:1px solid rgba(0,0,0,.15)}.track-id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}