:root{--plum:#611b61;--gold:#d4af37;--ink:#240c2a;--muted:#948798;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d4af37;outline-offset:4px}button:disabled{cursor:wait}[hidden]{display:none!important}.svg-defs{position:absolute;width:0;height:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}svg{width:24px;height:24px;display:block}#app{width:100%;min-height:100svh;overflow-x:clip}.screen{min-height:100svh;animation:appear .2s ease-out}.welcome{height:100vh;height:100dvh;min-height:560px;position:relative;isolation:isolate;overflow:hidden;color:white}.welcome:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#13081730 0%,transparent 35%,transparent 52%,#14071966 100%);z-index:-1}.welcome-photo{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center;z-index:-2}.welcome-logo{position:absolute;width:87%;left:6.5%;top:calc(env(safe-area-inset-top) + 7.3%)}.welcome-bottom{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 6.7%);left:5.4%;right:5.4%}.welcome h1{font-size:clamp(32px,8.8vw,43px);font-weight:800;letter-spacing:-1.2px;line-height:1.08;margin:0 0 24px;text-shadow:0 2px 12px #210a1940}.welcome em{font-style:normal;color:var(--gold)}.welcome-tags{font-size:clamp(10px,2.8vw,13px);letter-spacing:2.3px;display:flex;justify-content:space-between;align-items:center;white-space:nowrap;margin:0 0 17px}.welcome-tags b{color:#eacb20;font-size:16px}.primary{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;min-height:46px;border:0;border-radius:11px;background:linear-gradient(115deg,#851478,#520c51);color:white;font-weight:700;box-shadow:0 8px 17px #611b611f;transition:transform .18s ease,box-shadow .18s ease}.primary span{font-size:24px;font-weight:400}.primary:active{transform:scale(.98)}.welcome-cta{font-weight:400;font-size:17px;min-height:49px;background:linear-gradient(115deg,#611b61,#551958)}.paper{position:relative;isolation:isolate;background:#fff;overflow:hidden}.paper:before,.paper:after{content:"";position:absolute;pointer-events:none;z-index:-1;width:145%;height:210px;left:-20%;border:10px solid #611b6107;border-radius:50%;transform:rotate(-25deg)}.paper:before{top:-131px;box-shadow:0 13px 0 #611b6108,0 30px 0 #611b6104}.paper:after{bottom:-173px;transform:rotate(8deg);border-color:#611b610a;box-shadow:0 -9px 0 #fff,0 -17px 0 #611b6112,0 -26px 0 #fff,0 -33px 0 #611b6108}.login{padding:calc(env(safe-area-inset-top) + 38px) 21px calc(env(safe-area-inset-bottom) + 18px)}.login-content{max-width:430px;margin:0 auto}.plum-logo{filter:url(#plum-logo)}.login-logo{display:block;width:88%;margin:8px auto 21px}.login h1{text-align:center;font-size:26px;letter-spacing:-.6px;margin:0 0 7px}.login-description{text-align:center;color:#8b7e90;font-size:14px;line-height:1.35;margin:0 0 19px}.field{display:flex;align-items:center;gap:14px;border:1px solid #e7dce8;border-radius:11px;box-shadow:0 4px 10px #46204108;padding:0 15px;height:46px;margin-bottom:9px}.field>span{color:#511e3a}.field svg{width:20px;height:20px}.field input{width:100%;min-width:0;border:0;background:transparent;padding:12px 0;font-size:16px;color:var(--ink);outline:0}.field:focus-within{border-color:var(--plum);box-shadow:0 0 0 2px #611b6115}.field input::placeholder{color:#958899;opacity:1}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:8px;margin:16px 0 20px}.login-options label{display:flex;align-items:center;white-space:nowrap;gap:6px;color:#262029}.login-options input{accent-color:#851478;width:18px;height:18px;margin:0}.text-link{padding:0;background:none;border:0;text-decoration:underline;color:#841a75;font-weight:bold;font-size:11px;min-height:30px}.or{display:flex;align-items:center;gap:12px;color:#8e8093;font-size:12px;margin:17px 0 12px}.or:before,.or:after{content:"";flex:1;height:1px;background:#e6dfe8}.social{display:flex;gap:13px;justify-content:center;align-items:center;border:1px solid #e6dde7;border-radius:10px;box-shadow:0 3px 9px #4b194b06;background:#fff;width:100%;height:44px;margin-bottom:7px;font-weight:700;font-size:14px;color:#240c2a}.google-icon{font-size:29px;line-height:1;font-weight:800;background:conic-gradient(#4285f4 0 25%,#34a853 25% 45%,#fbbc05 45% 67%,#ea4335 67% 84%,#4285f4 84%);background-clip:text;color:transparent}.apple-icon{width:28px;height:28px;color:#080f13}.plans-caption{text-align:center;font-size:12px;color:#705579;margin:17px 0 8px}.plans-button{display:flex;align-items:center;justify-content:center;min-height:41px;border:1px solid #e8ae29;border-radius:11px;font-size:14px;font-weight:700}.beta-footer{text-align:center;color:#b39db7;font-size:9px;margin:18px 0 0}.error{font-size:12px;color:#7e1740;line-height:1.5;padding:10px;background:#fff3f7;border-radius:8px}.dashboard{padding:calc(env(safe-area-inset-top) + 23px) 13px calc(env(safe-area-inset-bottom) + 16px)}.student-actions{position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:1;display:flex;gap:8px}.student-actions button{border:0;border-radius:50%;width:44px;height:44px;min-width:44px;min-height:44px;aspect-ratio:1;flex:0 0 44px;padding:0;display:grid;place-items:center;background:white;box-shadow:0 3px 9px #35122d1a;color:var(--plum)}.student-actions button:last-child{border:1px solid #ffffff80;background:linear-gradient(130deg,#b4219a,#611b61);color:#fff}.student-actions svg{width:22px;height:22px}.review-notice{font-size:10px;color:#715e76;background:#f8f3f8;text-align:center;padding:5px;margin:0 0 7px;border-radius:5px}.student-card{position:relative;isolation:isolate;overflow:hidden;color:white;border-radius:12px;padding:14px 17px 11px;background:linear-gradient(115deg,#591151,#7c196e 68%,#501047);box-shadow:0 5px 11px #51154825}.student-card:before{content:"";position:absolute;z-index:-1;width:100%;height:100%;right:-33%;top:-37%;border-bottom:4px solid #d9b95d;border-radius:50%;transform:rotate(-25deg);box-shadow:0 14px 0 #b75da226,0 26px 0 #d690c11a}.student-card:after{content:"";position:absolute;z-index:-1;width:150%;height:100%;right:-48%;top:55%;border-top:1px solid #c18cba77;border-radius:50%;transform:rotate(-16deg)}.student-top{position:relative;display:flex;gap:12px;align-items:center;min-height:96px;padding-right:104px}.student-photo{width:76px;height:76px;border:3px solid #e4ba36;padding:3px;border-radius:50%;flex-shrink:0;overflow:hidden;background:#fff}.student-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%}.student-info{min-width:0;flex:1}.student-info p{font-size:11px;color:#FFFFFF;margin:0 0 4px}.student-info h1{font-size:23px;margin:0 0 7px;line-height:1.15;overflow-wrap:anywhere}.student-meta{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:11px}.student-meta strong{font-size:10px;color:#351237;background:#e4bf54;border-radius:18px;padding:4px 10px}.student-meta>span{color:#FFFFFF}.student-message{border-top:1px solid #b08cab99;padding-top:10px;margin:10px 0 0;font-size:11px;line-height:1.4;color:#FFFFFF}.card-section h2{display:flex;align-items:center;gap:9px;font-size:17px;letter-spacing:-.6px;margin:19px 0 9px}.card-section h2>span{color:#a11c90}.card-section h2 svg{width:20px;height:20px}.card-section h2 i{width:2px;height:14px;background:#e0a52a;margin:0 1px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.nav-card{position:relative;overflow:hidden;text-align:left;display:flex;align-items:center;gap:7px;border:1px solid #f2edf2;background:#FFFFFF;border-radius:10px;box-shadow:0 7px 14px #47133913;min-height:84px;padding:12px 8px;color:var(--ink);transition:transform .2s ease,box-shadow .2s ease;isolation:isolate}.nav-card:after{content:"";position:absolute;right:-18px;bottom:-36px;width:80px;height:65px;transform:rotate(-40deg);background:#611b6103;z-index:-1}.nav-card .card-icon{color:#611B61;width:36px;height:36px;flex-shrink:0;background:#f9f4f8;border-radius:50%;display:grid;place-items:center;transition:transform .2s ease}.card-icon svg{width:21px;height:21px}.card-text{display:block;min-width:0}.card-text strong{display:block;color:#611B61;font-size:14px;font-weight:800;letter-spacing:-.2px;line-height:1.3;overflow-wrap:break-word}.card-text small{display:block;color:#3D3540;font-size:11px;font-weight:600;margin-top:5px;line-height:1.35}.card-text em{display:block;font-style:normal;color:#8A5A00;font-size:11px;font-weight:700;margin-top:5px;line-height:1.3}.nav-card:active,.nav-card.pressed{transform:scale(.965);box-shadow:0 2px 6px #47133920}.nav-card:active .card-icon,.nav-card.pressed .card-icon{transform:translateY(-2px) rotate(-5deg)}.dashboard-footer{text-align:center;margin:23px 0 0;font-size:11px}.heart-rule{display:flex;gap:9px;align-items:center;color:#a02590;max-width:95%;margin:auto auto 6px}.heart-rule:before,.heart-rule:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#bf8abd)}.heart-rule:after{transform:rotate(180deg)}.heart-rule svg{width:19px;height:19px}.dashboard-footer p{color:#9a899f;font-size:9px;margin:4px 0 0}.toast{position:fixed;z-index:5;bottom:calc(env(safe-area-inset-bottom) + 20px);left:18px;right:18px;background:#341137;color:white;border-radius:12px;padding:14px 17px;font-size:13px;line-height:1.4;box-shadow:0 6px 24px #28032930}.desktop-message{display:none}.desktop-message img{width:110px}.desktop-message h1{font-size:26px}.desktop-message p{color:#806e84;line-height:1.6}.desktop-url{font-size:13px;overflow-wrap:anywhere}@keyframes appear{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}@media(min-width:400px){.login{padding-top:55px}.login-logo{margin-bottom:27px}.login-description{margin-bottom:25px}.field{height:49px}.login-options{margin:18px 0 22px}.social{height:46px}.student-photo{width:82px;height:82px}.student-info h1{font-size:25px}.nav-card{min-height:88px}.card-text strong{font-size:15px}.card-text small{font-size:12px}.card-section h2{margin-top:21px}.dashboard-footer{margin-top:26px}}@media(max-width:340px){.login{padding-inline:17px;padding-top:30px}.login-logo{margin-bottom:16px}.login h1{font-size:24px}.login-description{font-size:13px}.login-options{font-size:11px}.text-link{font-size:10px}.field{gap:10px;padding-inline:12px}.field input{font-size:16px}.dashboard{padding-inline:10px}.nav-card{gap:4px;padding:11px 5px}.nav-card .card-icon{width:29px;height:29px}.card-icon svg{width:18px;height:18px}.card-text strong{font-size:13px}.card-text small{font-size:11px}.student-card{padding:12px}.student-photo{width:65px;height:65px}.student-info h1{font-size:21px}.student-meta{gap:5px}.student-meta strong{font-size:9px;padding:4px 7px}.student-message{font-size:10px}.welcome h1{font-size:30px}.welcome-tags{letter-spacing:1.5px}}@media(min-width:600px){#app{display:none}.desktop-message{display:flex;min-height:100svh;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.toast{max-width:450px;margin:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.nav-card:active,.nav-card.pressed,.nav-card:active .card-icon,.nav-card.pressed .card-icon{transform:none}}

@media(max-width:399px){.student-top{padding-right:82px;gap:9px}.student-actions{gap:6px}.student-actions button{width:36px;height:36px;min-width:36px;min-height:36px;flex-basis:36px}.student-actions svg{width:20px;height:20px}.student-photo{width:65px;height:65px}}

/* Approved white, plum and gold design — login and member dashboard. */
.login{padding:0 0 calc(env(safe-area-inset-bottom) + 22px);background:#fff}
.login:before{display:none}
.login:after{bottom:-164px;border-color:#d8b96a55;box-shadow:0 -8px 0 #fff,0 -16px 0 #611b610a,0 -25px 0 #fff,0 -32px 0 #d8b96a25}



.login-content{position:relative;z-index:1;max-width:470px;padding:0 19px;margin:0 auto}
.login-logo{filter:none;display:block;width:88%;height:auto;max-width:350px;margin:-4px auto 18px}
.login h1{font-size:clamp(26px,7vw,34px);font-weight:800;letter-spacing:-.8px;margin:0 0 9px;color:#300d32}
.login-description{font-size:16px;line-height:1.4;max-width:340px;margin:0 auto 19px;color:#796d80}
.login .field{height:48px;padding:0 15px;gap:13px;border-color:#dcd2df;box-shadow:0 3px 10px #611b6104;margin-bottom:10px}
.login .field input{font-size:16px;color:#401642}
.login .field input::placeholder{color:#86718a}
.login .field>span{color:#611B61}
.login .field svg{height:22px;width:22px}
.login-options{font-size:12px;margin:13px 0 15px;gap:8px}
.login-options input{width:21px;height:21px;accent-color:#611B61}
.login-options label{color:#321237}
.login .text-link{color:#611B61;font-size:12px}
.login .primary{height:48px;background:linear-gradient(110deg,#781b72,#611B61 65%,#501750);font-size:20px;border-radius:10px}
.login .primary span{font-size:28px}
.login .or{margin:14px 0 12px;font-size:13px}
.login .social{height:45px;font-size:14px;border-color:#ddd3df;border-radius:10px;margin-bottom:8px;gap:14px}
.login .plans-caption{font-size:13px;margin:13px 0 7px;color:#88738d}
.login .plans-button{min-height:43px;font-size:16px;border-color:#d4af37;color:#511754}
.login .beta-footer{font-size:9px;margin:28px 0 0;color:#8b7890}
.dashboard{padding:0;background:#611B61}
.dashboard:before,.dashboard:after{display:none}
.student-card{border-radius:0;padding:calc(env(safe-area-inset-top) + 23px) 15px 26px;box-shadow:none;background:radial-gradient(ellipse at 80% 80%,#801c76 0,transparent 60%),linear-gradient(135deg,#201736,#611B61 75%)}
.student-card:before{width:130%;height:120px;top:auto;bottom:42px;right:-12%;border-bottom:3px solid #d8b96a;border-radius:50%;transform:rotate(-2deg);box-shadow:0 5px 0 #d8b96a36,0 10px 0 #ad4b9826}
.student-card:after{width:120%;height:100px;right:-4%;top:auto;bottom:46px;transform:rotate(5deg);border-top:0;border-bottom:1px solid #d8b96a88}
.student-top{min-height:98px;padding-right:53px;gap:12px;align-items:center}
.student-actions{top:50%;right:0;flex-direction:column;gap:7px;transform:translateY(-50%)}
.student-actions button{width:42px;height:42px;min-width:42px;min-height:42px;flex:0 0 42px;border-radius:50%;box-shadow:0 3px 10px #17051c15}
.student-actions button:last-child{border:1px solid #e5c4e688;background:#ffffff0e}
.student-actions svg{width:23px;height:23px}
.student-photo{width:79px;height:79px;border:3px solid #e2bb47;padding:3px;background:#fff}
.student-info p{font-size:12px;line-height:1.3;margin:0 0 4px;color:#fff}
.student-info h1{font-size:clamp(23px,6.3vw,31px);letter-spacing:-.6px;line-height:1.15;margin:0 0 8px}
.student-meta{font-size:11px;gap:8px;row-gap:5px}
.student-meta strong{font-size:10px;padding:5px 10px;color:#36123a;background:linear-gradient(100deg,#f4dd8b,#dfb53f);border-radius:18px;line-height:1.1}
.student-message{border:0;margin:18px 0 0;padding:10px 0 0;color:#fff;font-size:12px;line-height:1.45}
.dashboard-sheet{position:relative;z-index:1;margin-top:-12px;background:#fff;border-radius:16px 16px 0 0;padding:17px 8px 0;overflow:hidden}
.card-section h2{font-size:22px;letter-spacing:-.7px;gap:10px;margin:0 4px 12px;color:#300d32}
.card-section+.card-section{margin-top:19px}
.card-section h2>span{color:#872580}
.card-section h2 svg{width:25px;height:25px}
.card-section h2 i{background:#d4af37;height:18px;width:2px;margin:0 1px}
.cards{gap:8px}
.nav-card{min-height:94px;gap:8px;padding:13px 16px 15px 9px;border:1px solid #96558f66;border-radius:10px;color:#fff;background:radial-gradient(ellipse at 18% 0%,#802476 0,transparent 72%),linear-gradient(125deg,#611B61,#551451);box-shadow:0 5px 13px #4c17441a}
.nav-card:before{content:"";position:absolute;left:-8%;bottom:-24px;width:135%;height:32px;border-top:1px solid #d8b96aac;border-radius:50%;transform:rotate(9deg);z-index:-1;pointer-events:none}
.nav-card:after{content:"";position:absolute;right:7px;top:50%;bottom:auto;width:6px;height:6px;border-top:1px solid #fff;border-right:1px solid #fff;background:none;transform:translateY(-50%) rotate(45deg);z-index:0}
.nav-card .card-icon{width:38px;height:38px;flex-shrink:0;color:#fff;background:linear-gradient(135deg,#ffffff20,#ffffff05);border:1px solid #d8b96a88;border-radius:50%}
.card-icon svg{width:23px;height:23px}
.card-text strong{color:#fff;font-size:14px;font-weight:700;letter-spacing:-.25px;line-height:1.28}
.card-text small{color:#f5eaf3;font-size:11px;font-weight:400;line-height:1.35;margin-top:5px}
.card-text em{color:#f4d46e;font-size:11px;font-weight:700;margin-top:6px;line-height:1.3}
.dashboard-footer{position:relative;isolation:isolate;margin:20px -8px 0;padding:0 14px calc(65px + env(safe-area-inset-bottom));min-height:147px;color:#611B61;font-size:12px;background:linear-gradient(#fff,#fffaf3)}
.heart-rule{color:#8d2b84;max-width:94%;margin:0 auto 8px;gap:12px}
.heart-rule svg{width:27px;height:27px}
.heart-rule:before,.heart-rule:after{background:linear-gradient(90deg,transparent,#a94c9f)}
.dashboard-footer>strong{font-size:12px;font-weight:800}
.dashboard-footer>p{font-size:10px;color:#86748c;margin:5px 0 0}


@media(min-width:450px){.nav-card{min-height:105px;padding-inline:12px 21px;gap:10px}.card-text strong{font-size:16px}.card-text small,.card-text em{font-size:12px}.nav-card .card-icon{width:43px;height:43px}.student-photo{width:86px;height:86px}.student-meta strong{font-size:12px}.student-info p,.student-message{font-size:13px}}
@media(max-width:359px){.login-content{padding-inline:16px}.login-logo{margin-bottom:14px}.login-description{font-size:14px}.login-options,.login .text-link{font-size:11px}.student-card{padding-inline:12px}.student-top{gap:8px;padding-right:48px}.student-photo{width:62px;height:62px}.student-actions button{width:40px;height:40px;min-width:40px;min-height:40px;flex-basis:40px}.student-info p{font-size:10px}.student-info h1{font-size:22px}.student-meta{gap:5px;font-size:10px}.student-meta strong{font-size:9px;padding:5px 7px}.nav-card{padding-left:7px;padding-right:14px;gap:6px;min-height:96px}.nav-card .card-icon{width:31px;height:31px}.card-icon svg{width:20px;height:20px}.card-text strong{font-size:13px}.card-text small,.card-text em{font-size:10px}.card-section h2{font-size:20px}}

/* Photo-free screens sized to the available mobile viewport. */
.login{padding:calc(env(safe-area-inset-top) + 18px) 0 calc(env(safe-area-inset-bottom) + 16px)}
.login-content{display:flex;flex-direction:column;min-height:calc(100svh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 34px)}
.login-logo{flex-shrink:0;margin:0 auto clamp(18px,3svh,28px)}
.login .beta-footer{margin-top:auto;padding-top:24px}
.dashboard{min-height:100svh;display:flex;flex-direction:column}
.student-card{flex-shrink:0}
.dashboard-sheet{flex:1;display:flex;flex-direction:column;min-height:0}
.dashboard-footer{min-height:0;margin-top:auto;padding:22px 14px calc(18px + env(safe-area-inset-bottom));background:#fff}
@media(max-height:740px){.login-logo{width:80%;max-width:290px;margin-bottom:16px}.login h1{font-size:26px}.login-description{font-size:14px;margin-bottom:15px}.login .beta-footer{padding-top:20px}.login .plans-caption{margin-top:10px}}

/* Touch and keyboard feedback for the two circular member actions. */
.student-actions button{transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;transform-origin:center}
.student-actions button:active,.student-actions button.pressed{transform:scale(.9);filter:brightness(1.12);box-shadow:0 0 0 5px #ffffff25,0 2px 6px #20082230}
@media(prefers-reduced-motion:reduce){.student-actions button:active,.student-actions button.pressed{transform:none}}

/* Welcome only: full-bleed photo, including the installed iPhone safe areas. */
@media(max-width:599px){
  html:has(#welcome:not([hidden])){height:100%;overflow:hidden;background:#241425 url('/assets/runners.png') center/cover no-repeat}
  body:has(#welcome:not([hidden])){height:100%;min-height:var(--welcome-height,100dvh);overflow:hidden;background:transparent;overscroll-behavior:none}
  #app:has(#welcome:not([hidden])){height:var(--welcome-height,100dvh);min-height:0;overflow:hidden}
  .welcome{position:fixed;inset:0 0 auto;height:100vh;height:var(--welcome-height,100dvh);min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;padding:calc(env(safe-area-inset-top,0px) + clamp(24px,6dvh,62px)) max(5.4%,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + clamp(18px,3dvh,30px)) max(5.4%,env(safe-area-inset-left,0px));overflow-x:hidden;overflow-y:auto;animation:none;background:#241425}
  .welcome-photo{height:100%;width:100%;object-fit:cover;object-position:center;z-index:0}
  .welcome:after{z-index:1;pointer-events:none;background:linear-gradient(180deg,#13081725,transparent 38%,transparent 55%,#14071980)}
  .welcome-logo{position:relative;inset:auto;z-index:2;display:block;width:100%;max-width:430px;height:auto;flex-shrink:0;margin:0 auto}
  .welcome-bottom{position:relative;inset:auto;z-index:2;width:100%;margin-top:auto;padding-top:24px;display:flex;flex-direction:column;gap:clamp(16px,3dvh,26px);flex-shrink:0}
  .welcome h1{font-size:clamp(30px,8.8vw,43px);line-height:1.08;margin:0}
  .welcome-tags{margin:0;font-size:clamp(9px,2.8vw,13px);letter-spacing:clamp(1px,.55vw,2.3px)}
  .welcome-cta{min-height:52px;font-size:clamp(17px,4.4vw,20px);flex-shrink:0}
}
@media(max-width:599px) and (max-height:560px){
  .welcome{padding-top:calc(env(safe-area-inset-top,0px) + 12px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px)}
  .welcome-logo{width:72%;max-width:280px}
  .welcome-bottom{gap:12px;padding-top:16px}
  .welcome h1{font-size:28px}
  .welcome-cta{min-height:48px}
}