.account-main{max-width:820px;margin:0 auto;padding:72px 6vw 90px}.account-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:24px 0 42px}.account-heading h1{margin:0;font:600 clamp(3rem,7vw,5.8rem)/.88 "Fraunces",serif;letter-spacing:-.075em}.account-heading h1 em{color:var(--coral);font-style:normal}.account-heading p{max-width:280px;margin:0 0 4px;color:var(--muted);font-size:14px;line-height:1.5}.account-panel{padding:26px;background:rgba(255,255,255,.3);border:1px solid var(--line);box-shadow:0 12px 30px rgba(38,59,74,.06)}.account-tabs{display:flex;gap:8px;margin-bottom:27px;border-bottom:1px solid var(--line)}.account-tab{padding:11px 0;margin-right:18px;color:var(--muted);background:none;border:0;border-bottom:2px solid transparent;cursor:pointer;font:9px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.account-tab.is-active{color:var(--navy);border-color:var(--coral)}.account-form{display:grid;gap:16px}.account-form label{display:grid;gap:7px;color:var(--muted);font:9px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.account-form input{width:100%;padding:13px 14px;color:var(--ink);background:rgba(255,255,255,.42);border:1px solid var(--line);outline:0;font:14px "Space Grotesk",sans-serif}.account-form input:focus{border-color:var(--coral);box-shadow:0 0 0 2px rgba(230,109,82,.14)}.account-form small{margin-top:-2px;color:var(--muted);font:10px "Space Grotesk",sans-serif;letter-spacing:0;text-transform:none}.account-submit{display:flex;justify-content:space-between;align-items:center;margin-top:7px;padding:15px 16px;color:var(--paper);background:var(--navy);border:1px solid var(--navy);cursor:pointer;font:10px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.account-submit span{color:var(--lime);font-size:17px}.account-submit:hover{background:var(--blue)}.form-message{min-height:18px;margin:18px 0 0;color:var(--coral);font-size:13px}.form-message.success{color:#5d7c36}.is-hidden{display:none!important}.profile-panel{display:grid;gap:28px}.profile-intro{display:grid;gap:7px;padding-bottom:21px;border-bottom:1px solid var(--line)}.profile-intro strong{font:500 35px/1 "Fraunces",serif;letter-spacing:-.04em}.profile-intro>span:last-child{color:var(--muted);font-size:13px}.logout-button{justify-self:start;padding:10px 0;color:var(--coral);background:none;border:0;cursor:pointer;font:9px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.logout-button:hover{text-decoration:underline}.account-back{text-decoration:none}.account-back:hover{color:var(--coral)}@media(max-width:600px){.account-main{padding:45px 16px 60px}.account-heading{display:block;margin:18px 0 30px}.account-heading h1{font-size:clamp(2.8rem,15vw,4.3rem)}.account-heading p{max-width:none;margin-top:18px;font-size:13px}.account-panel{padding:18px}.account-tab{margin-right:10px;font-size:8px}.profile-intro strong{font-size:30px}.footer span:nth-child(2){display:none}}
.profile-identity-note { display: grid; gap: 7px; margin-bottom: 26px; padding: 15px 16px; color: var(--navy); background: rgba(199,215,107,.16); border: 1px solid rgba(104,133,38,.25); }
.profile-identity-note span { color: var(--coral); font: 9px "DM Mono", monospace; letter-spacing: .08em; }
.profile-identity-note strong { font: 500 18px/1.1 "Fraunces", serif; }
.profile-identity-note small { color: var(--muted); font: 11px/1.4 "Space Grotesk", sans-serif; }

.premium-stats { margin-top: 18px; }
.voucher-form { display:grid; gap:16px; margin-top:26px; padding-top:22px; border-top:1px solid var(--line); }
.register-heading { display:grid; gap:6px; margin:0 0 6px; padding:13px 14px; color:var(--navy); background:rgba(199,215,107,.2); border:1px solid rgba(104,133,38,.25); }
.register-heading strong { font:500 20px/1 "Fraunces",serif; letter-spacing:-.03em; }
.register-heading span { color:var(--muted); font:11px/1.4 "Space Grotesk",sans-serif; }
.voucher-register-toggle { padding:9px 0; color:var(--coral); background:none; border:0; cursor:pointer; font:9px "DM Mono",monospace; letter-spacing:.07em; text-align:left; text-transform:uppercase; }
.voucher-register-toggle:hover { text-decoration:underline; }
.register-heading { display:grid; gap:6px; margin:0 0 6px; padding:13px 14px; color:var(--navy); background:rgba(199,215,107,.2); border:1px solid rgba(104,133,38,.25); }
.register-heading strong { font:500 20px/1 "Fraunces",serif; letter-spacing:-.03em; }
.register-heading span { color:var(--muted); font:11px/1.4 "Space Grotesk",sans-serif; }
.voucher-register-toggle { padding:9px 0; color:var(--coral); background:none; border:0; cursor:pointer; font:9px "DM Mono",monospace; letter-spacing:.07em; text-align:left; text-transform:uppercase; }
.voucher-register-toggle:hover { text-decoration:underline; }
.premium-lifetime-banner { display:flex; justify-content:space-between; gap:20px; margin:0 0 18px; padding:14px 18px; color:var(--navy); background:rgba(199,215,107,.25); border:1px solid rgba(104,133,38,.3); font:10px "DM Mono",monospace; letter-spacing:.06em; text-transform:uppercase; }
.premium-lifetime-banner strong { color:var(--coral); font-weight:500; }
@media (max-width:600px) { .premium-lifetime-banner { display:grid; gap:7px; } }
.premium-stats-heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.premium-stats-heading h2 { margin: 8px 0 0; font: 500 clamp(2rem, 5vw, 3.4rem) / .95 "Fraunces", serif; letter-spacing: -.06em; }
.premium-stats-heading .side-index { color: var(--coral); }
.premium-stats-note { color: var(--muted); font: 9px "DM Mono", monospace; letter-spacing: .08em; text-transform: uppercase; }
.premium-stats-intro { max-width: 540px; margin: 18px 0 22px; color: var(--muted); font-size: 13px; line-height: 1.5; }
.premium-stats-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.premium-stat-card { padding: 18px; background: rgba(255,255,255,.28); border: 1px solid var(--line); }
.premium-stat-card.is-hardcore { border-color: rgba(230,109,82,.4); }
.premium-stat-card-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-bottom: 13px; border-bottom: 1px solid var(--line); }
.premium-stat-card-top .side-index { color: var(--coral); }
.premium-stat-card-top strong { color: var(--navy); font: 10px "DM Mono", monospace; letter-spacing: .08em; }
.premium-stat-card.is-hardcore .premium-stat-card-top strong { color: var(--coral); }
.premium-stat-values { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 20px 0 24px; }
.premium-stat-values div { display: grid; gap: 6px; }
.premium-stat-values strong { font: 500 clamp(1.8rem, 4vw, 2.7rem) / .9 "Fraunces", serif; letter-spacing: -.06em; }
.premium-stat-values strong span { color: var(--coral); font-size: .55em; }
.premium-stat-values span { color: var(--muted); font: 8px "DM Mono", monospace; letter-spacing: .04em; text-transform: uppercase; }
.premium-distribution-heading { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 12px; color: var(--muted); font: 8px "DM Mono", monospace; letter-spacing: .07em; text-transform: uppercase; }
.premium-distribution-heading strong { color: var(--navy); font-weight: 500; }
.premium-distribution { display: grid; gap: 6px; }
.premium-distribution-row { display: grid; grid-template-columns: 10px 1fr 18px; align-items: center; gap: 7px; color: var(--muted); font: 9px "DM Mono", monospace; }
.premium-bar-track { height: 7px; overflow: hidden; background: var(--deep); }
.premium-bar-track i { display: block; height: 100%; min-width: 0; background: var(--coral); }
.premium-stat-card.is-hardcore .premium-bar-track i { background: var(--navy); }
@media (max-width: 600px) {
  .premium-stats-heading { display: block; }
  .premium-stats-note { display: block; margin-top: 12px; }
  .premium-stats-grid { grid-template-columns: 1fr; }
}
.account-main { max-width: 1100px; }

.advanced-analytics{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);min-width:0}.analytics-summary{display:flex;flex-wrap:wrap;gap:20px}.analytics-summary strong{display:block;font-size:30px;color:var(--navy)}.analytics-summary span,.analytics-note{font-size:12px;color:var(--muted);line-height:1.6}.analytics-topics article{padding:12px 0;border-bottom:1px solid var(--line)}.analytics-topics article>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px}.analytics-topics meter{width:100%;height:14px}.analytics-topics small{font-size:11px}.analytics-chart-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.analytics-chart-title label{font-size:12px}.analytics-chart{display:flex;align-items:end;gap:12px;max-width:100%;overflow-x:auto;padding:16px 0;min-height:150px}.analytics-bar{display:flex;flex:0 0 42px;align-items:center;flex-direction:column;justify-content:end;gap:6px;font-size:11px}.analytics-bar i{display:block;width:28px;background:var(--blue);min-height:2px}.analytics-bar:focus i,.analytics-bar:hover i{background:var(--coral)}

.auth-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:28px;align-items:start;margin-top:24px}.auth-login,.auth-purchase{min-width:0;padding:32px;border:1px solid var(--line);border-radius:8px}.auth-login{background:rgba(255,255,255,.25)}.auth-columns h2{margin:12px 0 0;font:500 clamp(1.8rem,3vw,2.5rem)/1.08 "Fraunces",serif;letter-spacing:-.035em}.auth-intro{margin:16px 0 26px;font-size:14px;line-height:1.6;color:var(--muted)}.auth-purchase{background:var(--navy);color:var(--paper);border-color:var(--navy)}.purchase-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;flex-wrap:wrap}.purchase-kicker{font:10px "DM Mono",monospace;letter-spacing:.08em;color:var(--lime)}.purchase-price{display:grid;gap:8px}.purchase-price strong{font:500 40px/1 "Fraunces",serif;color:var(--lime);white-space:nowrap}.purchase-price span{font-size:11px;color:#d1dcd9}.purchase-benefits{display:grid;gap:9px;padding:0;margin:24px 0 28px;list-style:none;color:#e0e8e3;font-size:13px}.purchase-benefits li::before{content:"✓";margin-right:10px;color:var(--lime)}.auth-purchase .account-form label{color:#e0e8e3}.auth-purchase .account-form input{width:100%;background:var(--paper);border:1px solid transparent;border-radius:4px;color:var(--ink);min-height:46px}.auth-purchase .account-form small{color:#d1dcd9}.auth-purchase .account-submit{min-height:54px;background:var(--lime);color:var(--navy);border:1px solid var(--lime);border-radius:5px;font:700 15px "Space Grotesk",sans-serif;letter-spacing:0;text-transform:none}.auth-purchase .account-submit span{color:var(--navy)}.auth-purchase .account-submit:hover{background:#d5e580;box-shadow:0 3px 0 rgba(0,0,0,.15)}.auth-login .account-submit{border-radius:5px;min-height:48px}.auth-login .account-form input{border-radius:4px;min-height:46px}.auth-purchase .voucher-register-toggle{color:var(--paper);text-decoration:underline;font-size:11px;text-transform:none;letter-spacing:0}.purchase-reassurance{margin:22px 0 0;padding-top:18px;border-top:1px solid #516372;color:#d1dcd9;font-size:11px;line-height:1.7}.auth-purchase .register-heading{background:#344f60;border-color:#516372;color:var(--paper)}.auth-purchase .register-heading span{color:#d1dcd9}#form-message:empty{display:none}.auth-purchase :focus-visible{outline-color:var(--lime)}@media(max-width:780px){.auth-columns{grid-template-columns:1fr;gap:20px}.auth-login,.auth-purchase{padding:24px}}@media(max-width:380px){.auth-login,.auth-purchase{padding:20px}}

/* Connected dashboard: identity beside replay history, followed by all statistics. */
.account-main.has-profile .account-heading{align-items:center;margin-bottom:28px}
.account-main.has-profile .account-heading h1{font-size:clamp(2.6rem,5vw,4.2rem);line-height:1}
.account-main.has-profile .account-heading p{max-width:340px;line-height:1.7}
.account-main .profile-panel{grid-template-columns:minmax(230px,.8fr) minmax(0,2fr);gap:0;padding:0;overflow:hidden}
.profile-overview{padding:28px;background:var(--deep)}
.profile-overview .profile-hero{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:center}
.profile-overview .profile-identity h2{font-size:28px;overflow-wrap:anywhere}
.profile-overview .profile-access{grid-column:1/-1;justify-self:start;margin:0}
.profile-overview .profile-shortcuts{display:grid;gap:10px;padding:24px 0 0;border:0}
.profile-overview .site-button{padding-inline:12px;justify-content:space-between}
.profile-panel .profile-archives{padding:28px;min-width:0}
.profile-panel .profile-section-heading h3{font-size:26px}
.account-main .premium-stats{padding:28px}
.account-main .premium-stats-heading h2{font-size:32px;line-height:1.1}
.account-main .premium-stat-card{border-radius:6px}
.account-main .advanced-analytics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;margin-top:28px;padding-top:28px}
.advanced-analytics>h2,.advanced-analytics>.analytics-summary,.advanced-analytics>.analytics-note{grid-column:1/-1;margin:0}
.advanced-analytics>h2{font:500 28px "Fraunces",serif}
.advanced-analytics>h3{grid-column:1;grid-row:4;margin:12px 0 0}
.advanced-analytics>.analytics-topics{grid-column:1;grid-row:5}
.advanced-analytics>.analytics-chart-title{grid-column:2;grid-row:4}
.advanced-analytics>.analytics-chart{grid-column:2;grid-row:5;align-self:start}
.advanced-analytics .analytics-chart-title h3{margin:12px 0 0}
@media(max-width:850px){.account-main .profile-panel{grid-template-columns:1fr}.profile-overview{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px}.profile-overview .profile-shortcuts{padding:0}}
@media(max-width:600px){.profile-overview{display:block;padding:20px}.profile-overview .profile-shortcuts{padding-top:20px}.profile-panel .profile-archives,.account-main .premium-stats{padding:20px}.account-main .advanced-analytics{display:flex;flex-direction:column;gap:16px}.advanced-analytics>.analytics-chart-title{order:1}.advanced-analytics>.analytics-chart{order:2;width:100%}.advanced-analytics>.analytics-note:last-child{order:3}.account-main.has-profile .account-heading{display:block}.profile-overview .profile-shortcuts .site-button{min-height:46px}}

.account-main{max-width:var(--page-width);padding:var(--page-space) var(--page-gutter) 72px}
.advanced-analytics>.analytics-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.advanced-analytics>.analytics-summary>div{min-width:0;padding:16px}
.advanced-analytics>.analytics-summary strong{font-size:28px}