:root{--ink-strong: #0d1d33;--ink-muted: #2f4868;--panel-bg: #ffffff;--panel-border: #d9e3f2;--brand: #2d6fc8;--brand-soft: #e8f1ff;--ok: #2f9f6a;--warn: #b96a1d;--danger: #a51224;font-family:Avenir Next,IBM Plex Sans,Segoe UI,sans-serif;color:var(--ink-strong);background:radial-gradient(circle at 18% 12%,#e5efff,#f6f2e8 55%,#fcfcfa)}*{box-sizing:border-box}body{margin:0;background:transparent}.app{min-height:100vh;padding:20px;display:flex;flex-direction:column;gap:16px}.shell{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;background:linear-gradient(112deg,#ffffffe6,#ecf5ffe0);padding:16px 18px;border-radius:16px;border:1px solid #d6e2f5;box-shadow:0 14px 30px #0f23461a}.shell-copy h1{margin:0;font-size:23px}.shell-copy p{margin:6px 0 0;color:var(--ink-muted);font-size:13px;max-width:680px}.shell-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;align-items:center}.badge{display:inline-flex;padding:6px 11px;border-radius:999px;background:var(--brand-soft);border:1px solid #bfd3f7;color:#1f4d97;font-size:12px}.pill{display:inline-flex;padding:6px 11px;border-radius:999px;border:1px solid #cfdaf0;background:#f6f9ff;color:#294668;font-size:12px}.pill-warn{border-color:#f0c89e;background:#fff2e2;color:#7e4a12}.student-workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,1fr);gap:16px;align-items:start}.workspace-primary{display:flex;flex-direction:column;gap:12px}.stage{background:var(--panel-bg);border-radius:16px;border:1px solid var(--panel-border);box-shadow:0 10px 30px #141e3c1f;padding:10px;min-height:506px;display:flex;flex-direction:column;gap:10px}.stage-canvas{position:relative;border-radius:12px;overflow:hidden;min-height:480px;border:1px solid #d7e2f4;background:linear-gradient(180deg,#eaf3ff,#f6fbff)}.stage-caption{border:1px solid #d1def4;border-radius:10px;background:#f2f8ff;padding:10px;display:flex;flex-direction:column;gap:4px}.stage-caption h3{margin:0;font-size:15px}.stage-caption p{margin:0;font-size:12px;color:#27466f}.coach-panel{background:var(--panel-bg);border-radius:16px;border:1px solid var(--panel-border);box-shadow:0 10px 30px #141e3c1f;padding:12px;display:flex;flex-direction:column;gap:10px}.roadmap-panel,.current-step-card,.submission-panel,.primary-action-panel,.instrument-console,.support-drawer,.instructor-panel{border:1px solid #d4e0f4;border-radius:12px;background:#f9fbff}.roadmap-panel,.current-step-card,.submission-panel,.primary-action-panel{padding:10px}.roadmap-panel h3,.current-step-card h2,.current-step-card h3,.submission-panel h3,.primary-action-panel h3,.instrument-console h3,.support-header h3,.instructor-panel h3{margin:0}.roadmap-list{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.roadmap-chip{display:inline-flex;border-radius:999px;padding:5px 10px;border:1px solid #cad8f2;background:#f6f9ff;color:#2c4c77;font-size:11px}.roadmap-chip.ready{border-color:#87a9df;background:#edf4ff}.roadmap-chip.done{border-color:#7bc7a0;background:#ebf8f1}.roadmap-chip.blocked{border-color:#c5cfdf;background:#f2f5fb;color:#637899}.roadmap-chip.active{border-color:#2c6ece;background:#dfeeff;color:#1b4f97;font-weight:600}.step-kicker{margin:2px 0;font-size:12px;color:#335a87;font-weight:600}.current-step-card>h3{font-size:19px;margin:0 0 6px}.step-guide{border:1px solid #d6e0f2;border-radius:10px;background:#f5f9ff;padding:8px;margin-top:6px;display:flex;flex-direction:column;gap:5px}.step-guide.tip{border-color:#c7d8f5;background:#f2f7ff}.step-guide-label{margin:0;font-size:12px;color:#27476d;font-weight:700}.step-guide p{margin:0;font-size:13px}.guide-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.guide-list li{font-size:13px;line-height:1.35}.guide-list.compact li{font-size:12px}.checkpoint-list{margin-top:8px;display:flex;flex-direction:column;gap:6px}.instrument-console{padding:10px}.section-header{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:8px}.section-header p{margin:0;font-size:12px;color:#355985}.instrument-fallback-message{margin:0 0 8px}.instrument-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}.instrument-card{border:1px solid #dde2ef;border-radius:10px;padding:9px;background:#fbfcff;display:flex;flex-direction:column;gap:6px}.instrument-card h4{margin:0;font-size:14px}.instrument-card p{margin:0;font-size:12px}.instrument-card.instrument-focus{border-color:#2f72d2;box-shadow:0 0 0 2px #2f72d226}.instrument-card.instrument-muted{opacity:.85}.instrument-card.unavailable{border-color:#dbb8bf;background:#fff2f4}.instrument-note{margin:0;font-size:12px;color:#3f517d}.instrument-body{display:flex;flex-direction:column;gap:8px}.instrument-body label{display:flex;flex-direction:column;gap:4px;font-size:12px}.instrument-body input,.instrument-body select{border:1px solid #ced6e8;border-radius:9px;padding:7px 8px;font-size:13px;background:#fff}.check-row{display:flex;align-items:center;gap:8px}.check-row input[type=checkbox]{width:16px;height:16px}.instrument-row{display:flex;gap:8px}.instrument-row button{flex:1}.graph-table{border:1px solid #d7ddef;border-radius:10px;padding:6px 8px;background:#fff}.graph-table p{margin:0;font-size:12px}.submission-panel ul{margin-top:6px}.primary-action-panel{background:linear-gradient(180deg,#f6faff,#eef5ff)}.primary-cta{width:100%;border:none;border-radius:11px;padding:10px 14px;background:linear-gradient(90deg,#265db6,#2f77da);color:#f8f8f8;cursor:pointer;font-weight:700}.primary-cta:disabled{opacity:.6;cursor:not-allowed}.actions-row{display:flex;gap:8px;margin-top:8px}.actions-row button{flex:1}button{border:none;border-radius:10px;padding:9px 12px;background:linear-gradient(90deg,#265db6,#2f77da);color:#f8f8f8;cursor:pointer;font-weight:600}button:disabled{opacity:.55;cursor:not-allowed}.secondary-button{background:#e9f1ff;color:#1f4f96;border:1px solid #bcd1f3}.mini{padding:6px 10px;font-size:12px;border-radius:8px;background:#e9f1ff;color:#1f4f96;border:1px solid #bdd2f6}.mini.active{background:#2d67c8;color:#fff;border-color:transparent}.support-drawer{padding:10px;display:flex;flex-direction:column;gap:8px}.support-drawer.closed .support-body{display:none}.support-header{display:flex;justify-content:space-between;gap:10px;align-items:center}.support-tabs{display:flex;gap:6px}.support-body{border-top:1px solid #d6e2f4;padding-top:10px}.notes-panel textarea{width:100%;min-height:180px;border-radius:10px;border:1px solid #cfd9ea;padding:10px;font-family:inherit;font-size:13px;color:#173257;resize:vertical}.logs-panel{display:grid;grid-template-columns:1fr 1fr;gap:8px}.event-log,.warning-log,.troubleshooting-list{border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:4px}.event-log{border:1px solid #d7ddef;background:#f6f8fe}.warning-log{border:1px solid #efc2c7;background:#fff1f3}.troubleshooting-list{border:1px solid #d7e1f3;background:#f4f8ff}.event-log p,.warning-log p,.troubleshooting-list p{margin:0;font-size:12px}.warning-log p{color:#882033}.guide-panel{border:1px solid #cfdcf3;border-radius:12px;background:linear-gradient(180deg,#f6f9ff,#eff5ff);padding:10px;display:flex;flex-direction:column;gap:8px}.guide-panel p{margin:0;font-size:13px}.error{color:var(--danger);background:#fde8eb;border-radius:10px;padding:8px 10px;margin:0}.status-line{margin:0;font-size:12px;color:#233f64}.loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;height:100%;min-height:480px;padding:20px;background:#ffffffe0;border-radius:14px;z-index:2}.loader-bar{width:100%;max-width:320px;height:10px;background:#e0e4ef;border-radius:999px;overflow:hidden}.loader-fill{height:100%;background:linear-gradient(90deg,#4f8ae1,#2f64c8);transition:width .2s ease}.instructor-workspace{display:flex;flex-direction:column;gap:10px}.instructor-panel{padding:10px;background:#f7f9ff;display:flex;flex-direction:column;gap:8px}.instructor-panel-header{display:flex;justify-content:space-between;align-items:center}.instructor-controls{display:flex;align-items:center;gap:8px}.instructor-controls label{font-size:12px}.instructor-controls select{border:1px solid #ced6e8;border-radius:8px;padding:6px 8px;background:#fff}.instructor-attempts{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow:auto;padding-right:4px}.instructor-attempt-card{border:1px solid #d5ddef;border-radius:10px;background:#fff;padding:8px;display:flex;flex-direction:column;gap:4px}.instructor-attempt-card p{margin:0;font-size:12px}.instructor-export-row{display:flex;gap:8px}.instructor-export-button,.instructor-detail-toggle{padding:6px 10px;border-radius:8px;font-size:12px}.instructor-attempt-detail{border-top:1px solid #e2e7f5;margin-top:4px;padding-top:6px;display:flex;flex-direction:column;gap:4px}.instructor-attempt-detail p{margin:0;font-size:12px;color:#1c2d53}@media (max-width: 1280px){.student-workspace{grid-template-columns:1fr}.coach-panel{order:-1}}@media (max-width: 900px){.app{padding:12px}.shell{flex-direction:column}.shell-actions{justify-content:flex-start}.logs-panel,.instrument-grid{grid-template-columns:1fr}}