:root{color:#f7fcff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#00a1dc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden}#app{--scene-primary:#00a1dc;--scene-mid:#0079b4;--scene-dark:#003f72;--scene-core:#00548e66;--scene-glow:#79e2ff5c;--scene-shadow:#003d7085;--particle-rgb:218, 247, 255;background:var(--scene-dark);min-height:100vh;position:relative;overflow:hidden}@supports (height:100svh){html,body,#app{height:100svh}#app{min-height:100svh}}.scene-bg,#app:after,#app:before{pointer-events:none;position:absolute;inset:0}.scene-bg{z-index:0;background:radial-gradient(circle at 50% 46%, #ffffff3d, transparent 13rem), radial-gradient(circle at 50% 50%, var(--scene-core), transparent 26rem), radial-gradient(circle at 18% 15%, var(--scene-glow), transparent 28rem), radial-gradient(circle at 84% 82%, var(--scene-shadow), transparent 30rem), linear-gradient(145deg, var(--scene-primary) 0%, var(--scene-mid) 43%, var(--scene-dark) 100%)}.scene-bg--current{opacity:1}.scene-bg--next{opacity:0;transition:opacity .7s,transform .9s;transform:scale(1.04)}#app.is-theme-switching .scene-bg--next{opacity:1;transform:scale(1)}#app:before{z-index:0;content:"";background:radial-gradient(circle at 50% 48%, #ffffff26, transparent 12rem), radial-gradient(circle at 50% 54%, rgba(var(--particle-rgb), .16), transparent 28rem);mix-blend-mode:screen;opacity:0;transform:scale(.74)}#app.is-theme-switching:before{animation:.76s ease-out theme-wash}#app:after{z-index:0;content:"";background:radial-gradient(#0000 0% 45%,#00142a52 100%),linear-gradient(90deg,#ffffff14,#0000 18% 82%,#ffffff0d)}#particles,#scene{width:100%;height:100%;display:block;position:absolute;inset:0}#particles{z-index:1;opacity:.9;pointer-events:none}#scene{z-index:2;cursor:grab;touch-action:none}#scene:active{cursor:grabbing}.youtube-link{top:calc(1rem + env(safe-area-inset-top,0px));right:calc(1rem + env(safe-area-inset-right,0px));z-index:3;color:#f7fcffc2;width:3.2rem;height:3.2rem;box-shadow:none;text-shadow:0 0 1.4rem #f7fcff52;background:0 0;border:0;border-radius:999px;text-decoration:none;transition:color .36s,transform .36s;animation:3.8s ease-in-out infinite social-link-drift;display:grid;position:absolute;overflow:visible}.youtube-link:hover,.youtube-link:focus-visible{color:#fff;transform:translateY(-.08rem)scale(1.02)}.youtube-link__icon{place-items:center;width:3.2rem;height:3.2rem;display:grid;position:relative}.youtube-link__icon:before{content:"";width:1.85rem;height:1.3rem;box-shadow:0 0 1rem rgba(var(--particle-rgb), .24);background:#f7fcffdb;border-radius:.34rem;transition:background .22s,box-shadow .22s;display:block}.youtube-link__icon:after{content:"";border-top:.34rem solid #0000;border-bottom:.34rem solid #0000;border-left:.54rem solid var(--scene-dark);width:0;height:0;transition:border-left-color .22s;display:block;position:absolute;left:50%;transform:translate(-36%)}.youtube-link:hover .youtube-link__icon:before,.youtube-link:focus-visible .youtube-link__icon:before{box-shadow:0 0 1rem #f7fcff8f, 0 0 1.8rem rgba(var(--particle-rgb), .34);background:#fff}.youtube-link:hover .youtube-link__icon:after,.youtube-link:focus-visible .youtube-link__icon:after{border-left-color:var(--scene-mid)}.youtube-link__text{letter-spacing:.18em;opacity:0;white-space:nowrap;font-size:.68rem;font-weight:700;line-height:1;transition:opacity .42s .14s,transform .62s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;right:3rem;transform:translate(1.35rem,-50%)}.youtube-link:hover .youtube-link__text,.youtube-link:focus-visible .youtube-link__text{opacity:1;transform:translateY(-50%)}.scroll-hint{bottom:calc(clamp(1.35rem, 4vh, 2.6rem) + env(safe-area-inset-bottom,0px));z-index:3;color:#f7fcffc2;appearance:none;cursor:pointer;font:inherit;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 0 1.4rem #f7fcff52;pointer-events:none;opacity:0;background:0 0;border:0;justify-items:center;gap:.42rem;padding:0;transition:color .36s,opacity .42s,filter .42s,text-shadow .36s,transform .42s;display:grid;position:absolute;left:50%;transform:translate(-50%,.75rem)}.scroll-hint--visible{pointer-events:auto;opacity:1;animation:3.8s ease-in-out infinite scroll-hint-drift;transform:translate(-50%)}.scroll-hint:hover,.scroll-hint:focus-visible{color:#fff;text-shadow:0 0 1rem #f7fcff9e, 0 0 2rem rgba(var(--particle-rgb), .34);transform:translate(-50%,-.08rem)scale(1.02)}.scroll-hint--used{filter:blur(.35rem);opacity:0;transform:translate(-50%,1.2rem)scale(.96)}.scroll-hint__mouse{width:1.45rem;height:2.2rem;box-shadow:0 0 1.2rem rgba(var(--particle-rgb), .22), inset 0 0 .7rem #f7fcff1a;border:1px solid #f7fcff94;border-radius:999px;display:block;position:relative}.scroll-hint__wheel{background:#f7fcffcc;border-radius:999px;width:.18rem;height:.48rem;animation:1.65s ease-in-out infinite scroll-hint-wheel;display:block;position:absolute;top:.45rem;left:50%;transform:translate(-50%)}.scroll-hint__text{white-space:nowrap;font-size:.68rem;font-weight:700}.entry{z-index:4;padding:2rem;padding:max(2rem, env(safe-area-inset-top,0px)) max(2rem, env(safe-area-inset-right,0px)) max(2rem, env(safe-area-inset-bottom,0px)) max(2rem, env(safe-area-inset-left,0px));color:#f7fcff;appearance:none;cursor:wait;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 50% 46%,#ffffff2e,#0000 16rem),linear-gradient(145deg,#00aee8e6,#003f72eb);border:0;place-items:center;transition:opacity .76s,filter .76s,transform .76s;display:grid;position:absolute;inset:0}.entry:before{aspect-ratio:1;content:"";border:1px solid #f7fcff47;border-radius:50%;width:min(54vw,22rem);animation:1.8s ease-in-out infinite pulse-ring;position:absolute}.entry:disabled{cursor:wait}.entry--ready{cursor:pointer}.entry--leaving{opacity:0;filter:blur(18px);pointer-events:none;transform:scale(1.04)}.entry--error{cursor:default}.entry__prompt{text-align:center;color:#f7fcffbd;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 0 1.8rem #f7fcff5c;font-size:clamp(.85rem,1.8vw,1.1rem);font-weight:700;transition:color .18s,letter-spacing .18s,text-shadow .18s,transform .18s;animation:2.4s ease-in-out infinite prompt-float;display:block;position:relative}.entry--ready:hover .entry__prompt,.entry--ready:focus-visible .entry__prompt{color:#fff;letter-spacing:.28em;text-shadow:0 0 1rem #f7fcffb8,0 0 2.4rem #85eaff85;transform:scale(1.04)}@media (hover:none),(pointer:coarse){.youtube-link{top:calc(.85rem + env(safe-area-inset-top,0px));right:calc(.85rem + env(safe-area-inset-right,0px))}.scroll-hint{bottom:calc(1.15rem + env(safe-area-inset-bottom,0px));color:#f7fcffe0;letter-spacing:.12em;touch-action:manipulation;background:#00203a33;border:1px solid #f7fcff3d;border-radius:999px;place-items:center;min-width:7.75rem;min-height:2.75rem;padding:.82rem 1rem;box-shadow:0 .8rem 2rem #001a312e,inset 0 0 1rem #f7fcff14}.scroll-hint--visible{animation:none}.scroll-hint__mouse{display:none}.scroll-hint__text{font-size:.72rem}.entry__prompt{letter-spacing:.16em;font-size:clamp(.82rem,4vw,1rem)}.entry--ready:hover .entry__prompt,.entry--ready:focus-visible .entry__prompt{letter-spacing:.18em}}@keyframes pulse-ring{0%,to{opacity:.52;transform:scale(.96)}50%{opacity:.9;transform:scale(1.04)}}@keyframes prompt-float{0%,to{opacity:.72}50%{opacity:1}}@keyframes scroll-hint-drift{0%,to{margin-bottom:0}50%{margin-bottom:.38rem}}@keyframes scroll-hint-wheel{0%{opacity:0;transform:translate(-50%,-.2rem)}35%{opacity:1}to{opacity:0;transform:translate(-50%,.65rem)}}@keyframes social-link-drift{0%,to{margin-top:0}50%{margin-top:.24rem}}@keyframes theme-wash{0%{opacity:0;transform:scale(.74)}38%{opacity:.75}to{opacity:0;transform:scale(1.35)}}
