@layer era;@layer shell{:root{--shell-ink:#15151a;--shell-paper:#f5f3ee;--shell-muted:#5c5c66;--shell-line:#d9d5cc;--shell-accent:#c2410c;--shell-font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--shell-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--shell-ink:#eeece6;--shell-paper:#121216;--shell-muted:#a3a3ad;--shell-line:#2c2c34;--shell-accent:#fb923c}}html{-webkit-text-size-adjust:100%}body{margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.shell-skip{z-index:1000;color:#000;font:600 14px/1.2 var(--shell-font);background:#fff;border:2px solid #000;padding:8px 12px;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.shell-skip:focus{transform:none}.shell-room{min-height:100dvh}main.era{display:block}main.era:focus{outline:none}.shell-highlight{outline-offset:3px!important;outline:3px dashed #f97316!important;box-shadow:0 0 0 6px #f9731640!important}.curator{z-index:950;box-sizing:border-box;background:var(--shell-paper);width:min(440px,100vw);color:var(--shell-ink);font:15px/1.55 var(--shell-font);border-left:1px solid var(--shell-line);visibility:hidden;padding:20px 24px 32px;transition:transform .22s,visibility 0s linear .22s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(105%);box-shadow:-12px 0 32px #0000002e}.curator.is-open{visibility:visible;transition:transform .22s;transform:none}.curator a{color:var(--shell-accent)}.curator :focus-visible{outline:3px solid var(--shell-accent);outline-offset:2px}.curator__head{padding-right:40px;position:relative}.curator__kicker{font:600 12px/1.3 var(--shell-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--shell-accent);margin:0}.curator h2{margin:4px 0 8px;font-size:24px;line-height:1.2}.curator h3{text-transform:uppercase;letter-spacing:.08em;color:var(--shell-muted);margin:24px 0 8px;font-size:13px}.curator__close{border:1px solid var(--shell-line);width:36px;height:36px;color:inherit;cursor:pointer;background:0 0;border-radius:50%;font-size:24px;line-height:1;position:absolute;top:0;right:0}.curator__summary{margin:0;font-size:16px}.curator__rooms{margin-top:12px;font-weight:600}.curator__context{grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;display:grid}.curator__context dt{color:var(--shell-muted)}.curator__context dd{margin:0}.curator__hint{color:var(--shell-muted);margin:0 0 8px;font-size:13px}.curator__traits{gap:4px;margin:0;padding:0;list-style:none;display:grid}.curator__traits button{text-align:left;border:1px solid var(--shell-line);width:100%;color:inherit;font:inherit;cursor:crosshair;background:0 0;border-radius:6px;padding:6px 10px}.curator__traits button:focus,.curator__traits button:hover{border-color:var(--shell-accent)}.curator__traits span{color:var(--shell-accent)}.curator__tech{padding-left:18px}.curator__snippet{margin:0 0 16px}.curator__snippet figcaption{margin-bottom:6px;font-size:13px}.curator__code pre{font:12.5px/1.5 var(--shell-mono);border-radius:8px;max-height:340px;margin:0;padding:12px;overflow-x:auto}.curator__sources{padding-left:18px;font-size:14px}.shell-dialog{border:1px solid var(--shell-line);background:var(--shell-paper);max-width:420px;color:var(--shell-ink);font:15px/1.5 var(--shell-font);border-radius:12px;padding:24px}.shell-dialog::backdrop{background:#00000080}.shell-dialog h2{margin-top:0}.shell-dialog dl{grid-template-columns:max-content 1fr;gap:8px 16px;display:grid}.shell-dialog dd{margin:0}.shell-dialog kbd{border:1px solid var(--shell-line);font:13px var(--shell-mono);border-bottom-width:2px;border-radius:4px;padding:1px 6px}.shell-button{background:var(--shell-ink);color:var(--shell-paper);font:600 14px var(--shell-font);cursor:pointer;border:0;border-radius:6px;padding:8px 16px}html.readable main.era{background:#fff!important}html.readable main.era,html.readable main.era *{color:#111!important;text-shadow:none!important;filter:none!important;opacity:1!important;background-image:none!important;transition:none!important;animation:none!important}html.readable main.era{font-size:112.5%!important}html.readable main.era a{color:#0645ad!important;text-decoration:underline!important}html.readable main.era :where(div,section,article,td,th,header,footer,nav,aside,li,pre,p,span,button,label,fieldset,table){background-color:#0000!important}html.readable main.era :where(button,input,select,textarea){background-color:#fff!important;border:2px solid #111!important}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}::view-transition-group(*){animation:none!important}::view-transition-new(*){animation:none!important}::view-transition-old(*){animation:none!important}}[data-kind=classic]{--bx:38px;--bt:38px;--bb:128px;--below:16px;--arw:4;--arh:3;--maxw:820px;--depth:.9;--case:#e3dbc6;--radius:18px;--screen-radius:12px;--btn-bg:#efe8d6;--btn-fg:#3b3428;--wall-a:#5b4835;--wall-b:#1c1611}[data-kind=crt]{--bx:40px;--bt:36px;--bb:60px;--below:50px;--arw:4;--arh:3;--maxw:1024px;--depth:.3;--case:#d8d2c1;--radius:12px;--screen-radius:22px / 18px;--btn-bg:#e9e4d6;--btn-fg:#35322a;--wall-a:#4c5257;--wall-b:#17191b}[data-kind=lcd]{--bx:16px;--bt:16px;--bb:30px;--below:84px;--arw:16;--arh:10;--maxw:1480px;--depth:.04;--case:#2a2c31;--radius:10px;--screen-radius:2px;--btn-bg:#3b3e45;--btn-fg:#eceef2;--wall-a:#34404f;--wall-b:#0f1319}[data-kind=phone]{--bx:11px;--bt:13px;--bb:13px;--below:60px;--arw:9;--arh:19.5;--maxw:460px;--depth:.075;--case:#141417;--radius:50px;--screen-radius:40px;--btn-bg:#ffffff1a;--btn-fg:#f2f2f4;--wall-a:#3d4150;--wall-b:#0c0d11}[data-kind]{--mt:14px;--mb:10px;--mx:16px;--avail-h:calc(100dvh - var(--bt) - var(--bb) - var(--below) - var(--mt) - var(--mb));--avail-w:calc(100vw - var(--bx)*2 - var(--mx)*2);--sh:min(var(--avail-h), var(--avail-w) * var(--arh) / var(--arw), var(--maxw) * var(--arh) / var(--arw));--sw:calc(var(--sh)*var(--arw)/var(--arh));--W:calc(var(--sw) + var(--bx)*2);--H:calc(var(--sh) + var(--bt) + var(--bb));--rig-h:calc(var(--H) + var(--below));--D:calc(var(--W)*var(--depth))}@media (height<=560px),(width<=700px){[data-kind]{--mt:0px;--mb:0px;--mx:0px;--below:0px;--bx:7px;--bt:7px;--bb:46px;--sw:var(--avail-w);--sh:var(--avail-h)}[data-kind=phone]{--radius:22px;--screen-radius:16px}[data-kind=classic],[data-kind=crt]{--screen-radius:10px}}html:has(.stage){overflow:hidden}.stage{perspective:2400px;perspective-origin:50%;background:radial-gradient(ellipse 80% 70% at 50% 38%,var(--wall-a),var(--wall-b));--desk-y:calc(50dvh + var(--rig-h)/2);--cm:7px;color-scheme:normal;transition:--wall-a 1.2s,--wall-b 1.2s;position:fixed;inset:0;overflow:hidden}.stage__camera{transform-origin:50vw var(--desk-y);inset:0}.desk,.stage__camera{transform-style:preserve-3d;position:absolute}.desk{width:500vw;left:-200vw;top:var(--desk-y);pointer-events:none;height:0}.desk__top{height:calc(var(--cm)*110);transform-origin:50% 0;transform:translateZ(calc(var(--cm)*-70)) rotateX(90deg);background:radial-gradient(18% 30% at 50% 62%,#00000059,#0000 70%),repeating-linear-gradient(90deg,#ffffff06 0 3px,#0000 0 11px),linear-gradient(#5d4532,#7a5a3f 70%,#8a6747)}.desk__front,.desk__top{position:absolute;inset:0 0 auto}.desk__front{height:calc(var(--cm)*80);transform:translateZ(calc(var(--cm)*40));background:linear-gradient(#a07a55 0 calc(var(--cm)*3),#3e2c1e calc(var(--cm)*3),#22180f)}.rig{left:calc(50vw - var(--W)/2);top:calc(var(--desk-y) - var(--rig-h));width:var(--W);height:var(--rig-h);transform-origin:50% 100%}.rig,.rig__model{transform-style:preserve-3d;position:absolute}.rig__model{pointer-events:none;inset:0}.rig__front{width:var(--W);height:var(--H);border-radius:var(--radius);background:linear-gradient(180deg,#ffffff24,transparent 30%,#00000014),var(--case);position:absolute;top:0;left:0;box-shadow:inset 0 1px #ffffff59,inset 0 -2px #0000002e}.rig__screen{left:var(--bx);top:var(--bt);width:var(--sw);height:var(--sh);border-radius:var(--screen-radius);contain:layout paint;isolation:isolate;background:#000;position:absolute;overflow:hidden;box-shadow:0 0 0 2px #00000059;container:screen/size}.rig__scroll{z-index:0;overscroll-behavior:contain;position:absolute;inset:0;overflow:auto}.rig__glass,.rig__power{z-index:1;pointer-events:none;border-radius:inherit;position:absolute;inset:0}.rig__power{opacity:0;background:#050505}.rig--ghost .rig__power{opacity:1}[data-kind=classic] .rig__glass,[data-kind=crt] .rig__glass{-webkit-backdrop-filter:blur(.35px)saturate(1.12)brightness(1.04);backdrop-filter:blur(.35px)saturate(1.12)brightness(1.04);box-shadow:inset 0 0 calc(var(--sw)*.06) #0000008c,inset 0 0 2px 1px #0009;background:linear-gradient(160deg,#ffffff12,#0000 38%),radial-gradient(75% 70%,#0000 62%,#00000052);animation:.5s ease-in-out infinite alternate crt-hum}[data-kind=classic] .rig__glass:after,[data-kind=classic] .rig__glass:before,[data-kind=crt] .rig__glass:after,[data-kind=crt] .rig__glass:before{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}[data-kind=classic] .rig__glass:before,[data-kind=crt] .rig__glass:before{background:repeating-linear-gradient(#0000 0 1.5px,#00000038 0 3px),repeating-linear-gradient(90deg,#ff28280f 0 1px,#28ff280f 0 2px,#2850ff0f 0 3px)}[data-kind=classic] .rig__glass:before{background:repeating-linear-gradient(#0000 0 1px,#00000029 0 2px)}[data-kind=classic] .rig__glass:after,[data-kind=crt] .rig__glass:after{background:linear-gradient(#0000,#ffffff09 45%,#ffffff0d 50%,#0000) 0 0/100% 22% no-repeat;animation:7s linear infinite crt-roll}@keyframes crt-hum{to{opacity:.94}}@keyframes crt-roll{0%{background-position:0 -30%}to{background-position:0 130%}}@media (prefers-reduced-motion:reduce){.rig__glass,.rig__glass:after{animation:none!important}}[data-kind=lcd] .rig__glass{background:linear-gradient(115deg,#ffffff0d,#0000 30%)}html.readable .rig__glass{display:none}.rig__chin{height:var(--bb);pointer-events:none;position:absolute;inset:auto 0 0}.rig__brand{left:calc(var(--bx) + 4px);font:700 11px/1 var(--shell-font);letter-spacing:.32em;color:color-mix(in srgb,var(--case),#000 38%);text-shadow:0 1px #ffffff59;position:absolute;top:50%;translate:0 -50%}[data-kind=lcd] .rig__brand{color:#8d9099;text-shadow:none;font-size:9px;left:50%;translate:-50% -50%}[data-kind=classic] .rig__brand{top:38px}.rig__led{right:calc(var(--bx) + 2px);background:#48e06a;border-radius:50%;width:7px;height:7px;margin-top:-3.5px;position:absolute;top:50%;box-shadow:0 0 6px #48e06a}[data-kind=lcd] .rig__led{background:#5aa7ff;width:5px;height:5px;box-shadow:0 0 6px #5aa7ff}.rig--ghost .rig__led,.rig.is-unplugged .rig__led{box-shadow:none;background:#3a3a33}.rig__floppy{right:calc(var(--bx) + 40px);background:#2d2a24;border-radius:3px;width:120px;height:10px;position:absolute;top:30px;box-shadow:0 1px #ffffff80,inset 0 2px 2px #0009}.box{transform-style:preserve-3d;width:var(--bw);height:var(--bh);left:var(--bl,0);top:var(--btp,0);transform:translateZ(var(--bz,0));--face:var(--case)}.box,.box__f{display:block;position:absolute}.box__f{background:var(--face)}.box__f--front{inset:0}.box__f--back{transform:translateZ(calc(var(--bd)*-1)) rotateY(180deg);background:color-mix(in srgb,var(--face),#000 42%);inset:0}.box__f--left{transform-origin:0;background:color-mix(in srgb,var(--face),#000 22%);left:0;transform:rotateY(90deg)}.box__f--left,.box__f--right{width:var(--bd);height:100%;top:0}.box__f--right{transform-origin:100%;background:color-mix(in srgb,var(--face),#000 32%);right:0;transform:rotateY(-90deg)}.box__f--top{transform-origin:50% 0;background:color-mix(in srgb,var(--face),#fff 10%);top:0;transform:rotateX(-90deg)}.box__f--bottom,.box__f--top{width:100%;height:var(--bd);left:0}.box__f--bottom{transform-origin:50% 100%;background:color-mix(in srgb,var(--face),#000 55%);bottom:0;transform:rotateX(90deg)}.box--case{--bw:var(--W);--bh:var(--H);--bd:var(--D)}.box--case .box__f--back{border-radius:var(--radius)}.box--case .box__f--left,.box--case .box__f--right{top:var(--radius);height:calc(100% - var(--radius)*2)}.box--case .box__f--bottom,.box--case .box__f--top{left:var(--radius);width:calc(100% - var(--radius)*2)}.stage:not(.is-travelling) .rig:not(.rig--held) :is(.box--case,.box--tube){visibility:hidden}.box--tube{--bw:calc(var(--W)*.7);--bh:calc(var(--H)*.72);--bl:calc(var(--W)*.15);--btp:calc(var(--H)*.1);--bz:calc(var(--D)*-1);--bd:calc(var(--W)*.42);--face:color-mix(in srgb, var(--case), #000 8%)}.box--foot{--bw:calc(var(--W)*.92);--bh:var(--below);--bl:calc(var(--W)*.04);--btp:var(--H);--bz:calc(var(--W)*-.04);--bd:calc(var(--D)*.86);--face:color-mix(in srgb, var(--case), #000 12%)}[data-kind=crt] .box--foot{--bw:calc(var(--W)*.44);--bl:calc(var(--W)*.28);--bz:calc(var(--W)*-.1);--bd:calc(var(--W)*.42)}[data-kind=lcd] .box--foot{--bw:calc(var(--W)*.34);--bh:12px;--bl:calc(var(--W)*.33);--btp:calc(var(--H) + var(--below) - 12px);--bz:calc(var(--W)*-.01);--bd:calc(var(--W)*.2);--face:#b9bcc3}.box--neck{--bw:calc(var(--W)*.09);--bh:calc(var(--H)*.4 + var(--below) - 12px);--bl:calc(var(--W)*.455);--btp:calc(var(--H)*.6);--bz:calc(var(--D)*-1 - 6px);--bd:16px;--face:#a9adb5}.rig__cable{width:24%;height:34%;transform:translateZ(calc(var(--D)*-.75));transform-origin:0 0;border-top:5px solid #2a2a2a;border-bottom:0;border-left:0;border-right:5px solid #2a2a2a;border-radius:0 100% 0 0;display:block;position:absolute;top:66%;left:80%}[data-kind=classic] .rig__cable{top:72%}.rig__hand{width:150%;left:-25%;top:calc(var(--H) - var(--W)*.6);height:auto;position:absolute;overflow:visible}.rig__hand-skin{fill:#c98f66}.rig__hand-shade{fill:#b47b55}.rig__hand-sleeve{fill:#2a4364}.rig__screen:before{content:none}@media (height<=560px),(width<=700px){.box--foot,.box--neck,.rig__brand,.rig__cable,.rig__floppy,.rig__hand{display:none!important}}.rig__controls{right:calc(var(--bx) + 22px);height:var(--bb);align-items:center;gap:8px;display:flex;position:absolute;bottom:0}[data-kind=classic] .rig__controls{right:auto;left:calc(var(--bx) + 2px);height:auto;bottom:26px}.hw-btn{box-sizing:border-box;background:var(--btn-bg);min-width:34px;height:28px;color:var(--btn-fg);font:700 11px/1 var(--shell-font);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:0;border-radius:6px;place-items:center;padding:0 10px;text-decoration:none;display:inline-grid;box-shadow:inset 0 -2px #00000038,0 1px #ffffff59}.hw-btn:hover{filter:brightness(1.06)}.hw-btn:active{translate:0 1px;box-shadow:inset 0 1px 2px #0000004d}.hw-btn[aria-expanded=true],.hw-btn[aria-pressed=true]{color:#1b1406;background:#f59e0b}.hw-btn:focus-visible{outline-offset:2px;outline:3px solid #f59e0b}[data-kind=phone] .hw-btn{box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff38}@media (width>=701px) and (height>=561px){[data-kind=phone] .rig__controls{flex-direction:column;align-items:stretch;height:auto;inset:50% auto auto calc(100% + 28px);translate:0 -50%}}.stage main.era{box-sizing:border-box;min-height:100%;padding-bottom:0;display:flow-root}.stage__skip{z-index:20;color:#fff;font:600 13px/1 var(--shell-font);cursor:pointer;background:#0000008c;border:1px solid #fff6;border-radius:999px;padding:8px 14px;position:absolute;top:16px;right:16px}.stage__skip:focus-visible{outline-offset:2px;outline:3px solid #f59e0b}.stage.is-travelling .rig__scroll,.stage__probe{pointer-events:none}.stage__probe{width:var(--W);height:var(--rig-h);visibility:hidden;position:absolute;top:0;left:0}.rig--held{left:calc(var(--hold-x) - var(--W)/2);top:calc(var(--hold-y) - var(--rig-h));transform:translateZ(0)scale3d(.1,.1,.1)}.mover--front{transform:translate(200vw)}.lost{text-align:center;color:#fff;min-height:100dvh;font:16px/1.5 var(--shell-mono);background:#00a;place-content:center;padding:24px;display:grid}.lost pre{color:#ff5}.lost a{color:#5ff}}@view-transition{navigation:auto}@property --wall-a{syntax:"<color>";inherits:true;initial-value:#2a2d33}@property --wall-b{syntax:"<color>";inherits:true;initial-value:#0e1013}.stage.is-morphing .rig__screen{view-transition-name:era-screen}::view-transition-group(*){animation-duration:.9s;animation-timing-function:cubic-bezier(.65,0,.25,1)}::view-transition-old(era-screen){animation:.65s cubic-bezier(.4,0,1,1) both stage-dissolve-out}::view-transition-new(era-screen){animation:.85s cubic-bezier(0,0,.2,1) .18s both stage-dissolve-in}@keyframes stage-dissolve-out{to{opacity:0;filter:blur(6px)saturate(.3);transform:scale(.985)}}@keyframes stage-dissolve-in{0%{opacity:0;filter:blur(8px)saturate(1.8);transform:scale(1.015)}}.stage.is-booting .rig__power{opacity:1}.stage.is-booting .rig__screen{view-transition-name:era-screen}html.is-intro::view-transition-group(era-screen){animation-duration:1.5s;animation-timing-function:cubic-bezier(.7,0,.2,1)}html.is-intro::view-transition-old(era-screen){animation:1.5s linear both intro-title-out}html.is-intro::view-transition-new(era-screen){animation:1.5s linear both intro-screen-in}html.is-intro::view-transition-old(root){animation:none}html.is-intro::view-transition-new(root){transform-origin:var(--intro-o,50% 50%);animation:1.5s cubic-bezier(.7,0,.2,1) both intro-room}@keyframes intro-title-out{0%,30%{opacity:1}36%,to{opacity:0}}@keyframes intro-screen-in{0%,8%{opacity:0}30%,to{opacity:1}}@keyframes intro-room{0%{transform:var(--intro-t,scale(2));opacity:0}30%{opacity:1}to{opacity:1;transform:none}}