:root{--bld-bg: #1E0F1C;--bld-bg2: #251427;--bld-rule: rgba(243, 236, 239, .11);--bld-rule-2: rgba(243, 236, 239, .22);--w1: #F3ECEF;--w2: #CDBFCB;--w3: #9F8CA0;--w4: #7A6A7C;--lilac: #BD8DD2;--ease: cubic-bezier(.22, .61, .36, 1);--cap-h: 34px;--dots-h: 46px;--stem: 26px}.bld{background:var(--bld-bg);color:var(--w1);font-size:15px;overflow-x:hidden}.bld ::selection{background:var(--lime);color:var(--plum-ink)}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}.bld .nav{height:60px;background:var(--bld-bg);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:0 28px;border-bottom:1px solid var(--bld-rule)}.bld .nav .brand{text-decoration:none}.bld .nav .brand .g{color:var(--w1);font-size:20px;letter-spacing:-.03em;font-weight:800}.bld .nav .brand .r{color:var(--lime);font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;margin-left:2px}.bld .tools{display:flex}.bld .tb{background:transparent;color:var(--w2);border:0;border-bottom:1px solid transparent;padding:6px 4px;margin-left:20px;font-size:12.5px;font-weight:600;cursor:pointer;text-decoration:none}.bld .tb:hover,.bld .tb.on{color:var(--w1);border-bottom-color:var(--lime)}.head{display:flex;align-items:baseline;justify-content:space-between;gap:20px 28px;flex-wrap:wrap;padding:13px clamp(20px,3.4vw,44px) 10px}.head h1{font-size:clamp(21px,2.1vw,27px);font-weight:800;letter-spacing:-.035em;margin:0;line-height:1}.head .ht{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.head .ht p{margin:0;color:var(--w3);font-size:13px;max-width:44ch}.ruler{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.ruler button{background:transparent;border:0;color:var(--w4);font:inherit;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 7px;border-radius:999px;cursor:pointer;transition:color .18s,background .18s}.ruler button:hover{color:var(--w1)}.ruler button.on{color:var(--w1);background:#f3ecef14}.ruler .rsep{width:1px;height:14px;background:var(--lime);margin:0 5px;flex:none}.ruler button.todayj{color:var(--plum-ink);background:var(--lime)}.ruler button.todayj:hover{color:var(--plum-ink)}.ruler button.fut{color:var(--w4)}#app{display:flex;flex-direction:column;min-height:calc(100vh - 60px)}.stagewrap{position:relative;flex:1;min-height:0;display:flex}.stage{flex:1;display:flex;align-items:center}.stage{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--plum-soft) transparent;cursor:grab;outline:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.stage.dragging{cursor:grabbing;scroll-behavior:auto}.stage:focus-visible{box-shadow:inset 0 0 0 1px var(--lime)}.stage::-webkit-scrollbar{height:9px}.stage::-webkit-scrollbar-thumb{background:#f3ecef29;border-radius:999px}.stage::-webkit-scrollbar-thumb:hover{background:#f3ecef4d}.track{position:relative;display:flex;align-items:flex-start;padding:40px 46vw 28px 34vw;width:max-content}.spine{position:absolute;left:0;right:0;top:calc(40px + var(--cap-h) + var(--dots-h));height:1px;background:linear-gradient(90deg,rgba(243,236,239,.07),rgba(243,236,239,.34) 12%,rgba(243,236,239,.34) var(--today-pct, 60%),rgba(243,236,239,.14) calc(var(--today-pct, 60%) + 1%),rgba(243,236,239,.07))}.col{flex:none;padding-right:18px}.col .cap{height:var(--cap-h);display:flex;align-items:flex-start;gap:6px}.col .cap b{font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--w2);font-family:ui-monospace,Menlo,monospace}.col .cap i{font-style:normal;font-size:10px;color:var(--w4);font-family:ui-monospace,Menlo,monospace}.col.future .cap b{color:var(--w4)}.col .dots{height:var(--dots-h);display:flex;align-items:flex-end;gap:7px;padding-bottom:0}.tick{position:relative;width:7px;height:calc(13px + var(--lift, 0px));background:none;border:0;padding:0;cursor:pointer;display:block}.tick i{position:absolute;left:3px;bottom:0;width:1px;height:calc(100% - 5px);background:#f3ecef33}.tick b{position:absolute;left:0;top:0;width:7px;height:7px;border-radius:50%;background:#f3ecef57;transition:transform .16s var(--ease),background .16s}.tick:hover b,.tick:focus-visible b{transform:scale(1.9);background:var(--lime)}.tick:hover i,.tick:focus-visible i{background:#d7df2380}.tick:focus-visible{outline:none}.tick.story b{background:var(--lilac)}.slots{display:flex;align-items:flex-start;gap:11px}.slot{flex:none;width:138px;position:relative;padding-top:0}.slot.land{width:186px}.slot .pin{position:absolute;top:-5px;left:0;width:11px;height:11px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px var(--bld-bg)}.slot .stem{height:var(--stem);width:1px;background:var(--bld-rule-2);margin-left:5px}.card{display:flex;flex-direction:column;min-height:124px;width:100%;text-align:left;background:var(--bld-bg2);border:1px solid var(--bld-rule);border-radius:12px;padding:14px 15px 15px;color:inherit;font:inherit;cursor:pointer;transition:border-color .2s,transform .2s var(--ease),background .2s}.card:hover,.card:focus-visible{border-color:var(--lime);transform:translateY(-3px);outline:none}.card .kw{display:block;font-size:8.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--lime);margin-bottom:7px;font-family:ui-monospace,Menlo,monospace}.card h3{font-size:14.5px;font-weight:800;letter-spacing:-.022em;line-height:1.12;margin:0 0 7px;color:var(--w1)}.card p{margin:0;font-size:12px;line-height:1.4;color:var(--w3)}.card .big{display:block;font-size:20px;font-weight:800;letter-spacing:-.03em;color:var(--lime);line-height:1;margin-bottom:3px}.card .pill{align-self:flex-start;margin-top:auto!important;display:inline-block;font-size:8.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:2px 7px;border-radius:999px;margin-top:9px}.card .pill.prototype{background:#bd8dd22e;color:var(--lilac);border:1px solid rgba(189,141,210,.45)}.card .pill.partial{background:#d69a2a26;color:#e8b864;border:1px solid rgba(214,154,42,.45)}.card.land{min-height:150px;background:linear-gradient(180deg,rgba(243,236,239,.05),transparent 60%),var(--bld-bg2);border-color:#f3ecef33}.card.land h3{font-size:19px;letter-spacing:-.03em}.card.land p{font-size:13px;color:var(--w2)}.card.land .big{font-size:27px}.slot.land .pin{width:15px;height:15px;top:-7px;box-shadow:0 0 0 4px var(--bld-bg),0 0 22px #d7df238c}.slot.land .stem{width:2px;background:#d7df2366;margin-left:7px}.card.hl{border-color:#d7df2380}.card.hl h3{color:var(--lime)}.col.future .slot .pin{background:transparent;border:1px solid var(--w3);box-shadow:0 0 0 4px var(--bld-bg)}.col.future .card{background:transparent;border-style:solid;border-color:var(--bld-rule-2)}.col.future .card .kw{color:var(--w2)}.col.future .card h3{color:var(--w1)}.col.medium .card{border-color:#f3ecef24;opacity:.92}.col.medium .card .kw{color:var(--w3)}.col.light .slot .pin{border-color:var(--w4);border-style:dashed}.col.light .slot .stem{background:repeating-linear-gradient(180deg,var(--bld-rule-2) 0 3px,transparent 3px 6px)}.col.light .card{border-style:dashed;border-color:#f3ecef21;opacity:.78}.col.light .card h3{color:var(--w2)}.col.light .card .kw,.col.light .card p{color:var(--w4)}.today{flex:none;width:1px;align-self:stretch;position:relative;margin:0 58px 0 34px;background:linear-gradient(180deg,#d7df2300,#d7df238c 26%,#d7df238c 74%,#d7df2300)}.today:after{content:"";position:absolute;left:-9px;top:calc(var(--cap-h) + var(--dots-h) - 9px);width:19px;height:19px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px var(--bld-bg),0 0 34px #d7df2373}.today .tl{position:absolute;top:-30px;left:50%;transform:translate(-50%);text-align:center;white-space:nowrap}.today .tl b{display:block;font-size:12.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--lime)}.today .tl span{display:block;font-size:9.5px;color:var(--w3);letter-spacing:.14em;font-family:ui-monospace,Menlo,monospace;margin-top:2px}.today .tb2{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);white-space:nowrap;display:flex;gap:26px}.today .tb2 span{font-size:9.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--w4);font-family:ui-monospace,Menlo,monospace}.edge{position:absolute;top:0;bottom:0;width:58px;border:0;display:grid;place-items:center;cursor:pointer;z-index:5;color:var(--w2);font-size:19px;transition:opacity .25s,color .2s}.edge.l{left:0;background:linear-gradient(90deg,var(--bld-bg) 30%,transparent)}.edge.r{right:0;background:linear-gradient(270deg,var(--bld-bg) 30%,transparent)}.edge:hover{color:var(--lime)}.edge[disabled]{opacity:0;pointer-events:none}.can{padding:12px clamp(20px,3.4vw,44px) 20px;border-top:1px solid var(--bld-rule)}.canline{margin:0;font-size:14px;color:var(--w2);letter-spacing:-.005em}.canline b{color:var(--lime);font-size:19px;font-weight:800;letter-spacing:-.03em;margin:0 2px}.canlist{margin:5px 0 0;font-size:12px;color:var(--w4);line-height:1.6}.canlist i{font-style:normal;color:#f3ecef33;margin:0 7px}.canlist em{font-style:normal;color:var(--w3);margin-left:9px}.canlist .q{color:var(--w4)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c050b9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:70;animation:fade .2s var(--ease)}@keyframes fade{0%{opacity:0}}.panel{position:fixed;top:0;right:0;bottom:0;width:min(520px,94vw);background:var(--bld-bg2);border-left:1px solid var(--bld-rule-2);z-index:80;overflow-y:auto;padding:26px clamp(22px,3vw,36px) 44px;animation:slidein .34s var(--ease)}@keyframes slidein{0%{transform:translate(26px);opacity:0}}.panel .x{float:right;background:none;border:0;color:var(--w3);font-size:24px;line-height:1;cursor:pointer;padding:0 0 8px 12px}.panel .x:hover{color:var(--w1)}.panel .pw{font-size:10.5px;color:var(--lime);font-family:ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}.panel h2{font-size:clamp(25px,3.2vw,33px);font-weight:800;letter-spacing:-.03em;line-height:1.07;margin:11px 0 0}.panel .sec{margin:24px 0 0}.panel .sec>h4{font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--w4);margin:0 0 8px;font-family:ui-monospace,Menlo,monospace}.panel .sec p{margin:0;font-size:14.5px;line-height:1.6;color:var(--w2)}.panel .sec p.did{color:var(--w1);font-size:16px;font-weight:500;line-height:1.5}.panel .snote{display:block;font-size:13px;color:var(--lilac);line-height:1.55}.panel .pf{display:flex;flex-wrap:wrap;gap:14px 30px}.panel .pf b{display:block;font-size:25px;font-weight:800;letter-spacing:-.028em;color:var(--lime);line-height:1.05}.panel .pf span{display:block;font-size:11px;color:var(--w3);margin-top:3px}.panel .thought{font-size:17px;line-height:1.45;color:var(--lilac);font-weight:500;letter-spacing:-.012em;margin:0;padding-left:14px;border-left:2px solid var(--lilac)}.panel .story{background:#f3ecef0a;border-radius:12px;padding:16px 18px}.panel .story h5{font-size:15.5px;font-weight:800;margin:0 0 7px;letter-spacing:-.015em}.panel .story p{font-size:13.5px}.panel .story .af{margin-top:10px;font-style:italic;color:var(--w1);font-size:13.5px}.panel .lay{display:flex;gap:6px;flex-wrap:wrap}.panel .lay span{font-size:9.5px;font-weight:800;letter-spacing:.12em;border:1px solid var(--bld-rule-2);color:var(--w2);border-radius:999px;padding:4px 10px}.panel .lay span.off{opacity:.3}.panel.small h2{font-size:24px}@media (max-width: 1200px){.slot{width:178px}.track{padding-right:52vw}}@media (max-width: 760px){.head{padding:16px 18px 10px;gap:12px}.head h1{font-size:25px}.head .ht p{font-size:13px}.ruler{gap:2px}.ruler button{padding:5px 7px;font-size:10px}.track{padding:40px 76vw 24px 60vw}.spine{top:calc(40px + var(--cap-h) + var(--dots-h))}.slot{width:72vw;max-width:290px}.slots{gap:12px}.col{padding-right:16px}.today{margin:0 56px 0 20px}.today .tl b{font-size:11.5px}.edge{display:none}.can{padding:14px 18px 22px}.panel{width:100%;border-left:0}}@media (prefers-reduced-motion: reduce){.stage{scroll-behavior:auto}.card,.dot,.can .chip,.panel{transition:none!important;animation:none!important}}