.page-module__9XLC0G__page{min-height:100vh;padding:clamp(46px,6vw,96px) var(--page-gutter) 90px;color:#fff;position:relative;overflow-x:clip}.page-module__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}.page-module__9XLC0G__hero{z-index:2;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;display:grid;position:relative}.page-module__9XLC0G__hero>div{min-width:0}.page-module__9XLC0G__hero h1{overflow-wrap:anywhere;max-width:1000px;margin:18px 0 20px}.page-module__9XLC0G__hero p{color:#ffffffa6;max-width:800px;font:19px/1.65 var(--font-instrument),sans-serif;margin:0}.page-module__9XLC0G__logo{color:#151715;width:min(220px,18vw);animation:24s linear infinite page-module__9XLC0G__helloSpin}.page-module__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}.page-module__9XLC0G__tabs{border-bottom:1px solid var(--color-line);scrollbar-width:thin;scrollbar-color:#363936 #050605;display:flex;overflow-x:auto}.page-module__9XLC0G__tabs::-webkit-scrollbar{height:5px}.page-module__9XLC0G__tabs::-webkit-scrollbar-track{background:#050605}.page-module__9XLC0G__tabs::-webkit-scrollbar-thumb{background:#363936}.page-module__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}.page-module__9XLC0G__tabs button:hover,.page-module__9XLC0G__tabs .page-module__9XLC0G__active{color:#080908;background:#fff}.page-module__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}.page-module__9XLC0G__lines{color:#ffffff29;font:13px/28px var(--font-mono);text-align:right;flex-direction:column;display:flex;position:absolute;top:36px;left:24px}.page-module__9XLC0G__lines span{height:28px;display:block}.page-module__9XLC0G__editor pre{color:#fff;min-width:max-content;font:15px/1.85 var(--font-mono);white-space:pre;margin:0}.page-module__9XLC0G__caret{color:var(--color-yellow);flex:none;animation:.7s step-end infinite page-module__9XLC0G__blink}.page-module__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}.page-module__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}.page-module__9XLC0G__runner button:hover{background:#fff;border-color:#fff;transform:translateY(-2px)}.page-module__9XLC0G__runner button span{margin-left:26px}.page-module__9XLC0G__runner small{color:#ffffff4d;font:700 10px/1 var(--font-instrument),sans-serif;text-transform:uppercase;display:block}.page-module__9XLC0G__runner strong{color:#fff;font:14px/1.45 var(--font-mono);overflow-wrap:anywhere;margin-top:9px;display:block}.page-module__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}.page-module__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}.page-module__9XLC0G__notes span{color:var(--color-yellow);font:800 11px/1 var(--font-instrument),sans-serif}.page-module__9XLC0G__notes h2{overflow-wrap:anywhere;margin:60px 0 14px;line-height:1.02}.page-module__9XLC0G__notes p{color:#ffffff8c;font:15px/1.6 var(--font-instrument),sans-serif;margin:0}.page-module__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}.page-module__9XLC0G__marqueeTrack{will-change:transform;width:max-content;animation:22s linear infinite page-module__9XLC0G__marqueeLoop;display:flex}.page-module__9XLC0G__marqueeTrack span{white-space:nowrap;flex:none;padding:16px 42px 16px 0}.page-module__9XLC0G__back{color:#fff;font:650 14px/1 var(--font-instrument),sans-serif;text-decoration:none;display:inline-block}.page-module__9XLC0G__back:hover{color:var(--color-yellow)}@keyframes page-module__9XLC0G__helloSpin{to{transform:rotate(360deg)}}@keyframes page-module__9XLC0G__blink{50%{opacity:0}}@keyframes page-module__9XLC0G__marqueeLoop{to{transform:translate(-50%)}}@media (max-width:800px){.page-module__9XLC0G__hero{grid-template-columns:1fr}.page-module__9XLC0G__logo{width:120px}.page-module__9XLC0G__runner,.page-module__9XLC0G__notes{grid-template-columns:1fr}.page-module__9XLC0G__runner button{width:100%}.page-module__9XLC0G__editor{padding-right:20px}.page-module__9XLC0G__marquee{font-size:20px}}@media (prefers-reduced-motion:reduce){.page-module__9XLC0G__logo,.page-module__9XLC0G__caret,.page-module__9XLC0G__marqueeTrack{animation:none}}.page-module__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}.page-module__9XLC0G__runOutput small{color:#ffffff57;font:700 9px/1 var(--font-instrument),sans-serif;letter-spacing:.14em;display:block}.page-module__9XLC0G__runOutput strong{color:#fff;font:700 18px/1.15 var(--font-mono);margin-top:8px;display:block}.page-module__9XLC0G__runOutput span{color:var(--color-yellow);font:700 10px/1 var(--font-instrument),sans-serif;margin-top:7px;display:block}.page-module__9XLC0G__runOutputActive{opacity:1;border-color:var(--color-yellow);animation:.9s both page-module__9XLC0G__helloOutputPulse;transform:translateY(-4px)}@keyframes page-module__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){.page-module__9XLC0G__runOutput{width:100%;margin-top:28px;position:relative;bottom:auto;right:auto}}@media (prefers-reduced-motion:reduce){.page-module__9XLC0G__runOutputActive{animation:none}}