@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;600&family=Roboto:wght@300;400;700&display=swap";body{margin:0;height:100vh;overflow:hidden;perspective:1000px;background-color:#050505;color:#f4f4ee;font-family:Roboto,monospace}main{position:relative;height:calc(100vh - 72px);width:calc(100vw - 72px);overflow:hidden;padding:37px 0 0 37px;background:#050505}.layers-container{position:relative;width:100%;height:100%;transition:transform .5s ease-out}.layers-container.side-view{transform:translate(-30%) translateY(-20%) rotateY(-45deg) rotateX(15deg) scale(.6);transform-origin:center center}.centered-div{width:100%;height:100%;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;position:absolute;top:0;left:0;transition:transform .5s ease-out,opacity .5s ease-out;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:transparent;color:#f4f4ee;overflow:hidden}.stack-next-overlay{position:absolute;top:37px;right:0;bottom:0;left:37px;z-index:20;display:flex;align-items:center;justify-content:center;pointer-events:none}.stack-next-button{background-color:#050505;border:1px solid rgba(244,244,238,.65);color:#f4f4ee;cursor:pointer;font-family:inherit;font-size:12px;padding:8px 24px;pointer-events:auto;transition:background-color .2s,color .2s}.stack-next-button:hover,.stack-next-button:focus-visible,main.stack-next-hovered .stack-next-button{background-color:#f4f4ee;color:#050505}.side-view .centered-div{border:1px solid rgba(244,244,238,.42)}.side-view .centered-div.layer-clickable{cursor:pointer}.side-view .centered-div.layer-first-visible{background-color:#0000ee1f}main.exploded-layer-hovered,main.exploded-layer-hovered *{cursor:pointer}.side-view .centered-div.layer-hovered{background-color:#ffffff14}.layer-1{background-color:transparent}.weather-card{background:linear-gradient(135deg,#6dd5ed,#2193b0);border-radius:10px;padding:20px;box-shadow:0 4px 6px #0000001a;color:#fff;max-width:300px;width:100%;font-family:Roboto,monospace}.weather-card h2{margin-top:0;font-size:1.5em;font-weight:500}.weather-info{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.weather-card .temperature{font-size:3em;font-weight:700;margin:0}.weather-card .description{font-size:1.2em;margin:0;font-weight:300}.weather-card .details{display:flex;justify-content:space-between;margin-top:20px;font-size:.9em;font-weight:400}pre{text-align:left;white-space:pre-wrap;word-wrap:break-word;max-width:100%;max-height:100%;overflow:auto;font-size:.9em;background-color:transparent;color:inherit;padding:20px;border-radius:0;box-shadow:none}.layer-4>div{font-family:initial}.layer-1 pre,.layer-2 pre,.layer-3 pre{font-family:Roboto,monospace;font-size:.9em}.top-bar{position:fixed;top:0;left:0;right:0;height:36px;padding:0 36px;background-color:#050505;color:#f4f4ee;display:flex;justify-content:space-between;align-items:center;z-index:1000;font-size:12px;border-bottom:solid 1px rgba(244,244,238,.45)}.logo,.instructions,.layer-toggles button,.spacebar-button{font-family:inherit;font-size:12px}.controls{display:flex;align-items:center;justify-content:space-between;flex-grow:1;gap:6px;width:100%}.instructions{white-space:nowrap}.desktop-primary-controls{display:flex;align-items:center;gap:6px}.layer-toggles{display:flex;align-items:center;flex-shrink:0}.layer-toggles button{background-color:#050505;border:solid 1px rgba(244,244,238,.55);color:#f4f4ee;margin:0 2px;padding:2px 5px;cursor:pointer}.layer-toggles button.active{background-color:#f4f4ee;border:solid 1px #f4f4ee;color:#050505}.spacebar-button{background-color:#050505;border:solid 1px rgba(244,244,238,.55);color:#f4f4ee;padding:2px 5px;cursor:pointer;font-size:12px;white-space:nowrap;margin-left:4px}.spacebar-button:hover{background-color:#f4f4ee;border:solid 1px #f4f4ee;color:#050505}.desktop-stack-tabs{display:flex;align-items:center;gap:6px;margin-left:auto}.desktop-stack-tabs button{min-width:58px;height:auto;border:1px solid rgba(244,244,238,.65);background:#050505;color:#f4f4ee;font:inherit;font-size:12px;padding:2px 5px;cursor:pointer}.desktop-stack-tabs button.active,.desktop-stack-tabs button:hover{background:#f4f4ee;color:#050505}.toggle-text{margin-right:4px}.small-screen-message{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;color:#fff;display:flex;justify-content:center;align-items:center;text-align:center;padding:20px;z-index:2000;font-size:18px}.blink-flash{position:fixed;top:36px;right:36px;bottom:36px;left:36px;z-index:2500;pointer-events:none;background-color:#fff;opacity:0;transition:opacity 90ms linear}.blink-flash.active{opacity:1}.transcript-layer{max-width:min(620px,calc(100vw - 56px));max-height:100%;overflow:auto;font-family:Courier New,Courier,monospace;font-size:.82em;line-height:1.95;text-align:left;white-space:pre-wrap;color:#f4f4ee}.skin-final-layer{max-width:min(480px,calc(100vw - 56px));margin:0;padding:20px;font-size:.7em;line-height:1.6;text-align:justify}.skin-return-link{color:#5f8cff;text-decoration:underline}.skin-return-link:visited{color:#b279ff}.skin-return-link:hover,.skin-return-link:focus-visible{color:#b279ff}.skin-final-click-layer{pointer-events:auto}main.skin-return-hovered,main.skin-return-hovered *,main.stack-next-hovered,main.stack-next-hovered *{cursor:pointer}.mobile-control-dock{display:none}@media (max-width: 768px){main{height:calc(100dvh - 136px);width:100vw;padding:0;overflow:hidden}.blink-flash{top:0;right:0;bottom:136px;left:0}.desktop-stack-tabs,.top-bar,.bottom-bar,.left-bar,.right-bar{display:none}.layers-container.side-view{transform:rotateX(3deg) rotateY(-52deg) translate(-34%) translateY(2%) scale(.42)!important;transform-origin:center center}.centered-div{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.weather-card{max-width:250px}pre{font-size:.72em;padding:14px;max-height:calc(100dvh - 156px)}.animated-layer-8{max-width:calc(100vw - 56px);padding:14px}.onboarding-overlay{padding:18px;box-sizing:border-box;align-items:flex-start}.onboarding-modal{max-width:calc(100vw - 36px);max-height:calc(100dvh - 36px);padding:28px 22px}.onboarding-title{font-size:18px;margin-bottom:14px}.cover-byline{margin-bottom:14px}.cover-image{width:min(420px,100%);margin-bottom:14px}.cover-quote{max-width:min(390px,100%);margin-bottom:18px}.cover-quote p{font-size:11px;line-height:1.45;margin-bottom:10px}.cover-quote figcaption{font-size:10px;line-height:1.4}.onboarding-instructions p{font-size:12px;line-height:1.45}.onboarding-intro-copy{margin-bottom:18px}.onboarding-intro-copy p{font-size:12px;line-height:1.5;margin-bottom:12px}.onboarding-intro-instructions{margin-bottom:20px;padding-top:12px}.onboarding-intro-instructions h2{margin-bottom:8px;font-size:11px}.onboarding-intro-instructions p{font-size:12px;line-height:1.4;margin-bottom:6px}.onboarding-close-button{padding:7px 18px}.onboarding-intro-copy{margin-bottom:20px}.onboarding-intro-copy p{font-size:13px;line-height:1.62;margin-bottom:14px}.onboarding-intro-instructions{margin-bottom:24px;padding-top:14px}.onboarding-intro-instructions p{font-size:13px}.mobile-control-dock{position:fixed;left:0;right:0;bottom:0;z-index:1800;display:flex;flex-direction:column;gap:10px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));box-sizing:border-box;background:#050505f5;border-top:1px solid rgba(244,244,238,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-depth-control{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.mobile-depth-control label{font-size:11px;color:#f4f4eeb8;text-transform:uppercase}.mobile-depth-control input[type=range]{width:100%;accent-color:#f4f4ee}.mobile-explode-button,.mobile-stack-tabs button{min-height:34px;border:1px solid rgba(244,244,238,.55);border-radius:0;background:#050505;color:#f4f4ee;font:inherit;font-size:12px}.mobile-explode-button.active,.mobile-stack-tabs button.active{background:#f4f4ee;color:#050505}.mobile-stack-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.mobile-stack-tabs button{padding:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attribution{bottom:10px;right:10px;font-size:8px}}@media (max-height: 760px){.onboarding-modal{padding:24px 36px}.onboarding-title{font-size:18px;margin-bottom:12px}.cover-byline,.cover-image{margin-bottom:12px}.cover-image{width:min(440px,100%)}.cover-quote{margin-bottom:16px}.cover-quote p,.onboarding-intro-copy p{font-size:11px;line-height:1.42;margin-bottom:10px}.cover-quote figcaption{font-size:10px;line-height:1.35}.onboarding-intro-copy{margin-bottom:16px}.onboarding-intro-instructions{margin-bottom:18px;padding-top:12px}}@media (max-width: 420px){.mobile-stack-tabs{gap:4px}.mobile-stack-tabs button{font-size:11px}}.attribution{position:fixed;bottom:46px;right:46px;font-size:10px;color:#888;z-index:1000;font-family:inherit}.attribution a{color:inherit;text-decoration:none}.attribution a:hover{text-decoration:underline}.frame-bar{position:fixed;background-color:#050505;z-index:1000;color:#f4f4ee}.bottom-bar{bottom:0;left:36px;right:36px;height:36px;box-sizing:border-box;border-top:solid 1px rgba(244,244,238,.45);display:flex;align-items:center;justify-content:flex-end;padding:0}.left-bar{top:36px;left:0;bottom:36px;width:36px;border-right:solid 1px rgba(244,244,238,.45)}.right-bar{top:36px;right:0;bottom:36px;width:36px;border-left:solid 1px rgba(244,244,238,.45)}.layer-tooltip{position:fixed;background-color:#050505;border:solid 1px rgba(244,244,238,.55);color:#f4f4ee;padding:2px 5px;font-size:12px;white-space:nowrap;pointer-events:none;z-index:2000;font-family:inherit}.animated-layer-8{font-family:Roboto,monospace;font-size:.7em;max-width:480px;line-height:1.6;text-align:justify;padding:20px;-webkit-hyphens:auto;hyphens:auto}.animated-layer-8 .segment{opacity:0;transition:opacity .8s ease-in-out}.animated-layer-8 .segment.visible{opacity:1}.animated-layer-8 .emphasis-group{display:inline}.animated-layer-8 .emphasis{font-weight:700;position:relative}.animated-layer-8 .pipe-delimiter{opacity:.3;margin:0 .15em;font-weight:400;animation:pipe-flicker 2s ease-in-out infinite}.animated-layer-8 .flicker-a{animation:emphasis-a 3s ease-in-out infinite}.animated-layer-8 .flicker-b{animation:emphasis-b 3s ease-in-out infinite}.animated-layer-8 .pulse-dont{color:inherit;animation:pulse-warning 2.5s ease-in-out infinite}.animated-layer-8 .pulse-action{animation:pulse-action 2.5s ease-in-out infinite;animation-delay:1.25s}.animated-layer-8 .final-action{animation:pulse-final 4s ease-in-out infinite}@keyframes emphasis-a{0%,to{opacity:1}50%{opacity:.3}}@keyframes emphasis-b{0%,to{opacity:.3}50%{opacity:1}}@keyframes pipe-flicker{0%,to{opacity:.2}25%{opacity:.8}50%{opacity:.1}75%{opacity:.6}}@keyframes pulse-warning{0%,to{opacity:1;text-shadow:none}50%{opacity:.4;text-shadow:0 0 8px rgba(244,244,238,.55)}}@keyframes pulse-action{0%,to{opacity:.4}50%{opacity:1}}@keyframes pulse-final{0%,70%,to{opacity:.5;letter-spacing:normal}35%{opacity:1;letter-spacing:.05em}}.staircase-container{display:flex;flex-direction:column;align-items:flex-start;margin-top:1.5em;opacity:0;transition:opacity .8s ease-in-out}.staircase-container.visible{opacity:1}.stair-step{transition:opacity .5s ease-out,transform .5s ease-out}.stair-step .emphasis{font-weight:700}.full-opacity{opacity:1}.step-1{transform:translate(0);opacity:1}.step-2{transform:translate(30px);margin-top:4px;opacity:.75}.step-3{transform:translate(60px);margin-top:4px;opacity:.5}.step-4{transform:translate(90px);margin-top:4px;opacity:.3}.staircase-container.visible .step-1{animation:stair-fade-in-1 .4s ease-out forwards}.staircase-container.visible .step-2{animation:stair-fade-in-2 .4s ease-out .2s forwards;opacity:0}.staircase-container.visible .step-3{animation:stair-fade-in-3 .4s ease-out .4s forwards;opacity:0}.staircase-container.visible .step-4{animation:stair-fade-in-4 .4s ease-out .6s forwards;opacity:0}@keyframes stair-fade-in-1{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes stair-fade-in-2{0%{opacity:0;transform:translate(20px)}to{opacity:.7;transform:translate(30px)}}@keyframes stair-fade-in-3{0%{opacity:0;transform:translate(50px)}to{opacity:.45;transform:translate(60px)}}@keyframes stair-fade-in-4{0%{opacity:0;transform:translate(80px)}to{opacity:.25;transform:translate(90px)}}.stair-step.full-opacity{opacity:1!important}.staircase-container.visible .step-1.full-opacity{animation:stair-fade-in-full-1 .4s ease-out forwards}.staircase-container.visible .step-2.full-opacity{animation:stair-fade-in-full-2 .4s ease-out .2s forwards}.staircase-container.visible .step-3.full-opacity{animation:stair-fade-in-full-3 .4s ease-out .4s forwards}.staircase-container.visible .step-4.full-opacity{animation:stair-fade-in-full-4 .4s ease-out .6s forwards}@keyframes stair-fade-in-full-1{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes stair-fade-in-full-2{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(30px)}}@keyframes stair-fade-in-full-3{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(60px)}}@keyframes stair-fade-in-full-4{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(90px)}}.animated-layer-8-v2{font-family:Roboto,monospace;font-size:.7em;max-width:600px;line-height:1.8;text-align:left;padding:20px;display:flex;flex-direction:column;align-items:center}.animated-layer-8-v2 .segment-v2{opacity:0;transition:opacity .8s ease-in-out;margin-bottom:1em}.animated-layer-8-v2 .segment-v2.visible{opacity:1}.animated-layer-8-v2 .pipe-delimiter-v2{opacity:.3;margin:0 .15em}.sublayer-stack{position:relative;height:120px;width:100%;margin-top:2em;opacity:0;transition:opacity 1s ease-in-out;perspective:500px}.sublayer-stack.visible{opacity:1}.sublayer{position:absolute;left:50%;transform-origin:center center;white-space:nowrap;transition:all .6s ease-out}.sublayer .dont-text{font-weight:700;margin-right:.3em}.sublayer .action-text{font-weight:700}.sublayer-1{transform:translate(-50%) translateZ(0) scale(1);opacity:1;z-index:3;top:0;font-size:1.1em}.sublayer-2{transform:translate(-50%) translateZ(-50px) scale(.85);opacity:.6;z-index:2;top:35px;font-size:1.1em;filter:blur(.5px)}.sublayer-3{transform:translate(-50%) translateZ(-100px) scale(.7);opacity:.35;z-index:1;top:65px;font-size:1.1em;filter:blur(1px)}.sublayer-stack.visible .sublayer-1{animation:sublayer-fade-in .8s ease-out forwards}.sublayer-stack.visible .sublayer-2{animation:sublayer-fade-in .8s ease-out .3s forwards;opacity:0}.sublayer-stack.visible .sublayer-3{animation:sublayer-fade-in .8s ease-out .6s forwards;opacity:0}@keyframes sublayer-fade-in{0%{opacity:0;transform:translate(-50%) translateZ(50px) scale(1.2)}to{opacity:var(--final-opacity, 1)}}.sublayer-1{--final-opacity: 1}.sublayer-2{--final-opacity: .6}.sublayer-3{--final-opacity: .35}.onboarding-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#050505f5;display:flex;justify-content:center;align-items:center;overflow-y:auto;padding:40px 20px;box-sizing:border-box;z-index:3000}.onboarding-modal{background-color:#050505;border:1px solid rgba(244,244,238,.55);color:#f4f4ee;padding:40px 60px;max-width:500px;max-height:calc(100dvh - 80px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;text-align:center;font-family:inherit;position:relative}.onboarding-modal.intro-modal,.onboarding-modal.cover-modal{max-width:760px}.onboarding-title{font-size:24px;font-weight:400;margin:0 0 24px;letter-spacing:.05em}.cover-image{display:block;width:min(560px,100%);margin:0 auto 22px;border:1px solid rgba(244,244,238,.28)}.cover-quote{max-width:450px;margin:0 auto 26px;text-align:left}.cover-quote blockquote{margin:0}.cover-quote p{margin:0 0 14px;font-size:13px;line-height:1.65}.cover-quote figcaption{font-size:12px;line-height:1.55;color:#f4f4eec7}.onboarding-instructions{margin-bottom:30px}.cover-byline{margin-bottom:22px}.onboarding-instructions p{font-size:14px;line-height:1.8;margin:0 0 12px;color:#f4f4ee}.onboarding-intro-copy{max-width:660px;margin:0 auto 26px;text-align:left}.onboarding-intro-copy p{font-size:15px;line-height:1.75;margin:0 0 18px;color:#f4f4ee}.onboarding-intro-instructions{max-width:660px;margin:0 auto 30px;padding-top:18px;border-top:1px solid rgba(244,244,238,.32);text-align:left}.onboarding-intro-instructions h2{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.08em}.onboarding-intro-instructions p{margin:0 0 8px;font-size:14px;line-height:1.55}.onboarding-modal-actions{position:sticky;top:0;display:flex;justify-content:flex-end;margin:-18px -38px 8px 0;z-index:1}.onboarding-close-button{background-color:#050505;border:1px solid rgba(244,244,238,.65);color:#f4f4ee;padding:8px 24px;font-size:12px;cursor:pointer;font-family:inherit;transition:background-color .2s,color .2s}.onboarding-link-button,.about-button{background-color:#050505;border:1px solid rgba(244,244,238,.65);color:#f4f4ee;cursor:pointer;font-family:inherit;font-size:12px;transition:background-color .2s,color .2s}.onboarding-link-button{padding:6px 16px}.about-button{padding:2px 5px}.onboarding-close-button:hover,.onboarding-link-button:hover,.about-button:hover{background-color:#f4f4ee;color:#050505}
