@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Jost:wght@300;400;500;600&display=swap";:root{font-family:Jost,system-ui,sans-serif;color:#30452f;background:#f7f7f1}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #b59a54;outline-offset:3px}.screen{width:100%;max-width:680px;margin:0 auto;min-height:100svh;position:relative;overflow:hidden}.brand{text-align:center;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.compass{width:130px;height:59px;color:#ba9a54}.wordmark{font:400 clamp(4rem,14vw,6.7rem)/.88 "Cormorant Garamond",Georgia,serif;letter-spacing:.085em;color:#253b2c}.tagline{font:500 clamp(.52rem,2.15vw,.78rem) "Jost",sans-serif;letter-spacing:.19em;margin-top:13px;color:#3f563d;white-space:nowrap}.brand.small .compass{width:94px;height:43px}.brand.small .wordmark{font-size:clamp(2.8rem,10vw,4.4rem)}.brand.small .tagline{font-size:clamp(.45rem,1.75vw,.66rem);letter-spacing:.14em;margin-top:10px}.scene{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 69% 35%,#fffbe5 0,transparent 26%),linear-gradient(180deg,#fcfcf7 2%,#e9f0e6 48%,#a2bca8 79%,#668f7c);pointer-events:none;overflow:hidden}.scene:before{content:"";position:absolute;width:155%;height:42%;left:-27%;bottom:-5%;border-radius:50% 50% 0 0;background:repeating-radial-gradient(ellipse at 50% 22%,transparent 0 18px,#ecf8e64f 19px 21px,transparent 23px 51px)}.sun{position:absolute;top:34%;left:59%;height:30vmin;width:30vmin;max-width:200px;max-height:200px;border-radius:50%;background:#fff9c3d9;filter:blur(35px)}.leaf{position:absolute;background:linear-gradient(125deg,#b4c375,#5a7e4b 58%,#3d633c);width:89px;height:122px;border-radius:90% 9% 80% 10%;box-shadow:2px 6px 18px #4f6c443e}.leaf1{top:-25px;left:9px;transform:rotate(37deg)}.leaf2{top:-53px;left:95px;transform:rotate(-21deg) scale(.8)}.water-ripple{position:absolute;border:1px solid #ecfae590;border-radius:50%;left:50%;transform:translate(-50%)}.ripple1{width:80%;height:40px;bottom:19%}.ripple2{width:97%;height:58px;bottom:15%}.lotus{position:absolute;left:50%;bottom:18%;width:min(100%,490px);transform:translate(-50%);animation:float 6s ease-in-out infinite;filter:drop-shadow(0 7px 12px #45614c42)}.lotus-svg{display:block;width:100%}.splash{padding:5vh 18px max(27px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:space-between;align-items:center}.splash-top,.splash-bottom{position:relative;z-index:2}.splash-top{margin-top:2vh}.splash-bottom{width:100%;display:flex;flex-direction:column;align-items:center;gap:18px}.main-button,.outline-button{text-decoration:none;border-radius:999px;border:1px solid #6d855c;min-height:52px;padding:12px 28px;min-width:220px;font:500 clamp(1.2rem,5vw,1.5rem) "Cormorant Garamond",Georgia,serif;display:inline-flex;justify-content:center;align-items:center;gap:7px;transition:transform .18s}.main-button{color:#fffef9;background:linear-gradient(180deg,#84986e,#607c55);box-shadow:0 8px 25px #5c754a30}.outline-button{color:#435c44;background:#fefdf6}.main-button:active,.outline-button:active{transform:scale(.98)}.splash-poem{margin:0;font:italic 1.3rem/1.22 Cormorant Garamond,Georgia,serif;text-align:center;color:#fefdf6;text-shadow:0 2px 12px #2b514bb5}.dots{display:flex;justify-content:center;gap:9px;margin:3px 0}.dots span{width:9px;height:9px;border-radius:50%;border:1px solid #7d936f}.dots span.active{background:#718d63}.welcome{display:flex;flex-direction:column;background:#faf9f3}.welcome-image{height:31svh;min-height:205px;max-height:320px;position:relative;overflow:hidden}.welcome-image .scene{background:linear-gradient(180deg,#fafcf4 0,#c9dcca 65%,#829f8a)}.welcome-image .lotus{bottom:-22%;width:min(75%,300px)}.welcome-image .sun{top:30%}.welcome-brand{position:relative;z-index:3;padding:13px}.welcome-body{flex:1;border-radius:40px 40px 0 0;padding:20px 23px max(20px,env(safe-area-inset-bottom));margin-top:-19px;background:#faf9f3;position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.welcome h1{font:italic clamp(2.3rem,8vw,3.6rem)/1.05 "Cormorant Garamond",Georgia,serif;margin:2px 0 14px}.outline-heart{color:#b89d5c}.intro{font:1.32rem/1.28 Cormorant Garamond,Georgia,serif;max-width:440px;margin:0 0 14px}.mini-worlds{display:flex;gap:4px;justify-content:center;margin:10px 0 19px}.mini-worlds span{border:3px solid #fff;box-shadow:0 4px 12px #455e4626;border-radius:50%;width:clamp(52px,15vw,75px);height:clamp(52px,15vw,75px);display:grid;place-items:center;font-size:1.8rem;background:linear-gradient(135deg,#f8efda,#c8dbc5);color:#9a8c6a}.mini-worlds span:nth-child(2n){transform:translateY(11px);background:linear-gradient(135deg,#d6e7d5,#efecdf)}.promise{font:500 1.27rem/1.27 Cormorant Garamond,Georgia,serif;margin:16px 0}.promise em{font-weight:400}.welcome-actions{display:grid;gap:9px;width:min(100%,370px);margin:5px 0 9px}.welcome-actions button{width:100%}.home{background:radial-gradient(circle at 75% 4%,#fff7d5 0,transparent 22%),radial-gradient(ellipse at 10% 38%,#dfeddf 0,transparent 36%),#f8f8f0;padding:23px 16px 92px}.home-head{text-align:center;padding:2px 0 26px}.home-head h1{font:400 clamp(1.9rem,7vw,3rem) "Cormorant Garamond",Georgia,serif;margin:23px 0 7px}.home-head p{margin:0;font:400 1rem/1.4 Jost,sans-serif}.tile-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;max-width:560px;margin:auto}.tile{position:relative;grid-column:span 2;min-height:169px;border-radius:29px;border:1px solid #fdfdf9;background:#f4f4eb;padding:15px 9px 13px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px;color:#37503a;box-shadow:0 10px 30px #526c4c1c;text-align:center}.tile.large{grid-column:span 3;min-height:201px}.tile-green{background:linear-gradient(130deg,#d2dfcf,#edf1df 87%)}.tile-cream{background:linear-gradient(135deg,#fff9ef,#e9eee2 95%)}.tile-gold{background:linear-gradient(140deg,#f2e9d5,#fffaf0 90%)}.tile-icon{font:2.2rem Cormorant Garamond,serif;color:#78876d}.tile strong{font:500 clamp(1.06rem,4vw,1.5rem)/1.08 "Cormorant Garamond",Georgia,serif}.tile small{max-width:160px;font:400 clamp(.65rem,2.2vw,.78rem)/1.35 "Jost",sans-serif}.tile-arrow{font-size:1.15rem;color:#9b8550}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(100%,680px);z-index:6;background:#fffef8ed;border:1px solid #e9e6d7;border-radius:25px 25px 0 0;padding:10px 6px max(10px,env(safe-area-inset-bottom));display:flex;justify-content:space-around;box-shadow:0 -7px 20px #324e3915}.bottom-nav button{background:transparent;border:0;font-size:.74rem;color:#567159;display:grid;place-items:center;gap:3px}.bottom-nav button span{font-size:1.4rem}.detail{padding:22px;background:radial-gradient(circle at 70% 5%,#e6eee0,transparent 40%),#faf9f2}.back{border:0;color:#526b53;background:transparent;font-size:.9rem;margin-bottom:35px;padding:8px 0}.detail-panel{border-radius:30px;margin-top:48px;background:#fffef8;padding:23px;box-shadow:0 15px 30px #354d3010}.detail-panel h1{font:400 2.8rem Cormorant Garamond,Georgia,serif;margin:7px 0}.detail-panel p{line-height:1.55}.detail-panel .main-button{margin-top:15px}.eyebrow{color:#968252;letter-spacing:.16em;text-transform:uppercase;font-size:.75rem}@keyframes float{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-6px)}}@media(max-width:345px){.tile-grid{gap:7px}.tile{padding:10px 5px}.tile strong{font-size:1rem}.tile small{font-size:.64rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}