.welcome-screen{min-height:100dvh;padding:36px max(24px,env(safe-area-inset-left)) max(20px,var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));background:#f9f7f3;display:flex;flex-direction:column;align-items:center;animation:enter .4s ease}.welcome-brand{display:flex;align-items:center;gap:10px;align-self:flex-start;font-family:Manrope,sans-serif;font-weight:800;font-size:26px;letter-spacing:-1px;color:#dc735e}.welcome-brand svg{width:34px;height:34px;stroke-width:1.8}.brand-dot{color:#797e64}.welcome-content{max-width:1050px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;margin:auto;width:100%;padding:55px 0}.welcome-art{height:450px;position:relative;width:420px;max-width:100%;margin:auto}.art-orbit{position:absolute;width:365px;height:365px;border:1px dashed #d9d5c8;border-radius:50%;left:28px;top:33px;transform:rotate(-20deg)}.art-photo{position:absolute;width:216px;top:40px;left:21px;background:#fffdf8;padding:11px 11px 20px;box-shadow:0 15px 35px #78654512;border:1px solid #e8e2d4;transform:rotate(-10deg);border-radius:8px}.art-landscape{height:208px;overflow:hidden;position:relative;background:#dbe4df;border-radius:4px}.art-sun{width:58px;height:58px;background:#f5d2a1;position:absolute;top:33px;right:30px;border-radius:50%}.art-hill{position:absolute;width:280px;height:240px;transform:rotate(-30deg);border-radius:55% 30% 0 0;bottom:-140px;left:-70px;background:#859577}.art-hill.two{background:#5b7965;left:58px;bottom:-158px;transform:rotate(22deg)}.art-photo-caption{display:block;text-align:center;font-family:Georgia,serif;font-style:italic;font-size:16px;color:#8f7c65;padding-top:15px}.art-question{position:absolute;right:0;top:163px;padding:20px;width:228px;background:#e9dff2;border:1px solid #dccae9;border-radius:17px;transform:rotate(6deg);box-shadow:0 14px 30px #735a7b10;color:#675177}.art-question>svg{width:24px;height:24px;margin-bottom:16px}.art-question>span{display:block;font-family:Manrope;font-size:17px;font-weight:700;line-height:1.5}.art-answer{display:flex;align-items:center;justify-content:space-between;background:#fff8;border-radius:10px;padding:12px;font-size:11px;margin-top:15px}.art-answer svg{width:14px;height:14px}.art-note{position:absolute;left:47px;bottom:3px;padding:20px 27px;background:#f6e4dc;border:1px solid #edd2c4;border-radius:14px;transform:rotate(-7deg);box-shadow:0 12px 20px #8160510b}.art-note svg{width:20px;height:20px;color:#b3816b;margin-bottom:8px}.art-note span{display:block;font-family:Georgia;font-style:italic;line-height:1.5;font-size:19px;color:#9a705b}.art-spark{position:absolute;right:15px;top:35px;color:#b8ad84;font-size:69px;font-family:Georgia}.art-flower{position:absolute;bottom:17px;right:43px;color:#9aa783;font-size:67px}.welcome-copy h1{font-family:Manrope;font-size:49px;line-height:1.2;letter-spacing:-2px;margin:19px 0}.welcome-copy h1 em{font-family:Georgia;font-weight:400;color:#dd7964}.welcome-copy>p{font-size:15px;line-height:1.8;color:#848377}.welcome-features{display:flex;gap:27px;font-size:11px;color:#848374;margin:25px 0 30px}.welcome-features span{display:flex;align-items:center;gap:7px}.welcome-features svg{width:17px;height:17px}.welcome-actions{display:grid;gap:12px}.welcome-actions .btn{font-size:14px;padding:17px 22px;width:100%;border-radius:13px}.welcome-account{color:#61684f;background:#eeeee2;border:1px solid #dedfce}.welcome-account:hover{background:#e4e7d9}.welcome-login{text-align:center;font-size:12px!important;margin:20px 0!important}.welcome-login button{background:none;color:#a95847;text-decoration:underline;font-weight:600;padding:9px 4px}.welcome-privacy{display:flex;align-items:center;justify-content:center;gap:7px;color:#99978a;font-size:10px;margin-top:13px}.welcome-privacy svg{width:13px;height:13px}.welcome-footer{font-size:10px;letter-spacing:.4px;color:#a2a08e}.guest-banner{background:#faf0e6;border:1px solid #eddfcb;border-radius:13px;padding:15px 18px;margin-bottom:23px;display:flex;align-items:center;justify-content:space-between;gap:14px}.guest-banner b{font-size:12px;display:flex;align-items:center;gap:7px;font-weight:600;color:#947050}.guest-banner b svg{width:15px;height:15px}.guest-banner p{font-size:10px;line-height:1.7;color:#8e806f;margin:6px 0 0}.guest-connect{display:flex;align-items:center;gap:7px;border:1px solid #e8ceb8;border-radius:9px;padding:10px;background:#fff8;color:#946e50;font-size:11px;white-space:nowrap}.guest-connect svg{width:14px;height:14px}.guest-settings-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:17px}.guest-summary{margin:22px 0 0;font-size:12px;line-height:1.8;color:#847b6b}.native-app .sidebar{display:none}.native-app .shell{display:block}.native-app .main{padding:calc(20px + var(--safe-area-inset-top,env(safe-area-inset-top,0px))) 19px calc(95px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));max-width:1000px}.native-app .mobile-nav{display:flex}.native-app .dashboard-grid{grid-template-columns:1fr 1fr}.native-app button{min-height:44px}.native-app .photo-dots button{min-height:8px}.native-app .mobile-nav button{min-height:48px}.native-app .private{display:none}.native-app .topbar{margin-bottom:20px}.native-app .topbar .date-word{display:none}.native-app .icon-button img{pointer-events:none}body{overscroll-behavior-y:none}.main{padding-top:max(30px,var(--safe-area-inset-top,env(safe-area-inset-top,0px)))}input,select,textarea{font-size:16px}dialog{overscroll-behavior:contain}.mobile-nav{padding-bottom:max(10px,var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}
@media(max-width:620px){.welcome-screen{padding:calc(23px + var(--safe-area-inset-top,env(safe-area-inset-top,0px))) 24px max(18px,var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}.welcome-brand{font-size:23px}.welcome-brand svg{width:30px;height:30px}.welcome-content{display:flex;flex-direction:column;gap:16px;padding:22px 0 18px}.welcome-art{width:320px;height:295px}.art-orbit{width:260px;height:260px;top:7px;left:25px}.art-photo{width:160px;left:19px;top:17px;padding:8px 8px 13px}.art-landscape{height:145px}.art-photo-caption{font-size:12px;padding-top:11px}.art-sun{width:44px;height:44px;top:18px;right:24px}.art-hill{width:210px;height:160px;bottom:-85px;left:-65px}.art-hill.two{bottom:-103px;left:35px}.art-question{width:172px;top:100px;right:1px;padding:15px;border-radius:14px}.art-question>svg{width:17px;height:17px;margin-bottom:10px}.art-question>span{font-size:12px;line-height:1.5}.art-answer{font-size:9px;padding:9px;margin-top:12px}.art-answer svg{width:11px;height:11px}.art-note{left:32px;bottom:5px;padding:12px 19px;border-radius:11px}.art-note svg{width:16px;height:16px;margin-bottom:3px}.art-note span{font-size:14px}.art-flower{font-size:44px;bottom:0;right:28px}.art-spark{font-size:46px;top:0;right:14px}.welcome-copy{width:100%;text-align:center}.welcome-copy .eyebrow{font-size:8px}.welcome-copy h1{font-size:36px;letter-spacing:-1.2px;margin:12px 0}.welcome-copy>p{font-size:12px;line-height:1.8;margin:0}.welcome-features{justify-content:center;font-size:10px;gap:23px;margin:18px 0 21px}.welcome-features svg{width:15px;height:15px}.welcome-actions{gap:10px}.welcome-actions .btn{font-size:12px;padding:14px;min-height:48px}.welcome-login{font-size:11px!important;margin:10px 0!important}.welcome-privacy{font-size:9px;margin-top:0}.welcome-footer{font-size:8px;margin-top:6px}.guest-banner{padding:13px;flex-wrap:wrap;gap:9px;margin-bottom:20px}.guest-banner b{font-size:11px}.guest-banner p{font-size:10px;margin-top:5px}.guest-connect{padding:6px 9px;font-size:10px;min-height:36px}.native-app .dashboard-grid{display:flex}.native-app .main{padding-top:calc(17px + var(--safe-area-inset-top,env(safe-area-inset-top,0px)))}.native-app .photo-card{height:300px}.native-app .photo-controls button{width:37px;height:37px;min-height:37px}.native-app .photo-reaction{min-height:44px;min-width:44px}.native-app .mobile-nav button{font-size:9px}.native-app .day-streak{margin-top:15px}.native-app .top-right{gap:4px}}
@media(max-height:740px) and (max-width:620px){.welcome-content{padding-top:14px;gap:11px}.welcome-art{transform:scale(.84);height:248px;margin-top:-13px;margin-bottom:-5px;transform-origin:center center}.welcome-copy h1{font-size:32px;margin:10px 0}.welcome-features{margin:13px 0 16px}.welcome-login{margin:4px 0!important}}
@media(max-height:500px) and (min-width:621px){.welcome-content{gap:35px;padding:20px 0}.welcome-art{transform:scale(.7);height:300px;transform-origin:center top}.welcome-copy h1{font-size:33px}.welcome-copy>p{font-size:12px}.welcome-features{margin:12px 0 17px}.welcome-actions .btn{padding:12px}.welcome-screen{padding-top:17px}.welcome-privacy{margin-top:0}}