@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  --evergreen:#17483B;
  --evergreen-2:#0D5A43;
  --sage:#4E956D;
  --soft-sage:#A9CFB5;
  --brass:#C5A44E;
  --green-beige:#E8E2C8;
  --ivory:#FBFAF4;
  --ink:#113F35;
  --muted:#687D79;
  --card:#FFFDF7;
  --line:rgba(23,72,59,.13);
  --shadow:0 20px 60px rgba(11,51,42,.14);
  --serif:'Cormorant Garamond', Georgia, serif;
  --sans:'Manrope', system-ui, -apple-system, Segoe UI, sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:var(--sans);color:var(--ink);background:#f7f5ed}
body{overflow-x:hidden}
button,input,select{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}

/* Desktop ambience */
.desktop-ambient{position:fixed;inset:0;overflow:hidden;z-index:0;background:linear-gradient(135deg,#f9f6eb 0%,#f3efe0 45%,#edf4ed 100%)}
.desktop-ambient:before{content:"";position:absolute;inset:-15%;background:radial-gradient(circle at 18% 18%,rgba(197,164,78,.16),transparent 24%),radial-gradient(circle at 85% 72%,rgba(78,149,109,.15),transparent 26%);animation:ambientShift 14s ease-in-out infinite alternate}
.ambient-orb{position:absolute;border-radius:50%;filter:blur(20px);opacity:.32;animation:floatOrb 10s ease-in-out infinite}
.orb-one{width:320px;height:320px;background:rgba(169,207,181,.35);left:4%;bottom:12%}
.orb-two{width:220px;height:220px;background:rgba(197,164,78,.24);right:8%;top:12%;animation-delay:-4s}
.ambient-stars{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(197,164,78,.35) 1px,transparent 1.8px);background-size:48px 48px;opacity:.16;animation:starsDrift 28s linear infinite}
@keyframes ambientShift{to{transform:translate3d(3%,2%,0) scale(1.03)}}
@keyframes floatOrb{50%{transform:translateY(-25px) translateX(12px) scale(1.08)}}
@keyframes starsDrift{to{background-position:120px 80px}}

/* Preloader */
.preloader{position:fixed;inset:0;z-index:9999;background:radial-gradient(circle at 50% 45%,#215c4c 0%,#103c32 34%,#082b24 75%);display:grid;place-items:center;overflow:hidden;transition:opacity .7s ease,visibility .7s ease}
.preloader.done{opacity:0;visibility:hidden}
.preloader-core{text-align:center;position:relative;z-index:2;animation:preloaderRise 1.2s cubic-bezier(.2,.8,.2,1) both}
.preloader-logo{width:min(320px,68vw);filter:drop-shadow(0 0 20px rgba(197,164,78,.25));animation:logoBreath 1.8s ease-in-out infinite}
.preloader-core p{color:#f9f2de;font-size:13px;letter-spacing:.18em;margin:22px 0 0;font-weight:600}
.preloader-core p span{color:var(--brass);padding:0 5px}
.preloader-light{height:2px;width:180px;margin:-5px auto 0;background:linear-gradient(90deg,transparent,var(--brass),#fff3bd,var(--brass),transparent);filter:drop-shadow(0 0 8px #d8b75b);animation:lightSweep 1.35s ease-in-out infinite}
.preloader-orbit{position:absolute;border:1px solid rgba(197,164,78,.16);border-radius:50%;animation:spin 12s linear infinite}
.orbit-a{width:480px;height:480px}.orbit-b{width:660px;height:660px;animation-duration:18s;animation-direction:reverse}
.preloader-stars i{position:absolute;width:4px;height:4px;border-radius:50%;background:#f5d779;box-shadow:0 0 16px #f5d779;animation:twinkle 1.8s ease-in-out infinite}
.preloader-stars i:nth-child(1){left:25%;top:25%}.preloader-stars i:nth-child(2){right:22%;top:32%;animation-delay:-.5s}.preloader-stars i:nth-child(3){left:37%;bottom:24%;animation-delay:-1s}.preloader-stars i:nth-child(4){right:34%;bottom:30%;animation-delay:-1.4s}.preloader-stars i:nth-child(5){left:51%;top:17%;animation-delay:-.8s}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes twinkle{50%{opacity:.25;transform:scale(.4)}}
@keyframes preloaderRise{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
@keyframes logoBreath{50%{transform:scale(1.015)}}
@keyframes lightSweep{0%,100%{opacity:.25;transform:scaleX(.45)}50%{opacity:1;transform:scaleX(1)}}

/* App shell */
.app-shell{position:relative;z-index:2;width:min(100%,520px);min-height:100svh;margin:0 auto;background:var(--ivory);overflow:hidden;box-shadow:var(--shadow)}
.screen{display:none;min-height:100svh;position:relative;background:linear-gradient(180deg,#fffef8 0%,#faf8f0 100%);animation:screenIn .48s cubic-bezier(.2,.8,.2,1) both}
.screen.active{display:block}
@keyframes screenIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
.scroll-reveal{opacity:0;transform:translateY(18px);animation:reveal .72s cubic-bezier(.2,.75,.2,1) forwards;animation-delay:var(--delay,0s)}
@keyframes reveal{to{opacity:1;transform:none}}
.logo{object-fit:contain}.logo-xl{width:250px}.logo-lg{width:205px}.logo-md{width:165px}.logo-home{width:150px}
.brand-foundation{font-size:15px;font-weight:800;letter-spacing:.01em;color:var(--evergreen);text-align:center}.brand-foundation b{color:var(--brass);padding:0 7px}.brand-foundation.compact{font-size:13px}

/* Welcome */
.screen-welcome{padding:44px 28px 26px;display:none;flex-direction:column;justify-content:flex-start;overflow:hidden}
.screen-welcome.active{display:flex}
.welcome-top{display:flex;flex-direction:column;align-items:center;gap:8px}
.welcome-copy{margin:38px auto 4px;text-align:center;position:relative;z-index:2}
.welcome-copy h1{font-family:var(--serif);font-size:41px;line-height:1.02;margin:0;font-weight:600;letter-spacing:-.025em;color:#124538}
.welcome-illustration{margin:10px -28px 0;position:relative;flex:1;min-height:260px;display:flex;align-items:flex-end}
.welcome-illustration:before{content:"";position:absolute;inset:-20px 0 auto;height:60px;background:linear-gradient(#fffef8,rgba(255,254,248,0));z-index:1}
.welcome-illustration img{width:100%;height:100%;min-height:300px;object-fit:cover;object-position:center 45%;filter:saturate(.95)}
.welcome-illustration:after{content:"";position:absolute;left:0;right:0;bottom:0;height:72px;background:linear-gradient(transparent,#fbfaf4)}
.welcome-actions{position:relative;z-index:3;margin-top:-12px;display:flex;flex-direction:column;gap:12px}
.btn-primary,.btn-outline{border:0;border-radius:22px;min-height:58px;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center;gap:16px;transition:.22s ease}
.btn-primary{color:white;background:linear-gradient(135deg,#1b6c50,#0c5a43);box-shadow:0 12px 24px rgba(23,72,59,.16)}
.btn-primary span{font-size:24px;font-weight:400;transition:transform .2s}.btn-primary:hover span{transform:translateX(4px)}
.btn-primary:active{transform:scale(.985)}
.btn-outline{background:rgba(255,253,247,.82);border:1px solid rgba(197,164,78,.35);color:var(--evergreen)}
.btn-large{width:100%}
.language-switch{display:flex;gap:14px;justify-content:center;align-items:center;font-size:15px;margin-top:5px}.language-switch strong{color:var(--evergreen)}.language-switch span{color:#97a7a1}.language-switch button{border:0;background:none;color:#47645d}
.line-icon.user-icon{width:22px;height:22px;border:2px solid var(--evergreen);border-radius:50%;position:relative;display:inline-block}.line-icon.user-icon:after{content:"";position:absolute;width:28px;height:14px;border:2px solid var(--evergreen);border-bottom:0;border-radius:18px 18px 0 0;left:-5px;top:18px}

/* Onboarding */
.screen-onboard{padding:26px 26px 0;overflow:hidden}
.back-btn{position:absolute;top:42px;left:26px;width:38px;height:38px;border:0;background:transparent;color:var(--evergreen);font-size:48px;line-height:32px;font-family:serif;z-index:3}
.onboard-header{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:15px}.onboard-header.simple{padding-top:24px}
.step-label{text-align:center;margin:28px 0 26px;color:#647773;font-weight:600}
.onboard-content{position:relative;z-index:2;text-align:center}
.onboard-content h1,.profile-content h1{font-family:var(--serif);font-size:43px;line-height:.98;font-weight:600;margin:0 0 14px;color:#13493c;letter-spacing:-.025em}
.onboard-content .lead{font-size:17px;line-height:1.52;color:#637672;margin:0 0 26px}.onboard-content .lead b{color:var(--evergreen)}
.phone-field{display:flex;align-items:center;border:1.5px solid #cbd5d3;border-radius:18px;background:white;min-height:68px;margin-bottom:16px;box-shadow:0 6px 20px rgba(23,72,59,.05)}
.country{height:42px;display:flex;align-items:center;gap:9px;padding:0 14px;border-right:1px solid #d9dfdc;font-weight:700}.flag-ms{font-size:20px}.chev{font-size:19px;color:#78908a}
.phone-field input{border:0;outline:0;background:transparent;font-size:19px;font-weight:700;min-width:0;width:100%;padding:0 16px;color:#1c3d56}
.helper{font-size:13px;color:#718681;margin:12px 0 24px}
.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.trust-row>div{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12px}.round-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#f5f0dd;color:var(--evergreen);position:relative}.round-icon:before{font-size:23px;font-weight:700}.round-icon.shield:before{content:"✓";border:2px solid var(--evergreen);border-radius:10px;padding:0 5px}.round-icon.bolt:before{content:"ϟ";font-size:34px}.round-icon.family:before{content:"●●●";font-size:13px;letter-spacing:-2px}.round-icon.pin:before{content:"●";border:6px solid var(--evergreen);width:19px;height:19px;border-radius:50%;color:white;box-shadow:0 8px 0 -5px var(--evergreen)}
.onboard-skyline{position:absolute;left:-10%;right:-10%;bottom:-15px;height:190px;background:url('../assets/images/welcome.webp') center 35% / cover no-repeat;opacity:.18;filter:saturate(.7);mask-image:linear-gradient(transparent,#000 35%)}
.otp-content{padding-top:22px}.otp-boxes{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:12px 0 24px}.otp-boxes input{width:100%;min-width:0;height:58px;text-align:center;border:1.5px solid #c9d5d1;border-radius:14px;background:white;font-size:24px;font-weight:800;color:var(--evergreen);outline:none}.otp-boxes input:focus{border-color:var(--sage);box-shadow:0 0 0 3px rgba(78,149,109,.12)}
.link-btn{border:0;background:none;color:var(--evergreen);font-weight:700;margin:16px auto}.link-btn span{color:var(--brass);margin-left:8px}.otp-note{display:flex;gap:12px;text-align:left;margin-top:26px;padding:15px;border:1px solid var(--line);border-radius:18px;background:#fffdf6}.otp-note .round-icon{width:40px;height:40px;flex:0 0 auto}.otp-note b{display:block;font-size:13px}.otp-note small{display:block;color:#6e817c;font-size:11px;margin-top:2px;line-height:1.4}

/* Profile */
.profile-screen{padding-bottom:26px}.profile-content{text-align:left}.profile-content h1{font-size:39px}.profile-content .lead.left{text-align:left;font-size:15px;margin-bottom:20px}.field-label{display:block;font-weight:700;font-size:14px;margin:15px 0 7px}.form-field{width:100%;height:56px;border:1.5px solid #d1d9d6;border-radius:13px;background:#fff;color:#183f57;padding:0 16px;font-size:16px;outline:none}.form-field:focus{border-color:var(--sage);box-shadow:0 0 0 3px rgba(78,149,109,.1)}
.privacy-card{margin-top:16px;padding:13px;border-radius:17px;background:linear-gradient(135deg,#f1f4e8,#eef3e7);display:grid;grid-template-columns:48px 1fr 62px;gap:10px;align-items:center}.privacy-card .round-icon{width:46px;height:46px;background:#dcebdc}.privacy-card b{display:block;font-size:14px}.privacy-card small{display:block;font-size:11px;color:#60736e;line-height:1.4;margin-top:2px}.toggle{border:0;width:56px;height:32px;border-radius:20px;background:#c8d4cf;padding:4px}.toggle span{display:block;width:24px;height:24px;border-radius:50%;background:white;box-shadow:0 2px 5px rgba(0,0,0,.14);transition:.2s}.toggle.on{background:linear-gradient(135deg,#1b6c50,#0c5a43)}.toggle.on span{transform:translateX(24px)}
.check-row{display:flex;align-items:center;gap:10px;margin:18px 6px;font-weight:600;font-size:13px}.check-row input{width:22px;height:22px;accent-color:var(--evergreen)}.check-row em{font-style:normal;color:#718681;font-weight:400}.leaf-corners:before,.leaf-corners:after{content:"";position:absolute;bottom:-25px;width:150px;height:150px;background:radial-gradient(ellipse at 75% 75%,rgba(78,149,109,.4) 0 12%,transparent 13%),radial-gradient(ellipse at 40% 62%,rgba(78,149,109,.28) 0 13%,transparent 14%),radial-gradient(ellipse at 65% 35%,rgba(23,72,59,.22) 0 12%,transparent 13%);opacity:.75}.leaf-corners:before{left:-40px}.leaf-corners:after{right:-40px;transform:scaleX(-1)}

/* Success */
.screen-created{padding:34px 24px 26px;text-align:center;overflow:hidden}.created-top{display:flex;justify-content:center}.success-scene{margin:15px -24px -5px;height:300px;overflow:hidden;position:relative}.success-scene img{width:100%;height:100%;object-fit:cover;object-position:center 45%;animation:houseFloat 5s ease-in-out infinite}.success-scene:after{content:"";position:absolute;left:0;right:0;bottom:0;height:55px;background:linear-gradient(transparent,var(--ivory))}.success-copy{position:relative;z-index:2;margin-top:-15px}.success-copy h1{font-family:var(--serif);font-size:43px;margin:0;color:#13493c}.success-copy>p{margin:2px 0 18px;font-size:18px;font-weight:600}.member-card{margin:0 auto 17px;padding:13px 22px;max-width:330px;border:1px solid rgba(197,164,78,.26);border-radius:18px;background:linear-gradient(135deg,#fffaf0,#f8f0dc);display:flex;align-items:center;justify-content:center;gap:14px}.house-glyph{font-size:36px;color:var(--brass)}.member-card small{display:block;font-weight:700}.member-card strong{font-size:30px;color:#124538}.benefit-list{list-style:none;padding:0;margin:0 auto 18px;max-width:330px;text-align:left;display:grid;gap:10px}.benefit-list li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.small-round{width:38px;height:38px;border-radius:50%;background:#e6f0e5;display:grid;place-items:center;position:relative}.small-round.book:before{content:"▯";font-size:24px}.small-round.play:before{content:"▶"}.small-round.family:before{content:"●●●";font-size:8px;letter-spacing:-2px}
@keyframes houseFloat{50%{transform:scale(1.02) translateY(-2px)}}

/* Home */
.screen-home{padding:24px 18px 94px;overflow:hidden}.home-bg-decoration{position:absolute;right:-20px;top:105px;width:260px;height:160px;background:url('../assets/images/welcome.webp') center 18% / cover no-repeat;opacity:.13;mask-image:linear-gradient(to left,#000,transparent 90%)}
.home-header{height:62px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;position:relative;z-index:3}.logo-home{justify-self:start}.icon-btn{border:0;background:none;color:var(--evergreen);width:40px;height:40px;border-radius:50%;display:grid;place-items:center}.menu-btn{display:flex;flex-direction:column;gap:5px;justify-content:center}.menu-btn span{display:block;width:24px;height:2px;background:var(--evergreen);border-radius:4px}.home-actions{display:flex;align-items:center;gap:5px}.bell-btn{position:relative}.bell-shape{width:19px;height:22px;border:2px solid var(--evergreen);border-top-left-radius:11px;border-top-right-radius:11px;border-bottom:0;position:relative}.bell-shape:after{content:"";position:absolute;bottom:-4px;left:3px;width:10px;height:4px;border-bottom:2px solid var(--evergreen);border-radius:50%}.bell-btn i{position:absolute;top:6px;right:5px;width:7px;height:7px;background:var(--brass);border-radius:50%}.avatar-btn{width:39px;height:39px;border:0;border-radius:50%;background:var(--evergreen);color:#f5dfae;box-shadow:0 3px 9px rgba(23,72,59,.15)}
.home-greeting{position:relative;z-index:2;margin:15px 0 12px}.home-greeting h1{font-family:var(--serif);font-size:29px;line-height:.95;margin:0;font-weight:600}.home-greeting h1 strong{font-size:36px}.home-greeting p{margin:7px 0 0;font-size:15px;font-weight:600}
.night-card{border-radius:24px;overflow:hidden;background:#063d42;position:relative;color:white;box-shadow:0 12px 25px rgba(8,55,50,.12);transition:.45s cubic-bezier(.2,.8,.2,1)}
.night-copy{padding:22px 22px 4px;position:relative;z-index:2;transition:.4s ease}.night-copy h2{font-family:var(--serif);font-size:31px;line-height:1.02;margin:0}.night-copy p{margin:4px 0 0;font-size:16px}.after-copy{display:none}.night-image{height:188px;overflow:hidden;position:relative}.night-image:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,38,40,.35),transparent 30%);z-index:1}.night-image img{width:100%;height:100%;object-fit:cover;animation:slowPan 12s ease-in-out infinite alternate}.checkin-btn{width:calc(100% - 24px);margin:0 12px 12px;min-height:58px;border:0;border-radius:20px;background:linear-gradient(135deg,#ecd27c,#f6e6a9);color:#16473a;font-weight:800;font-size:16px;box-shadow:0 5px 12px rgba(0,0,0,.18);transition:.3s ease}.checkin-btn:active{transform:scale(.985)}.checkin-btn b{font-size:22px;margin-left:20px}.after-label{display:none;grid-template-columns:38px 1fr 20px;align-items:center;text-align:left;gap:10px;padding:4px 10px}.after-label .checkmark{width:38px;height:38px;border-radius:50%;background:var(--evergreen);color:white;display:grid;place-items:center;font-style:normal;font-size:20px}.after-label span b{display:block;font-size:15px;margin:0}.after-label small{display:block;font-weight:500;font-size:11px}.sparkle{font-style:normal;color:#b88f28;font-size:21px}.night-card.checked .before-copy{display:none}.night-card.checked .after-copy{display:block}.night-card.checked .before-label{display:none}.night-card.checked .after-label{display:grid}.night-card.checked{box-shadow:0 0 0 1px rgba(197,164,78,.45),0 16px 32px rgba(8,55,50,.22)}
@keyframes slowPan{to{transform:scale(1.06) translateX(-1%)}}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:11px 0}.stat-grid article{min-height:125px;border:1px solid rgba(23,72,59,.1);border-radius:19px;background:rgba(255,253,247,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 3px 10px rgba(23,72,59,.035)}.stat-grid strong{font-family:var(--serif);font-size:35px;line-height:1}.stat-grid small{font-size:12px;font-weight:600;line-height:1.2}.stat-icon{height:36px;width:36px;display:block;position:relative}.stat-icon.flame:before{content:"◆";color:var(--brass);font-size:32px}.stat-icon.medal:before{content:"◎";color:#c69b33;font-size:39px;line-height:30px}.stat-icon.book:before{content:"▯";color:var(--evergreen);font-size:38px}.tonight-card{border:1px solid rgba(23,72,59,.1);border-radius:20px;background:rgba(255,253,247,.94);padding:14px 16px;margin-bottom:2px}.tonight-card h2{font-family:var(--serif);font-size:25px;margin:0 0 5px}.tonight-card a{text-decoration:none;color:var(--ink);display:grid;grid-template-columns:42px 1fr 20px;align-items:center;min-height:56px;border-top:1px solid rgba(23,72,59,.08);font-weight:600}.tonight-card a:first-of-type{border-top:0}.tonight-card b{font-size:25px;color:#49635d}.task-icon{width:36px;height:36px;border-radius:50%;background:#e1efe4;display:grid;place-items:center}.task-icon.moon:before{content:"☾";font-size:24px}.task-icon.journal:before{content:"▯";font-size:24px}.task-icon.people:before{content:"●●";font-size:9px}
.bottom-nav{position:absolute;left:0;right:0;bottom:0;height:82px;background:rgba(255,253,247,.96);backdrop-filter:blur(12px);border-top:1px solid rgba(23,72,59,.08);display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:max(8px,env(safe-area-inset-bottom));z-index:20}.bottom-nav button{border:0;background:none;color:#788d88;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;position:relative}.bottom-nav button.active{color:var(--evergreen)}.bottom-nav button.active:after{content:"";position:absolute;bottom:5px;width:38px;height:3px;background:var(--brass);border-radius:5px}.nav-icon{width:25px;height:25px;display:block;position:relative}.nav-icon.home:before{content:"⌂";font-size:31px;line-height:22px}.nav-icon.steps:before{content:"••";font-size:25px;letter-spacing:-2px}.nav-icon.collection:before{content:"▯";font-size:29px;line-height:23px}.nav-icon.profile:before{content:"○";font-size:28px;line-height:23px}
.checkin-glow{pointer-events:none;position:absolute;inset:0;z-index:30;opacity:0}.checkin-glow.active{animation:glowFade 1.3s ease-out}.checkin-glow span{position:absolute;width:8px;height:8px;background:#e7c662;border-radius:50%;box-shadow:0 0 18px #f7d86e}.checkin-glow span:nth-child(1){left:18%;top:36%}.checkin-glow span:nth-child(2){left:42%;top:29%}.checkin-glow span:nth-child(3){right:18%;top:43%}.checkin-glow span:nth-child(4){right:34%;top:22%}.checkin-glow span:nth-child(5){left:28%;top:52%}@keyframes glowFade{0%{opacity:0}20%{opacity:1}100%{opacity:0;transform:translateY(-22px)}}
.reveal-item{opacity:0;transform:translateY(12px);animation:revealItem .58s ease forwards}.reveal-item:nth-of-type(2){animation-delay:.08s}.reveal-item:nth-of-type(3){animation-delay:.15s}@keyframes revealItem{to{opacity:1;transform:none}}

/* Desktop install */
.desktop-install-card{display:none;position:fixed;z-index:4;right:max(34px,calc((100vw - 520px)/2 - 310px));top:50%;transform:translateY(-50%);width:255px;padding:24px;border-radius:24px;background:rgba(255,253,247,.8);backdrop-filter:blur(18px);box-shadow:0 25px 65px rgba(23,72,59,.12);border:1px solid rgba(255,255,255,.7)}
.desktop-install-card img{width:68px;height:68px;object-fit:contain;margin-bottom:16px}.desktop-install-card h2{font-family:var(--serif);font-size:28px;line-height:1;margin:0 0 10px}.desktop-install-card p{font-size:13px;line-height:1.55;color:#60736e}.desktop-install-card small{font-size:10px;color:#7a8b86;display:block;margin-top:10px}.btn-install{border:0;border-radius:15px;width:100%;min-height:48px;background:var(--evergreen);color:white;font-weight:800}

@media (min-width:900px){
  .app-shell{min-height:900px;height:min(930px,94vh);margin:3vh auto;border-radius:34px;box-shadow:0 34px 90px rgba(23,72,59,.18);border:8px solid rgba(255,255,255,.62)}
  .screen{min-height:100%;height:100%;overflow-y:auto;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}
  .desktop-install-card{display:block}
}
@media (max-width:520px){
  .app-shell{box-shadow:none}.desktop-install-card{display:none}.screen-welcome{padding-top:max(28px,calc(env(safe-area-inset-top) + 18px))}.welcome-copy h1{font-size:39px}.onboard-content h1{font-size:39px}.screen-home{padding-top:max(16px,env(safe-area-inset-top))}
}
@media (max-height:780px) and (max-width:520px){
  .welcome-copy{margin-top:20px}.welcome-copy h1{font-size:34px}.welcome-illustration{min-height:220px}.welcome-illustration img{min-height:240px}.welcome-actions{margin-top:-20px}.logo-xl{width:205px}.brand-foundation{font-size:13px}
}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}