:root{color-scheme:dark;--bg:#0a0d15;--surface:#121823;--line:#283142;--text:#eff4fc;--muted:#98a6bb;--cyan:#65e5d2;--pink:#f388b6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 4vw}.wordmark{font-size:24px;font-weight:750;letter-spacing:-1px;text-decoration:none;color:var(--text)}.wordmark span{color:var(--cyan);padding:0 10px}.wordmark small{font-size:14px;font-weight:400;letter-spacing:0;color:var(--muted)}.source{font-size:13px;color:var(--muted)}main{max-width:1500px;padding:34px 4vw 24px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:650;color:var(--muted);margin:0 0 10px}h1{font-weight:550;letter-spacing:-1.5px;font-size:36px;margin:0}button,select{font:inherit;font-size:14px;background:#1a2231;border:1px solid #364255;border-radius:7px;color:var(--text);padding:11px 17px;cursor:pointer}button:hover{background:#263247}button:disabled{opacity:.45;cursor:default}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}#play{background:var(--cyan);color:#10231f;border-color:var(--cyan);min-width:85px;font-weight:650}select{padding:9px}.controls{display:flex;align-items:center;gap:10px}.controls label{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:9px;margin-right:10px}#status{min-height:21px;margin:15px 0 20px;color:var(--muted);font-size:14px}.experiment{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:36px}.stage{position:relative;min-height:590px;border-radius:18px;background:radial-gradient(ellipse at 65% 65%,#22394b 0,#131d2c 40%,#101723 72%);overflow:hidden}.stage:after{content:"";position:absolute;bottom:30px;left:7%;right:7%;height:1px;background:linear-gradient(90deg,transparent,#385060,transparent)}.scene-caption{position:absolute;inset:24px 26px auto;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;color:#b4c6d5;z-index:2}#fly{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.phone{position:absolute;width:236px;height:462px;right:12%;top:60px;background:linear-gradient(130deg,#657582,#263039 18%,#11161c 50%,#778895);border:2px solid #536779;border-radius:35px;padding:10px;box-shadow:20px 26px 45px #0008;transform:rotate(6deg)}.screen{height:100%;border-radius:25px;overflow:hidden;position:relative;background:#080b0f}.camera{position:absolute;top:17px;left:86px;width:66px;height:17px;background:#06090d;border-radius:20px;z-index:6}.screen video{width:100%;height:100%;object-fit:contain;display:block;transition:transform .42s cubic-bezier(.2,.7,.3,1)}.screen-shade{position:absolute;inset:0;background:linear-gradient(#0006,transparent 23%,transparent 65%,#0009);pointer-events:none}.feed-label{position:absolute;top:40px;left:0;right:0;text-align:center;color:#fffa;font-size:11px}.feed-label b{font-weight:700;color:white;margin-left:16px;border-bottom:2px solid white;padding-bottom:5px}.video-caption{position:absolute;bottom:26px;left:15px;right:12px;text-shadow:0 1px 4px #000}.video-caption span{display:block;font-size:8px;letter-spacing:.08em;margin-bottom:7px;color:#fff9}.video-caption strong{font-size:14px;font-weight:550}.phone-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:#fff3}.phone-progress i{display:block;height:100%;width:0;background:var(--cyan)}.home-bar{position:absolute;width:70px;height:3px;bottom:17px;left:82px;border-radius:5px;background:#ffffffa0}#swipe{display:none;position:absolute;inset:0;align-items:center;justify-content:center;font-size:80px;color:var(--cyan);background:#07111880}.stage.scrolling #swipe{display:flex}.stage.scrolling video{transform:translateY(-110%)}.thought{position:absolute;left:15%;top:17%;border:1px solid #4e7e81;border-radius:16px;padding:14px 20px;background:#152833e6;color:var(--cyan);transform:rotate(-4deg)}.thought span{font-size:11px;display:block;color:#b6d4d8}.thought strong{display:block;font-size:30px;letter-spacing:-1px;margin-top:5px}.thought .thought-tail{position:absolute;bottom:-9px;left:25px;width:16px;height:16px;transform:rotate(45deg);background:#152833;border-right:1px solid #4e7e81;border-bottom:1px solid #4e7e81}.fly-label{position:absolute;left:26px;bottom:55px}.fly-label strong,.fly-label span{display:block}.fly-label strong{font-size:15px;font-weight:500}.fly-label span{font-size:11px;color:var(--muted);margin-top:7px}aside{padding:10px 0}.big-value{display:flex;align-items:baseline;gap:10px}.big-value>span{font-size:66px;line-height:1.1;letter-spacing:-3px;font-weight:500}.big-value small{font-size:17px;color:var(--muted)}.prediction>p:not(.eyebrow){font-size:14px;color:var(--muted);margin:8px 0 28px}.elapsed{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.progress{height:5px;background:#2c3543;border-radius:4px;margin-top:10px;overflow:hidden}.progress i{height:100%;width:0;display:block;background:var(--cyan)}.observation{display:flex;justify-content:space-between;font-size:13px;margin-top:16px}.observation span{color:var(--muted)}.neural{border-top:1px solid var(--line);margin-top:26px;padding-top:22px}.section-heading{display:flex;align-items:baseline;justify-content:space-between}h2{font-size:17px;font-weight:550;margin:0}.section-heading>span{color:var(--muted);font-size:12px}.neural>p{font-size:12px;color:var(--muted);margin:8px 0 17px}.cell-group{display:grid;grid-template-columns:62px 1fr 62px;gap:10px;align-items:center;margin:12px 0}.cell-group strong{font-size:12px;font-weight:550}.cell-group span{font-size:10px;color:var(--muted);display:block;margin-top:3px}.cells{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.cell{width:10px;height:10px;border-radius:50%;background:var(--cyan);opacity:.2}.cell.ppl{background:var(--pink)}.cell-group output{font-size:11px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}#trace{width:100%;height:90px;display:block;margin-top:15px}.legend{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:10px}.legend span:last-child{margin-left:auto}.legend i{display:inline-block;width:12px;height:2px;margin-right:4px;vertical-align:middle;background:var(--cyan)}.legend span:nth-child(2) i{background:var(--pink)}.neural .neural-note{font-size:11px;line-height:1.55;margin-top:16px}.evidence{display:grid;grid-template-columns:180px 180px 1fr;gap:30px;padding:26px 0;border-bottom:1px solid var(--line);align-items:center}.evidence strong{display:block;font-weight:500;font-size:26px;letter-spacing:-.5px}.evidence div>span{display:block;font-size:12px;color:var(--muted);margin-top:5px}.evidence .eyebrow{font-size:10px}.evidence>p{font-size:13px;line-height:1.65;color:var(--muted);max-width:640px;margin:0}footer{display:flex;gap:20px;margin-top:22px;font-size:11px;line-height:1.6;color:var(--muted)}footer span{flex:1}footer a{color:var(--muted);white-space:nowrap}#actual,#predicted,#bubble{font-variant-numeric:tabular-nums}@media(min-width:1300px){.stage{min-height:650px}.phone{top:75px;width:260px;height:510px}.camera{left:96px}.home-bar{left:94px}}@media(max-width:950px){.experiment{grid-template-columns:minmax(0,1fr) 260px;gap:22px}.stage{min-height:540px}.phone{width:205px;height:412px;right:7%;top:64px}.camera{left:69px}.home-bar{left:67px}.thought{left:9%;padding:10px 13px;top:20%}.thought strong{font-size:24px}.big-value>span{font-size:56px}.heading{align-items:flex-start}h1{font-size:30px}.controls{flex-wrap:wrap;justify-content:flex-end}.evidence{grid-template-columns:140px 140px 1fr;gap:22px}}@media(max-width:720px){header{height:62px;padding:0 20px}.source{display:none}main{padding:24px 20px}.heading{display:block}.controls{margin-top:18px;justify-content:flex-start}.experiment{display:block}.stage{min-height:530px}.phone{right:10%;width:210px;height:418px}.thought{left:10%}.fly-label{bottom:40px}.fly-label span{max-width:170px;line-height:1.5}.camera{left:71px}.home-bar{left:72px}aside{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.neural{margin:0;border:0;padding:0}.big-value>span{font-size:48px}.big-value small{font-size:13px}.observation{display:block}.observation strong{display:block;margin-top:5px}.evidence{grid-template-columns:1fr 1fr}.evidence>p{grid-column:1/-1}.cell-group{grid-template-columns:55px 1fr}.cell-group output{grid-column:2;text-align:left}.cells{grid-template-columns:repeat(5,1fr)}footer{flex-wrap:wrap}footer span{flex-basis:100%}.legend{gap:6px;flex-wrap:wrap}.legend span:last-child{margin-left:0}}@media(max-width:420px){.phone{right:5%;width:190px;height:390px;top:80px}.thought{left:5%;top:17%}.thought span{font-size:10px}.thought strong{font-size:23px}.camera{left:62px}.home-bar{left:62px}.stage{min-height:520px}aside{grid-template-columns:1fr}.neural{border-top:1px solid var(--line);padding-top:24px}.cells{grid-template-columns:repeat(8,1fr)}.cell-group{grid-template-columns:60px 1fr 70px}.cell-group output{grid-column:auto;text-align:right}.big-value>span{font-size:64px}}@media(prefers-reduced-motion:reduce){.screen video{transition:none}}

.liking-inputs{margin:0 0 12px;display:grid;gap:8px;font-size:14px}.liking-inputs>div{display:flex;justify-content:space-between;gap:12px}.liking-inputs dt{color:var(--muted)}.liking-inputs dd{margin:0;font-variant-numeric:tabular-nums}.score-explainer{margin:0 0 24px;color:var(--muted);font-size:13px;line-height:1.55}.score-explainer summary{cursor:pointer;color:var(--cyan)}.score-explainer summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.score-explainer p{margin:10px 0}#liking-score{font-variant-numeric:tabular-nums;color:#e4f3ae}

/* The fly's automatic like stays visible for the current video. */
.fly-like{position:absolute;right:9px;bottom:105px;display:grid;justify-items:center;gap:6px;min-width:66px;color:#fff;text-shadow:0 1px 5px #000;pointer-events:none}.fly-like svg{width:36px;height:36px;fill:#07111866;stroke:currentColor;stroke-width:1.7;filter:drop-shadow(0 2px 4px #0008)}.fly-like span{font-size:12px;font-weight:650;background:#071118b3;padding:4px 7px;border-radius:20px}.stage.liked .fly-like{color:#ff6f9f}.stage.liked .fly-like svg{fill:currentColor}.like-pop{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0}.like-pop svg{width:90px;height:90px;fill:#ff6f9f;stroke:#ffe3ee;stroke-width:.7;filter:drop-shadow(0 5px 18px #0009)}.stage.liked .like-pop{animation:fly-like-pop 1s ease-out both}.like-status{font-size:13px;line-height:1.55;color:var(--muted);margin-top:13px;min-height:40px}.experiment:has(.stage.liked) .like-status{color:var(--pink)}@keyframes fly-like-pop{0%{opacity:0;transform:scale(.4) rotate(-15deg)}20%{opacity:1;transform:scale(1.12) rotate(8deg)}40%,65%{opacity:1;transform:scale(1) rotate(0)}100%{opacity:0;transform:scale(1.25) translateY(-25px)}}@media(prefers-reduced-motion:reduce){.stage.liked .like-pop{animation:none}}

/* Anatomical panel follows the companion Fruit Fly AGI brain lab. */
.brain-lab{margin:38px 0 12px;border-top:1px solid var(--line);padding-top:30px}.brain-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:22px}.brain-heading h2{font-size:30px;font-weight:500;letter-spacing:-1px;margin:0}.brain-timing{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.brain-timing strong{font-variant-numeric:tabular-nums;color:var(--cyan);font-size:17px;font-weight:500;margin-left:10px}.record-dot{height:6px;width:6px;border-radius:50%;background:var(--cyan)}.brain-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px}.brain-anatomy{position:relative;min-height:555px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#18232f,#0d121b 75%)}.anatomy-caption{position:absolute;inset:18px 20px auto;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.12em;z-index:1;pointer-events:none}.anatomy-caption button{pointer-events:auto;font-size:11px;padding:7px 10px;background:#18212be0;color:var(--muted)}#brain-canvas{display:block;width:100%;height:500px;cursor:grab;touch-action:none}#brain-canvas:active{cursor:grabbing}.orbit-hint{position:absolute;bottom:68px;width:100%;text-align:center;font-size:10px;letter-spacing:.14em;color:#8092a7;pointer-events:none}.brain-scale{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:18px 20px;font-size:10px;color:var(--muted)}.brain-scale i{width:90px;height:4px;background:linear-gradient(90deg,#25434a,#7bffff);border-radius:3px}.brain-scale span:last-child{margin-left:auto}.brain-readout{padding:8px 0}.brain-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:24px}.brain-stats strong{display:block;font-size:25px;font-weight:500;font-variant-numeric:tabular-nums}.brain-stats span{color:var(--muted);font-size:11px;display:block;margin-top:5px}.section-heading h3{font-size:14px;font-weight:550;margin:0}.section-heading>span{font-size:10px;color:var(--muted)}.brain-regions{margin-top:16px;display:grid;gap:12px}.region-line{display:flex;align-items:center;gap:8px;font-size:12px}.region-dot{width:6px;height:6px;border-radius:50%;background:var(--region);flex-shrink:0}.region-line strong{font-weight:450}.region-line output{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--muted);font-size:11px}.region-track{height:3px;background:#23303e;margin:6px 0 0 14px;border-radius:2px;overflow:hidden}.region-track i{display:block;background:var(--region);width:0;height:100%}.top-heading{margin-top:26px}.top-neurons{list-style:none;counter-reset:neurons;padding:0;margin:13px 0 0;display:grid;gap:8px}.top-neurons li{display:flex;gap:10px;font-size:11px;color:var(--muted)}.top-neurons b{color:var(--text);font-weight:500}.top-neurons output{margin-left:auto;font-variant-numeric:tabular-nums}.brain-note{font-size:11px;line-height:1.7;color:var(--muted);max-width:1100px;margin:18px 0}.brain-note a{color:var(--muted);display:block;margin-top:5px}.stage{background:radial-gradient(ellipse at 35% 60%,#28392f 0,#161f25 42%,#101723 75%)}
@media(max-width:1050px){.brain-grid{grid-template-columns:minmax(0,1fr) 300px;gap:22px}.brain-heading{align-items:flex-start}.brain-timing{flex-wrap:wrap;justify-content:flex-end;max-width:250px}}
@media(max-width:720px){.brain-grid{grid-template-columns:1fr}.brain-anatomy{min-height:480px}#brain-canvas{height:425px}.brain-heading{display:block}.brain-timing{max-width:none;justify-content:flex-start;margin-top:18px}.brain-regions{grid-template-columns:1fr 1fr;column-gap:20px}.brain-readout{padding:0}.top-neurons{max-width:500px}.brain-heading h2{font-size:27px}}
@media(max-width:420px){.brain-regions{grid-template-columns:1fr}.brain-scale{padding:18px 12px;gap:7px}.brain-scale i{width:50px}}
.brain-timing,.brain-stats span,.section-heading>span,.brain-note,.brain-scale,.orbit-hint,.anatomy-caption,.anatomy-caption button,.region-line output,.top-neurons li{font-size:12px}.region-line{font-size:14px}.anatomy-caption{letter-spacing:.07em;gap:12px}.orbit-hint{letter-spacing:.08em}@media(max-width:420px){.anatomy-caption{flex-wrap:wrap}.brain-scale span:last-child{font-size:11px}}

/* Dr. Buzz: a tiny nerd in a slightly-too-serious experiment. */
.stage{isolation:isolate;background:radial-gradient(ellipse at 27% 65%,#56614380 0,transparent 43%),radial-gradient(ellipse at 85% 28%,#8c60b83d,transparent 55%),linear-gradient(145deg,#201b38,#192536 65%,#18272d);border:1px solid #5b507367;box-shadow:inset 0 1px #ffffff12}.stage:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ddd7ff18 1px,transparent 1px);background-size:17px 17px;mask-image:linear-gradient(transparent,#000 55%);pointer-events:none}.stage:after{bottom:44px;background:linear-gradient(90deg,transparent,#bde18b55,transparent)}#fly{z-index:4;pointer-events:none}.phone{z-index:2;border-color:#8f96b5;box-shadow:15px 25px 0 #070a1229,20px 32px 40px #0006}.scene-caption{z-index:6;font-size:12px;letter-spacing:.08em}.thought{z-index:5;left:8%;top:10%;max-width:44%;background:#e4f3ae;color:#232b2d;border:2px solid #202137;box-shadow:5px 5px 0 #202137;transform:rotate(-5deg);padding:12px 18px;border-radius:18px 18px 18px 4px}.thought span{color:#313937;font-size:14px;font-weight:700;line-height:1.25}.thought strong{font-size:34px;margin-top:5px;letter-spacing:-1px}.thought small{display:block;font-size:12px;margin-top:2px;color:#536041}.thought .thought-tail{display:none}.fly-label{z-index:5;bottom:25px;left:25px}.fly-label strong{font-size:21px;letter-spacing:-.6px;font-weight:750}.fly-label strong i{font-size:10px;letter-spacing:.07em;font-style:normal;color:#242333;background:#c4b0f3;padding:4px 7px;border-radius:4px;margin-left:8px;vertical-align:middle}.fly-label span{font-size:12px;color:#c0bcd1;margin-top:4px}.fly-like{z-index:3}.fly-like svg{stroke-width:1.9}.stage.liked .fly-like{color:#ff8aaf}.stage.liked .fly-like span{background:#4d183ad9;color:#ffeaf0}.stage.liked .like-pop{animation:none;opacity:0}.stage.liking .like-pop{animation:fly-like-pop var(--like-duration,1000ms) ease-out both}.comic-sfx{position:absolute;z-index:7;right:12%;top:22%;pointer-events:none;text-align:center;opacity:0;transform:rotate(-12deg)}.comic-sfx>span{display:block;color:#e7ff95;font-size:clamp(34px,5vw,60px);font-style:italic;line-height:1;font-weight:950;letter-spacing:-3px;-webkit-text-stroke:2px #28203c;paint-order:stroke fill;text-shadow:4px 4px 0 #28203c}.comic-sfx small{display:inline-block;padding:5px 8px;margin-top:8px;background:#292238;border:1px solid #c2a0e3;border-radius:5px;color:#f4e6ff;font-size:12px}.stage.liking .comic-sfx{animation:comic-boop var(--like-duration,1000ms) both}.scroll-sfx{position:absolute;z-index:7;right:22%;top:39%;color:#ffa9c6;font-size:50px;font-weight:950;font-style:italic;letter-spacing:-2px;-webkit-text-stroke:2px #242033;paint-order:stroke fill;text-shadow:4px 4px #242033;pointer-events:none;opacity:0}.stage.scrolling .scroll-sfx{animation:comic-next .46s both}.stage.scrolling #swipe{display:none}.stage.scrolling video{transform:translateY(-115%) rotate(-7deg) scale(.9)}.progress{position:relative;overflow:visible}.progress i{border-radius:4px}.video-length{font-size:14px;color:var(--muted);margin-bottom:12px}.no-3d:before{content:"Dr. Buzz needs WebGL to emerge.";display:grid;place-items:center;padding-right:45%;font-size:15px;color:#ded5f4;background:none;mask-image:none}.like-status{font-size:13px;line-height:1.6}.stage.liking .thought{background:#ffcde0}.screen video{will-change:transform}@keyframes comic-boop{0%{opacity:0;transform:translateY(12px) rotate(-18deg) scale(.35)}20%{opacity:1;transform:translateY(0) rotate(-8deg) scale(1.14)}40%,70%{opacity:1;transform:rotate(-12deg) scale(1)}100%{opacity:0;transform:translateY(-20px) rotate(-5deg) scale(.95)}}@keyframes comic-next{0%{opacity:0;transform:translateY(22px) rotate(10deg) scale(.7)}30%,70%{opacity:1;transform:translateY(0) rotate(-8deg) scale(1)}100%{opacity:0;transform:translateY(-55px) rotate(-14deg)}}
@media(max-width:720px){.thought{left:6%;top:9%;padding:10px 13px}.thought strong{font-size:29px}.thought span{font-size:13px}.fly-label strong{font-size:19px}.comic-sfx{right:6%;top:24%}.comic-sfx small{max-width:145px;line-height:1.3}.scene-caption{inset:22px 20px auto;font-size:10px}.fly-label strong i{font-size:9px;margin-left:3px;padding:3px 5px}.fly-label{left:20px;bottom:22px}}
@media(max-width:420px){.thought{top:10%;max-width:43%;left:5%;padding:10px 12px}.thought strong{font-size:28px}.thought small{font-size:11px;line-height:1.4}.comic-sfx{right:5%;top:25%}.comic-sfx small{display:none}.fly-label strong i{display:none}.scroll-sfx{right:13%;font-size:42px}}
@media(prefers-reduced-motion:reduce){.stage.liking .like-pop,.stage.liking .comic-sfx,.stage.scrolling .scroll-sfx{animation:none}.stage.liking .comic-sfx{opacity:1;transform:none}.stage.scrolling video{transform:none}.screen video{transition:none}}

/* Pale observation light keeps the source model's dark shell and fine legs readable. */
.stage{background:radial-gradient(ellipse at 24% 58%,#dce8c6,#afc8b1 55%,#90b0ad);border-color:#a9c6b4}.stage:after{background:linear-gradient(90deg,transparent,#426c6255,transparent)}.stage:before{background-image:radial-gradient(#35524b18 1px,transparent 1px)}.scene-caption{color:#354d47}.fly-label strong{color:#20352f}.fly-label span{color:#3e5c51}.stage.scrolling video{transition:none}.no-3d:before{color:#273e35}