@font-face{font-family:Roboto Mono;src:url('./RobotoMono.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--bg:#fff;--ink:#111;--muted:#747474;--flash:#000;--cloud-width:280px;--scene-height:clamp(300px,45svh,430px);--animation-scale:.8;--inverse-scale:1.25}
:root[data-theme=dark]{color-scheme:dark;--bg:#080808;--ink:#fafafa;--muted:#979797;--flash:#fff}
*{box-sizing:border-box}html{width:100%;height:100%;background:var(--bg);overflow:hidden;overscroll-behavior:none}body{margin:0;width:100%;height:100svh;height:100dvh;background:var(--bg);color:var(--ink);overflow:hidden;overscroll-behavior:none;display:grid;grid-template-rows:auto minmax(0,1fr) auto;font-family:'Roboto Mono',ui-monospace,SFMono-Regular,Menlo,monospace;-webkit-tap-highlight-color:transparent}
a,button{touch-action:manipulation}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}a{text-decoration:none}
.header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 42px;padding-top:max(24px,calc(env(safe-area-inset-top) + 12px));padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));position:relative;z-index:3}
.wordmark{font-family:Arial,Helvetica,ui-sans-serif,system-ui,sans-serif;font-size:25px;font-weight:700;letter-spacing:-1.25px;line-height:1}
.theme-toggle{position:relative;display:block;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;flex:none}.theme-toggle:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}.theme-icon{position:absolute;top:11px;left:11px;width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:opacity .24s ease,transform .36s cubic-bezier(.2,.7,.2,1)}.moon{opacity:1;transform:rotate(0) scale(1)}.sun{opacity:0;transform:rotate(-65deg) scale(.6)}html[data-theme=dark] .moon{opacity:0;transform:rotate(65deg) scale(.6)}html[data-theme=dark] .sun{opacity:1;transform:rotate(0) scale(1)}
main{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:0 24px;overflow:hidden}.experience{width:min(100%,760px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:26px;flex:none;position:relative;top:-18px}.welcome{width:100%;position:relative;z-index:2}h1{font-size:clamp(21px,3.2vw,29px);line-height:1.4;font-weight:400;letter-spacing:-1.2px;margin:0}.status{font-size:12px;color:var(--muted);height:34px;line-height:1.7;margin:16px 0 0}
.availability{font-size:12px;font-weight:400;line-height:1.7;color:var(--muted);margin:0}
/* One shared scene scale shrinks all artwork, movement, raindrops and spacing
   by exactly 20%; keyframes and durations stay identical to Wolkenstudio. */
.scene-shell{position:relative;width:100%;height:calc(var(--scene-height) * var(--animation-scale));flex:none;isolation:isolate}.stage{position:absolute;left:50%;top:0;width:calc(100% * var(--inverse-scale));height:var(--scene-height);transform:translateX(-50%) scale(var(--animation-scale));transform-origin:50% 0;isolation:isolate}
.cloud-button{position:absolute;top:12px;left:50%;width:var(--cloud-width);height:calc(var(--cloud-width) * 65 / 85.04);transform:translateX(-50%);padding:0;border:0;background:transparent;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;outline-offset:8px;border-radius:38%;z-index:2}.cloud-art{width:100%;height:100%;overflow:visible;display:block;pointer-events:none}.cloud-fill{fill:#fff}.cloud-outline{fill:#000;fill-rule:nonzero}.eyes{fill:#000}.rain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.lightning{position:absolute;left:50%;top:200px;width:54px;height:108px;transform:translateX(-50%);fill:var(--ink);opacity:0;pointer-events:none;z-index:3}
.screen-flash{display:none;position:fixed;inset:0;background:var(--flash);pointer-events:none;opacity:0;z-index:10}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;padding-bottom:max(20px,calc(env(safe-area-inset-bottom) + 10px));padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));font-size:10px;font-weight:400;line-height:1.6;color:var(--muted);position:relative;z-index:3}.site-footer a{padding:8px 0;min-height:32px;display:flex;align-items:center}.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.legal-main{padding:0 28px}.legal-copy{max-width:760px;width:100%;text-align:center;color:#808080;font-size:clamp(11px,1.3vw,13px);line-height:1.9;overflow-wrap:break-word}.legal-copy p{margin:0 0 28px}.legal-copy p:last-child{margin-bottom:0}
html[data-flashing=true] main{position:relative;z-index:11}html[data-flashing=true] .header,html[data-flashing=true] footer,html[data-flashing=true] .welcome,html[data-flashing=true] .availability,html[data-flashing=true] .rain{visibility:hidden}html[data-flashing=true] .cloud-button{outline-color:transparent}
html[data-flashing=true] .screen-flash{display:block}
@media(min-width:1000px){:root{--cloud-width:310px;--scene-height:clamp(340px,45svh,450px)}.header{padding-left:52px;padding-right:52px}.site-footer{padding-left:52px;padding-right:52px}}
@media(max-width:540px){:root{--cloud-width:248px;--scene-height:clamp(290px,40svh,360px)}.header{padding:16px 22px;padding-top:max(16px,calc(env(safe-area-inset-top) + 8px))}.wordmark{font-size:23px}.experience{gap:24px}.cloud-button{top:0}main{padding:0 18px}.availability{font-size:10px}h1{font-size:21px;letter-spacing:-.9px}.status{font-size:10px;margin-top:12px}.site-footer{padding-left:22px;padding-right:22px;font-size:9px}.legal-main{padding:0 22px}.legal-copy{font-size:11px;line-height:1.8}.legal-copy p{margin-bottom:24px}}
@media(max-height:700px){:root{--cloud-width:220px;--scene-height:265px}.header{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:8px}.experience{gap:14px;top:-12px}h1{font-size:21px}.status{height:24px;margin-top:10px}.site-footer{padding-top:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.legal-copy p{margin-bottom:18px}}
@media(max-height:480px){:root{--cloud-width:150px;--scene-height:200px}.header{padding-top:2px;padding-bottom:2px}.wordmark{font-size:20px}.experience{gap:8px;top:0}.availability{font-size:9px;line-height:1.5}h1{font-size:17px}.status{font-size:9px;line-height:1.5;height:14px;margin-top:6px}.site-footer{font-size:8px;padding-top:2px;padding-bottom:max(2px,env(safe-area-inset-bottom))}.site-footer a{min-height:24px;padding:3px 0}.legal-copy{font-size:10px;line-height:1.5}.legal-copy p{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){.theme-icon{transition:none}.screen-flash{display:none}}