.personal-center{--pc-card:#fff;--pc-soft:#fff3e8;--pc-line:#eddfd2;--pc-muted:#858890;--pc-ink:#29313d;color:var(--pc-ink)}
.compact-account{max-width:720px;margin:24px auto 44px}.compact-account a{text-decoration:none;color:inherit}.personal-icon{width:21px;height:21px;flex:none;pointer-events:none;vertical-align:middle}.personal-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.personal-topbar h1{font-size:15px;font-weight:500;color:var(--pc-muted);margin:0}.personal-back{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--pc-line,#eadfd4);border-radius:11px;background:var(--pc-card,#fff);font-size:13px;color:inherit;text-decoration:none}.compact-profile{display:flex;align-items:center;gap:16px;margin:0 0 22px;padding:0 2px}.personal-avatar{width:58px;height:58px;border-radius:50%;object-fit:cover;flex:none}.compact-profile>div{flex:1;min-width:0}.compact-profile h2{font-size:22px;margin:0 0 5px;overflow-wrap:anywhere}.compact-profile p{margin:0;font-size:12px;color:var(--pc-muted);overflow-wrap:anywhere}.compact-text{color:var(--pc-muted)!important;border:0!important;background:transparent!important;padding:10px!important;font-size:13px!important}.personal-primary{display:inline-flex;align-items:center;justify-content:center;background:#ee7663;color:#fff!important;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600}.compact-membership{display:flex;align-items:center;gap:13px;padding:19px 20px;border-radius:15px;background:#fff0e1;border:1px solid #eddbc4;margin-bottom:20px;color:#77513b!important}.compact-member-symbol{display:grid;place-items:center;width:37px;height:37px;background:#f5dcc0;border-radius:11px;flex:none}.compact-membership>div{flex:1;min-width:0}.compact-membership strong{font-size:15px}.compact-membership p{font-size:12px;color:#a17c5e;margin:5px 0 0}.compact-member-cta{font-size:12px;white-space:nowrap}.compact-learning{border:1px solid var(--pc-line);border-radius:15px;overflow:hidden;background:var(--pc-card);display:block}.compact-learning>a{display:flex;align-items:center;gap:14px;padding:19px 20px;border-bottom:1px solid var(--pc-line);min-height:67px;box-sizing:border-box}.compact-learning>a:last-child{border:0}.compact-learning>a>span{flex:1;font-size:15px;display:flex;align-items:center;justify-content:space-between;gap:12px}.compact-learning small{font-size:11px;color:var(--pc-muted)}.compact-learning>a>.personal-icon:first-child{color:#958779}.compact-learning>a>.personal-icon:last-child{width:16px;height:16px;color:#aaa}.compact-learning>a:hover{background:var(--pc-soft)}.compact-settings{border:1px solid var(--pc-line);border-radius:13px;background:var(--pc-card);margin-top:17px;padding:0 18px;font-size:13px}.compact-settings summary{cursor:pointer;padding:15px 0;color:var(--pc-muted)}.compact-settings label{display:block;color:var(--pc-muted);margin:7px 0 8px;font-size:12px}.personal-name-row{display:flex;gap:10px}.personal-name-row input{min-width:0;flex:1;background:var(--pc-card);border:1px solid var(--pc-line);border-radius:10px;padding:10px;color:inherit;font:inherit}.compact-setting-links{display:flex;align-items:center;justify-content:flex-start;gap:24px;padding:18px 0}.compact-setting-links a,.compact-setting-links button{background:transparent!important;border:0!important;padding:0!important;font-size:12px!important;color:var(--pc-muted)!important}.compact-sync{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:17px;font-size:11px;color:var(--pc-muted)}.compact-sync button{font-size:11px!important;border:0!important;background:transparent!important;color:#ce6c55!important;padding:0!important}.compact-register{font-size:12px;color:var(--pc-muted);margin-top:20px}.compact-register a{color:#d86a56;margin-left:8px}.compact-account :is(a,button,input):focus-visible,.membership-page :is(a,button):focus-visible{outline:2px solid #e77763;outline-offset:3px}
.membership-page{max-width:640px;--pc-line:#eadfd4;--pc-card:#fff}.membership-heading{text-align:center;margin:27px 0 12px}.member-mark{display:inline-grid;place-items:center;width:44px;height:44px;color:#b8824f;background:#fbecd7;border-radius:14px}.member-mark .personal-icon{width:26px;height:26px}.membership-heading h1{font-size:28px;margin:15px 0 8px}.membership-heading p,.membership-status{color:#85858e;font-size:13px}.membership-status{text-align:center;min-height:21px;margin:15px 0 24px}.membership-choices{display:grid;grid-template-columns:1fr 1fr;gap:15px}.membership-page .membership-choices button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:23px 21px;border:1.5px solid #e8ded4;border-radius:15px;background:#fff;color:inherit;cursor:pointer;font:inherit;text-align:left}.membership-page .membership-choices button[aria-checked=true]{border-color:#ee7663;background:#fff4ed;box-shadow:0 0 0 1px #ee7663}.membership-recommend{position:absolute;right:13px;top:-12px;padding:4px 11px;border-radius:7px;background:#ed7663;color:#fff;font-size:11px}.membership-plan-name{font-size:15px;font-weight:650}.membership-choices strong{font-size:19px;color:#bd5c46}.membership-choices b{font-size:40px;font-weight:650}.membership-choices strong small{font-size:12px;color:#9a8e84;font-weight:400}.membership-choices button>span:last-child:not(.membership-plan-name){font-size:12px;color:#9b8980}.membership-benefits{padding:20px 2px 7px}.membership-benefits h2{font-size:16px;margin:8px 0 13px}.membership-benefits ul{padding:0;margin:0;list-style:none;display:grid;gap:10px;font-size:13px}.membership-benefits li::before{content:'✓';color:#9aa987;margin-right:10px}.membership-benefits p{font-size:11px;color:#92939a;line-height:1.8;margin:17px 0}.membership-checkout{text-align:center;border-top:1px solid #e8ded4;padding-top:12px}.membership-checkout>p:first-child{font-size:15px;font-weight:600}.membership-page #membership-pay{display:block;width:100%;padding:14px;border-radius:12px;border:0;background:#ee7663;color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer}.membership-page #membership-pay:disabled{background:#eee5dc;color:#9b8a7d;cursor:not-allowed;filter:none}.membership-checkout #membership-payment-note{font-size:12px;color:#8a8580;line-height:1.8}.membership-checkout small{font-size:11px;color:#989590}.membership-continue{display:block;text-align:center;margin:21px 0;color:#d16d57;font-size:13px;text-decoration:none}
.course-membership-note{display:flex;align-items:center;gap:12px;padding:13px 15px;margin-top:14px;border:1px solid #eddbc9;border-radius:12px;background:#fff5e9;color:#785d47}.course-membership-note>div{flex:1;min-width:0}.course-membership-note strong{display:block;font-size:13px;font-weight:600}.course-membership-note p{margin:4px 0 0;font-size:11px;color:#9a8370;line-height:1.5}.course-membership-note a{font-size:12px;color:#cb6b50;white-space:nowrap;text-decoration:none}.course-membership-note button{border:0;background:transparent;color:#ad9a89;font-size:20px;padding:3px 0 3px 5px;cursor:pointer}.membership-dialog .member-pricing{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.membership-dialog a.primary{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:11px;background:#ee7663;color:#fff;text-decoration:none}.membership-dialog .membership-close{position:absolute;right:15px;top:12px}.membership-dialog .member-login-link{display:block;font-size:13px;margin:15px auto;color:#d06d55}
[data-theme=night] .personal-center,[data-theme=night] .membership-page{--pc-card:#252c41;--pc-soft:#323248;--pc-line:#40465a;--pc-muted:#a8a9b7;--pc-ink:#eeebe7}[data-theme=night] .compact-membership{background:#3c3340;border-color:#5a4851;color:#edd0ad!important}[data-theme=night] .compact-member-symbol{background:#514151}[data-theme=night] .compact-membership p{color:#c1a389}[data-theme=night] .membership-choices button{background:#252c41;border-color:#49485b}[data-theme=night] .membership-choices button[aria-checked=true]{background:#403247}[data-theme=night] .membership-choices strong{color:#f4b39d}[data-theme=night] .membership-choices button>span:last-child{color:#b9a9a0}[data-theme=night] .membership-page #membership-pay:disabled{background:#3e3d4b;color:#aaa1a1}[data-theme=night] .membership-checkout{border-color:#49485b}[data-theme=night] .membership-checkout #membership-payment-note{color:#b7adab}[data-theme=night] .member-mark{background:#433746;color:#e4bd8d}[data-theme=night] .course-membership-note{background:#383345;border-color:#584653;color:#edc5a6}[data-theme=night] .course-membership-note p{color:#b7a296}
@media(max-width:760px){.compact-account{margin:15px 0 30px}.personal-topbar{margin-bottom:22px}.compact-profile{gap:12px}.personal-avatar{width:51px;height:51px}.compact-profile h2{font-size:18px}.compact-profile p{font-size:11px}.personal-primary{font-size:11px;padding:9px 10px}.compact-membership{padding:16px 14px;gap:11px}.compact-member-symbol{width:32px;height:32px}.compact-membership strong{font-size:14px}.compact-membership p{font-size:11px}.compact-member-cta{font-size:11px}.compact-learning>a{padding:17px 16px}.compact-learning>a>span{font-size:14px}.compact-learning small{font-size:10px}.membership-page{margin:15px 0 30px}.membership-heading h1{font-size:24px}.membership-page .membership-choices button{padding:21px 16px}.membership-choices b{font-size:36px}.course-membership-note{flex-wrap:wrap;gap:8px}.course-membership-note>div{flex-basis:calc(100% - 32px);order:0}.course-membership-note button{order:1}.course-membership-note a{order:2}.compact-setting-links{gap:20px}}

.compact-settings[hidden]{display:none}.compact-settings h3{font-size:14px;margin:18px 0}.records-page{max-width:860px}.records-heading h1{font-size:27px;margin:25px 0 8px}.records-heading p,.records-sync{font-size:13px;color:#8a8d93}.records-login{display:flex;align-items:center;gap:16px;padding:18px;margin:23px 0;background:#fff3e7;border:1px solid #eddfd2;border-radius:14px}.records-login>div{flex:1}.records-login strong{font-size:15px}.records-login p{font-size:11px;color:#99908a;line-height:1.7;margin:6px 0 0}.records-register{font-size:12px;color:#ce705c;white-space:nowrap}.records-list{margin-top:24px}.learning-record{display:flex;align-items:center;gap:16px;border-bottom:1px solid #eadfd4;padding:19px 0}.learning-record img{width:116px;aspect-ratio:16/9;object-fit:cover;border-radius:9px;flex:none}.learning-record>div{flex:1;min-width:0}.learning-record h2{font-size:15px;margin:0 0 9px;overflow-wrap:anywhere}.learning-record p{font-size:11px;color:#93949b;margin:0}.learning-record a,.record-continue{font-size:12px;color:#d56c56;white-space:nowrap}.record-continue{background:transparent;border:0;padding:10px 0;cursor:pointer}.records-empty{text-align:center;padding:53px 15px;background:#fff;border:1px solid #eddfd2;border-radius:16px}.records-empty>span{color:#b6bba8}.records-empty .personal-icon{width:36px;height:36px}.records-empty h2{font-size:19px;margin:17px 0 12px}.records-empty p{font-size:13px;color:#92949a;margin-bottom:24px}[data-theme=night] .records-login{background:#383345;border-color:#50455a}[data-theme=night] .records-empty{background:#252c41;border-color:#40465a}[data-theme=night] .learning-record{border-color:#40465a}@media(max-width:760px){.records-heading h1{font-size:24px}.records-login{flex-wrap:wrap;gap:12px}.records-login>div{flex-basis:100%}.learning-record{gap:10px;flex-wrap:wrap}.learning-record img{width:88px}.learning-record h2{font-size:13px;line-height:1.5}.learning-record p{font-size:10px}.learning-record .record-continue{font-size:11px}.learning-record>div{min-width:100px}.records-empty{padding:45px 15px}}