:root{color:#f5f1e9;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f5f1e9;--muted:#9b9da9;--faint:#f5f1e921;--line:#f5f1e92e;--glass:#ffffff13;--purple:#98f;--pink:#f0a1b9;--gold:#e4bf81;background:#0d101b;font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#0d101b;min-width:320px;overflow-x:hidden}button{color:inherit;font:inherit}button:focus-visible{outline-offset:4px;outline:2px solid #f5f1e9}.opening,.app-shell{isolation:isolate;background:radial-gradient(circle at 82% 18%,#8470ff21,#0000 32%),radial-gradient(circle at 15% 80%,#e0829d14,#0000 28%),#0d101b;min-height:100svh;position:relative;overflow:hidden}.opening{flex-direction:column;justify-content:space-between;min-height:100svh;padding:34px 25px 28px;display:flex}.atmosphere,.grain,.particle-field{pointer-events:none;position:absolute;inset:0}.atmosphere{z-index:-1;overflow:hidden}.orb{filter:blur(1px);opacity:.7;border-radius:50%;position:absolute}.orb-one{background:#8879ff17;width:50vw;max-width:260px;height:50vw;max-height:260px;top:-10%;right:-15%;box-shadow:0 0 90px 25px #7e6fff1c}.orb-two{background:#e294ab12;width:35vw;height:35vw;bottom:-3%;left:-15%;box-shadow:0 0 70px 20px #e294ab0f}.grid-glow{opacity:.13;background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:31% -20% 9%;transform:perspective(420px)rotateX(61deg)translateY(100px);-webkit-mask-image:linear-gradient(#0000 25%,#000);mask-image:linear-gradient(#0000 25%,#000)}.grain{opacity:.032;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E")}.particle-field i{top:calc((var(--i) * 37 + 7) % 97 * 1%);left:calc((var(--i) * 61 + 11) % 93 * 1%);width:2px;height:2px;opacity:calc(.14 + (var(--i) % 3) * .07);animation:drift calc(10s + var(--i) * 1.2s) ease-in-out infinite alternate;background:#fff;border-radius:50%;position:absolute}@keyframes drift{to{opacity:.5;transform:translate(13px,-18px)}}.opening-mark{align-items:center;gap:5px;padding-top:4px;display:flex}.opening-mark span{background:var(--ink);opacity:.8;border-radius:50%;width:8px;height:8px;display:block}.opening-mark span:nth-child(2){background:var(--pink);border-radius:12px;width:24px}.micro-label,.eyebrow,.card-label,.fragment-index,.chat-speaker,.opening-footer,.progress,.wordmark,.point-label,.object-name,.final-signoff,.bloom-message span{text-transform:uppercase;letter-spacing:.1em;font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.opening-copy{margin:auto 0;padding:14vh 0 12vh}.micro-label{color:var(--muted);margin:0 0 30px}h1,h2,p{margin-top:0}h1{letter-spacing:-.075em;max-width:360px;margin-bottom:22px;font-size:clamp(50px,15vw,88px);font-weight:500;line-height:.93}h1 em{letter-spacing:-.04em;color:#f5d9dd;font-family:Georgia,serif;font-weight:500}.opening-subtitle{color:#c4c2ca;max-width:210px;margin-bottom:45px;font-size:15px;line-height:1.6}.primary-button,.next-button,.back-button,.reveal-button{cursor:pointer;border:0}.primary-button{background:#ffffff17;border:1px solid #ffffff3b;border-radius:20px;align-items:center;gap:28px;min-height:54px;padding:0 20px 0 23px;font-weight:600;transition:background .25s,transform .25s;display:inline-flex;box-shadow:0 18px 50px #0000002e,inset 0 1px #ffffff1f}.primary-button:hover,.primary-button:active{background:#ffffff2b;transform:translateY(-2px)}.primary-button span,.next-button span{font-size:20px;line-height:0}.opening-footer{color:#f5f1e959;margin:0}.app-shell{flex-direction:column;min-height:100svh;padding:20px 20px 28px;display:flex}.topbar{justify-content:space-between;align-items:center;min-height:31px;display:flex}.wordmark{color:#f5f1e9b8;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-size:10px;display:inline-flex}.wordmark-dot{background:var(--pink);width:7px;height:7px;box-shadow:0 0 17px var(--pink);border-radius:50%}.progress{color:#f5f1e97a}.room-stage{flex-direction:column;flex:1;min-height:0;padding:10vh 0 48px;animation:.65s cubic-bezier(.2,.7,.2,1) both arrive;display:flex}@keyframes arrive{0%{opacity:.2;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.room-heading{z-index:2;position:relative}.eyebrow{color:#bbacff;margin-bottom:12px}h2{letter-spacing:-.07em;max-width:360px;margin-bottom:28px;font-size:clamp(37px,11vw,70px);font-weight:500;line-height:.95}.bottom-nav{grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:8px;min-height:44px;display:grid}.back-button,.next-button{color:#f5f1e999;text-align:left;background:0 0;padding:9px 0;font-size:11px}.back-button span,.next-button span{vertical-align:-2px;margin-right:4px;font-size:18px}.next-button{color:var(--ink);text-align:right}.back-button:disabled,.next-button:disabled{visibility:hidden}.swipe-hint{color:#f5f1e94d;letter-spacing:.08em;text-align:center;text-transform:uppercase;font-family:SFMono-Regular,Consolas,monospace;font-size:8px}.room-content{flex:1;min-height:0;position:relative}.section-intro,.fragment-intro,.moving-intro{z-index:2;color:#dedbe0;max-width:280px;font-size:15px;line-height:1.5;position:relative}.section-intro p,.fragment-intro p{margin-bottom:6px}.muted{color:var(--muted)}.floating-cards{min-height:380px;margin-top:15px;position:relative}.memory-card{cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:19px;flex-direction:column;align-items:flex-start;width:65%;min-height:142px;padding:18px 17px 15px;transition:transform .35s,box-shadow .35s,background .35s;animation:7s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 20px 50px #0000002e,inset 0 1px #ffffff1f}.memory-card:hover,.memory-card:active,.memory-card.is-active{z-index:4;background:#ffffff24;box-shadow:0 25px 70px #0000004d,0 0 30px #dcb1d61f;transform:scale(1.035)translateY(-5px)!important}.card-1{top:18px;left:2%;transform:rotate(-4deg)}.card-2{animation-delay:-2.1s;top:130px;right:0;transform:rotate(4deg)}.card-3{animation-delay:-4.2s;top:255px;left:9%;transform:rotate(-2deg)}.memory-card.pink{background:linear-gradient(135deg,#f1a1b92b,#ffffff0f)}.memory-card.gold{background:linear-gradient(135deg,#e5be8029,#ffffff0f)}.memory-card.blue{background:linear-gradient(135deg,#849fff29,#ffffff0f)}@keyframes float{0%,to{margin-top:0}50%{margin-top:-7px}}.card-label{color:#ffffff8a;margin-bottom:18px}.memory-card strong{max-width:230px;font-family:Georgia,serif;font-size:21px;font-weight:500;line-height:1.12}.tap-note{color:#ffffff6b;letter-spacing:.05em;text-transform:uppercase;margin-top:auto;font-family:SFMono-Regular,Consolas,monospace;font-size:8px}.card-reply{color:#fff3e7;border-top:1px solid #ffffff29;width:100%;margin-top:17px;padding-top:13px;font-size:12px;line-height:1.55;display:block}.card-reply span{color:var(--pink);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;display:block}.card-reply em{color:#ffffff8c;font-style:normal}.room-caption{color:#ffffff61;text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:12px;margin-top:5px;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;display:flex}.room-caption p{margin:0}.caption-line{background:var(--pink);width:28px;height:1px;display:block}.notice-intro{color:#dddbe3;align-items:flex-start;gap:13px;max-width:285px;padding:4px 0 10px;font-family:Georgia,serif;font-size:20px;line-height:1.22;display:flex}.notice-intro p{margin:0}.pulse-dot{background:var(--pink);border-radius:50%;flex:0 0 8px;width:8px;height:8px;margin-top:8px;box-shadow:0 0 0 7px #f0a1b914,0 0 22px #f0a1b999}.point-room{background:radial-gradient(circle at 75% 30%,#9c84ff2e,#0000 31%),linear-gradient(145deg,#ffffff0e,#ffffff03);border:1px solid #ffffff1a;border-radius:28px;height:400px;margin:8px -10px 0;position:relative;overflow:visible}.light-beam{filter:blur(35px);background:#947fff21;border-radius:50%;width:280px;height:280px;animation:7s ease-in-out infinite breathe;position:absolute;top:-85px;right:-80px}@keyframes breathe{50%{opacity:.6;transform:translate(-35px,34px)scale(1.2)}}.glow-point{cursor:pointer;background:0 0;border:0;align-items:center;min-width:30px;min-height:30px;padding:0;display:flex;position:absolute}.point-1{top:22%;left:19%}.point-2{top:41%;right:20%}.point-3{bottom:22%;left:28%}.point-4{bottom:12%;right:13%}.point-core{background:#f5f1e9bf;border:1px solid #f5f1e9cc;border-radius:50%;width:14px;height:14px;transition:transform .25s;display:block;box-shadow:0 0 0 8px #f5f1e90e,0 0 24px #ffe6d4bf}.glow-point.open .point-core,.glow-point:active .point-core{background:var(--pink);transform:scale(1.35)}.point-label{color:#ffffff7a;white-space:nowrap;margin-left:12px}.point-card{z-index:3;text-align:left;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#191b2ae6;border:1px solid #ffffff30;border-radius:16px;width:min(260px,70vw);padding:15px;animation:.25s both card-in;display:block;position:absolute;top:28px;left:-12px;box-shadow:0 18px 50px #00000059}@keyframes card-in{0%{opacity:0;transform:translateY(5px)}}.point-card b{color:#f7dfe0;margin-bottom:12px;font-family:Georgia,serif;font-size:16px;font-weight:500;display:block}.point-line{color:#fffc;margin-top:8px;font-size:11px;line-height:1.45;display:block}.point-line small{color:var(--purple);text-transform:uppercase;margin-bottom:2px;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;display:block}.tiny-star{color:#ffffff3d;cursor:pointer;background:0 0;border:0;font-size:16px;transition:color .2s,transform .2s;position:absolute;bottom:42%;right:35%}.tiny-star:hover,.tiny-star.found{color:#f2d59b;transform:scale(1.2)}.star-note{opacity:0;color:#f2d59b;letter-spacing:.08em;text-transform:uppercase;margin:0;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;transition:opacity .4s;position:absolute;bottom:37%;right:18%}.star-note.visible{opacity:1}.fragment-track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;margin:24px -20px 0;padding:15px 20px 28px;display:flex;overflow-x:auto}.fragment-track::-webkit-scrollbar{display:none}.fragment-card{cursor:pointer;scroll-snap-align:center;text-align:left;background:#ffffff12;border:1px solid #ffffff2e;border-radius:25px;flex-direction:column;flex:0 0 min(74vw,286px);justify-content:space-between;align-items:flex-start;min-height:310px;padding:20px;transition:filter .45s,transform .3s,background .3s;display:flex;box-shadow:0 18px 48px #00000026}.fragment-card:hover,.fragment-card:active{background:#ffffff1f;transform:translateY(-5px)rotate(-1deg)}.fragment-card.blurred .fragment-quote{filter:blur(9px);opacity:.6}.fragment-card.rose{background:linear-gradient(150deg,#f1a1b926,#ffffff0a)}.fragment-card.cream{background:linear-gradient(150deg,#f2dfbc26,#ffffff0a)}.fragment-card.violet{background:linear-gradient(150deg,#a18aff2e,#ffffff0a)}.fragment-card.blue{background:linear-gradient(150deg,#789eff26,#ffffff0a)}.fragment-card.gold{background:linear-gradient(150deg,#e5be8026,#ffffff0a)}.fragment-card.mint{background:linear-gradient(150deg,#79d2bd21,#ffffff0a)}.fragment-index{color:#ffffff73}.fragment-quote{color:#f7eee8;max-width:230px;font-family:Georgia,serif;font-size:28px;line-height:1.04;transition:filter .5s,opacity .5s}.fragment-note{color:#ffffff85;font-size:11px;line-height:1.4}.track-dots{justify-content:center;gap:5px;display:flex}.track-dots span{background:#fff3;border-radius:50%;width:5px;height:5px;transition:width .25s,background .25s}.track-dots span.active{background:var(--pink);border-radius:4px;width:18px}.moving-intro{color:#ffffff8c;text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.architecture{background:radial-gradient(circle at 38% 37%,#e295b121,#0000 22%),radial-gradient(circle at 80% 74%,#738dff29,#0000 29%),#ffffff09;border:1px solid #ffffff21;border-radius:28px;height:min(62vh,480px);min-height:355px;margin:-4px -4px 0;position:relative;overflow:hidden;transform:perspective(900px)}.architecture:after{z-index:0;content:"";background:linear-gradient(115deg,#0000 22%,#ffffff14 38%,#0000 41%);animation:8s ease-in-out infinite sweep;position:absolute;inset:0}@keyframes sweep{50%{transform:translate(65%)}}.architecture-plane{z-index:1;background:#ffffff06;border:1px solid #ffffff24;position:absolute;transform:rotate(30deg)skewY(-10deg)}.plane-back{width:170px;height:230px;top:11%;left:-18%}.plane-front{width:215px;height:280px;bottom:-10%;right:-23%;transform:rotate(-28deg)skewY(8deg)}.ring{z-index:1;border:1px solid #f4d2da59;border-radius:50%;position:absolute;transform:rotateX(66deg)rotate(-18deg)}.ring-one{width:240px;height:120px;animation:12s linear infinite ring-float;top:20%;left:15%}.ring-two{border-color:#aaa1ff66;width:130px;height:72px;animation:9s linear infinite reverse ring-float;bottom:20%;right:10%;transform:rotateX(66deg)rotate(28deg)}@keyframes ring-float{to{transform:rotateX(66deg)rotate(342deg)translateY(-7px)}}.room-object{z-index:2;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;min-width:86px;min-height:86px;transition:transform .35s,background .35s,border-radius .35s;display:flex;position:absolute;box-shadow:inset 0 1px #fff3,0 20px 35px #00000029}.room-object:hover,.room-object.selected{z-index:4;background:#ffffff26;border-radius:24px;transform:scale(1.06)}.object-one{top:13%;left:14%}.object-two{border-radius:16px;width:68px;min-width:68px;height:68px;min-height:68px;top:27%;right:13%;transform:rotate(12deg)}.object-three{border-color:#efa1b873;width:74px;min-width:74px;height:74px;min-height:74px;bottom:20%;left:18%}.object-four{border-radius:28px;width:92px;min-width:92px;height:92px;min-height:92px;bottom:13%;right:18%;transform:rotate(-10deg)}.object-symbol{color:#f2d7dc;font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.object-name{color:#ffffff80;white-space:nowrap;position:absolute;top:calc(100% + 7px)}.object-message{z-index:5;text-align:left;background:#141624f0;border:1px solid #ffffff2e;border-radius:14px;width:190px;margin-top:13px;padding:13px;animation:.25s both card-in;display:block;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #00000059}.object-message span,.object-message em{color:#ffffffd4;font-size:11px;font-style:normal;line-height:1.4;display:block}.object-message em{color:var(--pink);margin-top:8px}.architecture-caption{color:#ffffff59;letter-spacing:.1em;text-align:center;text-transform:uppercase;margin:15px 0 0;font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.no-pressure{flex-direction:column;justify-content:center;min-height:410px;display:flex}.quiet-light{filter:blur(40px);background:#e09fb41c;border-radius:50%;width:180px;height:180px;position:absolute;top:2%;left:50%;transform:translate(-50%)}.soft-intro{color:#ffffff75;text-align:center;max-width:200px;margin:0 auto 35px;font-size:13px;line-height:1.5;position:relative}.soft-lines{text-align:center;position:relative}.soft-lines p{color:#ffffffdb;letter-spacing:-.04em;opacity:0;max-width:340px;margin:12px auto;font-family:Georgia,serif;font-size:clamp(28px,8vw,46px);line-height:1.02;transition:opacity .55s,transform .55s;transform:translateY(12px)}.soft-lines p:nth-child(2){color:#dbcfff}.soft-lines p:nth-child(3){color:#f6d9dd;max-width:310px;font-size:23px}.soft-lines p:nth-child(4){color:#f8e2a9;font-size:25px}.soft-lines p.shown{opacity:1;transform:translateY(0)}.reveal-button{color:#ffffffc2;cursor:pointer;letter-spacing:.07em;text-transform:uppercase;background:#ffffff12;border:1px solid #ffffff2e;border-radius:18px;align-self:center;margin-top:28px;padding:12px 17px;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;position:relative}.reveal-button:disabled{color:#ffffff59}.reveal-button span{color:var(--pink);margin-left:8px;font-size:14px}.no-pressure-footnote{color:#ffffff52;text-align:center;margin:0;font-size:11px;position:absolute;bottom:0;left:0;right:0}.final-room{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:460px;display:flex}.final-copy{z-index:2;position:relative}.final-lead,.final-answer{letter-spacing:-.06em;max-width:330px;margin:0 auto;font-family:Georgia,serif;font-size:clamp(35px,10.4vw,62px);line-height:.98}.final-lead{color:#f5eee6}.final-answer{color:#cfc5ff;opacity:0;margin-top:8px;transition:opacity .7s,transform .7s;transform:translateY(11px)}.final-answer.shown{opacity:1;transform:translateY(0)}.final-care{color:#ffffff80;margin:31px 0 0;font-size:13px}.final-orb{cursor:pointer;background:#ffffff14;border:1px solid #ffffff57;border-radius:50%;width:92px;height:92px;margin:56px auto 36px;position:relative;box-shadow:inset 0 1px #ffffff38,0 0 50px #cdb6ff29}.orb-core{background:#f4e5cf;border-radius:50%;width:23px;height:23px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 25px 6px #f8dcb7b8}.orb-halo{border:1px solid #f2d7de80;border-radius:50%;animation:4s ease-in-out infinite halo;position:absolute;inset:12px}@keyframes halo{50%{opacity:.55;transform:scale(1.13)}}.final-room.is-bloomed .final-orb{animation:.8s both bloom}@keyframes bloom{50%{transform:scale(1.2);box-shadow:0 0 80px 25px #dbbdff38}}.bloom-message{opacity:0;flex-direction:column;gap:7px;min-height:33px;transition:opacity .6s .15s,transform .6s .15s;display:flex;transform:translateY(10px)}.bloom-message.shown{opacity:1;transform:translateY(0)}.bloom-message strong{color:#f7dadd;font-family:Georgia,serif;font-size:19px;font-weight:500}.final-signoff{color:#ffffff6b;margin-top:42px}@media (width>=650px){.opening,.app-shell{padding-left:max(25px,50vw - 310px);padding-right:max(25px,50vw - 310px)}.room-stage{width:100%;max-width:560px;margin:0 auto}.floating-cards{min-height:420px}.memory-card{width:50%}.card-1{left:7%}.card-2{right:8%}.card-3{left:24%}.point-room{height:430px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}