._9XLC0G_page{min-height:100vh;padding:clamp(46px,6vw,96px) var(--page-gutter) 90px;color:#fff;position:relative;overflow-x:clip}._9XLC0G_page:before{content:"HELLO WORLD";color:#ffffff06;font:800 clamp(90px,18vw,300px)/.8 var(--font-instrument),sans-serif;letter-spacing:-.08em;pointer-events:none;position:absolute;top:4vh;right:-3vw}._9XLC0G_hero{z-index:2;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;display:grid;position:relative}._9XLC0G_hero>div{min-width:0}._9XLC0G_hero h1{overflow-wrap:anywhere;max-width:1000px;margin:18px 0 20px}._9XLC0G_hero p{color:#ffffffa6;max-width:800px;font:19px/1.65 var(--font-instrument),sans-serif;margin:0}._9XLC0G_logo{color:#151715;width:min(220px,18vw);animation:24s linear infinite _9XLC0G_helloSpin}._9XLC0G_toy{z-index:2;border:1px solid var(--color-line);background:#050605;min-width:0;margin:64px 0;position:relative;box-shadow:0 34px 110px #00000073}._9XLC0G_tabs{border-bottom:1px solid var(--color-line);scrollbar-width:thin;scrollbar-color:#363936 #050605;display:flex;overflow-x:auto}._9XLC0G_tabs::-webkit-scrollbar{height:5px}._9XLC0G_tabs::-webkit-scrollbar-track{background:#050605}._9XLC0G_tabs::-webkit-scrollbar-thumb{background:#363936}._9XLC0G_tabs button{border:0;border-right:1px solid var(--color-line);color:#ffffff73;min-height:46px;font:700 11px/1 var(--font-instrument),sans-serif;text-transform:uppercase;cursor:pointer;background:0 0;flex:none;padding:0 16px}._9XLC0G_tabs button:hover,._9XLC0G_tabs ._9XLC0G_active{color:#080908;background:#fff}._9XLC0G_editor{background:repeating-linear-gradient(0deg,#0000 0 27px,#ffffff05 27px 28px);align-items:flex-start;min-height:300px;padding:36px 36px 36px 82px;display:flex;position:relative;overflow:auto}._9XLC0G_lines{color:#ffffff29;font:13px/28px var(--font-mono);text-align:right;flex-direction:column;display:flex;position:absolute;top:36px;left:24px}._9XLC0G_lines span{height:28px;display:block}._9XLC0G_editor pre{color:#fff;min-width:max-content;font:15px/1.85 var(--font-mono);white-space:pre;margin:0}._9XLC0G_caret{color:var(--color-yellow);flex:none;animation:.7s step-end infinite _9XLC0G_blink}._9XLC0G_runner{border-top:1px solid var(--color-line);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;min-height:110px;padding:18px;display:grid}._9XLC0G_runner button{border:1px solid var(--color-yellow);background:var(--color-yellow);color:#080908;min-height:54px;font:800 12px/1 var(--font-instrument),sans-serif;letter-spacing:.08em;cursor:pointer;padding:0 18px;transition:all .2s}._9XLC0G_runner button:hover{background:#fff;border-color:#fff;transform:translateY(-2px)}._9XLC0G_runner button span{margin-left:26px}._9XLC0G_runner small{color:#ffffff4d;font:700 10px/1 var(--font-instrument),sans-serif;text-transform:uppercase;display:block}._9XLC0G_runner strong{color:#fff;font:14px/1.45 var(--font-mono);overflow-wrap:anywhere;margin-top:9px;display:block}._9XLC0G_notes{border-top:1px solid var(--color-line);border-left:1px solid var(--color-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}._9XLC0G_notes article{border-right:1px solid var(--color-line);border-bottom:1px solid var(--color-line);min-width:0;min-height:260px;padding:26px}._9XLC0G_notes span{color:var(--color-yellow);font:800 11px/1 var(--font-instrument),sans-serif}._9XLC0G_notes h2{overflow-wrap:anywhere;margin:60px 0 14px;line-height:1.02}._9XLC0G_notes p{color:#ffffff8c;font:15px/1.6 var(--font-instrument),sans-serif;margin:0}._9XLC0G_marquee{width:calc(100% + (var(--page-gutter) * 2));margin:55px calc(var(--page-gutter)*-1) 30px;border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);color:#ffffff29;font:800 26px/1 var(--font-instrument),sans-serif;letter-spacing:.18em;overflow:hidden}._9XLC0G_marqueeTrack{will-change:transform;width:max-content;animation:22s linear infinite _9XLC0G_marqueeLoop;display:flex}._9XLC0G_marqueeTrack span{white-space:nowrap;flex:none;padding:16px 42px 16px 0}._9XLC0G_back{color:#fff;font:650 14px/1 var(--font-instrument),sans-serif;text-decoration:none;display:inline-block}._9XLC0G_back:hover{color:var(--color-yellow)}@keyframes _9XLC0G_helloSpin{to{transform:rotate(360deg)}}@keyframes _9XLC0G_blink{50%{opacity:0}}@keyframes _9XLC0G_marqueeLoop{to{transform:translate(-50%)}}@media (max-width:800px){._9XLC0G_hero{grid-template-columns:1fr}._9XLC0G_logo{width:120px}._9XLC0G_runner,._9XLC0G_notes{grid-template-columns:1fr}._9XLC0G_runner button{width:100%}._9XLC0G_editor{padding-right:20px}._9XLC0G_marquee{font-size:20px}}@media (prefers-reduced-motion:reduce){._9XLC0G_logo,._9XLC0G_caret,._9XLC0G_marqueeTrack{animation:none}}._9XLC0G_runOutput{z-index:4;opacity:.74;pointer-events:none;background:#050605f0;border:1px solid #ffc00057;width:min(300px,100% - 48px);padding:14px 16px;transition:opacity .25s,transform .25s,border-color .25s;position:absolute;bottom:22px;right:24px;transform:translateY(0);box-shadow:0 16px 60px #00000061}._9XLC0G_runOutput small{color:#ffffff57;font:700 9px/1 var(--font-instrument),sans-serif;letter-spacing:.14em;display:block}._9XLC0G_runOutput strong{color:#fff;font:700 18px/1.15 var(--font-mono);margin-top:8px;display:block}._9XLC0G_runOutput span{color:var(--color-yellow);font:700 10px/1 var(--font-instrument),sans-serif;margin-top:7px;display:block}._9XLC0G_runOutputActive{opacity:1;border-color:var(--color-yellow);animation:.9s both _9XLC0G_helloOutputPulse;transform:translateY(-4px)}@keyframes _9XLC0G_helloOutputPulse{0%{box-shadow:0 0 #ffc00000}35%{box-shadow:0 0 34px #ffc00024}to{box-shadow:0 16px 60px #00000061}}@media (max-width:800px){._9XLC0G_runOutput{width:100%;margin-top:28px;position:relative;bottom:auto;right:auto}}@media (prefers-reduced-motion:reduce){._9XLC0G_runOutputActive{animation:none}}