:root{--cream:#f7f6f0;--paper:#fffdf8;--ink:#30373b;--blue:#aac7d0;--muted:#627780;--line:rgba(48,55,59,.17);--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{position:fixed;inset:0;color:var(--ink);background:#dfecef;font-family:var(--sans);font-size:16px}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #365e6a;outline-offset:5px}button{ -webkit-tap-highlight-color:transparent }[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar{position:fixed;z-index:20;inset:0 0 auto;height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(180deg,rgba(247,246,240,.96),rgba(247,246,240,.72));border-bottom:1px solid rgba(255,255,255,.6);backdrop-filter:blur(16px)}
.wordmark{display:flex;align-items:center;gap:12px;border:0;background:none;padding:0;font:26px var(--serif);letter-spacing:-.055em;white-space:nowrap}.wordmark img{width:31px;height:31px}.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#627277}.sound-toggle{display:flex;align-items:center;gap:10px;background:none;border:0;padding:12px 0;font-size:13px;white-space:nowrap}.sound-toggle>span:first-child{font-size:20px}
.sky-viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;outline:none;user-select:none}.sky-viewport.is-dragging,.sky-viewport.is-dragging *{cursor:grabbing!important}.sky-backdrop{position:absolute;inset:-9%;background:url('images/cloud-sky.jpg') center 45%/cover no-repeat;filter:saturate(.57) brightness(1.12);will-change:transform;pointer-events:none}.sky-haze{position:absolute;inset:0;background:linear-gradient(110deg,rgba(247,246,240,.55),rgba(247,246,240,.03) 60%),radial-gradient(ellipse at 50% 50%,rgba(247,246,240,.17),transparent 65%);pointer-events:none}.sky-world{position:absolute;left:0;top:0;width:2800px;height:2000px;transform-origin:0 0;will-change:transform}
.sky-trail{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.56}.sky-trail path{fill:none;stroke:#fffdf8;stroke-width:1.3;stroke-dasharray:3 11;stroke-linecap:round}.world-point{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%)}.home-island{width:490px;text-align:center;cursor:grab}.home-overline,.overline{font-size:12px;letter-spacing:.13em;font-weight:500;line-height:1.5}.home-overline{margin-bottom:23px;color:#526b74}.home-island h1{font:400 86px/.87 var(--serif);letter-spacing:-.055em;margin:0 0 28px;text-wrap:balance}.home-island h1 em{color:#6e96a5;font-weight:400}.home-intro{font:23px/1.27 var(--serif);max-width:345px;margin:0 auto 25px;color:#465b63;text-wrap:balance}.follow-cloud{border:1px solid rgba(48,55,59,.28);background:rgba(255,253,248,.8);box-shadow:0 5px 25px #4b74800c;border-radius:30px;font-size:14px;padding:13px 20px;display:inline-flex;align-items:center;gap:25px;transition:background .25s,transform .25s}.follow-cloud:hover{background:var(--paper);transform:translateY(-3px)}.follow-cloud span{font-size:21px;line-height:1}
.cloud-marker{width:340px;height:204px;background:transparent;border:0;padding:0;isolation:isolate}.cloud-core{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;border-radius:47% 53% 49% 51% / 52% 48% 52% 48%;background:radial-gradient(ellipse at 45% 25%,#fffdfc 0%,rgba(255,253,248,.98) 38%,rgba(248,249,245,.86) 75%,rgba(240,246,247,.77) 100%);border:1px solid rgba(255,255,255,.85);box-shadow:0 22px 60px rgba(74,107,121,.16),inset 0 -12px 26px rgba(190,214,222,.18);animation:cloud-drift 8s ease-in-out infinite;animation-delay:var(--delay,0s);transition:box-shadow .35s,background .35s}.cloud-marker:hover .cloud-core,.cloud-marker:focus-visible .cloud-core{box-shadow:0 30px 70px rgba(74,107,121,.27),inset 0 0 24px #fff;outline:1px solid rgba(91,132,146,.22)}.cloud-symbol{font:27px var(--serif);color:#7c9eaa;line-height:1}.cloud-label{font:35px/1.08 var(--serif);letter-spacing:-.025em}.cloud-caption{font-size:13px;color:#6d8087}.cloud-visited{position:absolute;top:24px;right:50px;opacity:0;font-size:12px;color:#6e8993;transition:opacity .3s}.cloud-marker.is-visited .cloud-visited{opacity:1}.cloud-letter{rotate:4deg}.cloud-notes{width:310px;height:196px;rotate:-5deg}.cloud-date{width:365px;height:210px;rotate:-3deg}.cloud-always{width:320px;rotate:3deg}.cloud-photos{rotate:5deg}
.found-star{width:64px;height:64px;border:0;background:transparent;font:48px var(--serif);color:#6d909f;padding:0;display:grid;place-items:center}.found-star span{animation:star-glimmer 4s ease-in-out infinite;animation-delay:var(--delay,0s);text-shadow:0 0 18px rgba(255,253,248,.9);transition:transform .3s,color .3s}.found-star:hover span{transform:scale(1.3) rotate(25deg);color:#3c606e}.found-star.is-found span{color:#30373b;animation:none;transform:rotate(45deg) scale(.83)}.world-whisper{position:absolute;white-space:nowrap;font:italic 27px var(--serif);color:#537986;opacity:.58;rotate:-7deg;pointer-events:none}.whisper-two{rotate:6deg}
.explore-controls{position:fixed;inset:auto 0 0;z-index:15;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:24px 4vw 27px;background:linear-gradient(0deg,rgba(247,246,240,.78),rgba(247,246,240,0));pointer-events:none}.explore-controls>*{pointer-events:auto}.journey-controls{display:flex;flex-direction:column;gap:10px}.map-button{border:1px solid rgba(48,55,59,.18);background:rgba(255,253,248,.9);border-radius:30px;padding:13px 17px;display:flex;align-items:center;gap:13px;font-size:14px;box-shadow:0 5px 25px #536e780f;backdrop-filter:blur(16px)}.map-button>span:first-child{font-size:20px;line-height:1}.visited-count{padding-left:12px;border-left:1px solid var(--line);font-size:12px;color:#6a7c83}.star-status{font-size:13px;color:#506973;padding-left:9px;letter-spacing:.015em}.explore-instructions{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);font-size:14px;text-align:center;color:#4e6873;margin:0;line-height:1.6;pointer-events:none}.explore-instructions span{display:block;font-size:12px;color:#6e838c}.zoom-controls{display:flex;align-items:center;border:1px solid rgba(48,55,59,.18);background:rgba(255,253,248,.9);border-radius:30px;box-shadow:0 5px 25px #536e780f;backdrop-filter:blur(16px)}.zoom-controls button{width:44px;height:44px;border:0;background:transparent;font-size:25px}.zoom-controls span{font-size:12px;min-width:40px;text-align:center;color:#647b84}
dialog{color:var(--ink);border:1px solid rgba(255,255,255,.85);padding:0;background:var(--paper);box-shadow:0 30px 100px #33596840;max-height:calc(100dvh - 36px);overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:rgba(70,103,117,.26);backdrop-filter:blur(8px)}dialog[open]{animation:cloud-open .4s cubic-bezier(.2,.7,.2,1) both}.dialog-close{position:sticky;left:calc(100% - 62px);top:18px;z-index:2;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:rgba(255,253,248,.94);font-size:26px;display:grid;place-items:center;line-height:1}.dialog-close:hover{background:#e6eff1}.cloud-dialog{width:min(660px,calc(100vw - 28px));border-radius:18px}.dialog-paper{padding:0 clamp(25px,6vw,64px) 48px}.dialog-paper .overline{border-bottom:1px solid var(--line);padding-bottom:16px;margin:0 0 30px;color:#657a83}.dialog-paper h2{font:400 65px/.97 var(--serif);letter-spacing:-.04em;margin:0 0 28px;text-wrap:balance}.letter-body p{font:25px/1.35 var(--serif);margin-bottom:23px}.signature{display:flex;flex-direction:column;gap:7px;margin:35px 0 0;font:italic 24px var(--serif)}.signature strong{font:500 13px var(--sans);letter-spacing:.07em;text-transform:uppercase}.note-stack{display:grid;gap:12px}.note-card{background:linear-gradient(115deg,#edf3f4,#f8faf7);border:1px solid #d7e3e7;border-radius:14px;min-height:82px;padding:21px 22px;text-align:left}.note-card-top{display:flex;justify-content:space-between;align-items:center;gap:18px}.note-card-title{font:30px var(--serif);letter-spacing:-.02em}.note-card-mark{font-size:21px;color:#688996}.note-card p{font-size:16px;line-height:1.6;margin:18px 0 0;color:#536873}.dialog-intro{font-size:16px;line-height:1.6;color:#586e78}.date-ticket{margin:27px 0 24px;border:1px solid #c5d6dc;background:#edf4f5;border-radius:12px;padding:22px;transition:transform .3s}.date-ticket .overline{border-color:#bacfd6;font-size:12px;margin-bottom:26px;padding-bottom:13px}.date-idea{font:40px/1.04 var(--serif);letter-spacing:-.025em;margin:0 0 25px;min-height:84px}.date-ticket-foot{border-top:1px dashed #b7ccd4;padding-top:15px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.06em}.date-ticket.is-shuffling{transform:rotate(-2deg) translateY(-4px)}.paper-button{padding:13px 19px;border:1px solid #4d6671;border-radius:30px;background:var(--paper);font-size:14px;display:inline-flex;gap:24px;align-items:center}.paper-button:hover{background:#eaf1f3}.ending-copy{font:italic 25px/1.3 var(--serif);color:#698a98}.secret-message{margin:25px 0 0;font:italic 26px/1.3 var(--serif);padding-top:23px;border-top:1px solid var(--line)}.ending-stars{color:#789daa;letter-spacing:15px;font-size:31px;margin-bottom:18px}.ending-stars .is-found{color:#30373b}.ending-signature{text-align:center;align-items:center;margin-top:28px}.rabbit-surprise{position:relative;display:block;width:80px;height:101px;margin:18px auto 0;border:0;background:transparent;padding:0}.rabbit-surprise svg{display:block;width:100%;height:100%;overflow:visible}.rabbit-ears{transform-origin:50px 45px}.rabbit-surprise.is-waving .rabbit-ears{animation:rabbit-wave .6s ease-in-out 2}.rabbit-bubble{position:absolute;right:-8px;top:1px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:var(--paper);font-size:17px;color:#91aeb5;opacity:0;transform:scale(.5) translateY(10px);transition:opacity .3s,transform .4s}.rabbit-surprise.is-waving .rabbit-bubble{opacity:1;transform:scale(1) translateY(-8px)}.ending-footer{font-size:12px;color:#6d7e85;text-align:center;line-height:1.8;margin:18px 0 0}.ending-footer a{display:block;text-underline-offset:3px}
.map-dialog{width:min(365px,calc(100vw - 28px));border-radius:20px;padding:0 27px 24px}.map-dialog .dialog-close{left:calc(100% - 20px);top:14px;width:36px;height:36px;font-size:23px}.map-dialog>.overline{font-size:12px;color:#78909a;margin:0 0 10px}.map-dialog h2{font:48px/1 var(--serif);letter-spacing:-.035em;margin-bottom:22px}.mini-map{height:194px;position:relative;border:1px solid #d8e4e8;border-radius:14px;background:linear-gradient(125deg,rgba(255,253,248,.58),rgba(218,234,241,.74)),url('images/cloud-sky.jpg') center/cover;overflow:hidden}.mini-dot{position:absolute;width:10px;height:10px;border:1px solid #6d8d99;background:#fffdf8;border-radius:50%;transform:translate(-50%,-50%)}.mini-dot.is-visited{background:#7398a8}.mini-home{position:absolute;font-size:28px;line-height:0;transform:translate(-50%,-50%);color:#4f7181}.mini-camera{position:absolute;border:1px solid #6c8e9a;background:rgba(255,255,255,.17);border-radius:5px;pointer-events:none}.map-stops{display:grid;margin-top:18px;gap:1px}.map-stop{min-height:45px;display:flex;justify-content:space-between;gap:20px;align-items:center;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;padding:10px 3px;font-size:15px}.map-stop:hover{color:#5d8da1}.map-stop span{font-size:13px;color:#859ba5}.map-footnote{font:italic 19px var(--serif);color:#738b96;margin:22px 0 0}.photo-gallery{display:grid;gap:22px}.photo-card{margin:0;padding:9px 9px 19px;background:#f1f5f4;border:1px solid #d5e2e6;rotate:-1deg}.photo-card:nth-child(even){rotate:1deg}.photo-card img{display:block;width:100%;max-height:410px;object-fit:cover}.photo-card figcaption{font:24px var(--serif);padding:13px 8px 0}
@keyframes cloud-drift{50%{translate:0 -11px;rotate:1deg}}@keyframes star-glimmer{50%{opacity:.45;scale:.86}}@keyframes cloud-open{from{opacity:0;transform:translateY(14px) scale(.98)}}@keyframes rabbit-wave{25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}
@media(max-width:760px){.topbar{height:64px;padding:0 20px;gap:15px}.eyebrow{display:none}.wordmark{font-size:23px;gap:8px}.wordmark img{width:27px;height:27px}.sound-toggle{font-size:12px;gap:7px}.explore-controls{padding:19px 17px 23px;gap:10px}.journey-controls{gap:8px}.map-button{padding:11px 13px;font-size:14px;gap:8px}.visited-count{padding-left:8px;font-size:12px}.star-status{font-size:12px;padding-left:5px}.zoom-controls button{width:37px;height:42px}.zoom-controls span{min-width:34px;font-size:12px}.explore-instructions{bottom:102px;font-size:13px;white-space:nowrap;width:100%;color:#3f6372}.explore-instructions span{font-size:12px}.dialog-paper h2{font-size:49px}.letter-body p{font-size:23px}.dialog-paper{padding-bottom:34px}.dialog-close{top:14px;left:calc(100% - 57px)}.cloud-dialog{max-height:calc(100dvh - 28px)}.dialog-paper .overline{margin-bottom:24px}.date-idea{font-size:34px}.note-card{padding:18px}.note-card-title{font-size:27px}.sky-trail{opacity:.4}}
.home-overline{font-size:calc(12px * var(--inverse-scale,1))}.home-intro{font-size:25px}.follow-cloud{font-size:calc(14px * var(--inverse-scale,1));min-height:calc(46px * var(--inverse-scale,1));padding:calc(11px * var(--inverse-scale,1)) calc(19px * var(--inverse-scale,1))}.cloud-caption{font-size:calc(14px * var(--inverse-scale,1))}.cloud-visited{font-size:calc(12px * var(--inverse-scale,1))}.found-star{width:calc(56px * var(--inverse-scale,1));height:calc(56px * var(--inverse-scale,1));font-size:calc(40px * var(--inverse-scale,1))}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}dialog[open]{animation:none}.sky-backdrop,.sky-world{will-change:auto}}