/* Brew Crew Account: scoped to Account, preserving Studio theme/accent. */
#accountPage .page-intro{padding-bottom:17px}
#accountPage .page-intro h1{max-width:14ch}
#accountPage .crew-signed-in{display:grid;gap:15px;margin-top:16px;min-width:0}
#accountPage .crew-signed-in.hidden{display:none}
#accountPage .crew-welcome{position:relative;overflow:hidden;border-radius:25px;background:#34452F;color:#FFFAF0;padding:24px 22px 25px;isolation:isolate}
#accountPage .crew-welcome::after{content:"";position:absolute;right:-52px;top:-87px;width:215px;height:215px;border:1px solid #fffaF026;border-radius:50%;box-shadow:0 0 0 33px #fffaF00a,0 0 0 63px #fffaF007;pointer-events:none;z-index:-1}
#accountPage .crew-welcome-top{display:flex;align-items:center;gap:11px;margin:0 0 17px}
#accountPage .crew-mark{width:41px;height:41px;border-radius:14px;background:#A3B58E;color:#34452F;display:grid;place-items:center;position:relative;font-weight:950;font-size:16px;letter-spacing:-.12em;padding-right:3px;flex:0 0 auto}
#accountPage .crew-mark span{position:absolute;font-size:10px;top:3px;right:4px;letter-spacing:normal}
#accountPage .crew-welcome-kicker{font-size:10px;font-weight:850;letter-spacing:.15em;line-height:1.4;color:#d7e7cb}
#accountPage .crew-welcome h2{font-size:clamp(27px,6vw,39px);line-height:1.08;letter-spacing:-.055em;margin:0 0 10px;color:#FFFAF0;overflow-wrap:break-word}
#accountPage .crew-welcome p{color:#d5e2ce;font-size:13px;line-height:1.45;margin:0 0 13px;max-width:100%;overflow-wrap:anywhere}
#accountPage .crew-verified{display:inline-flex;gap:6px;align-items:center;border-radius:100px;background:#fffaF018;border:1px solid #fffaF030;font-size:11px;padding:7px 11px;color:#FFFDF8}
#accountPage .crew-verified span{display:inline-grid;place-items:center;border-radius:50%;background:#A3B58E;color:#34452F;width:16px;height:16px;font-weight:900}
#accountPage .crew-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:11px;min-width:0}
#accountPage .crew-shortcut{min-width:0;position:relative;border:1px solid #dedfd3;border-radius:21px;background:#ffffff;text-align:left;padding:16px 14px 15px;color:#34452F;display:flex;flex-direction:column;align-items:stretch;gap:6px;cursor:pointer;box-shadow:0 4px 13px #34452f08;min-height:158px;max-width:none}
#accountPage .crew-shortcut:hover{border-color:#abbfa3;transform:translateY(-1px)}
#accountPage .crew-shortcut:focus-visible{outline:3px solid #A3B58E;outline-offset:2px}
#accountPage .crew-shortcut-rewards{grid-column:1/-1;min-height:169px;background:#f0f1e7;border-color:#dce6d6;padding:17px 18px}
#accountPage .crew-shortcut-icon{width:31px;height:31px;border-radius:10px;background:#e7ebdf;color:#34452F;display:grid;place-items:center;font-size:20px;line-height:1}
#accountPage .crew-shortcut-rewards .crew-shortcut-icon{background:#34452F;color:#FFFAF0}
#accountPage .crew-shortcut-label{color:#70806b;font-size:10px;font-weight:850;letter-spacing:.13em;margin-top:4px}
#accountPage .crew-shortcut strong{font-weight:850;font-size:16px;line-height:1.16;letter-spacing:-.035em;color:#34452F;overflow-wrap:break-word}
#accountPage .crew-shortcut-rewards strong{font-size:27px;letter-spacing:-.05em}
#accountPage .crew-shortcut-note{color:#657361;font-size:11px;line-height:1.45}
#accountPage .crew-shortcut-foot{margin-top:auto;padding-top:8px;display:flex;align-items:center;justify-content:space-between;color:#34452F;font-weight:800;font-size:11px}
#accountPage .crew-stamp-track{height:9px;width:100%;max-width:330px;border-radius:100px;background:#dce3d6;overflow:hidden;display:block;margin:8px 0 2px}
#accountPage .crew-stamp-track>span{display:block;width:0;height:100%;border-radius:100px;background:#768c64;transition:width .4s ease}
#accountPage .crew-profile-details{border:1px solid #dedfd3;border-radius:19px;background:#fffdf9;color:#34452F;overflow:hidden}
#accountPage .crew-profile-details summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;padding:18px 17px}
#accountPage .crew-profile-details summary::-webkit-details-marker{display:none}
#accountPage .crew-profile-details summary>span:first-child{display:flex;flex-direction:column;gap:4px}
#accountPage .crew-profile-details summary strong{font-size:15px}
#accountPage .crew-profile-details summary small{font-size:11px;color:#72816c}
#accountPage .crew-profile-details summary .crew-profile-edit{font-size:12px;font-weight:850;color:#415d40;white-space:nowrap}
#accountPage .crew-profile-details[open] summary{border-bottom:1px solid #e6e9df}
#accountPage .crew-profile-details[open] .crew-profile-edit span{display:inline-block;transform:rotate(180deg)}
#accountPage .crew-profile-content{padding:14px 17px 18px}
#accountPage .crew-profile-content .account-auth-form{margin:0 0 10px}
#accountPage .crew-profile-content .fineprint{font-size:11px;line-height:1.5;color:#73806e;margin:0}
#accountPage .crew-signout{margin:0 auto 7px;max-width:250px;min-height:43px}
#accountPage .account-privacy{line-height:1.6}
#accountPage .push-settings{scroll-margin-top:22px}
@media(max-width:380px){#accountPage .crew-welcome{padding:21px 17px}#accountPage .crew-welcome h2{font-size:27px}#accountPage .crew-shortcut{padding:14px 11px;min-height:164px}#accountPage .crew-shortcut-rewards{padding:16px}#accountPage .crew-shortcut strong{font-size:14px}#accountPage .crew-shortcut-rewards strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){#accountPage .crew-shortcut:hover{transform:none}#accountPage .crew-stamp-track>span{transition:none}}
