.overview-mode #accountDetails,.overview-mode #aide{display:none}
#accountOverview[hidden]{display:none}
.subscription-page .overview-heading{max-width:none;text-align:left;margin:0 0 30px}
.subscription-page .overview-heading h1{font-size:clamp(30px,4vw,46px);line-height:1.12;margin:12px 0;letter-spacing:-.035em}
.subscription-page .overview-heading p{max-width:none;margin:0;font-size:16px}
.overview-mode .subscription-page{padding-top:38px}
#accountOverview{color:var(--member-text)}
.overview-launch{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 36px;border-radius:24px;background:linear-gradient(115deg,#102a4c,#11213a);border:1px solid #318de64d;margin-bottom:20px;color:#f3f7ff}
.overview-kicker,.overview-label{font-size:10px;letter-spacing:.14em;font-weight:750;display:block}.overview-kicker{color:#8ecbff;overflow-wrap:anywhere}
.overview-launch h2{font-size:clamp(24px,3vw,34px);line-height:1.2;letter-spacing:-.025em;margin:13px 0}
.overview-launch p{font-size:14px;line-height:1.65;color:#bbcee5;max-width:480px;margin:0}
.overview-primary{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:24px;background:#318dff;color:#fff!important;border-radius:14px;min-height:50px;padding:14px 22px;font-size:14px;font-weight:750;text-decoration:none}
.overview-primary:hover{background:#1974e6;transform:translateY(-1px)}
.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.overview-card{display:flex;flex-direction:column;padding:25px 23px;min-width:0;min-height:220px;border:1px solid var(--member-line);border-radius:20px;background:var(--member-panel);color:var(--member-text);text-decoration:none;transition:border-color .15s,transform .15s}
.overview-card:hover{border-color:var(--member-accent);transform:translateY(-2px)}
.overview-label{color:var(--member-muted);line-height:1.6}
.overview-card>strong{display:block;font-size:clamp(23px,2.4vw,32px);line-height:1.2;margin:18px 0 8px;letter-spacing:-.03em;overflow-wrap:anywhere}
.overview-balance>strong{color:var(--member-accent);font-size:44px;line-height:1}
.overview-card p{font-size:12px;line-height:1.65;color:var(--member-muted);margin:0 0 20px;white-space:pre-line}
.overview-link{margin-top:auto;font-size:12px;font-weight:650;color:var(--member-accent);display:flex;justify-content:space-between;gap:8px}
.overview-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0 0}
.overview-shortcuts a{display:flex;align-items:center;gap:14px;min-height:72px;padding:12px 0;border-bottom:1px solid var(--member-line);color:var(--member-text);text-decoration:none}
.overview-shortcuts a>span:first-child{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:1px solid var(--member-line);border-radius:11px;color:var(--member-accent)}
.overview-shortcuts a>span:last-child{margin-left:auto}.overview-shortcuts strong{font-size:13px;display:block}.overview-shortcuts small{font-size:11px;color:var(--member-muted);display:block;margin-top:4px}
.overview-notice{margin-top:18px;padding:18px 22px;border:1px solid #ffb44970;background:#ffb4490b;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}.overview-notice[hidden]{display:none}.overview-notice p{margin:0}.overview-notice a{color:var(--member-accent);white-space:nowrap}
#accountOverview a:focus-visible{outline:3px solid var(--member-accent);outline-offset:4px}
@media(max-width:1000px){.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-launch{padding:28px}.overview-shortcuts{gap:14px}}
@media(max-width:600px){.overview-mode .subscription-page{padding-top:28px}.subscription-page .overview-heading{margin-bottom:24px}.overview-launch{align-items:stretch;flex-direction:column;gap:22px;padding:24px;border-radius:20px}.overview-primary{width:100%}.overview-grid{gap:12px}.overview-card{padding:18px 14px;min-height:215px;border-radius:16px}.overview-card>strong{font-size:24px}.overview-balance>strong{font-size:36px}.overview-label{font-size:9px;letter-spacing:.08em}.overview-link{font-size:11px}.overview-card p{font-size:11px}.overview-shortcuts{grid-template-columns:1fr;gap:0;margin-top:20px}.overview-notice{align-items:flex-start;flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){.overview-card,.overview-primary{transition:none;transform:none!important}}

.overview-time{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:26px 30px;margin:0 0 20px;border:1px solid #39b99d45;border-radius:20px;background:linear-gradient(110deg,#25ab8410,transparent)}
.overview-time>div{flex:1;min-width:0}.overview-time strong{display:block;font-size:48px;line-height:1.1;letter-spacing:-.04em;margin:10px 0;color:var(--member-accent)}.overview-time p{font-size:12px;line-height:1.7;color:var(--member-muted);margin:6px 0}.overview-time details{max-width:450px;flex:1;font-size:12px}.overview-time summary{cursor:pointer;padding:12px 0;color:var(--member-accent);font-weight:650}.overview-time label{display:block;margin:16px 0 6px;font-weight:650}.overview-time-setting{display:flex;align-items:center;gap:15px}.overview-time input{min-width:0;flex:1;accent-color:var(--member-accent)}.overview-time output{white-space:nowrap;font-size:12px}
@media(max-width:600px){.overview-time{align-items:stretch;flex-direction:column;gap:8px;padding:22px}.overview-time strong{font-size:40px}.overview-time details{max-width:none}}

.subscription-page #accountDetails[hidden]{display:none!important}
.subscription-page{padding-top:38px}
.subscription-page>.container{width:calc(100% - 48px);max-width:1200px;margin-inline:auto}
.subscription-page .member-help{margin:0;padding:clamp(22px,3vw,32px);background:var(--member-panel)}
.subscription-page .member-help h2{margin:0 0 12px;font-size:24px}
.subscription-page .member-help p{margin:0 0 20px;color:var(--member-muted)}
.subscription-page .member-help a{display:inline-flex;align-items:center;min-height:44px;font-weight:650}
@media(max-width:600px){.subscription-page{padding-top:28px}.subscription-page>.container{width:calc(100% - 24px)}}
