:root{--bg:#071017;--panel:#0a151d;--line:#1a303a;--line-soft:#132630;--text:#dce4e5;--muted:#94a8ad;--cyan:#74c2be;--amber:#ef8e3a;--amber-soft:#b96831;--mono:'SFMono-Regular','Cascadia Mono','Roboto Mono',Consolas,monospace;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;min-height:100vh;background:radial-gradient(circle at 52% 18%,#102530 0,transparent 31%),linear-gradient(140deg,#061017,#08131a 58%,#061017);color:var(--text);font-family:var(--sans);overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.topbar{height:64px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 26px;background:rgba(6,15,21,.88);backdrop-filter:blur(18px);position:relative;z-index:3}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-family:var(--mono);font-size:13px;letter-spacing:.14em}.brand b{color:var(--amber);font-weight:500}.brand-mark{width:28px;height:28px;border:1px solid #38515a;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:6px 5px}.brand-mark i{display:block;width:3px;background:var(--cyan)}.brand-mark i:nth-child(1){height:7px}.brand-mark i:nth-child(2){height:15px;background:var(--amber)}.brand-mark i:nth-child(3){height:11px}.journey-meta{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--muted);display:flex;align-items:center;gap:9px}.live-dot{width:6px;height:6px;background:var(--amber);border-radius:50%;box-shadow:0 0 10px var(--amber)}.meta-separator{color:#30444b}.icon-button{justify-self:end;background:none;border:0;color:var(--muted);padding:8px;cursor:pointer}.icon-button svg{width:18px;fill:currentColor}.icon-button.muted{opacity:.35}.workspace{display:grid;grid-template-columns:minmax(225px,.78fr) minmax(470px,1.7fr) minmax(245px,.82fr);max-width:1600px;margin:0 auto;min-height:calc(100vh - 111px)}.panel{min-width:0}.route-panel,.control-panel{padding:24px 24px 20px}.route-panel{border-right:1px solid var(--line)}.control-panel{border-left:1px solid var(--line)}.panel-heading{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--muted);display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.step-count,.status-word{color:var(--cyan)}.route-line{position:relative;padding:2px 0 0}.route-line:before{content:"";position:absolute;left:7px;top:11px;bottom:22px;width:1px;background:linear-gradient(var(--amber-soft) 0 72%,var(--line) 72%)}.route-stop{position:relative;width:100%;border:0;background:none;text-align:left;color:var(--muted);font-family:var(--sans);display:grid;grid-template-columns:25px 1fr;gap:7px;padding:0 0 25px;cursor:pointer}.route-stop.future{cursor:default;opacity:.55}.route-stop .node{width:7px;height:7px;margin:4px 0 0 4px;border-radius:50%;background:#20363e;border:1px solid #40545b;z-index:1}.route-stop.completed .node{background:var(--amber-soft);border-color:var(--amber)}.route-stop.active .node{background:var(--amber);border-color:#ffc08a;box-shadow:0 0 0 5px rgba(239,142,58,.11),0 0 15px rgba(239,142,58,.45)}.route-stop small{font-family:var(--mono);font-size:9px;letter-spacing:.09em;display:block;margin-bottom:5px}.route-stop b{font-size:12px;font-weight:500;line-height:1.35;color:#899ba0}.route-stop.active b{color:var(--text)}.route-stop:hover b{color:var(--text)}.route-scale{margin-top:2px;font-family:var(--mono);font-size:8px;letter-spacing:.11em;color:#536970;display:flex;align-items:center;gap:8px}.route-scale div{height:2px;flex:1;background:var(--line)}.route-scale i{display:block;width:68%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--amber))}.story-panel{padding:24px 32px 18px;display:flex;flex-direction:column;max-height:calc(100vh - 111px);overflow:auto}.story-panel::-webkit-scrollbar{width:5px}.story-panel::-webkit-scrollbar-thumb{background:#1c3038}.story-toolbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.eyebrow{font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:var(--amber)}h1{font-family:var(--sans);font-size:24px;font-weight:500;letter-spacing:-.02em;margin:5px 0 0}.more-button{border:1px solid var(--line);background:#0b171f;color:var(--muted);height:32px;width:38px;cursor:pointer}.postcard{margin:0;position:relative;background:#0b171f;overflow:hidden;border:1px solid #1c323c}.postcard:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(3,8,11,.7));pointer-events:none}.postcard img{display:block;width:100%;height:min(34vh,340px);object-fit:cover;filter:saturate(.72) contrast(1.06)}.postcard figcaption{position:absolute;z-index:2;inset:auto 14px 12px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:9px;letter-spacing:.09em;color:#b2c3c4}.dispatch{max-width:760px;padding:17px 3px 4px}.dispatch p{font-size:14px;line-height:1.72;color:#96a6a9;margin:0 0 10px}.dispatch .lead{font-size:15px;line-height:1.65;color:#d0d9da}.dispatch em{color:#d1a47c;font-style:normal}.read-more{font-family:var(--mono);letter-spacing:.11em;font-size:9px;color:var(--cyan);background:none;border:0;padding:4px 0;cursor:pointer}.read-more span{padding-left:5px}.extended-copy{display:none}.extended-copy.open{display:block}.story-footer{margin-top:auto;border-top:1px solid var(--line-soft);padding-top:13px;display:flex;justify-content:space-between;gap:16px;align-items:center}.thread-tags{display:flex;gap:6px;flex-wrap:wrap}.thread-tags span{font-family:var(--mono);font-size:8px;letter-spacing:.04em;color:#6e858a;border:1px solid #233942;padding:4px 7px}.source-note{font-family:var(--mono);font-size:8px;letter-spacing:.08em;color:#475c62}.orb-wrap{height:126px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;font-family:var(--mono);font-size:8px;letter-spacing:.14em;color:var(--cyan)}.orb{width:68px;height:68px;border-radius:50%;border:1px solid #19434a;display:grid;place-items:center;box-shadow:0 0 28px rgba(74,174,171,.08),inset 0 0 28px rgba(74,174,171,.05)}.orb div{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 38% 36%,#b9f6ea 0,#5bb5b1 8%,#17484f 45%,#08171d 70%);box-shadow:0 0 18px rgba(116,194,190,.4);animation:breathe 3s ease-in-out infinite}@keyframes breathe{50%{transform:scale(.88);opacity:.72}}.stats{margin:0;border-top:1px solid var(--line-soft)}.stats>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft);padding:10px 0}.stats dt{font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--muted)}.stats dd{font-family:var(--mono);font-size:10px;margin:0;color:#a9b9ba}.stats dd small{color:#52666b}.mode-toggle{display:flex;background:#071117;border:1px solid #223740;padding:2px;font-family:var(--mono);font-size:8px;color:#526970;cursor:pointer}.mode-toggle span{padding:4px 7px}.mode-toggle .selected{background:#17343a;color:var(--cyan)}.budget{padding:15px 0}.budget-bar{height:3px;background:#162830;margin-bottom:7px}.budget-bar i{height:100%;display:block;background:linear-gradient(90deg,var(--cyan),var(--amber))}.budget>div:last-child{display:flex;justify-content:space-between;font-family:var(--mono);font-size:8px;letter-spacing:.08em;color:#52676d}.budget b{color:#8ea2a6;font-weight:400}.intent{border:1px solid var(--line);background:rgba(15,30,38,.44);padding:13px;margin:2px 0 15px}.intent p{font-size:11px;line-height:1.58;color:#819397;margin:8px 0 0}.controls{display:grid;gap:7px}.primary-control,.secondary-control{font-family:var(--mono);font-size:9px;letter-spacing:.1em;height:36px;cursor:pointer}.primary-control{border:1px solid var(--amber-soft);background:rgba(133,71,31,.18);color:#efaa6e;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.primary-control:hover{background:rgba(161,82,29,.28)}.primary-control kbd{font:inherit}.secondary-control{border:1px solid #27404a;background:#0b171e;color:#788c91}.pause-icon{margin-right:8px;color:var(--cyan)}.image-option{margin-top:13px;display:flex;justify-content:space-between;align-items:center}.image-option b,.image-option small{display:block;font-family:var(--mono);font-size:8px;letter-spacing:.08em}.image-option b{color:#768b90;font-weight:400}.image-option small{color:#465a60;margin-top:3px}.switch{width:32px;height:17px;border-radius:12px;border:1px solid #2e5558;background:#143236;padding:2px;cursor:pointer}.switch i{width:11px;height:11px;background:var(--cyan);border-radius:50%;display:block;margin-left:14px;transition:.2s}.switch:not(.on){background:#111f25;border-color:#2b3c42}.switch:not(.on) i{margin-left:0;background:#53666b}.bottom-nav{height:47px;border-top:1px solid var(--line);background:#071017;display:flex;justify-content:center;gap:35px;align-items:center;position:relative;z-index:3}.bottom-nav button{height:100%;border:0;border-bottom:2px solid transparent;background:none;color:#566a70;font:9px var(--mono);letter-spacing:.12em;cursor:pointer}.bottom-nav button.active{color:var(--amber);border-color:var(--amber)}.toast{position:fixed;bottom:65px;left:50%;transform:translate(-50%,15px);background:#10232c;border:1px solid #2c4d56;color:#b8c8c9;padding:9px 14px;font:10px var(--mono);letter-spacing:.06em;opacity:0;pointer-events:none;transition:.25s;z-index:8}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.workspace{grid-template-columns:210px 1fr}.control-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.control-panel .panel-heading{grid-column:1/-1;margin-bottom:0}.orb-wrap{height:auto}.controls{align-self:center}.image-option{align-self:center}.story-panel{max-height:none}.bottom-nav{position:sticky;bottom:0}.workspace{min-height:auto}}
@media(max-width:720px){.topbar{grid-template-columns:1fr auto;height:58px;padding:0 15px}.journey-meta{display:none}.workspace{display:block}.route-panel{border-right:0;border-bottom:1px solid var(--line);padding:17px 16px 7px}.route-panel .panel-heading{margin-bottom:14px}.route-line{display:flex;overflow:auto;padding-bottom:8px;gap:18px}.route-line:before{display:none}.route-stop{min-width:150px;padding-bottom:8px;grid-template-columns:16px 1fr}.route-stop.future{display:none}.route-stop:nth-of-type(-n+3){display:none}.route-scale{display:none}.story-panel{padding:19px 16px}.postcard img{height:34vh}.story-footer{align-items:flex-start;flex-direction:column}.control-panel{display:block;border-top:1px solid var(--line);padding:20px 16px}.control-panel .panel-heading{margin-bottom:10px}.orb-wrap{display:none}.stats,.intent,.controls,.image-option,.budget{max-width:none}.bottom-nav{justify-content:flex-start;overflow:auto;padding:0 15px;gap:25px}.bottom-nav button{flex:0 0 auto}.source-note{margin-bottom:8px}h1{font-size:21px}}

/* Web v0.1.3 — selectable open questions */
.open-questions{list-style:none;padding:0;margin:8px 0 16px;display:grid;gap:7px}.open-questions>li{margin:0}.question-link{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;text-align:left;border:1px solid #27404a;background:#0b171e;color:#9aabad;padding:10px 12px;font:12px/1.5 var(--sans);cursor:pointer}.question-link span{color:var(--amber);font:14px var(--mono);flex:0 0 auto}.question-link:hover{border-color:var(--amber-soft);background:rgba(133,71,31,.13);color:#d0d9da}.question-link:disabled{opacity:.45;cursor:default}