:root{--bg: #0B0B0C;--panel: #151416;--fg: #F5F3F4;--dim: #9A9498;--line: #2A282B;--accent: #FF007F;--m: clamp(16px, 2.2vw, 32px);--foot: 92px;--bar: 64px;--sans: "Inter Tight", system-ui, sans-serif;--label: "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}body{color:var(--fg);font:400 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}ul,ol{list-style:none}:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.mono{font-family:var(--label);font-weight:500;font-size:12px;line-height:1.4;letter-spacing:-.02em;text-transform:uppercase}.dim{color:var(--dim)}.bar{height:var(--bar);padding:14px var(--m) 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.bar a:hover,.foot a:hover{color:var(--accent)}.stage{padding:0 var(--m);min-height:calc(100svh - var(--bar));display:flex;flex-direction:column}.stage__top{display:flex;justify-content:space-between;align-items:flex-end;height:clamp(100px,9.8vw,150px);position:relative}.stage__title{font-weight:500;font-size:clamp(120px,12.6vw,196px);line-height:1;letter-spacing:-.045em;margin:-.14em 0 0 -.03em;padding:.14em .12em 0 0;align-self:flex-start;background:linear-gradient(var(--fg) 58%,rgb(245 243 244 / .15) 92%);-webkit-background-clip:text;background-clip:text;color:transparent;will-change:transform;animation:rise 1s cubic-bezier(.16,1,.3,1) both}.stage__meta{text-align:right;padding-bottom:12px}.stage__card{position:relative;z-index:1;flex:1;min-height:420px;border-radius:20px;overflow:hidden;background:#1a1a1a;box-shadow:0 0 0 1px var(--line);animation:lift 1.1s cubic-bezier(.16,1,.3,1) .08s both}.stage__card iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.stage__foot{flex:none;min-height:var(--foot);padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:32px}.stage__text{position:relative;padding-left:26px;font-size:clamp(16px,1.45vw,21px);line-height:1.3;max-width:44ch}.stage__text:before{content:"";position:absolute;left:0;top:.32em;width:12px;height:12px;background:var(--accent)}.stage__actions{display:flex;gap:8px;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:6px;white-space:nowrap;background:#f5f3f40f;box-shadow:inset 0 0 0 1px var(--line);transition:background .2s,color .2s}.btn:hover{background:var(--fg);color:var(--bg)}.btn--main{background:var(--accent);color:var(--bg);box-shadow:none}.btn--main:hover{background:var(--fg)}.stage__title a{color:inherit}.foot a:hover{color:var(--accent)}.head{padding:clamp(24px,3vw,48px) var(--m) 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:20px}.head__text{display:grid;gap:20px;justify-items:start}.head__title{font-weight:500;font-size:clamp(104px,14vw,220px);line-height:.9;letter-spacing:-.045em;margin-left:-.03em;padding-bottom:.16em}.head__cube{display:block;justify-self:center;width:min(100%,520px);background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 45%,transparent),transparent);transition:transform .5s cubic-bezier(.16,1,.3,1)}.head__cube:hover{transform:scale(1.03) rotate(-2deg)}.head__cube img{display:block;width:100%;height:auto}.materials{padding:clamp(64px,8vw,120px) var(--m) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px}.toc{grid-column:1 / span 3;position:sticky;top:24px;align-self:start;display:grid;gap:10px}.toc a{color:var(--dim);transition:color .2s}.toc a:hover,.toc a.is-on{color:var(--accent)}.content{grid-column:4 / span 8;display:grid;gap:clamp(72px,9vw,128px);min-width:0}.content section{scroll-margin-top:24px;min-width:0}.label{margin-bottom:14px}h2{font-weight:500;font-size:clamp(24px,2.8vw,44px);line-height:1.12;letter-spacing:-.015em;margin-bottom:clamp(28px,3vw,44px);text-wrap:balance}h3{font-weight:500;font-size:20px;line-height:1.25}.steps{counter-reset:s;display:grid}.steps li{counter-increment:s;position:relative;padding:24px 0 24px 64px;border-top:1px solid var(--line)}.steps li:before{content:"0" counter(s);position:absolute;left:0;top:27px;font:500 14px/1.4 var(--label);letter-spacing:-.02em;color:var(--accent)}.steps p{margin-top:8px;font-size:15px;color:#cfcacd;max-width:62ch}.block--line{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 16px;background:var(--panel);border-radius:8px}.block--line pre{font:400 14px/1.4 var(--label);overflow-x:auto;min-width:0}.prompt{background:var(--panel);border-radius:12px;padding:20px;margin-bottom:12px;position:relative}.prompt__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.prompt pre{font:400 14px/1.6 var(--label);color:#cfcacd;white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}.prompt.is-open pre,.prompt--open pre{max-height:none;-webkit-mask-image:none;mask-image:none}.prompt__more{margin-top:12px;color:var(--accent)}.prompt__more:hover{color:var(--fg)}.links li{border-top:1px solid var(--line)}.links li:last-child{border-bottom:1px solid var(--line)}.links a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-size:18px;transition:color .2s,padding .25s}.links a:hover{color:var(--accent);padding-left:8px}.links a[aria-disabled=true]{color:var(--dim);cursor:default;padding-left:0}.note{padding:0 var(--m) 24px;font-size:11px;color:var(--dim)}.foot{padding:clamp(72px,9vw,120px) var(--m) 12px}.foot__links{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px}.foot__links a{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;height:clamp(132px,12vw,184px);padding:18px 20px;border-radius:20px;background:var(--panel);color:var(--fg);transition:color .22s .14s}.foot__links canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.foot__links small{font:400 13px/1.3 var(--sans);letter-spacing:0;text-transform:none;color:var(--dim);transition:color .22s .14s}.foot__links b{font-weight:500;font-size:clamp(20px,2vw,30px);line-height:1.05;letter-spacing:-.025em}.foot__links i{position:absolute;top:16px;right:20px;font-style:normal;font-size:16px}.foot__links a:hover,.foot__links a:focus-visible,.foot__links a:hover small,.foot__links a:focus-visible small{color:var(--bg)}@keyframes rise{0%{transform:translateY(46%);opacity:0}}@keyframes lift{0%{transform:translateY(44px) scale(.985);opacity:0}}@media (max-width: 768px){.stage{min-height:0}.stage__top{height:88px}.stage__title{font-size:104px}.stage__card{flex:none;height:76svh;min-height:600px;border-radius:16px}.stage__foot{flex-direction:column;align-items:stretch;gap:16px}.stage__actions{display:grid;grid-template-columns:1fr}.head{grid-template-columns:1fr}.head__cube{order:-1;width:72vw}.head .stage__actions{width:100%}.materials{display:block;padding-top:48px}.toc{display:none}.bar a{padding:12px 0}.prompt__more{padding:10px 0;margin-top:2px}.foot__links{grid-auto-flow:row;gap:8px}.foot__links a{height:112px;border-radius:16px}.steps li{padding-left:44px}.prompt__head{flex-wrap:wrap}.block--line{flex-direction:column;align-items:stretch;padding:12px}.block--line pre{white-space:pre-wrap;overflow-wrap:anywhere}}@media (prefers-reduced-motion: reduce){.stage__title,.stage__card{animation:none}}