/* A practical working set, with account access and future membership kept explicit. */
.account-main{max-width:1440px;margin:0 auto;padding:48px clamp(24px,4vw,64px) 32px;min-height:calc(100dvh - var(--header-height) - 140px)}
.account-main svg,.auth-main svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.account-breadcrumb{font-size:14px;font-weight:500;color:var(--muted);margin:0 0 16px}.account-title{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid var(--line)}.account-title h1{font-family:var(--display,var(--sans));font-size:44px;font-weight:650;line-height:1.2;letter-spacing:-1.5px;margin:0}.account-title p:last-child{font-size:16px;color:var(--muted);margin:16px 0 0}.account-title>.ls-button{font-size:15px;min-height:48px;flex:none}
.account-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px}.workspace-sidebar{border-right:1px solid var(--line);padding-right:24px}.account-nav{display:flex;flex-direction:column;gap:8px}.account-nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px;font-weight:500;min-height:48px;padding:10px 12px;border:1px solid transparent;border-radius:6px;color:var(--muted);transition:background 180ms ease,color 180ms ease}.account-nav a:hover{background:var(--surface-soft);color:var(--ink)}.account-nav a[aria-current="page"]{border-color:var(--line);background:var(--surface-soft);color:var(--ink)}.account-nav a[href="#membership"]{margin-top:16px}.nav-count{font-size:12px;font-variant-numeric:tabular-nums;min-width:22px;text-align:center;border-radius:4px;padding:2px 5px;background:var(--paper);color:var(--muted)}.nav-pro{font-size:12px;font-weight:600;border:1px solid var(--line);border-radius:4px;padding:2px 6px;color:var(--ink)}.sidebar-note{font-size:12px;color:var(--muted);line-height:1.65;margin:32px 12px 0;max-width:170px}
.account-panel{min-width:0;min-height:460px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.panel-eyebrow{font-size:14px;font-weight:500;color:var(--muted);margin:0 0 12px}.account-panel h2{font-family:var(--display,var(--sans));font-size:32px;line-height:1.25;font-weight:650;letter-spacing:-.8px;margin:0;text-wrap:balance}.account-panel>.panel-note{font-size:16px;line-height:1.65;color:var(--muted);max-width:720px;margin:0 0 32px}.storage-note{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.5;color:var(--muted);flex-shrink:0;margin:0}.storage-note svg{width:18px;height:18px}
.account-stats{display:grid;grid-template-columns:1fr 1fr;margin:28px 0 40px;border-block:1px solid var(--line)}.account-stat{display:grid;grid-template-columns:auto 1fr 20px;gap:20px;align-items:center;min-height:114px;padding:24px 28px 24px 0}.account-stat+ .account-stat{border-left:1px solid var(--line);padding-left:28px}.account-stat strong{font:650 44px/1.1 var(--display,var(--sans));letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.account-stat span{font-size:14px;color:var(--muted);max-width:145px;line-height:1.5}.account-stat svg{width:18px;height:18px;color:var(--muted)}.account-stat:hover strong,.account-stat:hover svg{color:var(--accent)}
.section-label{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 20px}.section-label h3{font-size:18px;font-weight:600;letter-spacing:-.25px;margin:0}.section-label>a{display:flex;align-items:center;gap:8px;min-height:44px;font-size:14px;color:var(--muted)}.section-label>a:hover{color:var(--accent)}.section-label svg{width:18px;height:18px}
.account-entries{display:flex;flex-direction:column;border-top:1px solid var(--line)}.account-entry{display:flex;gap:20px;align-items:center;padding:20px 12px 20px 0;border-bottom:1px solid var(--line);transition:background 180ms ease}.account-entry:hover{background:var(--surface-soft)}.account-entry>img{width:100px;height:76px;object-fit:cover;border-radius:6px;border:1px solid var(--line);flex:none}.account-entry strong{display:block;font-size:18px;font-weight:600;line-height:1.4}.account-entry small{display:block;font-size:14px;color:var(--muted);margin-top:6px;line-height:1.5}.entry-action{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:14px;font-weight:500}.entry-action svg{width:18px;height:18px}
.workspace-empty{display:flex;gap:24px;padding:32px;background:var(--surface-soft);border:1px solid var(--line);border-radius:8px}.workspace-empty>svg{width:44px;height:44px;stroke-width:1.2;color:var(--muted)}.workspace-empty h3{font-size:20px;font-weight:600;line-height:1.4;letter-spacing:-.3px;margin:0}.workspace-empty p{font-size:16px;line-height:1.65;color:var(--muted);max-width:530px;margin:12px 0 20px}.workspace-empty .ls-button{font-size:15px;min-height:44px;background:var(--surface)}
.workspace-membership{display:flex;align-items:center;gap:24px;min-height:88px;margin-top:32px;border-top:1px solid var(--line);padding:24px 0 0}.pro-wordmark{display:inline-flex;align-items:center;gap:8px;font-size:18px;font-weight:600;white-space:nowrap}.pro-wordmark b{font-size:12px;border:1px solid var(--line);padding:3px 7px;border-radius:4px;font-weight:600}.workspace-membership>span:nth-child(2){font-size:14px;color:var(--muted)}.workspace-membership>svg{margin-left:auto}.workspace-membership:hover{color:var(--accent)}
.account-favorites{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.account-favorite{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--surface);transition:border-color 180ms ease}.account-favorite:hover{border-color:var(--accent)}.reference-type{font-size:14px;color:var(--muted)}.account-favorite strong{font-size:36px;font-weight:600;line-height:1.2;letter-spacing:-1px;font-variant-numeric:tabular-nums}.reference-action{font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border-top:1px solid var(--line);padding-top:16px;color:var(--muted)}.reference-action svg{width:18px;height:18px}
.preferences-form{display:grid;gap:28px;max-width:480px;padding-top:8px}.preferences-form .ls-field{font-size:16px;gap:10px}.preferences-form .ls-field select{font-size:16px;min-height:48px}.preferences-note{font-size:14px;color:var(--muted);line-height:1.6;margin:0}.account-panel .ls-notice{font-size:15px;padding:20px 24px;border-radius:0 6px 6px 0;max-width:740px}.account-panel .ls-notice p{margin:8px 0 0;line-height:1.6}.account-readonly{display:grid;gap:0;margin:32px 0;max-width:740px}.account-readonly>div{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:64px;border-bottom:1px solid var(--line);font-size:16px}.account-readonly dt{color:var(--muted)}.account-readonly dd{margin:0;text-align:right}.account-panel>.ls-button{font-size:15px;min-height:48px}
.account-panel h2.membership-title{font-size:40px;display:flex;align-items:center;gap:12px;letter-spacing:-1px}.membership-title span{font-size:20px;line-height:1;padding:8px 12px;border-radius:6px;background:var(--action-bg);color:var(--action-ink);letter-spacing:0}.availability-badge{font-size:12px;font-weight:500;color:var(--muted);padding:6px 10px;border:1px solid var(--line);border-radius:4px;white-space:nowrap}.membership-information{margin-top:32px;padding:28px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.membership-information h3{font-size:22px;line-height:1.4;letter-spacing:-.4px;margin:0 0 16px;font-weight:600}.membership-information p,.membership-next p{font-size:16px;line-height:1.7;max-width:650px;color:var(--muted);margin:0}.membership-next .ls-button{margin-top:24px;font-size:15px;min-height:48px}
.auth-main{min-height:calc(100dvh - var(--header-height) - 140px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);max-width:1320px;margin:auto;padding:64px clamp(24px,4vw,64px);gap:clamp(48px,7vw,112px);align-items:center}.auth-intro h1{font-family:var(--display,var(--sans));font-size:56px;font-weight:650;line-height:1.1;letter-spacing:-2px;max-width:550px;margin:24px 0 0;text-wrap:balance}.auth-intro>p:not(.account-breadcrumb):not(.auth-study-caption){font-size:18px;line-height:1.7;color:var(--muted);max-width:500px;margin:24px 0 0}.auth-workspace-link{display:inline-flex;align-items:center;gap:12px;font-size:16px;font-weight:600;min-height:44px;margin-top:24px}.auth-workspace-link:hover{color:var(--accent)}.auth-study{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:minmax(0,1fr);gap:8px;max-width:510px;height:155px;margin-top:40px}.auth-study img{min-height:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:6px;min-width:0}.auth-study img:nth-child(2){object-position:center}.auth-study img:nth-child(3){object-position:center 43%}.auth-study-caption{font-size:12px;line-height:1.6;color:var(--muted);margin:12px 0 0}
.auth-form{padding:36px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.auth-form h2{font-family:var(--display,var(--sans));font-size:28px;line-height:1.3;letter-spacing:-.7px;font-weight:650;margin:0 0 24px}.auth-form .ls-notice{font-size:14px;line-height:1.65;padding:16px 18px}.auth-form .ls-notice p{margin:8px 0 0}.auth-form fieldset{border:0;padding:0;margin:28px 0 0;display:grid;gap:20px}.auth-form fieldset:disabled{opacity:.72}.auth-form .ls-field{font-size:15px;gap:8px}.auth-form .ls-field input{font-size:16px;min-height:48px}.auth-form .ls-button{width:100%;font-size:16px;min-height:48px;margin-top:4px}.auth-switch{font-size:14px;color:var(--muted);line-height:1.6;margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.auth-switch a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px;color:var(--ink)}.auth-switch a:hover{color:var(--accent)}.auth-footer{max-width:1440px;margin-top:32px;font-size:14px}
:root[lang="zh-CN"] .account-title h1,:root[lang="zh-CN"] .account-panel h2,:root[lang="zh-CN"] .auth-intro h1{letter-spacing:-.4px;line-height:1.3}
@media(max-width:1100px){.account-layout{grid-template-columns:190px minmax(0,1fr);gap:32px}.workspace-sidebar{padding-right:20px}.panel-heading{align-items:flex-start;flex-direction:column;gap:16px}.account-panel h2{font-size:30px}.account-favorites{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-main{gap:48px;grid-template-columns:minmax(0,1fr) minmax(0,430px)}.auth-intro h1{font-size:48px}.auth-form{padding:28px}.auth-study{height:130px}.account-stat{gap:12px}.account-stat strong{font-size:40px}}
@media(max-width:850px){.account-main{padding-top:32px}.account-title{margin-bottom:24px;padding-bottom:28px}.account-title h1{font-size:38px}.account-layout{display:block}.workspace-sidebar{padding:0;border:0;margin-bottom:32px}.account-nav{flex-direction:row;flex-wrap:wrap;gap:8px}.account-nav a{font-size:14px;gap:10px;min-height:44px;padding:8px 12px}.account-nav a[href="#membership"]{margin-top:0}.sidebar-note{display:none}.account-panel{min-height:420px}.panel-heading{flex-direction:row}.auth-main{grid-template-columns:1fr;max-width:640px;padding-top:40px;gap:36px}.auth-intro h1{font-size:44px;max-width:540px}.auth-intro>p:not(.account-breadcrumb):not(.auth-study-caption){font-size:16px}.auth-study,.auth-study-caption{display:none}.auth-intro .account-breadcrumb{margin-bottom:12px}.auth-intro h1{margin-top:12px}.auth-form{padding:32px}}
@media(max-width:550px){.account-title{display:block}.account-title h1{font-size:34px}.account-title>.ls-button{margin-top:24px;font-size:15px}.account-title p:last-child{line-height:1.6}.panel-heading{flex-direction:column}.account-panel h2{font-size:28px}.account-stats{margin-top:24px;margin-bottom:32px}.account-stat{grid-template-columns:1fr 20px;gap:10px;padding:20px 18px 20px 0}.account-stat+ .account-stat{padding-left:18px}.account-stat strong{font-size:36px}.account-stat span{font-size:14px;grid-column:1;grid-row:2}.account-stat svg{grid-column:2;grid-row:1}.workspace-empty{padding:24px;gap:16px}.workspace-empty>svg{display:none}.workspace-empty h3{font-size:20px}.workspace-empty p{font-size:16px}.workspace-membership{flex-wrap:wrap;gap:12px}.workspace-membership>span:nth-child(2){order:2;flex-basis:100%}.workspace-membership svg{width:20px}.account-entry{gap:14px}.account-entry>img{width:76px;height:68px}.account-entry strong{font-size:16px}.account-entry small{font-size:12px}.entry-action{font-size:0;gap:0}.entry-action svg{width:20px}.account-favorites{gap:12px}.account-favorite{padding:18px;gap:16px}.reference-type{font-size:12px}.reference-action{font-size:12px;gap:5px}.account-favorite strong{font-size:30px}.account-readonly>div{font-size:14px;gap:16px}.membership-information{padding:24px}.membership-information h3{font-size:20px}.auth-main{padding:32px 24px;gap:28px}.auth-intro h1{font-size:40px;letter-spacing:-1.4px}.auth-form{padding:24px}.auth-form h2{font-size:26px}.auth-footer{margin-top:16px}.account-nav a{font-size:14px}.nav-count{font-size:12px}}
@media(prefers-reduced-motion:reduce){.account-nav a,.account-entry,.account-favorite{transition:none}}