.account-body{min-height:100vh;background:linear-gradient(125deg,#fff1e0 0%,#f9d9cf 37%,#ead7e7 100%);background-attachment:fixed}.account-header{display:flex;align-items:center;justify-content:space-between;min-height:91px}.account-shell{min-height:calc(100vh - 180px);padding:35px 0 90px}.account-back{padding:12px 17px;font-size:13px}.auth-area{display:grid;grid-template-columns:1fr 440px;gap:75px;align-items:center;min-height:660px}.auth-intro h1{font-size:clamp(53px,7vw,90px);line-height:1.05;letter-spacing:-4px;margin:25px 0}.auth-intro h1 em{font-style:normal;background:linear-gradient(120deg,#f39e44,#e88a62);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-intro p{color:#6a5060;font-size:19px;line-height:1.7;max-width:460px}.account-card{border-radius:30px;padding:32px 30px}.auth-tabs{display:flex;gap:8px;margin-bottom:25px}.auth-tabs button,.account-tabs button{border:1.5px solid #ffffffd9;background:#ffffff7e;border-radius:18px;padding:14px;flex:1;font-weight:760;color:#513c49}.auth-tabs button.active,.account-tabs button.active{background:#ffe7c5;box-shadow:0 8px 22px #bf8e9555;border-color:white}.auth-card form label,.settings-card label:not(.check-line),.account-card label:not(.check-line){display:block;color:#392b35;font-size:14px;font-weight:760;margin:16px 0 7px}.auth-card input:not([type=checkbox]),.settings-card input:not([type=checkbox]),.settings-card select,.account-card select{border:1.5px solid #e3bdbb;background:#fffdfb;border-radius:15px;width:100%;padding:14px 15px;color:#322430;font-size:16px;min-height:52px}.auth-card input:focus,.settings-card input:focus{outline:3px solid #edbb8d;outline-offset:2px}.full-button{width:100%;border:0;margin-top:22px}.full-button:disabled{opacity:.6;cursor:wait}.auth-divider{text-align:center;margin:23px 0 17px;color:#76616d;font-size:13px;display:flex;align-items:center;gap:13px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ceadb2}.feedback{padding:0;margin:10px 0;color:#387249;font-size:14px;font-weight:700;min-height:18px}.feedback:empty{display:none}.feedback.error{color:#a32a30}.text-button{border:0;background:transparent;color:#9b5435;margin-top:14px;text-decoration:underline;font-weight:750}.auth-card #google-button{display:flex;justify-content:center;min-height:42px}.welcome-row{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:20px 0 30px}.welcome-row h1{font-size:clamp(38px,5vw,57px);letter-spacing:-2px;margin:10px 0}.welcome-row p{color:#6f5764}.account-tabs{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;padding:8px 0 18px;margin-bottom:25px}.account-tabs button{flex:0 0 auto;padding:14px 19px;min-height:51px}.account-section-title{display:flex;justify-content:space-between;align-items:end;gap:22px;margin:20px 0 24px}.account-section-title h2{font-size:clamp(32px,4.4vw,48px);letter-spacing:-2px;margin:10px 0}.account-section-title input{border:1.5px solid #fff;border-radius:25px;min-height:45px;padding:10px 17px;background:#fff9;min-width:230px;color:#392b35}.account-view>.filters{margin:0 0 27px}.account-view>.stories-grid{margin-bottom:36px}.account-view>h3{font-size:27px;margin:45px 0 20px}.mini-action,.mini-secondary{margin-top:22px;background:#392733;color:#fff;border:0;border-radius:100px;padding:12px 18px;font-weight:800;align-self:flex-start}.mini-secondary{background:white;color:#5b3946}.story-card .source-link{color:#a15931;text-decoration:underline;font-size:13px;margin-top:17px;font-weight:750;display:inline-flex}.empty-note{border:1.5px solid #ffffffab;border-radius:23px;padding:35px;background:#fff9;color:#69515b;grid-column:1/-1}.settings-card{max-width:780px;padding:32px 42px}.settings-card h3{font-size:24px;letter-spacing:-.6px;margin:28px 0 10px}.settings-card h3:first-child{margin-top:0}.settings-card p,.account-card p{color:#68525f;line-height:1.55}.choice-options{display:flex;flex-wrap:wrap;gap:10px}.select-chip{display:inline-flex!important;align-items:center;gap:5px;background:#fff9;border:1px solid white;border-radius:100px;padding:10px 14px;margin:4px 0!important;font-size:13px!important;cursor:pointer}.select-chip input{accent-color:#e89a4b}.check-line{display:flex;align-items:center;gap:10px;margin:15px 0;font-weight:650}.check-line input{width:19px;height:19px;accent-color:#e39141}.time-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.time-grid label[hidden]{display:none!important}.profile-grid{display:grid;grid-template-columns:300px 1fr;gap:25px;align-items:stretch}.secondary-grid{margin-top:24px;grid-template-columns:1fr 1fr}.profile-card{display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center}.profile-card img{width:160px;height:160px;object-fit:contain;border-radius:100%;background:#fff9;border:5px solid white;box-shadow:0 7px 28px #c592a066}.profile-card #profile-name{font-weight:900;font-size:27px;color:#2a1c29;margin:17px 0 0}.profile-card #profile-email{margin-top:5px;overflow-wrap:anywhere}.profile-card button{margin-top:18px}.settings-card .secondary-button{margin:9px 7px 0 0}.danger-button{border:1.5px solid #ba3f51;border-radius:17px;background:#fff3f4;color:#ba2342;padding:15px 17px;font-weight:820}.muted{color:#7b6670;line-height:1.6}.avatar-dialog{position:fixed;inset:0;background:#28202c85;backdrop-filter:blur(8px);z-index:50;display:grid;place-items:center;padding:24px}.avatar-dialog[hidden]{display:none}.avatar-panel{border:2px solid white;border-radius:30px;background:linear-gradient(130deg,#fff1e4,#f1d9e7);box-shadow:0 25px 95px #24192577;padding:25px;width:min(700px,100%);max-height:87vh;overflow:auto}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top h2{margin:0;font-size:27px}.dialog-top button{background:#fffc;border:1px solid white;border-radius:100px;width:37px;height:37px;font-size:19px;cursor:pointer}.avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:23px}.avatar-option{border:1.5px solid white;background:#fff8;border-radius:18px;min-height:147px;display:flex;flex-direction:column;align-items:center;padding:15px 7px;gap:8px;color:#3c2b39;font-weight:750;font-size:12px;cursor:pointer}.avatar-option:hover{background:white}.avatar-option img{height:85px;width:85px;object-fit:contain}.account-footer{padding:20px 0 40px;color:#77626e;font-size:13px}.account-footer a{text-decoration:underline}.account-body [hidden]{display:none!important}@media(max-width:880px){.auth-area{grid-template-columns:1fr;gap:25px;max-width:520px;margin:auto}.auth-intro h1{font-size:54px}.auth-intro{margin-top:15px}.account-shell{padding-top:0}.profile-grid,.secondary-grid{grid-template-columns:1fr}.profile-card{min-height:280px}.time-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:590px){.account-header .brand{font-size:21px}.account-back{font-size:12px;padding:9px 12px}.auth-intro h1{font-size:48px;letter-spacing:-2.5px}.auth-intro p{font-size:16px}.account-card{padding:24px 20px}.auth-tabs button{padding:12px 8px;font-size:12px}.account-section-title{display:block}.account-section-title input{margin-top:10px;width:100%}.time-grid{grid-template-columns:1fr}.avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-card{padding:26px 19px}.welcome-row{display:block}.welcome-row button{margin-top:12px}}
/* Reference-inspired landscape with legible pastel glass cards. */
.account-body{background:linear-gradient(115deg,rgba(255,234,217,.82),rgba(251,218,219,.78) 55%,rgba(231,205,230,.84)),url("https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?auto=format&fit=crop&w=2000&q=85") center 45%/cover fixed no-repeat}
.account-body .glass{background:linear-gradient(125deg,rgba(255,254,248,.89),rgba(255,228,217,.81) 52%,rgba(253,226,241,.87));box-shadow:inset 0 2px 6px rgba(255,255,255,.96),0 20px 50px rgba(101,61,85,.16)}

/* Google Identity Services: prevent a broken/un-styled provider fallback
   from enlarging the sign-in card or stretching its logo. */
.auth-card #google-button{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  max-width:100%;
  min-height:44px;
  max-height:52px;
  overflow:hidden;
  margin:0 auto;
}
.auth-card #google-button > div,
.auth-card #google-button iframe{
  max-width:100%!important;
  max-height:48px!important;
  min-height:40px;
}
.auth-card #google-button svg,
.auth-card #google-button img{
  width:22px!important;
  height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
  flex-shrink:0;
}
.auth-card #google-button button{
  width:auto;
  max-width:100%;
  height:44px;
}