:root{color-scheme:dark;--bg:#080f20;--panel:#111e35;--ink:#f1f5ff;--muted:#adbbd2;--cyan:#70e9ff;--mint:#a7f3c6;--violet:#bcacff;--gold:#ffd58a;--line:#29405e}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 70% 0%,#1b2b50 0,transparent 50%),var(--bg);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}a{color:var(--cyan)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}h1,h2,h3,p{margin-top:0}h2{line-height:1.2}#stars{position:fixed;inset:0;pointer-events:none;width:100%;height:100%;opacity:.55}.app{max-width:1700px;margin:auto;position:relative;padding:32px 42px 28px}header{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:27px}.eyebrow,.step-label{font-size:10px;letter-spacing:2px;font-weight:750;color:var(--cyan);margin-bottom:9px}h1{font-size:clamp(32px,3.1vw,52px);letter-spacing:-1.6px;line-height:1.05;margin-bottom:12px;font-weight:800}h1 span{font-weight:350;color:var(--cyan)}.subtitle{color:var(--muted);font-size:15px;margin:0}.header-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px 20px;max-width:400px}.simulation{font-size:9px;letter-spacing:1.5px;border:1px solid #466080;background:#142641;padding:8px 12px;border-radius:30px;color:#c5daee}.motion{font-size:12px;display:flex;align-items:center;gap:6px;white-space:nowrap}.motion input{accent-color:var(--cyan)}button.quiet{border:0;background:transparent;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:4px}.brief{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(110deg,#132c43ed,#17243eed);border:1px solid #365575;border-left:3px solid var(--cyan);border-radius:13px;padding:21px 25px;margin-bottom:25px;min-height:147px}.brief h2{font-size:clamp(19px,1.7vw,26px);margin-bottom:9px;letter-spacing:-.35px}.brief p:last-child{font-size:14px;color:#c1cee1;max-width:940px;margin:0}.brief-action{display:grid;gap:11px;justify-items:end;min-width:190px}.brief-action code{color:var(--mint);font-size:14px}.primary{border:0;background:var(--cyan);color:#0c1c2e;padding:12px 18px;border-radius:7px;font-size:13px;font-weight:800;white-space:nowrap;box-shadow:0 0 30px #70e9ff18}.primary span{margin-left:20px}.primary:hover:not(:disabled){background:#b1f6ff;box-shadow:0 0 35px #70e9ff3d}.location-labels{display:grid;grid-template-columns:3fr 1fr;gap:32px;margin:0 2px 10px;color:#9db1ce;font-size:9px;letter-spacing:2.5px;font-weight:750}.location-labels span{border-bottom:1px solid #2d425e;padding-bottom:8px}.location-labels span:last-child{color:var(--violet)}.flight-map{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;align-items:stretch}.connections{position:absolute;inset:0;overflow:visible;width:100%;height:100%;pointer-events:none;z-index:0}.station{position:relative;z-index:1;background:linear-gradient(155deg,#16243b,#101b2fee);border:1px solid #354961;border-radius:12px;padding:20px 18px;box-shadow:0 14px 50px #020b1733;min-height:408px;display:flex;flex-direction:column;transition:border-color .4s,box-shadow .4s}.station.staging{border-top:2px solid var(--mint)}.station.working{border-top:2px solid var(--cyan)}.station.local{border-top:2px solid var(--gold)}.station.remote{border-top:2px solid var(--violet);background:linear-gradient(145deg,#221f3d,#121b31)}.station.flash{box-shadow:0 0 28px #70e9ff3d;border-color:var(--cyan)}.station-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.station-number{font:13px ui-monospace,Consolas,monospace;color:var(--cyan)}.staging .station-number{color:var(--mint)}.local .station-number{color:var(--gold)}.remote .station-number{color:var(--violet)}.station-tag{font-size:8px;letter-spacing:1.3px;color:var(--muted)}.station h2{font-size:23px;letter-spacing:-.55px;margin-bottom:7px}.station-description{font-size:12px;color:var(--muted);min-height:37px;margin-bottom:18px}.file-list{display:grid;gap:6px}.file{border:1px solid #31435c;background:#111e32;border-radius:6px;padding:7px 9px;display:flex;align-items:center;gap:7px;min-width:0}.file.changed{border-color:#6596aa;background:#153049}.file.staged{border-color:#5f9277;background:#18342f}.file.both{border-color:#c8a96d;background:#353020}.file.ignored{opacity:.65;border-style:dashed}.file-dot{display:block;flex:none;width:6px;height:6px;border-radius:50%;background:#61748f}.file.changed .file-dot{background:var(--cyan)}.file.staged .file-dot{background:var(--mint)}.file.both .file-dot{background:var(--gold)}.file-main{min-width:0;flex:1}.file-name{font:10px/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;display:block;overflow-wrap:anywhere}.file-state{font-size:9px;line-height:1.3;display:block;color:#adbed4;margin-top:3px}.file button{font-size:9px;background:none;border:1px solid #49617e;border-radius:4px;color:#d6e6f9;padding:3px 6px}.file button:hover{border-color:var(--cyan);color:var(--cyan)}.empty{padding:20px 9px;border:1px dashed #38506a;border-radius:8px;color:#9fb3cc;font-size:12px;text-align:center;line-height:1.6}.station-foot{font-size:10px;color:#9db0c9;margin-bottom:0;margin-top:auto;padding-top:17px;line-height:1.45}.commit-form{margin-top:auto;padding-top:17px}.commit-form label{font-size:10px;color:var(--muted);display:block;margin-bottom:5px}.commit-form input{width:100%;min-width:0;background:#08152a;border:1px solid #455775;border-radius:5px;padding:8px;color:white;font-size:11px}.station-button{width:100%;border:1px solid #557c72;background:#224238;border-radius:6px;color:#dcffe9;padding:8px 10px;font-size:12px;font-weight:650;margin-top:9px}.local .station-button{background:#453a24;border-color:#917a4c;color:#ffedc8}.history{display:grid;gap:9px;position:relative}.checkpoint{position:relative;width:100%;background:#1d2a40;border:1px solid #526177;border-radius:9px;padding:12px 10px;color:var(--ink);text-align:left;display:grid;grid-template-columns:31px 1fr;gap:9px;align-items:center;animation:arrive .45s ease-out}.checkpoint:hover{border-color:var(--gold)}.checkpoint .node{display:grid;place-items:center;background:var(--theme,#2b5b47);width:29px;height:29px;border-radius:50%;border:2px solid #c7d8e4;box-shadow:0 0 16px #b6d3f32d;font:10px ui-monospace,monospace}.checkpoint strong{display:block;font-size:11px;line-height:1.35;overflow-wrap:anywhere}.checkpoint small{color:#acbfd5;font-size:9px}.checkpoint+.checkpoint:before{content:"";position:absolute;left:23px;bottom:100%;height:10px;width:2px;background:#617d9c}.ahead{margin-top:auto;padding-top:18px;font-size:11px;color:var(--gold)}.teacher-view{display:flex;align-items:flex-start;gap:9px;margin-top:auto;padding-top:20px}.teacher-view strong{font-size:11px}.teacher-view p{font-size:11px;color:#b8c3dc;margin:3px 0 0}.signal{margin-top:6px;width:7px;height:7px;border-radius:50%;background:#6c7088;flex:none}.teacher-view.connected .signal{background:var(--mint);box-shadow:0 0 12px var(--mint)}.experiment{margin-top:24px;background:#101b2ed9;border:1px solid #2c405d;border-radius:12px;padding:20px 24px}.experiment-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.experiment-heading h2{font-size:21px;margin:0}.experiment-heading .eyebrow{font-size:9px;margin-bottom:7px}.experiment-heading>p{font-size:11px;color:var(--muted);max-width:480px;margin:0}.experiment-tools{display:flex;gap:9px;flex-wrap:wrap;margin:17px 0 19px}.experiment-tools button{background:#172c43;color:#d1e7f8;border:1px solid #375572;border-radius:6px;font-size:11px;padding:8px 11px}.experiment-tools button:hover:not(:disabled){border-color:var(--cyan)}.experiment-tools .reset{margin-left:auto;background:transparent;color:var(--muted);border-color:#3d4a61}.experiment-bottom{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-top:16px;border-top:1px solid #2b3b52}.preview{display:flex;align-items:center;gap:11px}.preview-brand{width:33px;height:37px;display:grid;place-items:center;border-radius:9px;background:var(--studio-theme,#2b5b47);font:italic 27px Georgia,serif;color:#fffbea;transition:background .5s}.preview strong{font-size:12px;display:block}.preview span:not(.preview-brand):not(.preview-card){display:block;font-size:10px;color:var(--muted)}.preview .preview-card{display:block;padding:8px 12px;border:1px solid var(--studio-theme,#2b5b47);background:color-mix(in srgb,var(--studio-theme,#2b5b47) 23%,transparent);border-radius:5px;margin-left:auto;color:#d7e5eb;font-size:10px;transition:background .5s}.database{display:flex;align-items:center;gap:12px;border-left:1px solid #2b3b52;padding-left:25px}.database-symbol{font-size:32px;color:var(--violet)}.database strong{font-size:12px}.database p{font-size:10px;color:var(--muted);margin:3px 0 0}.database code{font-size:9px}.question{margin-top:24px;display:flex;align-items:flex-start;gap:16px;padding:19px 24px;border:1px solid #4b526d;background:#1b2037c9;border-radius:12px}.question-mark{font-size:29px;line-height:1;color:var(--violet);font-weight:350;padding-top:6px}.question h2{font-size:19px;margin-bottom:9px}.question .eyebrow{color:var(--violet);font-size:9px}.question button{font-size:11px;background:transparent;border:0;color:var(--cyan);padding:0;text-decoration:underline;text-underline-offset:4px}.question #answer{color:#d6e1f2;font-size:13px;max-width:1100px;margin:12px 0 0}footer{margin-top:22px;color:#899cb7;font-size:10px;line-height:1.65}footer>p{max-width:1100px}details{border-top:1px solid #283950;padding-top:12px}summary{cursor:pointer;color:#b9cbe2}details ol{padding-left:20px;max-width:1000px}details p{max-width:1100px}dialog{background:#111e34;color:var(--ink);border:1px solid #637f9c;border-radius:15px;padding:26px;width:min(620px,calc(100% - 30px));max-height:90vh}dialog::backdrop{background:#030915b8;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;gap:20px}.dialog-heading h2{font-size:26px}.dialog-heading button{border:0;background:transparent;color:var(--ink);font-size:27px;height:35px}.dialog-heading+p{font-size:15px;color:#b8cee3}#snapshot-preview{margin:15px 0;background:#0c1728;padding:15px;border-radius:8px}dialog h3{font-size:13px;margin:20px 0 9px}#snapshot-files{font:11px/1.8 ui-monospace,monospace;color:#bdd3e8}.snapshot-note{font-size:11px;color:var(--muted);margin:16px 0 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.beam{filter:drop-shadow(0 0 5px #70e9ff)}@keyframes arrive{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1250px){.app{padding:25px}.flight-map{gap:22px}.station{padding:16px 12px}.station h2{font-size:20px}.station-tag{font-size:7px}.brief p:last-child{font-size:13px}.header-tools{max-width:300px}.subtitle{font-size:13px}.file-name{font-size:9px}.experiment-heading>p{max-width:360px}}@media(max-width:960px){.flight-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.station{min-height:370px}.location-labels{display:none}.station.remote:before{content:"ONLINE REPOSITORY";display:block;font-size:8px;letter-spacing:1.4px;color:var(--violet);margin-bottom:12px}.brief{align-items:flex-start}.brief-action{min-width:155px}.primary{font-size:11px;padding:12px}.primary span{margin-left:8px}.file-name{font-size:11px}.station-description{min-height:20px}.experiment-heading{align-items:flex-start}.experiment-bottom{grid-template-columns:1fr}.database{border:0;padding-left:0}.experiment-tools .reset{margin-left:0}.header-tools{max-width:250px}.simulation{font-size:8px}}@media(max-width:580px){.app{padding:20px 14px}header{align-items:flex-start;flex-direction:column;gap:16px}.header-tools{justify-content:flex-start;max-width:none;gap:10px 15px}h1{font-size:37px}.subtitle{font-size:13px}.brief{padding:18px;flex-direction:column;gap:18px}.brief-action{display:flex;align-items:center;justify-content:space-between;width:100%}.brief h2{font-size:21px}.brief p:last-child{font-size:13px}.flight-map{grid-template-columns:1fr;gap:25px}.station{min-height:0;padding:20px}.station-description{min-height:0}.station-tag{font-size:8px}.station h2{font-size:24px}.station-foot{padding-top:13px}.commit-form{margin-top:10px}.station-button{padding:10px}.history{margin-bottom:10px}.file-name{font-size:11px}.file-state{font-size:10px}.experiment{padding:18px}.experiment-heading{display:block}.experiment-heading>p{margin-top:12px}.experiment-tools button{font-size:11px}.preview{gap:8px}.preview .preview-card{padding:7px;font-size:9px}.question{padding:18px 16px}.question h2{font-size:18px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}body.reduced-motion *{animation:none!important;transition:none!important}