:root{color-scheme:dark;--ink:#bac8d1;--muted:#718694;--paper:#080e17;--line:#1a2a37;--green:#426c75;--gold:#a7815d;--serif:'Inter',Arial,sans-serif;--sans:'Inter',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:13px var(--sans)}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;transition:background .15s,border-color .15s}a{color:inherit}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #7399a9;outline-offset:4px}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.rail{height:62px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 26px;background:#0a111c;border-bottom:1px solid #1b2b38}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:18px;font-weight:600;letter-spacing:1.5px;color:#aec2ce}.brand-mark{width:30px;height:33px}.brand-mark svg{width:100%;height:100%}.brand-sub{display:inline-block;font-size:10px;font-weight:400;color:#57717d;letter-spacing:2px;margin-left:7px}.rail nav{display:flex;gap:7px}.nav-item{display:flex;align-items:center;gap:8px;background:none;border:1px solid transparent;border-radius:5px;padding:9px 17px;font-size:11px;color:#617987}.nav-item>span{font-size:16px;color:#4b7383}.nav-item.active{background:#12212b;color:#b0c7d3;border-color:#263c49}.nav-item:hover{background:#11212b}.player{display:flex;align-items:center;gap:10px}.avatar{width:29px;height:29px;border-radius:50%;border:1px solid #2b4452;background:#10222c;display:grid;place-items:center;font-size:10px;color:#7194a5}.player strong{font-size:9px;font-weight:500;color:#6c8290;display:block}.player span{font-size:10px;color:#9dafbd;display:block;margin-top:4px}
main{padding:10px 14px 0;max-width:none}.page{padding:0}.workspace{position:relative}.map-panel{border:1px solid #1a2e3a;background:#080f18;border-radius:7px;overflow:hidden;position:relative}.map-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:12px 17px;background:#0c1621;border-bottom:1px solid #1b2b39}.year-tabs{display:flex;gap:6px}.year-tabs button{border:1px solid transparent;border-radius:4px;background:none;padding:7px 13px;display:flex;gap:7px;align-items:center;font-size:11px;color:#5e7888}.year-tabs button>span{font-size:8px;color:#3c5465}.year-tabs .active{background:#1a2d39;border-color:#2a4656;color:#b4c9d6}.year-tabs .active>span{color:#7291a2}.year-tabs button:hover{background:#162733}.explore-button{display:flex;align-items:center;gap:7px;padding:8px 12px;background:#11212d;border:1px solid #284453;border-radius:4px;font-size:10px;color:#83a4b8}.explore-button>span{font-size:14px}.explore-button[aria-pressed=true]{background:#25213a;border-color:#49405f;color:#a59bbb}.map-caption{display:flex;align-items:center;gap:15px;padding:11px 18px 8px;background:#0c1520}.map-caption #map-title{font-size:11px;color:#91a9b7}.map-caption #map-mode{font-size:8px;letter-spacing:.7px;color:#435e6e;margin-left:auto}.text-button{width:22px;height:22px;border:1px solid #29414e;border-radius:50%;background:none;color:#627e8d;font-size:11px}.branch-cards{display:flex;gap:6px;padding:3px 15px 11px;background:#0c1520}.branch-card{flex:1;display:flex;align-items:center;gap:9px;min-width:0;padding:8px 10px;border:1px solid #1c303e;border-radius:4px;background:#0c1823;text-align:left}.branch-symbol{width:23px;height:23px;flex-shrink:0;color:#426674}.branch-symbol svg{width:100%;height:100%}.branch-card strong{font-size:10px;font-weight:600;color:#7e9da9;letter-spacing:.7px}.branch-name{font-size:9px;color:#4e6a7c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.branch-card small{margin-left:auto;font-size:6px;letter-spacing:.5px;color:#334e60}.branch-card:hover{background:#142530;border-color:#335363}.branch-card.viewing{background:#142934;border-color:#396577}.branch-card.viewing strong{color:#9cbcca}.branch-card.current{border-color:#47735f;background:#10291f}.branch-card.current small{color:#82a993}.branch-card.current .branch-symbol{color:#73a68b}.path-summary{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:10px 19px;background:#0a131d;border-top:1px solid #13222d;border-bottom:1px solid #172c39;min-height:40px}.path-identity{display:flex;align-items:center;gap:9px;font-size:10px}.path-dot{width:5px;height:5px;border-radius:50%;background:#5a8891}.path-identity strong{font-weight:500;color:#8caab6}.path-scope{font-size:9px;color:#4d6777;margin-left:5px}.path-metrics{display:flex;gap:22px;margin-left:auto;font-size:9px;color:#547284}.path-metrics b{font-weight:500;color:#819fad;margin-left:6px}.path-link{border:0;background:none;padding:0;color:#7c9fae;font-size:9px}.path-link:hover{text-decoration:underline}.path-summary .primary{font-size:9px;padding:6px 9px}
/* The tree uses most of the screen. Background stars remain dim and static. */
.map-viewport{height:calc(100dvh - 288px);min-height:540px;position:relative;overflow:hidden;touch-action:none;cursor:grab;background:radial-gradient(ellipse at 35% 45%,#11293355,transparent 55%),radial-gradient(ellipse at 75% 75%,#241c2e33,transparent 58%),#070e17}.map-viewport:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(circle at 22px 63px,#91acba .6px,transparent 1px),radial-gradient(circle at 113px 97px,#7b94a3 .4px,transparent 1px),radial-gradient(circle at 71px 31px,#9c9caf .5px,transparent 1px);background-size:247px 179px,331px 293px,457px 313px}.map-viewport.dragging{cursor:grabbing}.world{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.terrain,.graph-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.graph-lines path{fill:none;stroke:#396274;stroke-width:1.3;opacity:.65}.graph-lines path.coreq{stroke:#3e5164;stroke-dasharray:5 6;opacity:.55}.term-label,.anchor-label{position:absolute;color:#3e6576;font-size:10px;font-weight:500;letter-spacing:2px}.term-label:after{content:'';display:block;width:33px;height:1px;background:#213c4c;margin-top:10px}.anchor-label{font-size:9px;color:#4a6875;letter-spacing:1.4px}
.course-node{position:absolute;width:250px;min-height:140px;padding:0 7px 5px;display:flex;flex-direction:column;align-items:center;gap:0;border:0;border-radius:12px;background:none;cursor:pointer;color:#476778}.node-orbit{width:136px;height:106px;overflow:visible;flex-shrink:0}.orbit-halo{fill:#0d1c27;fill-opacity:.5;stroke:currentColor;stroke-width:.75;opacity:.38}.orbit-track{fill:none;stroke:currentColor;stroke-width:.65;opacity:.6}.orbit-satellite{fill:#1b3a48;stroke:currentColor;stroke-width:1.1;opacity:.8}.secondary-orbit{fill:#3b2b26;stroke:#6d5044;opacity:.6}.orbit-core{fill:#102534;stroke:currentColor;stroke-width:1.4}.orbit-inner{fill:none;stroke:currentColor;stroke-width:.55;opacity:.55}.orbit-glyph{fill:currentColor;font:17px Georgia,serif}.node-copy{display:block;width:100%;text-align:center;max-width:232px}.node-copy strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;line-height:1.2;font-weight:400;color:#7596a7}.node-copy small{display:block;font-size:9px;letter-spacing:1px;color:#3e5b6e;margin-top:5px}.course-node:hover .orbit-core{fill:#173547}.course-node:hover .node-copy strong{color:#adc4d0}.course-node:hover .orbit-track{opacity:.95}.course-node.available{color:#468496}.available .orbit-core{fill:#14303c}.available .orbit-satellite{fill:#225868}.available .node-copy strong{color:#8badbc}.course-node.locked{color:#354c5e}.locked .node-copy strong{color:#5d7889}.locked .orbit-core{fill:#0e1a25}.course-node.completed{color:#578e79}.completed .orbit-core{fill:#173529}.completed .orbit-satellite{fill:#28523f}.completed .node-copy strong{color:#8db5a1}.course-node.active-course{color:#ae7d54}.active-course .orbit-core{fill:#32281d}.active-course .orbit-satellite{fill:#675036}.active-course .node-copy strong{color:#bea087}.course-node.preview{color:#736580}.preview .orbit-core{fill:#241d31}.preview .node-copy strong{color:#958ba9}.preview .orbit-track{stroke-dasharray:2 3}.course-node.selected-node .orbit-halo{stroke:#86aabb;stroke-width:1.7;opacity:1}.course-node.selected-node .orbit-track{opacity:.95}.course-node.selected-node .node-copy strong{color:#b8d0dc}.back-foundations{position:absolute;top:28px;left:45px;background:#0f1e29;border:1px solid #28434f;color:#678d9f;border-radius:4px;padding:8px 13px;font-size:12px}
.map-controls{position:absolute;right:18px;bottom:17px;display:flex;align-items:center;border:1px solid #294453;border-radius:4px;background:#0c1822e8;backdrop-filter:blur(8px)}.map-controls button{width:34px;height:33px;border:0;background:none;color:#80a2b5;font-size:18px}.map-controls span{width:43px;text-align:center;font-size:9px;color:#5f8093}.map-controls button:last-child{border-left:1px solid #253c49}.map-controls button:hover{background:#17323f}.pan-hint{position:absolute;left:19px;bottom:27px;font-size:9px;color:#3c5b6d;pointer-events:none}.map-legend{display:flex;justify-content:center;gap:24px;background:#0a141e;border-top:1px solid #182a37;padding:10px;font-size:8px;color:#466373}.legend-node{display:inline-block;width:5px;height:5px;vertical-align:middle;border:1px solid #3a5364;border-radius:50%;margin-right:6px;background:#152330}.legend-node.complete{background:#477b65;border-color:#477b65}.legend-node.available{background:#43788b;border-color:#43788b}.legend-node.preview{background:#665272;border-color:#665272}
/* Details appear only on selection, leaving the canvas unobstructed otherwise. */
.inspector{position:absolute;right:23px;top:234px;width:292px;max-height:calc(100% - 280px);overflow:auto;z-index:3;pointer-events:none;scrollbar-width:thin;scrollbar-color:#2c4556 transparent}.inspector:has(#course-card:empty){display:none}#course-card{pointer-events:auto}.paper-card{padding:20px;border:1px solid #2b4555;border-radius:7px;background:#0c1823f5;backdrop-filter:blur(12px);box-shadow:0 10px 35px #0005}.card-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:10px;letter-spacing:1.4px;color:#5a7c8e;font-size:8px}.inspector-close{width:22px;height:22px;padding:0;border:0;border-radius:3px;background:#142a37;color:#648899;font-size:18px;line-height:1}.course-code{font-size:9px;letter-spacing:1.2px;color:#527488;margin:12px 0 0}.paper-card h2{font-size:19px;line-height:1.3;font-weight:500;margin:10px 0 14px;color:#a6bac7}.course-meta{display:flex;gap:13px;padding:0 0 16px;font-size:9px;color:#5b7c8e;border-bottom:1px solid #203541}.course-status{display:inline-block;padding:5px 8px;background:#153029;border:1px solid #285244;color:#759d8d;font-size:9px;border-radius:3px;margin-top:15px}.course-status.preview-status{background:#251f32;border-color:#3b304b;color:#93849e}.prerequisite-title{font-size:9px;font-weight:500;color:#658697;margin:21px 0 10px}.prereq{display:flex;align-items:flex-start;gap:7px;margin:9px 0;line-height:1.5}.prereq span{display:inline-block;padding:0 4px;border:1px solid #254251;border-radius:2px;color:#517689;font-size:8px}.prereq button{padding:0;background:none;border:0;font-size:10px;color:#6c91a7;text-align:left;text-decoration:underline;text-decoration-color:#294753;text-underline-offset:3px;line-height:1.5}.prereq-met button{color:#76a18b}.paper-card p{font-size:11px;line-height:1.65;color:#6e8b9d;margin:12px 0}.card-note{font-size:9px!important;line-height:1.65!important;color:#456475!important}.primary,.secondary{border:1px solid #356374;border-radius:4px;padding:10px 13px;font-size:10px;background:#1a3e4c;color:#99bbc9}.secondary{background:#132431;border-color:#2c4857;color:#6f94a7}.primary:hover,.secondary:hover{background:#245265}.full{display:block;width:100%;margin-top:16px}.commitment-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 16px;border:1px solid #5e4b35;background:#241e15;border-radius:5px;margin-bottom:10px}.commitment-banner strong{font-size:12px;font-weight:500;color:#b4a085}.commitment-banner p{font-size:10px;color:#877a63;margin:5px 0 0}
/* Journal, assessment gate, and confirmations share the same low-glare palette. */
#journal-page,#gate-page{max-width:1150px;margin:auto;padding:30px 20px 40px}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#456877}h1{font-size:30px;font-weight:500;line-height:1.2;margin:13px 0 15px}h1 em,h2 em{font-style:normal;color:#6d98a9}h2{font-size:22px;font-weight:500}p{font-size:12px;line-height:1.8;color:#6c8596}.journal-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.journal-layout .paper-card{padding:24px}.field-label{display:block;font-size:11px;color:#7492a4;margin:20px 0 10px}.year-select{width:100%;border:1px solid #2c4a5a;border-radius:4px;padding:11px;background:#112330;color:#87a6b9}.path-state{display:inline-block;padding:5px 8px;background:#182c38;border-radius:3px;color:#688da3;font-size:9px}.progress-track{height:4px;background:#19303d;border-radius:2px;margin:13px 0}.progress-track div{height:100%;background:#447387;border-radius:2px}.journal-records{margin:30px 0}.journal-records h2{font-size:19px;color:#799bac}.records-table{width:100%;border-collapse:collapse;font-size:11px}.records-table th{text-align:left;padding:14px 10px;border-bottom:1px solid #25404e;font-size:8px;letter-spacing:1px;color:#4f7182}.records-table td{padding:14px 10px;border-bottom:1px solid #192d3b;color:#688a9e}.records-table td:first-child{color:#83a6b8;font-size:10px}.history-row{border-top:1px solid #203946;padding:14px 0;font-size:11px;color:#7094a8;line-height:1.8}.journal-empty{padding:24px;border:1px dashed #243f50;border-radius:5px;color:#456c81;font-size:11px;text-align:center}.gate-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;margin:30px 0}.gate-illustration{padding:24px;text-align:center;border:1px solid #254454;border-radius:6px;background:#0d1b27}.gate-illustration svg{width:180px;height:155px;fill:none;stroke:#385d71;stroke-width:1.5}.gate-illustration h2{font-size:22px}.gate-illustration p{font-size:11px;max-width:330px;margin:14px auto}.gate-check{display:flex;align-items:center;gap:13px;padding:20px 0;border-bottom:1px solid #203746}.gate-check>span{font-size:18px;color:#436f80}.gate-check strong{font-size:11px;font-weight:500}.gate-check small{font-size:10px;display:block;color:#4c7389;margin-top:6px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-heading h2{font-size:20px}.section-heading>span{font-size:8px;color:#507990}.domains{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0}.domain{border:1px solid #244354;border-radius:5px;padding:23px;background:#0b1925}.domain small{font-size:8px;letter-spacing:1px;color:#436c83}.domain h3{font-size:18px;font-weight:400;line-height:1.5;color:#769fb3;margin:15px 0}.domain p{font-size:10px;color:#4e748a}
dialog{width:calc(100% - 30px);max-width:600px;max-height:90dvh;padding:28px;border:1px solid #344d5c;border-radius:7px;background:#101b28;color:#9dafbf;box-shadow:0 20px 80px #0008}dialog::backdrop{background:#030911b8;backdrop-filter:blur(4px)}dialog h2{font-size:25px;line-height:1.3;margin:15px 0}dialog p{font-size:12px}.dialog-close:not(.primary):not(.secondary){position:absolute;right:14px;top:12px;padding:0;border:0;width:23px;height:23px;border-radius:3px;background:#1a2e3a;color:#657f91;font-size:20px}.dialog-branches{display:grid;gap:7px;margin:22px 0}.branch-option{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid #253d4f;border-radius:5px;cursor:pointer;background:#10212e}.branch-option:has(input:checked){background:#193740;border-color:#48717c}.branch-option svg{width:26px;height:26px;color:#668da2;flex-shrink:0}.branch-option input,.check-label input{accent-color:#5a8a9a}.branch-option strong{font-size:11px;font-weight:500;color:#8eaaba}.branch-option span{display:block;font-size:9px;margin-top:4px;color:#476b80}.confirmation-note{padding:14px;background:#132834;border:1px solid #223f4f;border-radius:4px;font-size:10px;line-height:1.8;color:#658697;margin:18px 0}.check-label{display:flex;gap:10px;font-size:11px;color:#8097a8;line-height:1.8}.check-label input{margin-top:4px;flex-shrink:0}.dialog-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}#reason-label{font-size:11px;color:#7998ac}textarea{display:block;width:100%;resize:vertical;background:#0e202d;border:1px solid #2b495c;border-radius:4px;padding:10px;color:#82a1b4;margin:10px 0}.error{font-size:11px;color:#c3836d}.muted{color:#527486}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(120px);max-width:calc(100% - 30px);background:#142c39;color:#8eb0c2;border:1px solid #365567;border-radius:5px;padding:13px 19px;z-index:10;font-size:11px;transition:transform .2s}#toast.show{transform:translateX(-50%) translateY(0)}
@media(min-width:1700px){.map-viewport{min-height:620px}.branch-name{font-size:10px}.branch-card{padding:10px 13px}.path-summary{padding:11px 19px}}
@media(max-width:1100px){.branch-name{display:none}.branch-card{justify-content:center}.branch-card small{margin-left:4px}.branch-symbol{width:20px;height:20px}.path-scope{display:none}.player{display:none}.rail{padding:0 18px}.inspector{width:270px;right:15px}}
@media(max-width:760px){.rail{height:57px;padding:0 14px;gap:10px}.brand{font-size:15px;gap:5px}.brand-mark{width:23px;height:25px}.brand-sub{display:none}.rail nav{gap:1px}.nav-item{font-size:9px;padding:9px 10px;gap:6px}.nav-item>span{font-size:13px}main{padding:8px 8px 0}.map-toolbar{padding:10px;gap:9px;flex-wrap:wrap}.year-tabs{gap:4px}.year-tabs button{font-size:9px;padding:7px 10px}.year-tabs button>span{font-size:7px}.explore-button{font-size:9px;padding:7px 9px}.map-caption{padding:10px 11px 7px;gap:8px}.map-caption #map-title{font-size:10px;max-width:65%;line-height:1.5}.map-caption #map-mode{font-size:6px;max-width:95px;text-align:right}.branch-cards{padding:4px 9px 9px;gap:5px}.branch-card{padding:8px 5px;gap:6px}.branch-card small{display:none}.branch-card strong{font-size:9px}.branch-symbol{width:18px;height:18px}.path-summary{padding:9px 11px;gap:9px;flex-wrap:wrap}.path-identity{font-size:9px;gap:6px}.path-metrics{font-size:8px;gap:13px}.path-link{font-size:8px}.map-viewport{min-height:450px;height:calc(100dvh - 282px)}.inspector{position:fixed;top:auto;bottom:14px;right:14px;width:min(320px,calc(100vw - 28px));max-height:55dvh;z-index:5}.paper-card{padding:19px}.pan-hint{font-size:8px;left:12px;bottom:24px}.map-controls{right:12px;bottom:14px}.map-controls button{width:28px;height:30px}.map-controls span{width:34px;font-size:8px}.map-legend{font-size:7px;gap:14px;padding:10px 6px}.legend-node{margin-right:4px}#journal-page,#gate-page{padding:24px 12px 40px}.journal-layout,.gate-layout{grid-template-columns:1fr;gap:16px}.domains{grid-template-columns:1fr;gap:14px}.section-heading{align-items:flex-start;flex-direction:column;gap:1px}.section-heading h2{font-size:19px}.records-table{font-size:9px}.records-table th,.records-table td{padding:11px 5px}.records-table td:first-child{font-size:8px}.commitment-banner{padding:10px 12px;gap:12px}.commitment-banner strong{font-size:10px}.commitment-banner p{font-size:8px}.commitment-banner button{font-size:9px;padding:9px;flex-shrink:0}dialog{padding:24px}.branch-option{padding:10px;gap:8px}.branch-option strong{font-size:10px}.branch-option span{font-size:9px}.dialog-actions{flex-direction:column-reverse}}
@media(max-width:420px){.year-tabs{width:100%;justify-content:center}.explore-button{width:100%;justify-content:center}.map-caption #map-mode{font-size:5px}.map-viewport{height:calc(100dvh - 333px);min-height:430px}.path-metrics{margin-left:0}.nav-item{padding:8px;font-size:8px}.nav-item>span{font-size:11px}.path-summary{gap:8px}.path-identity{width:100%}.path-link{margin-left:auto}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}