.affiliate-admin{display:grid;gap:20px}.affiliate-admin-head{padding:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.affiliate-admin-head h2,.affiliate-reward-admin h2{margin:0 0 6px}.affiliate-admin-head p,.affiliate-reward-admin p{color:var(--muted);font-size:12px;margin:0 0 5px}.affiliate-admin-head small{color:var(--muted)}.affiliate-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.affiliate-admin-card{padding:20px}.affiliate-admin-card header{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center}.affiliate-admin-card header>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#f8e6ea;color:#aa102a}.affiliate-admin-card h3,.affiliate-admin-card p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.affiliate-admin-card p{color:var(--muted);font-size:10px;margin-top:3px}.affiliate-admin-card header>b{font-size:9px;padding:6px 8px;border-radius:999px;background:#f4e6e9;color:#9d1830}.affiliate-admin-card header>b[data-active=true]{background:#e4f6ed;color:#176244}.affiliate-code{display:flex;align-items:center;gap:7px;margin:17px 0;padding:11px;border-radius:12px;background:var(--soft);font-size:9px;color:var(--muted)}.affiliate-code strong{margin-left:auto;color:var(--ink);font-size:12px;letter-spacing:.06em}.affiliate-admin-card dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.affiliate-admin-card dt{font-size:9px;color:var(--muted)}.affiliate-admin-card dd{margin:3px 0 0;font-size:14px;font-weight:850}.affiliate-reward-admin{padding:25px}.affiliate-reward-admin>.admin-toolbar{align-items:end}.affiliate-reward-admin label{font-size:10px}.affiliate-reward-list{display:grid;gap:12px;margin:18px 0}.affiliate-reward-list>article{border:1px solid var(--line);border-radius:17px;padding:17px;display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:16px}.reward-parties{display:grid;grid-template-columns:1fr 1fr;gap:14px}.reward-parties span,.reward-parties b,.reward-parties small{display:block}.reward-parties b{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.reward-parties small{font-size:9px;color:var(--muted);margin-top:3px}.reward-decision{text-align:right}.reward-decision span{display:block;color:#9d1830;font-size:10px;font-weight:800}.reward-decision span[data-status=approved],.reward-decision span[data-status=paid]{color:#176244}.reward-decision strong{display:block;margin-top:6px;font-size:18px}.reward-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;border-top:1px solid var(--line);padding-top:13px}.reward-actions label input{display:block;width:100%;margin-top:5px}.reward-actions>div{display:flex;gap:7px;flex-wrap:wrap}.theme-dark .affiliate-admin-card header>span{background:#4b222c;color:#ffadbc}.theme-dark .affiliate-admin-card header>b[data-active=true]{background:#193b31;color:#a5efd4}@media(max-width:1020px){.affiliate-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.affiliate-admin-head{align-items:flex-start;flex-direction:column}.affiliate-admin-grid{grid-template-columns:1fr}.affiliate-reward-list>article{grid-template-columns:1fr}.reward-decision{text-align:left}.reward-parties,.reward-actions{grid-template-columns:1fr}.reward-actions>div{display:grid}.reward-actions .button{width:100%}}.affiliate-view{max-width:1180px;margin:0 auto;display:grid;gap:22px}.affiliate-hero{position:relative;overflow:hidden;border-radius:28px;padding:42px;color:#fff;background:linear-gradient(125deg,#780d22,#c9102b 66%,#e15262);box-shadow:0 24px 55px #8f10222b}.affiliate-hero>span,.affiliate-kicker{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.affiliate-hero h1{font-size:clamp(2rem,4vw,3.35rem);line-height:1.05;max-width:760px;margin:14px 0;letter-spacing:-.045em}.affiliate-hero p{max-width:720px;line-height:1.75;color:#fffde8}.affiliate-hero>svg{position:absolute;right:45px;top:30px;width:150px;height:150px;opacity:.13;transform:rotate(8deg)}.affiliate-link-card{padding:28px;display:grid;grid-template-columns:minmax(220px,.65fr) 1.35fr;gap:28px;align-items:center}.affiliate-link-card strong{display:block;font-size:28px;letter-spacing:.08em;margin:8px 0}.affiliate-link-card p{color:var(--muted);font-size:12px}.affiliate-kicker{display:flex;align-items:center;gap:8px;color:#b20e29}.affiliate-link-box{display:grid;grid-template-columns:1fr auto auto;gap:9px}.affiliate-link-box input{min-width:0;border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:14px;padding:14px;font-size:12px}.affiliate-link-box .button{white-space:nowrap}.affiliate-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.affiliate-stats article{position:relative;min-height:140px;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 12px 28px #1a0d1010}.affiliate-stats svg{color:#c7102d;margin-bottom:17px}.affiliate-stats span{display:block;color:var(--muted);font-size:11px}.affiliate-stats strong{display:block;font-size:27px;margin-top:5px;overflow-wrap:anywhere}.affiliate-columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:22px;align-items:start}.affiliate-stack{display:grid;gap:22px;min-width:0}.affiliate-referrals,.affiliate-flow{padding:28px}.affiliate-referrals .section-heading{align-items:flex-start}.affiliate-referrals .section-heading p{color:var(--muted);font-size:11px;margin-top:5px}.affiliate-referral-list{display:grid;gap:12px}.affiliate-referral-list>article{border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;grid-template-columns:minmax(180px,1fr) 1.4fr;gap:20px;align-items:center}.affiliate-person{display:flex;align-items:center;gap:12px;min-width:0}.affiliate-person>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#f8dfe5;color:#a20d27;font-weight:900}.affiliate-person div{min-width:0}.affiliate-person b,.affiliate-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.affiliate-person small{color:var(--muted);margin-top:3px}.affiliate-referral-list dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.affiliate-referral-list dt{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.affiliate-referral-list dd{margin:4px 0 0;font-size:11px;font-weight:800}.affiliate-referral-list dd[data-status=approved],.affiliate-referral-list dd[data-status=paid]{color:#18704e}.affiliate-referral-list dd[data-status=rejected],.affiliate-referral-list dd[data-status=cancelled]{color:#a20d27}.affiliate-referral-list dd small{display:block;color:var(--muted);margin-top:3px}.affiliate-empty{padding:36px;border:1px dashed var(--line);border-radius:16px;text-align:center;color:var(--muted)}.affiliate-rate{padding:18px;border-radius:16px;background:linear-gradient(135deg,#fcedef,#fff7e8);margin:15px 0 22px}.affiliate-rate span{font-size:10px;color:#775d62}.affiliate-rate strong{display:block;font-size:25px;color:#a40e28;margin-top:5px}.affiliate-flow ol{list-style:none;padding:0;margin:0;display:grid;gap:17px}.affiliate-flow li{display:grid;grid-template-columns:32px 1fr;gap:11px;align-items:start}.affiliate-flow li>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#a70e29;color:#fff;font-weight:800}.affiliate-flow li p{margin:3px 0;color:var(--muted);font-size:12px;line-height:1.6}.theme-dark .affiliate-rate{background:linear-gradient(135deg,#401c25,#32271c)}.theme-dark .affiliate-person>span{background:#4b222c;color:#ffb2c0}@media(max-width:920px){.affiliate-link-card,.affiliate-columns{grid-template-columns:1fr}.affiliate-link-box{grid-template-columns:1fr 1fr}.affiliate-link-box input{grid-column:1/-1}.affiliate-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.affiliate-view{gap:15px}.affiliate-hero{padding:28px 22px;border-radius:20px}.affiliate-hero>svg{right:-25px}.affiliate-link-card,.affiliate-referrals,.affiliate-flow{padding:19px}.affiliate-link-box{grid-template-columns:1fr}.affiliate-link-box input{grid-column:auto}.affiliate-stats{gap:9px}.affiliate-stats article{padding:16px;min-height:125px}.affiliate-stats strong{font-size:21px}.affiliate-referral-list>article{grid-template-columns:1fr}.affiliate-referral-list dl{gap:8px}.affiliate-link-box .button{width:100%}}.affiliate-referral-list dd[data-payment=paid]{color:#18704e}.affiliate-referral-list dd[data-payment=rejected],.affiliate-referral-list dd[data-payment=expired]{color:#a20d27}.affiliate-referral-list dd[data-payment=awaiting_proof],.affiliate-referral-list dd[data-payment=pending_review]{color:#996100}.affiliate-referral-list dd[data-payment=not_started]{color:#756b70}.affiliate-referral-list dd[data-payment] small{font-weight:600;line-height:1.4}.journey-bar{margin-bottom:24px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.journey-bar label{font-size:.8rem;font-weight:650}.journey-bar select{display:block;max-width:100%;padding:10px;border:1px solid #ddcbd1;border-radius:9px;background:transparent;margin-top:5px}.journey-bar p{font-size:.85rem;color:#88747a}.journey-bar nav{display:flex;flex-wrap:wrap;gap:10px 20px;width:100%;border-top:1px solid #eadce0;padding-top:12px}.journey-bar nav a{font-size:.82rem;color:#a31834;font-weight:600}.journey-report{margin:24px 0}.journey-report h2{font-size:1.4rem;font-weight:700}.journey-report p{margin:12px 0;font-size:.85rem;color:#857178}.report-scroll{overflow-x:auto}.journey-report table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:620px}.journey-report td,.journey-report th{padding:14px;text-align:left;border-bottom:1px solid #e9dce0}.journey-report small{display:block;font-size:.7rem;color:#87757b}.account-loading{padding:40px;text-align:center}.account-status{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 18px;background:#f9eef1;border-radius:12px;font-size:.82rem;margin-bottom:18px;color:#80142b}.account-status a{font-weight:700;text-decoration:underline}.teacher-students{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:20px 0}.teacher-students button{text-align:left}.teacher-students span,.teacher-students small{display:block;overflow-wrap:anywhere;margin-top:7px}.teacher-students [aria-pressed=true]{border-color:#a31834;background:#fbf0f3}.settings-form .info-banner{display:block}.theme-dark .journey-bar select{background:#2b2027}.theme-dark .journey-bar nav a{color:#f2a0b4}.theme-dark .account-status{background:#3f2831;color:#f3b6c5}.theme-dark .teacher-students [aria-pressed=true]{background:#462a34}.journey-report th{font-weight:650}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1.2fr;background:#fff;color:#18181b}.login-intro{padding:clamp(28px,6vw,90px);background:linear-gradient(145deg,#f6e7e9,#fafafa);display:flex;flex-direction:column;justify-content:center;gap:24px}.login-intro>a{font-size:24px;font-weight:800;color:#ad1020}.login-intro h1{font-size:clamp(30px,3.2vw,48px);line-height:1.15}.login-intro p{line-height:1.8;color:#6b6265}.login-form{width:100%;max-width:700px;margin:auto;padding:clamp(24px,5vw,70px)}.login-form h2{font-size:32px;line-height:1.2;margin-bottom:14px}.login-form>p{color:#71686b;margin-bottom:28px}.login-form .settings-form{display:grid;gap:20px}.login-form label{display:grid;gap:10px;font-weight:600}.login-form input{width:100%;padding:16px;border:1px solid #e2dcde;border-radius:14px;color:#18181b;background:#fff}.login-form>a{display:inline-block;margin-top:22px;color:#a81020}.admin-view{display:grid;gap:20px}.admin-view table{width:100%;border-collapse:collapse;min-width:640px}.admin-view th,.admin-view td{padding:14px;text-align:left;vertical-align:top;border-bottom:1px solid #e8e1e3}.admin-view td{font-size:14px}.admin-view td .button{margin:3px}.admin-view pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:380px;font-size:12px}.admin-toolbar,.admin-toolbar form{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.admin-toolbar form{align-items:end}.admin-editor{scroll-margin-top:90px}.settings-form .check-label{display:flex;align-items:center;gap:10px}.settings-form .check-label input{width:18px;height:18px;accent-color:#b81020}.audit-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-view fieldset{padding:20px;border:1px solid #e8e1e3;border-radius:16px}.admin-view summary{cursor:pointer;color:#b81020}.account-active-control{display:flex!important;flex-direction:row!important;align-items:center;gap:14px;width:min(100%,390px);padding:14px 16px;border:1px solid var(--line,#e8e1e3);border-radius:15px;background:var(--surface,#fff);cursor:pointer;text-align:left;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}.account-active-control:hover{transform:translateY(-1px);border-color:#d7a0aa}.account-active-control.is-active{border-color:#d995a1;background:#fff5f6;box-shadow:inset 4px 0 #bf1022}.account-active-control>input,.permission-card>input{position:absolute;inline-size:1px!important;block-size:1px!important;opacity:0;pointer-events:none}.admin-switch{display:flex;align-items:center;width:46px;height:26px;padding:3px;border-radius:999px;background:#cbc5c7;transition:background .2s;flex:0 0 auto}.admin-switch>span{width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #3d18222e;transition:transform .2s}.account-active-control.is-active .admin-switch{background:#bd1021}.account-active-control.is-active .admin-switch>span{transform:translate(20px)}.account-active-copy{display:grid;gap:2px}.account-active-copy strong{font-size:14px}.account-active-copy small{font-size:11px;color:var(--muted,#7a6d71)}.account-active-control:has(input:focus-visible),.permission-card:has(input:focus-visible){outline:3px solid #de7380;outline-offset:3px}.permission-fieldset{padding:0!important;overflow:hidden;border-radius:20px!important}.permission-fieldset>legend{margin-left:18px;padding:0 8px;font-weight:800;font-size:15px}.permission-fieldset>p{padding:18px 20px 8px;color:var(--muted,#756b6e);font-size:12px}.permission-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 20px 16px;border-bottom:1px solid var(--line,#e8e1e3)}.permission-toolbar>div{display:flex;gap:8px}.permission-count{display:inline-flex;align-items:center;min-height:31px;padding:6px 11px;border-radius:999px;background:#fae9ec;color:#941528;font-size:11px;font-weight:800}.permission-bulk-button{min-height:34px;padding:7px 13px;border:1px solid #bd1021;border-radius:999px;background:#bd1021;color:#fff;font-size:11px;font-weight:800}.permission-bulk-button:hover{background:#970b1a}.permission-bulk-button.secondary{border-color:var(--line,#ded5d7);background:transparent;color:var(--ink,#1d191a)}.permission-bulk-button.secondary:hover{background:#f7ecee}.menu-permissions{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:10px;padding:18px 20px 22px}.permission-card{position:relative;display:flex!important;flex-direction:row!important;align-items:center;gap:12px;min-width:0;min-height:67px;padding:12px 14px;border:1px solid var(--line,#e5dcde);border-radius:14px;background:var(--surface,#fff);cursor:pointer;text-align:left;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.permission-card:hover{transform:translateY(-2px);border-color:#d79aa5;box-shadow:0 8px 22px #54101b0d}.permission-card.is-selected{border-color:#d17887;background:#fff3f5;box-shadow:inset 3px 0 #bd1021}.permission-check{display:grid;place-items:center;width:26px;height:26px;border:1.5px solid #b9afb2;border-radius:8px;color:transparent;background:#fff;flex:0 0 auto;transition:background .18s,border-color .18s,color .18s,transform .18s}.permission-card.is-selected .permission-check{border-color:#bd1021;background:#bd1021;color:#fff;transform:scale(1.03)}.permission-copy{display:grid;gap:3px;min-width:0}.permission-copy strong{font-size:12px;line-height:1.35;overflow-wrap:anywhere}.permission-copy small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#95888c}.permission-card.is-selected .permission-copy small{color:#a21429;font-weight:800}@media(max-width:700px){.login-page{grid-template-columns:1fr}.login-intro{padding:28px}.login-intro h1{font-size:28px}.login-intro p:last-child{display:none}.login-form{padding:28px 22px}.menu-permissions,.audit-filters{grid-template-columns:1fr}.admin-view .panel{padding:18px}.login-intro{gap:14px}.login-form h2{font-size:28px}.permission-fieldset>p,.permission-toolbar{padding-left:15px;padding-right:15px}.menu-permissions{padding:14px 15px 18px}.permission-toolbar{align-items:flex-start}.permission-toolbar>div{width:100%}.permission-bulk-button{flex:1}.permission-card{min-height:60px}.account-active-control{width:100%}}.theme-dark .account-active-control,.theme-dark .permission-card{background:#2b2027}.theme-dark .account-active-control.is-active,.theme-dark .permission-card.is-selected{background:#42232c}.theme-dark .permission-bulk-button.secondary{color:#f7eef1}.theme-dark .permission-bulk-button.secondary:hover{background:#442a33}.theme-dark .permission-count{background:#45242d;color:#f0a8b7}.theme-dark .permission-check{background:#30242a;border-color:#66545b}.landing .nav-actions>.text-button{display:inline-flex!important}@media(max-width:480px){.landing .nav-actions>.dark-button{display:none}}.admin-view,.admin-view>*{min-width:0}.admin-view .report-scroll{max-width:100%;overflow-x:auto}.admin-view td{overflow-wrap:anywhere}.admin-view table{table-layout:fixed}.admin-view .admin-toolbar form,.admin-view .admin-toolbar label{min-width:0;max-width:100%}.admin-view table{min-width:1050px}.admin-view td small{display:block;margin-top:5px;color:#88747a}.admin-report{scroll-margin-top:95px;border-color:#dca8b2;box-shadow:inset 4px 0 #b80f1c}.admin-report>.journey-report{margin-bottom:0}.admin-report:focus{outline:none}.admin-editor input[type=date]{max-width:260px}.login-form textarea{width:100%;padding:14px;border:1px solid #e2dcde;border-radius:14px;background:#fff;color:#18181b}.enrollment-list{display:grid;gap:12px}.enrollment-list article{overflow-wrap:anywhere;display:grid;gap:10px}.logout-control{position:relative;display:inline-flex}.logout-error{position:absolute;right:0;top:100%;width:260px;padding:14px;border:1px solid #dfc5ca;background:var(--surface,#fff);z-index:100;border-radius:12px;font-size:12px}.logout-error a{text-decoration:underline}.login-language{display:flex;justify-content:flex-end;margin-bottom:22px}@media(max-width:480px){.header-tools .language-badge{display:none}.header-tools{gap:5px}.logout-control .button{padding:9px 12px}}.login-form .auth-switch{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:2px 0 26px;color:#71686b}.auth-action-link{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:3px 5px;border-radius:7px;color:#a40c20!important;font-weight:850;text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:5px;transition:color .18s,background .18s,transform .18s}.auth-action-link:hover{color:#790815!important;background:#fff0f2;transform:translate(2px)}.auth-action-link svg{transition:transform .18s}.auth-action-link:hover svg{transform:translate(3px)}.auth-action-link:focus-visible{outline:3px solid #df8d99;outline-offset:3px}.auth-back-link{display:inline-flex!important;align-items:center;gap:7px;min-height:36px;padding:5px 3px;color:#8f1020!important;font-weight:750;text-decoration:underline!important;text-underline-offset:5px}.auth-back-link:hover{color:#630812!important}.login-form .coral-button{font-weight:800}.login-form .button:disabled{background:#d9959e;color:#fff;opacity:.72}@media(max-width:700px){.login-form .auth-switch{align-items:flex-start;flex-direction:column;gap:5px}.auth-action-link{margin-left:-5px;font-size:15px}.auth-back-link{font-size:13px}}.login-page,.login-page>*{min-width:0}.login-page{width:100%;max-width:100vw;overflow-x:hidden}.login-intro h1,.login-intro p,.login-form h2,.login-form>p{overflow-wrap:anywhere}.login-form form,.login-form label,.login-form input,.login-form textarea{min-width:0;max-width:100%}@media(max-width:700px){.login-page{display:block;width:100%;max-width:100%;min-height:100dvh}.login-intro{width:100%;padding:27px 22px 25px;gap:13px}.login-intro>a{font-size:20px}.login-intro h1{font-size:clamp(25px,7.4vw,30px);line-height:1.16;letter-spacing:-.04em}.login-intro p{font-size:13px;line-height:1.65}.login-form{width:100%;max-width:none;margin:0;padding:26px 22px 34px}.login-language{margin-bottom:25px}.login-form h2{max-width:100%;font-size:clamp(25px,7vw,30px);line-height:1.18}.login-form>p{font-size:14px;line-height:1.6;margin-bottom:22px}.login-form .settings-form{gap:17px}.login-form label{font-size:13px;gap:8px}.login-form input,.login-form textarea{display:block;width:100%;font-size:16px;padding:14px}.login-form .button{width:100%;min-height:50px}.login-form [role=alert]{width:100%;max-width:100%;padding:11px 13px;border-radius:10px;background:#fff0f2;color:#8c0714;box-shadow:inset 4px 0 #c80d20;line-height:1.55;overflow-wrap:anywhere}.login-form .account-connection{align-items:flex-start}.login-form .account-connection .auth-action-link{width:auto;min-height:36px;margin:2px 0 0;padding:4px 0}.login-form .auth-switch,.auth-action-link{font-size:14px}}@media(max-width:380px){.login-intro,.login-form{padding-left:18px;padding-right:18px}.login-language .ui-language-trigger{min-height:40px}}.login-monitor{gap:18px}.login-monitor>.admin-toolbar:first-child{align-items:flex-start}.login-monitor>.admin-toolbar:first-child>div{max-width:760px}.login-monitor-notice{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border:1px solid #efc7cd;border-radius:13px;background:#fff5f6;color:#8d1427;font-size:12px;line-height:1.65}.login-monitor-notice svg{flex:0 0 auto;margin-top:1px}.login-monitor-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.login-stat{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;min-height:88px;padding:15px;border:1px solid var(--line,#e7dfe1);border-radius:15px;background:var(--surface,#fff)}.login-stat svg{grid-row:1/3;width:34px;height:34px;padding:7px;border-radius:10px;background:#f8e9ec;color:#a4122a}.login-stat strong{font-size:23px;line-height:1}.login-stat span{font-size:10px;color:var(--muted,#7b7073);line-height:1.35}.login-stat.is-active svg{background:#e6f6ef;color:#167451}.login-stat.is-recent svg{background:#eaf1fb;color:#326aa6}.login-stat.is-flagged svg{background:#fff0da;color:#a35b00}.login-stat.is-muted svg{background:#f0eef0;color:#6f6870}.login-monitor-filters{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,220px) auto;align-items:end;gap:12px}.login-monitor-filters label{min-width:0}.login-monitor table{min-width:1180px}.login-monitor th:nth-child(1){width:19%}.login-monitor th:nth-child(2){width:14%}.login-monitor th:nth-child(3){width:22%}.login-monitor th:nth-child(4){width:22%}.login-monitor th:nth-child(5){width:23%}.login-monitor tr.needs-follow-up{background:#fffaf1}.login-monitor tr.needs-follow-up td:first-child{box-shadow:inset 4px 0 #d78918}.monitor-status,.monitor-network{display:inline-flex;align-items:center;gap:6px;font-weight:750;line-height:1.45}.monitor-status.is-ok{color:#237153}.monitor-status.is-warning,.follow-up-label{color:#9c5100}.login-monitor td small{line-height:1.55}.login-monitor td small svg{display:inline;vertical-align:-2px}.login-monitor td .button{margin:10px 0 4px}.login-monitor details{margin-top:7px}.login-monitor details summary{font-size:11px;font-weight:750}.login-history{display:grid;gap:8px;margin:9px 0 0;padding:0;list-style:none}.login-history li{display:grid;gap:2px;padding:9px;border-radius:9px;background:var(--paper,#faf7f5);font-size:10px}.login-history li span{overflow-wrap:anywhere}.login-monitor .small-note{color:var(--muted,#756b6e);font-size:10px;line-height:1.6}.theme-dark .login-monitor-notice{background:#38242b;border-color:#6b3944;color:#ffc0ca}.theme-dark .login-stat{background:#141d26;border-color:#303c49}.theme-dark .login-stat svg{background:#37232b;color:#f3a6b5}.theme-dark .login-monitor tr.needs-follow-up{background:#292319}.theme-dark .login-history li{background:#19232d}.theme-dark .monitor-status.is-ok{color:#83d5b4}.theme-dark .monitor-status.is-warning,.theme-dark .follow-up-label{color:#f2bf68}@media(max-width:900px){.login-monitor-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.login-monitor-filters{grid-template-columns:1fr 1fr}.login-monitor-filters .button{grid-column:1/-1}.login-stat:last-child{grid-column:1/-1}}@media(max-width:700px){.login-monitor-filters{grid-template-columns:1fr}.login-monitor-filters .button{grid-column:auto}.login-monitor-summary{gap:8px}.login-stat{min-height:78px;padding:12px}.login-stat strong{font-size:20px}.login-monitor-notice{font-size:11px}}.enrollment-admin{gap:18px}.enrollment-pending-note{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border:1px solid #e6c3ca;border-radius:13px;background:#fff5f6;color:#8f172b;font-size:12px;line-height:1.6}.enrollment-pending-note svg{flex:0 0 auto;margin-top:1px}.enrollment-list{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.enrollment-card{position:relative;gap:16px!important;padding:20px!important;border-left:4px solid #d9a0aa!important}.enrollment-card.status-pending{border-left-color:#c4102d!important}.enrollment-card.status-approved{border-left-color:#288262!important}.enrollment-card.status-rejected{border-left-color:#8f8588!important}.enrollment-card-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px}.enrollment-card-head h3{margin:0}.enrollment-card-head>strong{align-self:start;padding:5px 8px;border-radius:999px;background:#fff0d9;color:#925500;font-size:9px}.enrollment-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#f9e6ea;color:#9c1830}.enrollment-status{font-size:9px;font-weight:800;color:#9c1830;text-transform:uppercase;letter-spacing:.07em}.enrollment-referral{display:flex;align-items:flex-start;gap:9px;margin:0;padding:11px 13px;border:1px solid #ddd7d9;border-radius:11px;background:#faf7f5;color:#665d61}.enrollment-referral>svg{flex:0 0 auto;margin-top:2px}.enrollment-referral span{display:grid;gap:2px}.enrollment-referral b,.enrollment-referral small{font-size:9px}.enrollment-referral b{text-transform:uppercase;letter-spacing:.06em}.enrollment-referral strong{font-size:12px;color:#17151a}.enrollment-referral.is-affiliate{border-color:#e6a8b4;background:#fff1f3;color:#9c1830}.enrollment-referral.is-direct{border-color:#ddd7d9}.enrollment-referral-payment{display:flex;align-items:center;gap:7px;margin:0;color:#176244;font-size:11px}.enrollment-card dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.enrollment-card dl>div{min-width:0;padding:10px;border-radius:10px;background:var(--paper,#faf7f5)}.enrollment-card dl .enrollment-goal{grid-column:1/-1}.enrollment-card dt{display:flex;align-items:center;gap:6px;margin-bottom:5px;font-size:9px;font-weight:800;color:var(--muted,#7c7074);text-transform:uppercase;letter-spacing:.06em}.enrollment-card dd{margin:0;font-size:12px;line-height:1.55;overflow-wrap:anywhere}.enrollment-review{border-color:#dfaab4!important;box-shadow:inset 4px 0 #b80f2a}.enrollment-review-data{display:grid;grid-template-columns:1fr 1fr;gap:10px}.enrollment-review-data p{display:grid;gap:4px;padding:11px;border-radius:10px;background:var(--paper,#faf7f5);font-size:12px;overflow-wrap:anywhere}.enrollment-review-data p.is-wide{grid-column:1/-1}.enrollment-review-data b{font-size:9px;text-transform:uppercase;color:var(--muted,#756b6e)}.theme-dark .enrollment-pending-note{background:#38242b;border-color:#6b3944;color:#ffc0ca}.theme-dark .enrollment-card dl>div,.theme-dark .enrollment-review-data p{background:#19232d}.theme-dark .enrollment-card-head>strong{background:#3b301f;color:#f4c978}.theme-dark .enrollment-avatar{background:#37232b;color:#f3a6b5}.theme-dark .enrollment-referral{background:#19232d;border-color:#35424f;color:#c8bbc0}.theme-dark .enrollment-referral strong{color:#f7eff2}.theme-dark .enrollment-referral.is-affiliate{background:#40232c;border-color:#824252;color:#ffb6c3}@media(max-width:700px){.enrollment-list{grid-template-columns:1fr}.enrollment-card{padding:16px!important}.enrollment-card dl,.enrollment-review-data{grid-template-columns:1fr}.enrollment-card dl .enrollment-goal,.enrollment-review-data p:last-child{grid-column:auto}.enrollment-card-head{grid-template-columns:auto 1fr}.enrollment-card-head>strong{grid-column:1/-1;width:-moz-max-content;width:max-content}}.referral-registration{display:flex;align-items:flex-start;gap:11px;padding:14px 16px;margin:12px 0;border-radius:14px;border:1px solid var(--line);background:var(--soft);color:var(--ink)}.referral-registration.is-valid{border-color:#8bcbb5;background:#eaf9f2;color:#145d45}.referral-registration.is-invalid{border-color:#e5a5af;background:#fff1f3;color:#8c1327}.referral-registration span,.referral-registration small{display:block}.referral-registration small{margin-top:4px;font-size:11px;font-weight:500}.referral-registration a{display:inline-block;margin-top:8px;color:inherit;text-decoration:underline;text-underline-offset:4px;font-weight:800}.theme-dark .referral-registration.is-valid{background:#193b31;color:#a5efd4}.theme-dark .referral-registration.is-invalid{background:#421e27;color:#ffb5c1}.payment-page{min-height:100vh;background:var(--paper,#fffdfa);padding:28px clamp(20px,5vw,76px) 56px;color:var(--ink,#17151a)}.payment-header{display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:0 auto 38px}.payment-brand{font-size:1.35rem;font-weight:800;color:inherit;text-decoration:none}.payment-hero{max-width:1240px;margin:0 auto 36px;padding:clamp(26px,4vw,52px);border:1px solid var(--line,#eadfe1);border-radius:30px;background:linear-gradient(135deg,#fff,#fff4f5);display:flex;align-items:center;justify-content:space-between;gap:30px}.payment-hero h1{font-size:clamp(2rem,4vw,4rem);line-height:1.02;margin:10px 0 16px;max-width:850px}.payment-hero p:not(.eyebrow){max-width:760px;color:var(--muted,#756b70)}.payment-hero>svg{color:#c70d25;flex:0 0 auto}.payment-layout{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}.payment-layout h2{margin:0 0 18px}.payment-packages{display:grid;gap:14px}.payment-package{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;text-align:left;border:1px solid var(--line,#eadfe1);border-radius:20px;background:var(--surface,#fff);padding:22px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.payment-package:hover{transform:translateY(-2px);border-color:#c70d25;box-shadow:0 16px 35px #4f161f17}.payment-package.is-selected{border:2px solid #c70d25;background:#fff5f6}.payment-package span:nth-child(2){display:grid;gap:6px}.payment-package small{display:flex;align-items:center;gap:6px;color:var(--muted,#756b70)}.payment-package-check{color:#c70d25}.payment-package>b{font-size:1.15rem;white-space:nowrap}.payment-submit{width:100%;margin-top:20px;justify-content:center}.payment-security{display:flex;gap:10px;align-items:flex-start;color:var(--muted,#756b70);font-size:.92rem;margin:18px 4px}.payment-security svg{flex:0 0 auto;color:#26755c}.payment-summary{position:sticky;top:24px;padding:26px}.payment-summary dl{display:grid;gap:16px;margin:0}.payment-summary dl>div{display:grid;gap:4px;border-bottom:1px solid var(--line,#eadfe1);padding-bottom:13px}.payment-summary dt,.payment-referral small{color:var(--muted,#756b70);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.payment-summary dd{margin:0;overflow-wrap:anywhere}.payment-referral{display:flex;gap:12px;margin-top:20px;padding:16px;border-radius:16px;background:#fff1f3;color:#9d1024}.payment-referral span{display:grid;gap:4px}.payment-empty{display:flex;gap:14px;align-items:center;padding:24px}.payment-page>.info-banner,.payment-page>.auth-back-link{max-width:1240px;margin-left:auto;margin-right:auto}@media(max-width:820px){.payment-page{padding:18px 16px 100px}.payment-header{margin-bottom:20px}.payment-hero{border-radius:22px;padding:25px 22px}.payment-hero>svg{display:none}.payment-layout{grid-template-columns:1fr}.payment-summary{position:static;grid-row:1}.payment-package{grid-template-columns:auto minmax(0,1fr);padding:18px}.payment-package>b{grid-column:2}.payment-submit{min-height:54px}}.payment-success{border-color:#89cdb5!important;background:#e9f8f1!important;color:#126047!important}.manual-qris{display:grid;gap:18px;margin-top:20px;padding:24px}.manual-qris-head{display:flex;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--line,#eadfe1)}.manual-qris-head span{display:grid;gap:4px}.manual-qris-head span:last-child{text-align:right}.manual-qris-head small,.manual-qris dt{font-size:.72rem;color:var(--muted,#756b70);text-transform:uppercase;letter-spacing:.08em}.manual-qris-head b{font-size:1.2rem}.manual-qris>img:not(.proof-preview){display:block;width:min(100%,380px);aspect-ratio:1;-o-object-fit:contain;object-fit:contain;margin:auto;border:12px solid #fff;border-radius:20px;box-shadow:0 12px 35px #1a0f131f}.manual-warning{display:flex;align-items:flex-start;gap:9px;padding:13px;border-radius:13px;background:#fff4d9;color:#785000;font-size:.9rem}.manual-warning svg{flex:0 0 auto}.manual-qris dl{display:grid;gap:12px;margin:0}.manual-qris dl>div{display:grid;gap:4px;padding:13px;border-radius:13px;background:var(--paper,#faf7f5)}.manual-qris dd{margin:0}.proof-upload{position:relative;display:flex!important;align-items:center;gap:12px;padding:16px!important;border:1px dashed #cc7180!important;border-radius:14px;cursor:pointer;background:#fff7f8}.proof-upload span{display:grid;gap:3px}.proof-upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.proof-preview{display:block;max-width:100%;max-height:360px;-o-object-fit:contain;object-fit:contain;border-radius:14px;border:1px solid var(--line,#eadfe1)}.proof-compressed{display:block;width:-moz-max-content;width:max-content;padding:6px 10px;border-radius:999px;background:#e9f8f1;color:#126047;font-size:.72rem;font-weight:750}.theme-dark .proof-compressed{background:#173b31;color:#a5efd4}.payment-stage{max-width:1240px;margin:0 auto 20px!important;display:flex;align-items:flex-start;gap:11px}.payment-stage>span{display:grid;gap:4px}.payment-stage small{font-size:.78rem}.payment-stage.status-paid{background:#e9f8f1!important;border-color:#89cdb5!important;color:#126047!important}.payment-stage.status-pending_review{background:#fff4d9!important;border-color:#e9c76d!important;color:#785000!important}.payment-package:disabled{cursor:not-allowed;transform:none;opacity:.72}.theme-dark .payment-stage.status-paid{background:#193b31!important;border-color:#397c66!important;color:#a5efd4!important}.theme-dark .payment-stage.status-pending_review{background:#3b301f!important;border-color:#785f31!important;color:#f4cd83!important}.manual-demo-warning{background:#ffe8ec;color:#8f1025}.payment-demo-lock{display:grid;gap:5px;padding:18px;border:2px solid #c70d25;border-radius:14px;background:#fff1f3;color:#8f1025;text-align:center}.payment-demo-lock b{font-size:1rem;letter-spacing:.04em}.payment-demo-lock span{font-size:.85rem;line-height:1.5}.theme-dark .manual-demo-warning,.theme-dark .payment-demo-lock{background:#4b222c;color:#ffbdc8;border-color:#d5586e}.manual-payment-admin{gap:18px}.manual-payment-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.manual-payment-card{display:grid;gap:15px;padding:20px}.manual-payment-card>header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px}.manual-payment-card>header>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#f9e6ea;color:#a10e25}.manual-payment-card h3{margin:2px 0 0;font-size:1rem}.manual-payment-card dl{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0}.manual-payment-card dl>div{min-width:0;padding:10px;border-radius:10px;background:var(--paper,#faf7f5)}.manual-payment-card dt{display:flex;align-items:center;gap:5px;margin-bottom:4px;color:var(--muted,#756b70);font-size:.7rem;text-transform:uppercase}.manual-payment-card dd{margin:0;font-size:.88rem;overflow-wrap:anywhere}.manual-payment-card dd small{display:block;margin-top:3px;color:var(--muted,#756b70)}.manual-payment-card textarea{width:100%}.theme-dark .manual-payment-card dl>div{background:#19232d}@media(max-width:620px){.manual-qris-head{display:grid}.manual-qris-head span:last-child{text-align:left}.manual-payment-list,.manual-payment-card dl{grid-template-columns:1fr}}.enrollment-referral-payment{flex-wrap:wrap;color:#756b70}.enrollment-referral-payment[data-payment=paid]{color:#176244}.enrollment-referral-payment[data-payment=awaiting_proof],.enrollment-referral-payment[data-payment=pending_review]{color:#996100}.enrollment-referral-payment[data-payment=rejected],.enrollment-referral-payment[data-payment=expired]{color:#a20d27}.enrollment-referral-payment small{width:100%;padding-left:23px;color:var(--muted)}.qris-admin-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,380px);gap:30px;padding:28px;margin-bottom:22px}.qris-admin-copy{display:grid;gap:14px;align-content:start}.qris-admin-copy h2,.qris-admin-copy p{margin:0}.qris-admin-copy>p{max-width:720px;color:var(--muted);font-size:12px;line-height:1.7}.qris-admin-copy label{display:grid;gap:7px;font-size:12px;font-weight:750}.qris-admin-copy input,.qris-admin-copy textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink)}.qris-admin-status{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border:1px solid #bce2d2;border-radius:13px;background:#effbf6;color:#176247}.qris-admin-status.is-warning{border-color:#efc17f;background:#fff7e8;color:#8a4a00}.qris-admin-status svg{flex:0 0 auto}.qris-admin-status span,.qris-admin-status small{display:block}.qris-admin-status small{margin-top:3px;font-size:10px;line-height:1.5}.qris-upload-button{display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:8px;width:-moz-max-content;width:max-content;max-width:100%;padding:12px 16px;border:1px dashed #ca1730;border-radius:12px;color:#a10e25;cursor:pointer}.qris-upload-button input{position:absolute;width:1px;height:1px;padding:0;opacity:0;pointer-events:none}.qris-admin-preview{display:grid;place-items:center;align-content:center;gap:12px;min-height:330px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.qris-admin-preview img{display:block;width:min(100%,310px);aspect-ratio:1;-o-object-fit:contain;object-fit:contain;border-radius:12px;background:#fff}.qris-admin-preview>div{display:grid;place-items:center;gap:10px;color:var(--muted);text-align:center}.qris-admin-preview>small{font-size:10px;color:var(--muted)}.theme-dark .qris-admin-status{background:#17352b;border-color:#2e6b55;color:#9fe4ca}.theme-dark .qris-admin-status.is-warning{background:#3c2d18;border-color:#725224;color:#f2c77e}.theme-dark .qris-admin-copy input,.theme-dark .qris-admin-copy textarea,.theme-dark .qris-admin-preview{background:#19232d}@media(max-width:800px){.qris-admin-settings{grid-template-columns:1fr}.qris-admin-preview{min-height:280px}}@media(max-width:620px){.qris-admin-settings{padding:20px}.qris-upload-button,.qris-admin-copy>.button{width:100%}}.support-whatsapp-wrap{position:fixed;right:26px;bottom:26px;z-index:95;width:62px;height:62px}.support-whatsapp{position:relative;display:grid;place-items:center;width:62px;height:62px;padding:7px;overflow:visible;border:2px solid #fff;border-radius:50%;background:linear-gradient(145deg,#35db73,#18ad50);color:#fff;text-decoration:none;box-shadow:0 14px 36px #16ad5045,0 4px 12px #5c444221,inset 0 1px #ffffff6b;isolation:isolate;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.support-whatsapp:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;z-index:-1;border:1px solid rgba(37,211,102,.28);border-radius:50%;animation:support-wa-ring 2.8s ease-out infinite}.support-whatsapp:hover,.support-whatsapp:focus-visible{transform:translateY(-5px) scale(1.06);box-shadow:0 20px 46px #16ad5057,0 6px 16px #5c444226,inset 0 1px #ffffff80}.support-whatsapp:focus-visible{outline:3px solid rgba(37,211,102,.32);outline-offset:5px}.support-whatsapp__glow{position:absolute;z-index:-2;width:54px;height:54px;border-radius:50%;background:#53df87;filter:blur(20px);opacity:.25}.support-whatsapp__icon{position:relative;display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.46);border-radius:50%;background:#ffffff17;color:#fff;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.support-whatsapp:hover .support-whatsapp__icon,.support-whatsapp:focus-visible .support-whatsapp__icon{transform:rotate(-6deg) scale(1.04)}.support-whatsapp__icon>i{position:absolute;right:-1px;top:-1px;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#c90f24;animation:support-wa-pulse 2s ease-out infinite}.support-whatsapp__popup{position:absolute;right:0;bottom:calc(100% + 14px);display:flex;width:-moz-max-content;width:max-content;min-width:188px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px;border:1px solid #e9dfdc;border-radius:18px 18px 5px;background:#fffdfafa;color:#171315;box-shadow:0 16px 42px #49343329,inset 0 3px #c90f24;opacity:0;visibility:hidden;transform:translateY(8px) scale(.94);transform-origin:right bottom;animation:support-popup-intro 6s 1.1s both;transition:opacity .25s ease,transform .3s cubic-bezier(.2,.8,.2,1)}.support-whatsapp__popup>button{position:absolute;top:8px;right:8px;z-index:2;display:grid;place-items:center;width:25px;height:25px;padding:0;border:0;border-radius:50%;background:#f8e8e9;color:#b50f22;cursor:pointer;transition:transform .2s ease,background .2s ease}.support-whatsapp__popup>button:hover{transform:rotate(8deg) scale(1.08);background:#f4d5d8}.support-whatsapp__popup>button:focus-visible{outline:2px solid #c90f24;outline-offset:2px}.support-whatsapp__popup:after{content:"";position:absolute;right:18px;bottom:-6px;width:12px;height:12px;border-right:1px solid #e9dfdc;border-bottom:1px solid #e9dfdc;background:#fffdfa;transform:rotate(45deg)}.support-whatsapp__popup strong{padding-right:26px;font-size:14px;font-weight:800;letter-spacing:-.02em}.support-whatsapp__popup small{display:flex;align-items:center;gap:5px;color:#15984a;font-size:10px;font-weight:800}.support-whatsapp-wrap:hover .support-whatsapp__popup,.support-whatsapp-wrap:focus-within .support-whatsapp__popup{animation:none;opacity:1;visibility:visible;transform:translateY(0) scale(1)}.theme-dark .support-whatsapp{border-color:#f8eeeb}.theme-dark .support-whatsapp__popup{background:#fffaf6;color:#171315;box-shadow:0 18px 48px #00000047,inset 0 3px #d3172c}.theme-dark .support-whatsapp__popup:after{background:#fffaf6}@keyframes support-wa-ring{0%{opacity:.72;transform:scale(.88)}75%,to{opacity:0;transform:scale(1.18)}}@keyframes support-wa-pulse{0%{box-shadow:0 0 #c90f2466}70%,to{box-shadow:0 0 0 7px #c90f2400}}@keyframes support-popup-intro{0%,8%{opacity:0;visibility:hidden;transform:translateY(8px) scale(.94)}16%,66%{opacity:1;visibility:visible;transform:translateY(0) scale(1)}76%,to{opacity:0;visibility:hidden;transform:translateY(8px) scale(.94)}}@media(max-width:860px){.support-whatsapp-wrap{right:14px;bottom:16px;width:58px;height:58px}.support-whatsapp{width:58px;height:58px;padding:6px}.support-whatsapp__icon{width:44px;height:44px}.support-whatsapp-wrap.is-dashboard{bottom:84px}.support-whatsapp__popup{min-width:180px}}@media(prefers-reduced-motion:reduce){.support-whatsapp,.support-whatsapp:before,.support-whatsapp__icon>i,.support-whatsapp__popup{animation:none}.support-whatsapp,.support-whatsapp__icon,.support-whatsapp__popup{transition:none}}.header-display-tools{display:inline-flex;align-items:center;gap:7px}.tour-launcher{position:relative;display:flex}.tour-help-button{border-color:#e4d6d8!important;background:#fff!important;color:#98172b!important}.tour-help-button:hover{border-color:#c65b6c!important;background:#fff2f4!important}.tour-menu{position:absolute;z-index:2100;top:calc(100% + 12px);right:0;width:min(340px,calc(100vw - 28px));padding:21px;border:1px solid #e6ced2;border-radius:18px;background:#fff;box-shadow:0 24px 70px #3d061329}.tour-menu:before{content:"";position:absolute;right:13px;top:-7px;width:13px;height:13px;border-left:1px solid #e6ced2;border-top:1px solid #e6ced2;background:#fff;transform:rotate(45deg)}.tour-menu>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f9e8eb;color:#a51229}.tour-menu h2{margin:11px 0 5px;font-size:19px}.tour-menu>p{margin-bottom:15px;color:var(--muted);font-size:9px;line-height:1.6}.tour-menu>button:not(.tour-menu-close){display:grid;grid-template-columns:22px 1fr 16px;align-items:center;gap:10px;width:100%;padding:12px;margin-top:8px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left;transition:transform .16s,border-color .16s,background .16s}.tour-menu>button:not(.tour-menu-close):hover{transform:translateY(-2px);border-color:#ce6b7b;background:#fff6f7}.tour-menu>button:disabled{cursor:not-allowed;opacity:.45}.tour-menu button span{display:grid;gap:3px}.tour-menu button b{font-size:10px}.tour-menu button small{color:var(--muted);font-size:8px}.tour-menu-close{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:31px;height:31px;border:0;border-radius:50%;background:#f7f2f3;color:#7d5258}.mc-tour-tooltip{width:min(420px,calc(100vw - 32px));padding:22px;border:1px solid #e6cbd0;border-radius:19px;background:linear-gradient(145deg,#fff,#fff8f9);color:#171214;box-shadow:0 28px 90px #25030b4d}.mc-tour-kicker{display:flex;align-items:center;gap:7px;color:#a9142b}.mc-tour-kicker span{font:800 8px JetBrains Mono,monospace;letter-spacing:.12em}.mc-tour-kicker b{margin-left:auto;padding:5px 7px;border-radius:999px;background:#f7e7ea;font:800 7px JetBrains Mono,monospace;letter-spacing:.05em}.mc-tour-tooltip h2{margin:14px 0 7px;font-size:21px;line-height:1.25}.mc-tour-content{color:#6e6063;font-size:10px;line-height:1.75}.mc-tour-progress{display:flex;gap:4px;margin-top:18px}.mc-tour-progress i{height:4px;flex:1;border-radius:99px;background:#eddde0}.mc-tour-progress i.active{background:#b8122d}.mc-tour-actions{display:flex;align-items:center;gap:7px;margin-top:17px}.mc-tour-actions>span{flex:1}.mc-tour-actions button{min-height:37px;padding:8px 12px;border-radius:999px;font-size:9px;font-weight:800}.mc-tour-skip{border:0;background:transparent;color:#8a666c;text-decoration:underline;text-underline-offset:3px}.mc-tour-back{border:1px solid #e0cbd0;background:#fff;color:#7f1728}.mc-tour-next{border:1px solid #a50e26;background:#b8122d;color:#fff;box-shadow:0 7px 18px #780b1b22}.theme-dark .tour-help-button,.theme-dark .tour-menu,.theme-dark .tour-menu:before,.theme-dark .tour-menu>button:not(.tour-menu-close),.theme-dark .mc-tour-tooltip{background:#2b2527!important;color:#f8f0f2}.theme-dark .tour-menu>button:not(.tour-menu-close){border-color:#58484c}.theme-dark .mc-tour-content{color:#cbbcc0}.theme-dark .mc-tour-back{background:#352c2f;color:#f3dfe3}.theme-dark .mc-tour-kicker b{background:#47252d}.theme-dark .mc-tour-progress i{background:#564549}.theme-dark .mc-tour-progress i.active{background:#f07387}@media(max-width:900px){.tour-menu{position:fixed;top:74px;right:14px}.mc-tour-tooltip{max-height:min(78vh,560px);overflow:auto}.mc-tour-actions{flex-wrap:wrap}.mc-tour-skip{order:4;width:100%}}@media(max-width:480px){.learning-header .search-trigger{display:none}.header-display-tools{gap:3px}}.dashboard-material{max-width:1240px;margin:auto}.dashboard-material-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:22px;align-items:start}.dashboard-material-main,.dashboard-material-side{display:grid;gap:18px}.material-next-card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);min-height:300px;border:1px solid #7d1025;border-radius:18px;overflow:hidden;background:linear-gradient(125deg,#821027,#b91634);color:#fff;box-shadow:0 18px 55px #7610261c}.material-next-copy{padding:30px}.material-next-copy .eyebrow{color:#ffdbe1;margin-bottom:20px}.material-next-copy .status-dot{background:#ffb4c0}.material-next-copy>.pill{border-color:#ffffff32;background:#ffffff16;color:#fff}.material-next-copy h2{font-size:32px;margin:15px 0 9px;max-width:620px}.material-next-copy>p{font-size:12px;color:#ffe4e8;max-width:620px}.material-next-meta{display:flex;justify-content:space-between;align-items:center;max-width:480px;margin-top:19px;font-size:10px;color:#ffd7de}.material-next-meta b{color:#fff}.material-progress{height:6px;max-width:480px;margin:7px 0 20px;background:#ffffff24;border-radius:99px;overflow:hidden}.material-progress i{display:block;height:100%;border-radius:inherit;background:#fff}.material-next-copy .button{padding:12px 18px;background:#fff;color:#8c1027;font-size:11px}.material-next-hanzi{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center;background:linear-gradient(155deg,#ffffff14,#ffffff05);border-left:1px solid #ffffff1f}.material-next-hanzi>strong{font:650 60px/1.25 Noto Sans SC,sans-serif}.material-next-hanzi>span{font-size:11px;color:#ffd0d8;margin-bottom:10px}.material-next-hanzi>small{font-size:10px;color:#ffe5e9;margin-top:10px;line-height:1.6}.chapter-insight{padding:25px}.chapter-insight>.section-heading{align-items:center}.chapter-insight h2{font-size:21px;margin-top:7px}.chapter-insight>p{font-size:11px;color:var(--muted);margin-top:-6px;max-width:670px}.chapter-score-ring{--score:0deg;display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:conic-gradient(#b8122d var(--score),#f1e7e9 0);position:relative;flex:0 0 auto}.chapter-score-ring:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;background:var(--surface)}.chapter-score-ring b{position:relative;z-index:1;font-size:15px}.chapter-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:22px}.chapter-metric{--metric:#b7122c;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.chapter-metric.is-blue{--metric:#3675b8}.chapter-metric.is-green{--metric:#318060}.chapter-metric.is-gold{--metric:#b27d12}.chapter-metric>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.chapter-metric span{font-size:10px;color:var(--muted)}.chapter-metric b{font-size:11px}.chapter-metric progress{display:block;width:100%;height:6px;margin:12px 0 7px;border:0;border-radius:99px;overflow:hidden;background:#e9e4e5}.chapter-metric progress::-webkit-progress-bar{background:#e9e4e5}.chapter-metric progress::-webkit-progress-value{background:var(--metric)}.chapter-metric progress::-moz-progress-bar{background:var(--metric)}.chapter-metric small{font-size:8px;color:var(--muted)}.dashboard-section-title{margin-top:7px}.dashboard-section-title h2{font-size:17px}.material-plan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.material-plan>a{display:grid;grid-template-columns:35px 22px 1fr 18px;gap:11px;align-items:start;padding:17px;border:1px solid var(--line);border-radius:13px;background:var(--surface);transition:transform .18s,border-color .18s,box-shadow .18s}.material-plan>a:hover{transform:translateY(-3px);border-color:#d08290;box-shadow:0 12px 28px #69101e0d}.material-plan>a>svg{color:#a20f27;margin-top:6px}.material-plan>a>svg:last-child{color:var(--muted);margin-top:7px}.material-plan-number{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#f9e8eb;color:#a20f27;font:750 9px JetBrains Mono,monospace}.material-plan a.is-done .material-plan-number{background:#e0f0e6;color:#277151}.material-plan b{font-size:11px}.material-plan p{font-size:9px;color:var(--muted);margin-top:5px;line-height:1.6}.material-tools .quick-card{min-height:145px}.material-tools .quick-card>small{display:inline-flex;width:-moz-max-content;width:max-content;padding:4px 7px;border-radius:99px;background:#ffffff8c;font-size:7px;font-weight:750}.dashboard-material-side{position:sticky;top:95px}.material-word-card{text-align:center}.material-word-card>.section-heading{text-align:left}.material-word-card>strong{display:block;font:650 58px/1.25 Noto Sans SC,sans-serif;margin-top:20px}.material-word-card>b{display:block;color:#ad1730;margin-top:4px}.material-word-card>p{font-size:11px;color:var(--muted);margin:8px 0 18px}.material-tip{padding:22px;border-radius:14px;background:linear-gradient(145deg,#f7e8eb,#fff);border:1px solid #ebcbd1}.material-tip>svg{color:#a8142c}.material-tip>span{display:block;margin-top:14px;font:750 8px JetBrains Mono,monospace;letter-spacing:.1em;color:#a8142c}.material-tip h3{font-size:18px;margin:8px 0}.material-tip p{font-size:10px;color:var(--muted)}.material-tip a{display:inline-flex;align-items:center;gap:7px;margin-top:15px;color:#9c1026;font-size:10px;font-weight:800;text-decoration:underline;text-underline-offset:4px}.theme-dark .material-next-card{background:linear-gradient(125deg,#5b1222,#86172b)}.theme-dark .chapter-score-ring{background:conic-gradient(#e57487 var(--score),#3c3032 0)}.theme-dark .material-tip{background:#39282c}.theme-dark .material-tools .quick-card>small{background:#0002}@media(max-width:1050px){.dashboard-material-grid{grid-template-columns:1fr}.dashboard-material-side{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}.material-tip{min-height:100%}}@media(max-width:760px){.material-next-card{grid-template-columns:1fr}.material-next-copy{padding:23px}.material-next-copy h2{font-size:26px}.material-next-hanzi{border:0;border-top:1px solid #ffffff20;padding:20px;align-items:flex-start;text-align:left}.material-next-hanzi>strong{font-size:42px}.chapter-insight{padding:18px}.chapter-metrics,.material-plan,.dashboard-material-side{grid-template-columns:1fr}.material-plan>a{grid-template-columns:34px 20px 1fr 18px}.material-tools{grid-template-columns:1fr}.material-tools .quick-card{min-height:120px}}.hanzi-stroke-trainer{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;color:#e2e8f0}.hanzi-stroke-heading{width:min(100%,340px);display:flex;align-items:center;justify-content:space-between;gap:12px}.hanzi-stroke-heading span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:#fda4af}.hanzi-stroke-heading b{font-size:10px;color:#a7f3d0}.hanzi-stroke-trainer>p{width:min(100%,340px);margin:0;color:#cbd5e1;font-size:11px;line-height:1.55}.hanzi-writer-frame{position:relative;width:min(100%,320px);aspect-ratio:1;overflow:hidden;border:2px solid #fb718566;border-radius:24px;background:#f8fafc;box-shadow:0 18px 45px #02061755}.hanzi-writer-grid{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:2px solid #be123c55;background:linear-gradient(45deg,transparent calc(50% - 1px),#be123c35 50%,transparent calc(50% + 1px)),linear-gradient(-45deg,transparent calc(50% - 1px),#be123c35 50%,transparent calc(50% + 1px)),linear-gradient(90deg,transparent calc(50% - 1px),#be123c35 50%,transparent calc(50% + 1px)),linear-gradient(transparent calc(50% - 1px),#be123c35 50%,transparent calc(50% + 1px));pointer-events:none}.hanzi-writer-host{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;touch-action:none}.hanzi-writer-host svg{width:100%;height:100%}.hanzi-writer-state{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#f8faf0e8;color:#334155;font-size:11px;font-weight:800;text-align:center;padding:24px}.hanzi-writer-state.is-error{color:#9f1239}.hanzi-writer-state button,.hanzi-stroke-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:12px;font-size:11px;font-weight:800;transition:transform .18s,box-shadow .18s,opacity .18s}.hanzi-writer-state button{padding:9px 13px;background:#be123c;color:#fff}.hanzi-stroke-actions{width:min(100%,340px);display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.hanzi-stroke-actions button{min-height:42px;padding:10px 14px}.hanzi-stroke-actions .is-primary{background:#be123c;color:#fff;box-shadow:0 9px 24px #be123c45}.hanzi-stroke-actions .is-secondary{border:1px solid #475569;background:#1e293b;color:#e2e8f0}.hanzi-stroke-actions button:hover:not(:disabled){transform:translateY(-2px)}.hanzi-stroke-actions button:disabled{opacity:.45;cursor:not-allowed}.hanzi-stroke-status{width:min(100%,340px);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;font-size:10px}.hanzi-stroke-status>span{padding:6px 9px;border:1px solid #475569;border-radius:999px;background:#1e293b;color:#cbd5e1}.hanzi-stroke-status strong{display:flex;align-items:center;gap:7px;width:100%;padding:10px 12px;border:1px solid #34d39966;border-radius:12px;background:#064e3b;color:#d1fae5}.is-spinning{animation:hanzi-spin .9s linear infinite}@keyframes hanzi-spin{to{transform:rotate(360deg)}}@media(max-width:520px){.hanzi-writer-frame{width:min(100%,290px)}.hanzi-stroke-actions{flex-direction:column}.hanzi-stroke-actions button{width:100%}}.song-view{max-width:1180px;margin:auto}.song-heading .eyebrow svg{color:#b7122c}.song-library{padding:20px;margin-bottom:20px}.song-library .section-heading{margin-bottom:14px}.song-library h2{font-size:19px;margin-top:4px}.song-picker{display:flex;gap:9px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity;scrollbar-color:#cf8c97 transparent;scrollbar-width:thin}.song-picker button{position:relative;display:grid;flex:0 0 190px;gap:4px;min-width:0;padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--surface);text-align:left;scroll-snap-align:start;transition:transform .18s,border-color .18s,box-shadow .18s}.song-picker button:hover{transform:translateY(-3px);border-color:#d58b97;box-shadow:0 10px 24px #7110200c}.song-picker button[aria-pressed=true]{border-color:#bd1830;background:#fff1f3;box-shadow:inset 4px 0 #bd1830}.song-picker span{font:650 20px Noto Sans SC,sans-serif}.song-picker b{font-size:10px;color:#a51327}.song-picker small{font-size:8px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-picker svg{position:absolute;right:10px;top:10px;color:#318060}.song-layout{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(260px,.58fr);gap:20px;align-items:start}.song-main,.song-side{display:grid;gap:16px}.song-side{position:sticky;top:92px}.song-compact-player{padding:18px 20px;border-color:#e5cbd0;background:linear-gradient(105deg,#fff,#fff7f8)}.song-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0}.song-player-copy{min-width:0}.song-tag{display:inline-flex;padding:5px 8px;border-radius:7px;background:#f7e9ec;color:#98172b;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.song-title-row h2{font:700 27px/1.2 Noto Sans SC,sans-serif;margin:8px 0 3px}.song-title-row h2 small{font:650 11px Plus Jakarta Sans,sans-serif;color:#b61931;margin-left:7px}.song-title-row p{font-size:9px;color:var(--muted)}.song-player-actions{display:flex;align-items:center;justify-content:flex-end;gap:11px;min-width:-moz-max-content;min-width:max-content}.song-level{padding:7px 10px;border-radius:999px;background:#f7e9ec;color:#98172b;font-size:8px;font-weight:800;white-space:nowrap}.song-audio{display:none}.song-music-control{display:flex;align-items:center;gap:8px}.song-music-control button:not(.song-speed-btn){display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border:0;border-radius:999px;background:#a9122a;color:#fff;font-size:10px;font-weight:850;box-shadow:0 7px 18px #6b0c1c20;transition:transform .18s,background .18s}.song-music-control button:not(.song-speed-btn):not(:disabled):hover{transform:translateY(-2px);background:#850d21}.song-music-control button:disabled{cursor:not-allowed;opacity:.55}.song-music-control small{max-width:180px;color:#9b172b;font-size:8px;line-height:1.4}.song-sync-badge{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #e6c5ca;border-radius:999px;background:#fff;color:#8f1628;font-size:8px;font-weight:800;white-space:nowrap}.song-speed-selector{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid #e6c5ca;border-radius:999px;background:#fff}.song-speed-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 9px;border:0;border-radius:999px;background:transparent;color:#98172b;font:750 9px/1 JetBrains Mono,monospace;cursor:pointer;white-space:nowrap;transition:background .16s,color .16s,transform .16s}.song-speed-btn:hover{background:#f8eef0}.song-speed-btn.is-active{background:#a9122a;color:#fff;box-shadow:0 2px 6px #6b0c1c25}.song-timeline{display:grid;grid-template-columns:34px minmax(120px,1fr) 34px;align-items:center;gap:10px;margin-top:15px;padding-top:13px;border-top:1px solid #eddde0;color:#8d1b2c;font:700 8px JetBrains Mono,monospace}.song-timeline span:last-child{text-align:right}.song-timeline input{width:100%;height:5px;accent-color:#b7122c;cursor:pointer}.song-lyrics{padding:25px}.song-lyrics>.section-heading{align-items:flex-end;margin-bottom:20px}.song-lyrics h2{font-size:24px;margin-top:5px}.song-lines{display:grid;gap:13px}.song-line{position:relative;padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--surface);transition:transform .18s,border-color .18s,box-shadow .18s}.song-line.is-seekable{cursor:pointer}.song-line:hover{transform:translateY(-2px);border-color:#deb2ba;box-shadow:0 12px 28px #7110200b}.song-line.is-active{border-color:#c94c61;background:linear-gradient(125deg,#fff7f8,#fff);box-shadow:inset 4px 0 #b8122d,0 12px 30px #8d10200d}.song-line-top{display:flex;justify-content:space-between;align-items:center;min-height:30px;margin-bottom:9px}.song-line-top>span{display:inline-flex;align-items:center;gap:8px;color:#9e1a2e;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.song-line-top>span>b{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#f8e6e9;color:#9d1228;font:800 8px JetBrains Mono,monospace}.song-line-top>span>em{padding:4px 6px;border-radius:999px;background:#f8eef0;color:#7f5960;font:700 7px JetBrains Mono,monospace;font-style:normal;letter-spacing:0}.song-line-top>button{display:grid;place-items:center;width:31px;height:31px;margin-left:auto;border:1px solid #e4c8cd;border-radius:50%;background:#fff;color:#a51026;transition:transform .18s,background .18s}.song-line-top>button:hover{transform:scale(1.07);background:#fff0f2}.song-words{display:flex;flex-wrap:wrap;align-items:stretch;gap:7px}.song-words button{position:relative;display:grid;grid-template-rows:auto auto 1fr;justify-items:center;align-content:start;gap:3px;min-width:76px;max-width:155px;padding:9px 11px 10px;border:1px solid transparent;border-radius:11px;background:#faf8f6;text-align:center;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}.song-words button:hover,.song-words button:focus-visible,.song-words button.is-selected{transform:translateY(-2px);border-color:#d77b8a;background:#fff0f2;color:#9f1026}.song-words button.is-singing{border-color:#b8122d;background:#b8122d;color:#fff;box-shadow:0 7px 18px #8d10202b;animation:song-word-pulse 1.15s ease-in-out infinite}.song-words strong{font:550 26px/1.25 Noto Sans SC,sans-serif}.song-words small{font:9px/1.35 JetBrains Mono,monospace;color:#b12a3d}.song-word-meaning{align-self:end;margin-top:4px;color:var(--muted);font:8px/1.4 Plus Jakarta Sans,sans-serif}.song-words button:not(.is-singing).is-selected .song-word-meaning,.song-words button:not(.is-singing):hover .song-word-meaning{color:#811124}.song-words button.is-singing,.song-words button.is-singing:hover,.song-words button.is-singing:focus-visible,.song-words button.is-singing.is-selected{border-color:#b8122d!important;background:#b8122d!important;color:#fff!important}.song-words button.is-singing strong,.song-words button.is-singing small,.song-words button.is-singing .song-word-meaning,.song-words button.is-singing:hover strong,.song-words button.is-singing:hover small,.song-words button.is-singing:hover .song-word-meaning,.song-words button.is-singing:focus-visible strong,.song-words button.is-singing:focus-visible small,.song-words button.is-singing:focus-visible .song-word-meaning,.song-words button.is-singing.is-selected strong,.song-words button.is-singing.is-selected small,.song-words button.is-singing.is-selected .song-word-meaning{color:#fff!important;opacity:1!important}.song-line-translation{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:baseline;margin-top:14px;padding:12px 13px;border-radius:10px;background:#f7f3ef}.song-line-translation small{color:#9c1a2e;font:800 7px JetBrains Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.song-line-translation p{font-size:11px;color:#5f5a57}@keyframes song-word-pulse{50%{box-shadow:0 8px 24px #8d102044;transform:translateY(-2px) scale(1.02)}}.song-guide,.selected-word,.song-source{padding:20px}.song-guide h2{font-size:17px}.song-guide ol{list-style:none;padding:0;margin:17px 0 0;display:grid;gap:13px}.song-guide li{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start}.song-guide li>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#fae8eb;color:#a51026;font-size:10px;font-weight:850}.song-guide li p{font-size:10px;color:var(--muted);line-height:1.6}.selected-word{min-height:190px;background:linear-gradient(145deg,var(--surface),#fff7f8)}.selected-word>strong{display:block;font:600 50px Noto Sans SC,sans-serif;margin:14px 0 2px}.selected-word>b{font-size:12px;color:#ad1630}.selected-word>small{display:block;margin-top:18px;font-size:8px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.selected-word>p{margin-top:5px;font-size:12px}.song-source summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:10px;font-weight:800}.song-source p{font-size:9px;color:var(--muted);margin:13px 0}.song-next-button{display:flex;align-items:center;justify-content:center}.song-source{margin:0}.song-quiz{overflow:hidden;padding:0;border-color:#e6c9ce;background:linear-gradient(135deg,#fff,#fff8f9)}.song-quiz-intro{position:relative;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:27px 29px}.song-quiz-intro:after{content:"听";position:absolute;right:24%;bottom:-36px;color:#b8122d0c;font:700 120px/1 Noto Sans SC,sans-serif;transform:rotate(-8deg);pointer-events:none}.song-quiz-copy{position:relative;z-index:1;max-width:650px}.song-quiz-copy .eyebrow{display:flex;align-items:center;gap:7px;color:#a81129}.song-quiz-copy h2{margin:8px 0 7px;font-size:25px}.song-quiz-copy>p{max-width:610px;color:var(--muted);font-size:10px;line-height:1.65}.song-quiz-intro>.button{position:relative;z-index:1;flex:0 0 auto}.song-quiz-facts{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.song-quiz-facts span{padding:6px 9px;border:1px solid #ead0d5;border-radius:999px;background:#fff;color:#7e4f57;font-size:8px}.song-quiz-facts b{color:#a81129}.song-quiz-question{padding:25px}.song-quiz-progress{display:flex;align-items:center;gap:15px;margin-bottom:18px;color:#98162a;font:800 8px JetBrains Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.song-quiz-progress>div{height:5px;flex:1;overflow:hidden;border-radius:999px;background:#f2dfe2}.song-quiz-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9e1027,#df4a61);transition:width .3s ease}.song-quiz-prompt{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border-radius:16px;background:linear-gradient(115deg,#971127,#ce2944);color:#fff;box-shadow:0 15px 30px #7d0c2020}.song-quiz-prompt .eyebrow{color:#ffdce2}.song-quiz-blank{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:11px;font:650 31px/1.25 Noto Sans SC,sans-serif}.song-quiz-blank .is-blank{display:inline-grid;place-items:center;min-width:78px;padding:1px 8px 5px;border-bottom:2px solid #fff;background:#ffffff16;border-radius:7px;color:#fff}.song-quiz-listen{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:44px;padding:10px 15px;border:1px solid #ffffff66;border-radius:999px;background:#fff;color:#99142a;font-size:9px;font-weight:850;transition:transform .18s,box-shadow .18s}.song-quiz-listen:hover{transform:translateY(-2px);box-shadow:0 8px 18px #47010f25}.song-quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.song-quiz-option{position:relative;display:grid;grid-template-columns:minmax(72px,auto) minmax(0,1fr) auto;grid-template-rows:auto auto;-moz-column-gap:13px;column-gap:13px;align-items:center;min-height:78px;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:var(--surface);text-align:left;transition:transform .17s,border-color .17s,box-shadow .17s,background .17s}.song-quiz-option:not(:disabled):hover{transform:translateY(-2px);border-color:#ce6576;box-shadow:0 9px 22px #74102010}.song-quiz-option strong{grid-row:1/3;font:650 23px/1.2 Noto Sans SC,sans-serif;color:#171415}.song-quiz-option small{color:#b21b32;font:700 9px JetBrains Mono,monospace}.song-quiz-option span{align-self:start;color:var(--muted);font-size:8px}.song-quiz-option svg{grid-column:3;grid-row:1/3}.song-quiz-option:disabled{cursor:default;opacity:.72}.song-quiz-option.is-correct{border-color:#3e9a71;background:#effaf5;box-shadow:inset 4px 0 #338561;opacity:1}.song-quiz-option.is-correct svg{color:#27815c}.song-quiz-option.is-wrong{border-color:#d94b5f;background:#fff0f2;box-shadow:inset 4px 0 #bc2038;opacity:1}.song-quiz-option.is-wrong svg{color:#b8122d}.song-quiz-feedback{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:14px 16px;border-radius:13px}.song-quiz-feedback>div{display:flex;align-items:flex-start;gap:10px}.song-quiz-feedback p{display:grid;gap:4px}.song-quiz-feedback p strong{font-size:10px}.song-quiz-feedback p span{font-size:8px;line-height:1.5}.song-quiz-feedback.is-correct{background:#eaf8f1;color:#206e50}.song-quiz-feedback.is-wrong{background:#fff0f2;color:#99152a}.song-quiz-result{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 29px}.song-quiz-score{display:flex;align-items:center;gap:20px}.song-quiz-score>span{display:flex;align-items:flex-start;color:#a91129;font:800 50px/1 Plus Jakarta Sans,sans-serif}.song-quiz-score>span small{margin-top:7px;font-size:17px}.song-quiz-score b{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eaf8f1;color:#237153;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.song-quiz-score.is-failed b{background:#fff0f2;color:#a3152b}.song-quiz-score h2{margin:6px 0 4px;font-size:21px}.song-quiz-score p{font-size:9px;color:var(--muted)}.song-quiz-score div>small{display:block;margin-top:7px;color:#8b5961;font-size:8px}.song-words.single-lyric button{width:100%;max-width:none;grid-template-columns:minmax(180px,auto) minmax(0,1fr);grid-template-rows:auto auto;-moz-column-gap:18px;column-gap:18px;justify-items:start;text-align:left}.song-words.single-lyric strong{grid-row:1/3;align-self:center;overflow-wrap:anywhere}.song-words.single-lyric small{align-self:end}.song-words.single-lyric .song-word-meaning{align-self:start;margin-top:0}@media(prefers-reduced-motion:reduce){.song-words button.is-singing{animation:none}}.theme-dark .song-compact-player,.theme-dark .selected-word,.theme-dark .song-quiz{background:#2c2527}.theme-dark .song-picker button[aria-pressed=true],.theme-dark .song-line.is-active{background:#47242d}.theme-dark .song-words button,.theme-dark .song-quiz-option{background:#282d28}.theme-dark .song-words button:hover,.theme-dark .song-words button:focus-visible,.theme-dark .song-words button.is-selected{background:#45242d;color:#ffc0ca}.theme-dark .song-line-translation{background:#282d28}.theme-dark .song-guide li>span,.theme-dark .song-level{background:#47252e;color:#f4a9b6}.theme-dark .song-quiz-facts span{background:#32282a}.theme-dark .song-quiz-option strong{color:#f7f0f1}.theme-dark .song-quiz-option.is-correct{background:#193b30}.theme-dark .song-quiz-option.is-wrong{background:#4a2028}@media(max-width:900px){.song-layout{grid-template-columns:1fr}.song-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.song-side>.button,.song-source{grid-column:1/-1}}@media(max-width:650px){.song-heading .pill{display:none}.song-library{padding:15px}.song-picker button{flex-basis:170px}.song-compact-player,.song-lyrics,.song-guide,.selected-word,.song-source{padding:17px}.song-title-row{display:block}.song-title-row h2{font-size:24px}.song-player-actions{align-items:flex-start;flex-direction:column;margin-top:13px;min-width:0}.song-level{display:none}.song-music-control{max-width:100%;flex-wrap:wrap}.song-music-control button{min-height:42px}.song-music-control small{max-width:100%}.song-side{grid-template-columns:1fr}.song-side>.button,.song-source{grid-column:auto}.song-lyrics>.section-heading{align-items:flex-start;flex-direction:column}.song-lyrics>.section-heading .button{width:100%}.song-line{padding:14px}.song-words{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.song-words button{max-width:none;min-width:0;padding:9px 6px}.song-words.single-lyric{grid-template-columns:1fr}.song-words.single-lyric button{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:5px;padding:13px;justify-items:start}.song-words.single-lyric strong{grid-row:auto;font-size:22px}.song-words strong{font-size:23px;overflow-wrap:anywhere}.song-line-translation{grid-template-columns:1fr;gap:4px}.selected-word{min-height:160px}.song-quiz-intro,.song-quiz-result{align-items:stretch;flex-direction:column;padding:20px}.song-quiz-intro>.button,.song-quiz-result>.button{width:100%}.song-quiz-question{padding:16px}.song-quiz-prompt{align-items:stretch;flex-direction:column;padding:17px}.song-quiz-blank{font-size:25px}.song-quiz-listen{width:100%}.song-quiz-options{grid-template-columns:1fr}.song-quiz-option{min-height:72px}.song-quiz-feedback{align-items:stretch;flex-direction:column}.song-quiz-feedback>.button{width:100%}.song-quiz-score{align-items:flex-start}.song-quiz-score>span{font-size:42px}}@media(max-width:380px){.song-words{grid-template-columns:1fr 1fr}.song-word-meaning{font-size:8px}}.song-line-top>.song-line-pause{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;min-width:66px;height:31px;margin-left:7px;padding:0 10px;border-radius:999px;font-size:9px;font-weight:800}.song-line-top>.song-line-pause span{line-height:1}.theme-dark .song-line-top>.song-line-listen,.theme-dark .song-line-top>.song-line-pause{background:#202b36;border-color:#40505e;color:#ff879d}.theme-dark .song-line-top>.song-line-listen:hover,.theme-dark .song-line-top>.song-line-pause:hover{background:#30212a}@media(max-width:520px){.song-line-top{align-items:flex-start;gap:6px}.song-line-top>span{flex:1;flex-wrap:wrap}.song-line-top>.song-line-listen{flex:0 0 31px}.song-line-top>.song-line-pause{min-width:60px;padding-inline:8px}}.hub-view{max-width:1180px;margin:auto}.hub-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:0 0 24px}.hub-tools button{position:relative;display:flex;align-items:flex-start;gap:12px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);text-align:left;transition:transform .18s,border-color .18s,background .18s}.hub-tools button:hover{transform:translateY(-2px);border-color:#d88c99}.hub-tools button[aria-pressed=true]{border-color:#c51429;background:#fff1f3;box-shadow:inset 3px 0 #c51429}.hub-tools button>svg{margin-top:2px;color:#a51327}.hub-tools button>span{display:grid;gap:5px;min-width:0}.hub-tools b{font-size:12px}.hub-tools small{font-size:9px;line-height:1.55;color:var(--muted)}.hub-tools em{position:absolute;right:9px;top:8px;padding:3px 6px;border-radius:99px;background:#c51429;color:#fff;font: 7px JetBrains Mono,monospace;letter-spacing:.05em}.hub-tools.compact{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.hub-content{min-width:0}.hub-content>.journey-bar{display:none}.theme-dark .hub-tools button[aria-pressed=true]{background:#47242d}@media(max-width:600px){.hub-tools,.hub-tools.compact{display:flex;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity}.hub-tools button{flex:0 0 78%;scroll-snap-align:start}.hub-tools small{font-size:10px}.hub-view>.page-title{margin-bottom:18px}}.chapter-practice-picker{margin-bottom:18px;padding:18px 20px}.chapter-practice-picker label{display:grid;gap:8px;max-width:460px;font-size:.78rem;font-weight:700}.chapter-practice-picker select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);padding:0 42px 0 14px;font:inherit}.chapter-tools{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:28px}.chapter-empty{padding:clamp(22px,4vw,40px);border:1px dashed #d9b9c0;border-radius:18px;background:#fffafb}.chapter-empty h2{font-size:clamp(1.25rem,2.4vw,1.8rem);font-weight:750}.chapter-empty>p{color:var(--muted);max-width:680px}.chapter-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}.chapter-choice-grid button{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px 10px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);text-align:left;transition:transform .18s,border-color .18s}.chapter-choice-grid button:hover{transform:translateY(-2px);border-color:#c51429}.chapter-choice-grid span{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#fae9ed;color:#a51327;font:700 .72rem JetBrains Mono,monospace}.chapter-choice-grid b{font-size:.78rem;line-height:1.35}.chapter-choice-grid small{color:#a51327}.theme-dark .chapter-empty{background:#2b2027}.theme-dark .chapter-choice-grid span{background:#4a2932;color:#f2a0b4}@media(max-width:980px){.chapter-tools{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.chapter-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.chapter-practice-picker{padding:14px}.chapter-tools{display:grid;grid-template-columns:1fr 1fr;overflow:visible;padding:0}.chapter-tools button{width:100%;min-height:92px}.chapter-tools button:last-child{grid-column:1/-1}.chapter-choice-grid{grid-template-columns:1fr}.chapter-empty{padding:20px}}.chapter-practice-utility{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;min-height:38px;padding:7px 3px;border:0;background:transparent;color:#9b1028;font-size:.78rem;font-weight:800;white-space:nowrap}.chapter-practice-utility:hover{transform:translateY(-1px)}@media(max-width:600px){.chapter-practice>.page-title{flex-direction:column}.chapter-practice-utility{white-space:normal}}.chapter-reading-view{display:grid;gap:22px;max-width:1060px;margin:0 auto}.chapter-reading-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(24px,4vw,42px);border-radius:22px;background:linear-gradient(120deg,#8f1025,#c91b36);color:#fff;box-shadow:0 20px 45px #8b0f2329}.chapter-reading-hero:after{content:"读";position:absolute;right:4%;top:-34%;font:700 190px Noto Sans SC,sans-serif;color:#fff;opacity:.07;transform:rotate(-8deg)}.chapter-reading-hero h2{position:relative;z-index:1;margin:10px 0 8px;font-size:clamp(1.65rem,3vw,2.45rem);letter-spacing:-.035em}.chapter-reading-hero p{position:relative;z-index:1;max-width:650px;margin:0;color:#ffe7eb;font-size:.9rem}.chapter-reading-hero .eyebrow{color:#ffc7d0}.chapter-reading-badge{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:2px 9px;min-width:210px;padding:15px 18px;border:1px solid #ffffff45;border-radius:16px;background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chapter-reading-badge svg{grid-row:1/3;align-self:center}.chapter-reading-badge span{font-weight:750}.chapter-reading-badge small{color:#ffdbe1}.chapter-reading-text,.chapter-cloze{padding:clamp(20px,3vw,32px)}.chapter-reading-text .section-heading{align-items:flex-start}.chapter-reading-text h2,.chapter-cloze h2{font-size:clamp(1.3rem,2.2vw,1.75rem);margin:7px 0}.chapter-reading-hint{padding:12px 15px;border-radius:12px;background:#fff4f6;color:#771226;font-size:.78rem}.chapter-reading-lines{display:grid;gap:12px;margin-top:18px}.chapter-reading-lines article{display:grid;grid-template-columns:38px minmax(0,1fr) 42px;align-items:start;gap:14px;padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--surface);transition:transform .18s,border-color .18s}.chapter-reading-lines article:hover{transform:translate(3px);border-color:#d9909d}.chapter-reading-lines article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#98132a;color:#fff;font:700 .72rem JetBrains Mono,monospace}.chapter-reading-lines article:nth-child(2n)>span{background:#506f63}.chapter-reading-lines strong{font-size:1.25rem;line-height:2.05;font-weight:650}.chapter-reading-lines p{margin:2px 0;color:#ad1731;font-size:.82rem}.chapter-reading-lines small{color:var(--muted);font-size:.8rem}.chapter-cloze-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.chapter-cloze-top p{margin:5px 0;color:var(--muted);font-size:.82rem}.chapter-cloze>progress{width:100%;height:7px;margin:18px 0;border:0;border-radius:99px;overflow:hidden;accent-color:#b9142d}.chapter-cloze-question{padding:clamp(20px,4vw,34px);border-radius:18px;background:linear-gradient(135deg,#fff5f6,#fff);border:1px solid #f0d8dd;text-align:center}.chapter-cloze-question>strong{display:block;font-size:clamp(1.85rem,5vw,3.2rem);letter-spacing:.08em}.chapter-cloze-question p{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:15px 0 0;color:var(--muted);font-size:.86rem}.chapter-cloze-question p span{color:#a51329;font-weight:700}.chapter-cloze-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:16px 0}.chapter-cloze-options button{display:grid;gap:4px;min-height:105px;padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--ink);text-align:left;transition:transform .18s,border-color .18s,background .18s}.chapter-cloze-options button:hover:not(:disabled){transform:translateY(-2px);border-color:#c81934}.chapter-cloze-options button.selected{border:2px solid #bd1730;background:#fff3f5}.chapter-cloze-options button.correct{border-color:#3c8b6e;background:#edf8f3}.chapter-cloze-options button.incorrect{border-color:#c51a33;background:#fff0f2}.chapter-cloze-options strong{font-size:1.3rem}.chapter-cloze-options span{color:#b4142d;font-size:.78rem}.chapter-cloze-options small{color:var(--muted);font-size:.72rem}.chapter-cloze-instruction{min-height:44px;color:var(--muted);font-size:.8rem}.chapter-cloze-feedback{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border-radius:16px}.chapter-cloze-feedback.is-correct{background:#eaf7f1;color:#1e604a}.chapter-cloze-feedback.is-wrong{background:#fff0f2;color:#8d1428}.chapter-cloze-feedback b{font-size:.86rem}.chapter-cloze-feedback p{margin:5px 0;font-size:.78rem}.chapter-cloze-feedback p span{font-weight:700}.chapter-reading-result{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:20px;padding:24px;border-radius:18px;background:#edf8f3}.chapter-reading-result.is-review{background:#fff4e7}.chapter-reading-result>span{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:#26785d;color:#fff}.chapter-reading-result.is-review>span{background:#b77a19}.chapter-reading-result h2{font-size:2.7rem;margin:4px 0}.chapter-reading-result p{margin:7px 0;color:var(--muted);font-size:.82rem}.chapter-reading-result small{font-weight:700;color:#8b1428}.theme-dark .chapter-reading-hint,.theme-dark .chapter-cloze-question{background:#38252c}.theme-dark .chapter-cloze-options button.selected{background:#49252e}.theme-dark .chapter-cloze-options button.correct{background:#1d4939}.theme-dark .chapter-cloze-options button.incorrect{background:#552530}@media(max-width:700px){.chapter-reading-hero{align-items:flex-start;flex-direction:column}.chapter-reading-badge{width:100%;min-width:0}.chapter-reading-text .section-heading,.chapter-cloze-top{align-items:flex-start;flex-direction:column}.chapter-reading-lines article{grid-template-columns:32px minmax(0,1fr)}.chapter-reading-lines article>span{width:31px;height:31px}.chapter-reading-lines article>.icon-button{grid-column:2;width:34px;height:34px}.chapter-reading-lines strong{font-size:1.05rem}.chapter-cloze-options{grid-template-columns:1fr}.chapter-cloze-options button{min-height:82px}.chapter-cloze-feedback{align-items:stretch;flex-direction:column}.chapter-reading-result{grid-template-columns:52px 1fr}.chapter-reading-result>span{width:50px;height:50px}.chapter-reading-result>.button{grid-column:1/-1;width:100%}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,Noto Sans SC,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-top: env(safe-area-inset-top, 0px)}body{background-color:#0f172a;color:#f8fafc;font-family:Inter,Noto Sans SC,sans-serif;-webkit-tap-highlight-color:transparent}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-bottom-1{bottom:-.25rem}.-right-1{right:-.25rem}.-top-4{top:-1rem}.bottom-0{bottom:0}.bottom-8{bottom:2rem}.left-0{left:0}.left-3{left:.75rem}.left-6{left:1.5rem}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-16{top:4rem}.top-3{top:.75rem}.top-4{top:1rem}.top-8{top:2rem}.z-0{z-index:0}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-auto{height:auto}.h-full{height:100%}.max-h-\[260px\]{max-height:260px}.min-h-\[360px\]{min-height:360px}.min-h-\[calc\(100vh-4rem\)\]{min-height:calc(100vh - 4rem)}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-36{width:9rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[40px\]{min-width:40px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.max-w-\[320px\]{max-width:320px}.max-w-\[45px\]{max-width:45px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-float{animation:float 3s ease-in-out infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #d94b4b66}50%{box-shadow:0 0 35px #d94b4be6,0 0 50px #ef444480}}.animate-pulse-glow{animation:pulseGlow 2s infinite}.cursor-crosshair{cursor:crosshair}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-1\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.375rem * var(--tw-space-x-reverse));margin-left:calc(.375rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-3\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.875rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.875rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-\[\#0F172A\]{--tw-border-opacity: 1;border-color:rgb(15 23 42 / var(--tw-border-opacity, 1))}.border-amber-500\/20{border-color:#f59e0b33}.border-amber-500\/25{border-color:#f59e0b40}.border-amber-500\/30{border-color:#f59e0b4d}.border-amber-500\/40{border-color:#f59e0b66}.border-blue-500\/30{border-color:#3b82f64d}.border-blue-500\/40{border-color:#3b82f666}.border-emerald-500{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.border-emerald-500\/20{border-color:#10b98133}.border-emerald-500\/30{border-color:#10b9814d}.border-emerald-500\/40{border-color:#10b98166}.border-purple-500\/40{border-color:#a855f766}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-red-500\/30{border-color:#ef44444d}.border-red-500\/40{border-color:#ef444466}.border-rose-500{--tw-border-opacity: 1;border-color:rgb(244 63 94 / var(--tw-border-opacity, 1))}.border-rose-500\/20{border-color:#f43f5e33}.border-rose-500\/25{border-color:#f43f5e40}.border-rose-500\/30{border-color:#f43f5e4d}.border-rose-500\/40{border-color:#f43f5e66}.border-rose-500\/50{border-color:#f43f5e80}.border-slate-600{--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.border-slate-700{--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.border-slate-700\/60{border-color:#33415599}.border-slate-700\/80{border-color:#334155cc}.border-slate-700\/90{border-color:#334155e6}.border-slate-800{--tw-border-opacity: 1;border-color:rgb(30 41 59 / var(--tw-border-opacity, 1))}.border-slate-800\/50{border-color:#1e293b80}.border-slate-800\/80{border-color:#1e293bcc}.border-slate-800\/90{border-color:#1e293be6}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-amber-500\/15{background-color:#f59e0b26}.bg-amber-500\/20{background-color:#f59e0b33}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-500\/20{background-color:#3b82f633}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-500\/10{background-color:#10b9811a}.bg-emerald-500\/20{background-color:#10b98133}.bg-emerald-500\/30{background-color:#10b9814d}.bg-emerald-950\/20{background-color:#022c2233}.bg-emerald-950\/80{background-color:#022c22cc}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-purple-500\/20{background-color:#a855f733}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/20{background-color:#ef444433}.bg-red-950\/20{background-color:#450a0a33}.bg-red-950\/80{background-color:#450a0acc}.bg-rose-500{--tw-bg-opacity: 1;background-color:rgb(244 63 94 / var(--tw-bg-opacity, 1))}.bg-rose-500\/10{background-color:#f43f5e1a}.bg-rose-500\/15{background-color:#f43f5e26}.bg-rose-500\/20{background-color:#f43f5e33}.bg-rose-600{--tw-bg-opacity: 1;background-color:rgb(225 29 72 / var(--tw-bg-opacity, 1))}.bg-rose-600\/20{background-color:#e11d4833}.bg-slate-700{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.bg-slate-800{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.bg-slate-800\/80{background-color:#1e293bcc}.bg-slate-800\/90{background-color:#1e293be6}.bg-slate-900{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.bg-slate-900\/50{background-color:#0f172a80}.bg-slate-900\/70{background-color:#0f172ab3}.bg-slate-900\/80{background-color:#0f172acc}.bg-slate-900\/90{background-color:#0f172ae6}.bg-slate-950{--tw-bg-opacity: 1;background-color:rgb(2 6 23 / var(--tw-bg-opacity, 1))}.bg-slate-950\/80{background-color:#020617cc}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/20{background-color:#fff3}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-bl{background-image:linear-gradient(to bottom left,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}.from-amber-500{--tw-gradient-from: #f59e0b var(--tw-gradient-from-position);--tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-950\/20{--tw-gradient-from: rgb(69 26 3 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(69 26 3 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-500{--tw-gradient-from: #10b981 var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-600{--tw-gradient-from: #059669 var(--tw-gradient-from-position);--tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-rose-500{--tw-gradient-from: #f43f5e var(--tw-gradient-from-position);--tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-rose-500\/20{--tw-gradient-from: rgb(244 63 94 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-rose-600{--tw-gradient-from: #e11d48 var(--tw-gradient-from-position);--tw-gradient-to: rgb(225 29 72 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-rose-600\/30{--tw-gradient-from: rgb(225 29 72 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(225 29 72 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-rose-600\/90{--tw-gradient-from: rgb(225 29 72 / .9) var(--tw-gradient-from-position);--tw-gradient-to: rgb(225 29 72 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-900{--tw-gradient-from: #0f172a var(--tw-gradient-from-position);--tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-amber-500{--tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #f59e0b var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-amber-500\/10{--tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(245 158 11 / .1) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-rose-500{--tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #f43f5e var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-slate-900{--tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #0f172a var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-slate-900\/80{--tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(15 23 42 / .8) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-amber-400{--tw-gradient-to: #fbbf24 var(--tw-gradient-to-position)}.to-amber-500{--tw-gradient-to: #f59e0b var(--tw-gradient-to-position)}.to-rose-500{--tw-gradient-to: #f43f5e var(--tw-gradient-to-position)}.to-rose-500\/80{--tw-gradient-to: rgb(244 63 94 / .8) var(--tw-gradient-to-position)}.to-rose-600{--tw-gradient-to: #e11d48 var(--tw-gradient-to-position)}.to-rose-950\/30{--tw-gradient-to: rgb(76 5 25 / .3) var(--tw-gradient-to-position)}.to-slate-800{--tw-gradient-to: #1e293b var(--tw-gradient-to-position)}.to-slate-900{--tw-gradient-to: #0f172a var(--tw-gradient-to-position)}.to-slate-900\/80{--tw-gradient-to: rgb(15 23 42 / .8) var(--tw-gradient-to-position)}.to-teal-400{--tw-gradient-to: #2dd4bf var(--tw-gradient-to-position)}.to-teal-500{--tw-gradient-to: #14b8a6 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.fill-amber-400{fill:#fbbf24}.fill-rose-400{fill:#fb7185}.fill-rose-500{fill:#f43f5e}.fill-white{fill:#fff}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-1{padding-bottom:.25rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-\[calc\(0\.5rem\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}.pl-2{padding-left:.5rem}.pl-9{padding-left:2.25rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.text-amber-300\/80{color:#fcd34dcc}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-emerald-300{--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-rose-200{--tw-text-opacity: 1;color:rgb(254 205 211 / var(--tw-text-opacity, 1))}.text-rose-300{--tw-text-opacity: 1;color:rgb(253 164 175 / var(--tw-text-opacity, 1))}.text-rose-300\/80{color:#fda4afcc}.text-rose-400{--tw-text-opacity: 1;color:rgb(251 113 133 / var(--tw-text-opacity, 1))}.text-rose-500{--tw-text-opacity: 1;color:rgb(244 63 94 / var(--tw-text-opacity, 1))}.text-slate-100{--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.text-slate-200{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-slate-500::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(100 116 139 / var(--tw-placeholder-opacity, 1))}.placeholder-slate-500::placeholder{--tw-placeholder-opacity: 1;color:rgb(100 116 139 / var(--tw-placeholder-opacity, 1))}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-emerald-950\/50{--tw-shadow-color: rgb(2 44 34 / .5);--tw-shadow: var(--tw-shadow-colored)}.shadow-emerald-950\/60{--tw-shadow-color: rgb(2 44 34 / .6);--tw-shadow: var(--tw-shadow-colored)}.shadow-rose-950\/40{--tw-shadow-color: rgb(76 5 25 / .4);--tw-shadow: var(--tw-shadow-colored)}.shadow-rose-950\/50{--tw-shadow-color: rgb(76 5 25 / .5);--tw-shadow: var(--tw-shadow-colored)}.shadow-rose-950\/60{--tw-shadow-color: rgb(76 5 25 / .6);--tw-shadow: var(--tw-shadow-colored)}.shadow-rose-950\/80{--tw-shadow-color: rgb(76 5 25 / .8);--tw-shadow: var(--tw-shadow-colored)}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-emerald-500\/20{--tw-ring-color: rgb(16 185 129 / .2)}.ring-emerald-500\/40{--tw-ring-color: rgb(16 185 129 / .4)}.ring-rose-500\/30{--tw-ring-color: rgb(244 63 94 / .3)}.ring-rose-500\/40{--tw-ring-color: rgb(244 63 94 / .4)}.blur-3xl{--tw-blur: blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-xl{--tw-blur: blur(24px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-md{--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.glass-panel{background:#1e293bb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08)}.glass-card{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06)}.glass-button{background:#d94b4b26;border:1px solid rgba(217,75,75,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.glass-button:hover{background:#d94b4b40;border-color:#d94b4b80}.pb-safe{padding-bottom:calc(5rem + var(--safe-area-bottom))}.pt-safe{padding-top:calc(1rem + var(--safe-area-top))}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#334155;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#475569}.tone-1{color:#ef4444;border-color:#ef44444d}.tone-2{color:#10b981;border-color:#10b9814d}.tone-3{color:#3b82f6;border-color:#3b82f64d}.tone-4{color:#8b5cf6;border-color:#8b5cf64d}.hover\:border-amber-500\/40:hover{border-color:#f59e0b66}.hover\:border-rose-500\/50:hover{border-color:#f43f5e80}.hover\:border-slate-600:hover{--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.hover\:border-slate-700:hover{--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.hover\:bg-amber-500\/25:hover{background-color:#f59e0b40}.hover\:bg-amber-500\/30:hover{background-color:#f59e0b4d}.hover\:bg-rose-500:hover{--tw-bg-opacity: 1;background-color:rgb(244 63 94 / var(--tw-bg-opacity, 1))}.hover\:bg-rose-500\/15:hover{background-color:#f43f5e26}.hover\:bg-rose-500\/30:hover{background-color:#f43f5e4d}.hover\:bg-rose-600\/30:hover{background-color:#e11d484d}.hover\:bg-slate-700:hover{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-700\/90:hover{background-color:#334155e6}.hover\:bg-slate-800:hover{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-800\/70:hover{background-color:#1e293bb3}.hover\:from-emerald-500:hover{--tw-gradient-from: #10b981 var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-rose-500:hover{--tw-gradient-from: #f43f5e var(--tw-gradient-from-position);--tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-amber-400:hover{--tw-gradient-to: #fbbf24 var(--tw-gradient-to-position)}.hover\:to-rose-400:hover{--tw-gradient-to: #fb7185 var(--tw-gradient-to-position)}.hover\:to-teal-400:hover{--tw-gradient-to: #2dd4bf var(--tw-gradient-to-position)}.hover\:text-amber-300:hover{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.hover\:text-emerald-300:hover{--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.hover\:text-slate-200:hover{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-rose-950\/30:hover{--tw-shadow-color: rgb(76 5 25 / .3);--tw-shadow: var(--tw-shadow-colored)}.focus\:border-rose-500:focus{--tw-border-opacity: 1;border-color:rgb(244 63 94 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-rose-300{--tw-text-opacity: 1;color:rgb(253 164 175 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-rose-400{--tw-text-opacity: 1;color:rgb(251 113 133 / var(--tw-text-opacity, 1))}.group:active .group-active\:scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media(min-width:640px){.sm\:left-8{left:2rem}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:h-10{height:2.5rem}.sm\:h-14{height:3.5rem}.sm\:h-16{height:4rem}.sm\:h-20{height:5rem}.sm\:h-24{height:6rem}.sm\:h-5{height:1.25rem}.sm\:h-7{height:1.75rem}.sm\:w-10{width:2.5rem}.sm\:w-14{width:3.5rem}.sm\:w-16{width:4rem}.sm\:w-20{width:5rem}.sm\:w-24{width:6rem}.sm\:w-5{width:1.25rem}.sm\:w-56{width:14rem}.sm\:w-7{width:1.75rem}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:gap-1{gap:.25rem}.sm\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.sm\:border-t-0{border-top-width:0px}.sm\:p-8{padding:2rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:pt-0{padding-top:0}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-7xl{font-size:4.5rem;line-height:1}.sm\:text-\[10px\]{font-size:10px}.sm\:text-\[11px\]{font-size:11px}.sm\:text-\[9px\]{font-size:9px}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}}@media(min-width:768px){.md\:inline-block{display:inline-block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-5{grid-column:span 5 / span 5}.lg\:col-span-7{grid-column:span 7 / span 7}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}:root{font-family:Plus Jakarta Sans,Inter,Noto Sans SC,sans-serif;color:#1c1c1a;background:#f5f4ed;font-synthesis:none;--paper:#f5f4ed;--surface:#fff;--ink:#1c1c1a;--muted:#73736a;--line:#e6e3da;--coral:#ff734d;--soft:#f9e9e2;--shadow:0 2px 0 rgba(30,25,15,.03)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font-family:Plus Jakarta Sans,Inter,Noto Sans SC,sans-serif;background:var(--paper);color:var(--ink)}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #de592f;outline-offset:4px}button{color:inherit}input,textarea,select{color:var(--ink);background:var(--surface)}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.18;font-weight:750}p{line-height:1.7}svg{flex-shrink:0}button svg,a svg{vertical-align:middle}.wrap{max-width:1200px;margin:auto;padding-left:32px;padding-right:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;padding:16px 26px;font-size:14px;font-weight:700;border:1px solid transparent;line-height:1.35;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.small{padding:11px 18px;font-size:12px}.coral-button{background:var(--coral);color:#1b1b19}.coral-button:hover{background:#ff855f}.dark-button{background:#20211e;color:#fff}.outline-button{border-color:var(--line);background:transparent;color:var(--ink)}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:650;background:none;border:0;padding:5px 0}.text-button:hover{color:#c54c2e}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);flex-shrink:0}.icon-button:hover{background:var(--soft)}.eyebrow{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.12em;line-height:1.6;font-weight:500;display:flex;align-items:center;gap:10px;color:var(--muted)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6f8860;flex-shrink:0}.number-tag{background:var(--coral);color:#1c1c1a;padding:3px 7px;border-radius:4px;font-weight:700}.brand{display:inline-flex;align-items:center;gap:9px;font-size:21px;letter-spacing:-1px;font-weight:850;white-space:nowrap}.brand-mark{font-family:Noto Sans SC,sans-serif;display:grid;place-items:center;width:33px;height:33px;background:var(--coral);border-radius:9px;font-size:23px;font-weight:600;color:#1c1c1a;transform:rotate(-6deg)}.brand-light{font-weight:500}.brand i{font-style:normal;color:#df593a}.muted{color:var(--muted)}.coral-text{color:#c95336}.success-text{color:#377354}.full-width{width:100%}.small-note{font-size:11px!important;color:var(--muted);line-height:1.7}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:99px;padding:5px 10px;font-size:10px;white-space:nowrap;color:var(--muted);background:var(--surface)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-heading h2{font-size:19px}.section-heading h3{font-size:15px}.section-heading.aligned{align-items:flex-end}.section-heading.aligned>p{max-width:315px;color:var(--muted);font-size:14px}.peach{background:#f7dcd0;color:#422e26}.lavender{background:#e8e3f3;color:#383146}.yellow{background:#f7edc7;color:#463f24}.mint{background:#e4ebda;color:#354334}.mobile-only{display:none!important}.skip-link{position:fixed;top:-70px;left:15px;z-index:200;background:var(--coral);padding:12px 20px;color:#111}.skip-link:focus{top:15px}.landing{background:#f2f2ea;color:#1c1c1a;--paper:#f2f2ea;--surface:#fff;--ink:#1c1c1a;--muted:#707166;--line:#dcded2}.announcement{display:flex;align-items:center;justify-content:center;gap:10px;min-height:34px;padding:8px 15px;background:#24251f;color:#f2f2ea;font:9px JetBrains Mono,monospace;letter-spacing:.08em}.announcement>svg{color:var(--coral)}.announcement a{display:flex;align-items:center;gap:7px;padding-left:12px;border-left:1px solid #626557;color:#f2bb9d}.landing-nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.landing-nav nav{display:flex;gap:26px;font-size:12px;font-weight:600}.landing-nav nav a:hover{color:#cb5435}.nav-actions{display:flex;align-items:center;gap:22px}.hero{text-align:center;position:relative;padding-top:69px}.hero>.eyebrow{justify-content:center}.hero h1{font-size:clamp(48px,6.2vw,80px);line-height:1.14;letter-spacing:-.075em;max-width:850px;margin:22px auto 26px;font-weight:850}.highlight{display:inline-block;background:#ff794f;padding:0 12px 8px;border-radius:7px;transform:rotate(-2deg)}.hero-description{font-size:15px;color:#66685e;line-height:1.85}.hero-actions{display:flex;gap:13px;justify-content:center;margin-top:28px}.play-circle{border:1px solid #777a6b;display:grid;place-items:center;width:23px;height:23px;border-radius:50%}.hero-benefits{display:flex;align-items:center;justify-content:center;gap:23px;margin-top:19px;font-size:10px;color:#71766a}.hero-benefits span{display:flex;gap:5px;align-items:center}.hero-benefits svg{color:#6c8261}.hero-doodle{position:absolute;font-family:Noto Sans SC,sans-serif;font-size:48px;line-height:1.2}.hero-doodle span{display:block;font-family:JetBrains Mono,monospace;font-size:11px;margin-top:10px}.doodle-left{left:60px;top:189px;transform:rotate(-14deg);color:#a0a286}.doodle-right{right:38px;top:217px;transform:rotate(12deg);color:#c67c60;font-size:38px}.preview-frame{margin:53px auto 0;text-align:left;max-width:1028px;border:1px solid #d8d8ca;border-radius:16px 16px 0 0;box-shadow:0 20px 80px #434b3010;overflow:hidden;background:#fbfaf5;padding:0}.preview-top{height:35px;background:#e9e9df;display:flex;justify-content:space-between;align-items:center;padding:0 15px;border-bottom:1px solid #deded3;font:8px JetBrains Mono,monospace;letter-spacing:.09em;color:#777a6b}.window-dots{display:flex;gap:5px}.window-dots i{background:#b8bbac;border-radius:50%;width:6px;height:6px}.window-dots i:first-child{background:#e59b83}.preview-body{display:grid;grid-template-columns:182px 1fr}.preview-body aside{background:#fffefa;border-right:1px solid #e6e4d9;padding:23px 16px}.preview-body .brand{font-size:14px;gap:6px}.preview-body .brand-mark{width:22px;height:22px;font-size:15px;border-radius:6px}.preview-body aside>small{font:7px JetBrains Mono,monospace;letter-spacing:.1em;margin:26px 0 10px;display:block;color:#9b9d8c}.preview-body aside>span{display:flex;align-items:center;gap:9px;margin-bottom:3px;padding:10px;border-radius:6px;font-size:9px;color:#757767}.preview-body aside>.selected{background:#f9e7df;color:#ad4d34}.preview-note{border:1px dashed #d1d4c0;margin-top:28px;border-radius:8px;padding:12px;text-align:center;color:#8f997c;font-size:21px}.preview-note small{font-size:8px;color:#8a8c7f}.preview-main{padding:27px}.preview-greeting{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:10px}.preview-greeting small{font:7px JetBrains Mono,monospace;letter-spacing:.1em;color:#858a76}.preview-greeting h3{font-size:17px;margin-top:8px}.preview-greeting h3 span{color:#db8c50}.preview-greeting .pill{font-size:8px}.preview-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:15px}.preview-lesson{background:#f3d5c7;border:1px solid #eecbbc;border-radius:12px;padding:20px;position:relative;overflow:hidden}.preview-lesson .eyebrow{font-size:7px;color:#9c624c}.preview-lesson h3{font-size:21px;margin:13px 0}.preview-lesson p{font-size:15px}.preview-lesson small{font-size:8px;color:#946b59}.preview-lesson .button{display:flex;width:-moz-max-content;width:max-content;margin-top:17px;font-size:9px;padding:10px 14px;position:relative;z-index:1}.preview-character{position:absolute;right:20px;top:50px;font-size:95px;font-family:Noto Sans SC,sans-serif;color:#d4a28e;opacity:.55}.preview-word{border:1px solid #e6e3d7;border-radius:12px;padding:17px;background:#fffefa;text-align:center}.preview-word>div:first-child{display:flex;justify-content:space-between;align-items:center;font:7px JetBrains Mono,monospace;color:#9b9d8c}.preview-word>strong{font:48px Noto Sans SC,sans-serif;display:block;margin-top:20px}.preview-word>p{color:#d27751;font-size:12px;margin:5px 0}.preview-word>small{font-size:10px;color:#797d6d}.word-foot{display:flex;justify-content:space-between;border-top:1px solid #e6e6da;margin-top:19px;padding-top:13px;font-size:8px;color:#8c907f}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.preview-stats>span{display:grid;grid-template-columns:25px 1fr;-moz-column-gap:6px;column-gap:6px;border:1px solid #e3e3d6;padding:13px 10px;background:#fffefa;border-radius:9px}.preview-stats svg{grid-row:span 2;color:#9da58a}.preview-stats b{font-size:9px}.preview-stats small{font-size:8px;color:#8c907d;margin-top:4px}.skills-strip{display:flex;justify-content:center;align-items:center;gap:42px;background:#e6e8da;padding:28px 20px}.skills-strip>span{display:flex;align-items:center;gap:12px;font-size:29px;font-family:Noto Sans SC,sans-serif}.skills-strip small{font:9px JetBrains Mono,monospace;letter-spacing:.13em;color:#777e67}.skills-strip i{font-style:normal;color:#9ba287;font-size:22px}.section{padding-top:100px;padding-bottom:100px}.section>.eyebrow,.section .aligned .eyebrow{margin-bottom:24px}.section h2{font-size:39px;font-weight:800;letter-spacing:-.055em;line-height:1.2}.section h2 em{font-style:normal;color:#777e62}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px}.method-grid article{border-top:1px solid #cccebf;padding-top:21px}.method-top{display:flex;justify-content:space-between;align-items:center;color:#929982;font:11px JetBrains Mono,monospace}.method-top strong{font:50px Noto Sans SC,sans-serif;color:#a6ad95}.method-grid h3{font-size:18px;margin:22px 0 14px;letter-spacing:-.035em}.method-grid p{font-size:12px;color:#747b68;max-width:300px}.features-section{background:#1b1d19;color:#f2f2e9}.features-section .eyebrow,.features-section .section-heading>p{color:#a5ac99}.features-section .coral-text{color:#ff936d}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}.feature-card{padding:23px 21px;border-radius:14px;position:relative;min-height:324px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s}.feature-card:hover{transform:translateY(-5px)}.feature-top{display:flex;justify-content:space-between}.feature-hanzi{position:absolute;top:54px;right:22px;font:73px Noto Sans SC,sans-serif;opacity:.13}.feature-card small{font:8px JetBrains Mono,monospace;letter-spacing:.09em}.feature-card h3{font-size:20px;line-height:1.25;margin:11px 0}.feature-card p{font-size:11px;line-height:1.8;opacity:.75}.more-features{display:flex;justify-content:space-between;gap:15px;font-size:10px;margin-top:32px;color:#b6bca9}.more-features span{display:flex;gap:7px;align-items:center}.more-features svg{color:#b8c89a}.centered{text-align:center}.centered>.eyebrow{justify-content:center;margin-bottom:20px}.centered>p{margin-top:20px;color:#747b69;font-size:13px}.program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}.program-card{padding:32px 26px;background:#fafaf5;border:1px solid #dcded1;border-radius:17px;position:relative}.program-card.featured{border:2px solid #ec926e;background:#f7e8dd}.program-label{position:absolute;left:50%;top:-14px;transform:translate(-50%);font:8px JetBrains Mono,monospace;letter-spacing:.07em;white-space:nowrap;background:#ff794f;padding:8px 15px;border-radius:99px;color:#35271d}.program-emoji{font-size:30px;display:block;margin-bottom:21px}.program-card h3{font-size:22px}.program-card>p{font-size:12px;color:#878977;margin-top:8px}.program-divider{height:1px;background:#dbddce;margin:24px 0}.program-card ul{list-style:none;padding:0;margin:0 0 28px}.program-card li{display:flex;align-items:center;gap:9px;font-size:12px;margin-bottom:16px}.program-card li svg{color:#738363}.program-card .button{width:100%;font-size:12px}.program-card>small{display:block;text-align:center;font-size:9px;color:#7f8573;margin-top:12px}.program-footnote{font-size:11px;color:#7b816e;text-align:center;max-width:700px;margin:23px auto 0}.quote-section{border-radius:18px;background:#e4e8d8;text-align:center;padding-top:52px;padding-bottom:54px}.quote-section>span{font:23px Noto Sans SC,sans-serif;color:#899576;letter-spacing:.12em}.quote-section h2{font-size:36px;margin:24px 0 17px}.quote-section p{font-size:13px;color:#6e7b5d}.quote-section .button{margin-top:23px}.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:75px}.faq-section h2{font-size:35px;margin-top:20px}.faq-section>div>p{font-size:12px;color:#78816a;margin-top:15px}.faq-item{border-bottom:1px solid #d5dac8}.faq-item>button{display:flex;align-items:center;justify-content:space-between;gap:20px;background:none;border:0;text-align:left;font-size:13px;font-weight:650;width:100%;padding:20px 0}.faq-item p{font-size:12px;color:#738068;padding-bottom:20px}.rotated{transform:rotate(180deg)}.landing-footer{border-top:1px solid #d7dccb;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-top:35px;padding-bottom:24px}.landing-footer p{font-size:11px;color:#7d8671;margin-top:9px}.landing-footer>div:nth-child(2){display:flex;align-items:center;gap:26px;font-size:11px}.landing-footer button{background:none;border:0;display:flex;gap:5px;align-items:center;font-size:11px}.landing-footer>small{font-size:9px;flex-basis:100%;color:#8a927d;margin-top:12px}.learning-app{--paper:#f8f7f2;--surface:#fff;--ink:#292a24;--muted:#818276;--line:#e5e3d9;--soft:#fbeee7;background:var(--paper);color:var(--ink);min-height:100vh;font-size:13px}.learning-app.theme-dark{--paper:#191c19;--surface:#222722;--ink:#eeeede;--muted:#b2b9a6;--line:#394135;--soft:#44352b}.learning-sidebar{width:248px;position:fixed;inset:0 auto 0 0;background:var(--surface);border-right:1px solid var(--line);padding:25px 17px 16px;display:flex;flex-direction:column;z-index:40;overflow-y:auto}.sidebar-brand{padding:0 7px 30px;display:flex;align-items:center;justify-content:space-between}.sidebar-brand .brand{font-size:20px}.sidebar-brand .brand-mark{width:29px;height:29px;font-size:21px}.sidebar-profile{display:flex;gap:10px;align-items:center;padding:13px 10px;background:var(--paper);border-radius:11px}.avatar{display:flex;justify-content:center;align-items:center;width:37px;height:37px;border-radius:50%;background:#f7d6c8;color:#ab5d42;font-size:16px;font-weight:650;flex-shrink:0}.sidebar-profile>span:nth-child(2){flex:1;min-width:0}.sidebar-profile b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.sidebar-profile>svg{color:var(--muted)}.sidebar-streak{display:flex;gap:6px;align-items:center;justify-content:center;border:1px solid #f1d5c8;background:var(--soft);color:#bc6546;font-size:10px;border-radius:99px;padding:6px;margin:12px 0 2px}.nav-group{font:9px JetBrains Mono,monospace;letter-spacing:.09em;color:var(--muted);margin:24px 12px 9px}.sidebar-link{display:flex;align-items:center;gap:11px;border-radius:7px;padding:10px 13px;font-size:11px;font-weight:550;min-height:40px;margin:2px 0}.sidebar-link.active{background:var(--soft);color:#ad5137}.sidebar-link:hover{background:var(--paper)}.sidebar-link small{font:6px JetBrains Mono,monospace;letter-spacing:.05em;color:#a275a3;border:1px solid #e3d6e6;padding:3px 4px;border-radius:4px;margin-left:auto}.back-to-site{margin-top:22px;border-top:1px solid var(--line);padding:19px 10px 3px;display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.back-to-site>svg:last-child{margin-left:auto}.learning-workspace{margin-left:248px;min-height:100vh;display:flex;flex-direction:column}.learning-header{height:77px;padding:0 34px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--paper)}.header-breadcrumb{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--muted);white-space:nowrap}.header-breadcrumb b{color:var(--ink);font-weight:500}.header-tools{display:flex;align-items:center;gap:10px}.search-trigger{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:99px;background:var(--surface);color:var(--muted);padding:10px 13px;font-size:10px;min-width:230px}.search-trigger kbd{margin-left:auto;font:9px Inter,sans-serif}.language-badge{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);padding:6px 10px 6px 6px;border-radius:99px}.language-badge span{background:#f7ded4;color:#ac583d;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:15px}.language-badge b{font-size:10px;font-weight:600}.learning-main{padding:34px;max-width:1420px;width:100%;margin:auto;flex:1;outline:none}.learning-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:19px 34px;font-size:9px;color:var(--muted)}.learning-footer>span:last-child{display:flex;align-items:center;gap:9px}.learning-footer .status-dot{width:5px;height:5px}.bottom-nav{display:none}.page-title{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px}.page-title h1{font-size:32px;margin-top:11px;font-weight:750;letter-spacing:-.055em;overflow-wrap:anywhere}.page-title p{color:var(--muted);font-size:12px;margin-top:10px;max-width:660px}.greeting-spark{display:inline-block;color:#dca258;margin-left:7px;font-size:40px;vertical-align:middle}.date-label{font-size:10px;color:var(--muted);white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:25px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:19px;display:grid;grid-template-columns:1fr 35px;position:relative;box-shadow:var(--shadow)}.stat-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;grid-column:2;grid-row:1/span 2}.stat-card>span{font-size:10px;color:var(--muted);grid-column:1;grid-row:1;align-self:center}.stat-card>strong{font-size:29px;font-weight:700;letter-spacing:-.04em;margin-top:8px;grid-column:1}.stat-card>small{grid-column:span 2;font-size:9px;color:var(--muted);margin-top:9px}.stat-card>svg{color:#cb825f;grid-column:2;grid-row:1/span 2}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1fr) 284px;gap:23px}.dashboard-primary{min-width:0}.dashboard-primary>.section-heading{margin:27px 0 14px}.dashboard-primary>.section-heading h2{font-size:16px}.dashboard-primary>.section-heading .text-button{font-size:10px}.continue-card{background:#f4dacd;border:1px solid #edc9b6;color:#39332b;padding:25px;border-radius:13px;position:relative;overflow:hidden;min-height:297px}.continue-card>.eyebrow{color:#946c52;font-size:8px;margin-bottom:21px}.continue-card .status-dot{background:#be7555}.continue-card>.pill{font:7px JetBrains Mono,monospace;background:#edc2ad;color:#764c34;border:0;padding:6px 8px}.continue-card h2{font-size:24px;line-height:1.24;max-width:75%;margin:12px 0;position:relative;z-index:1}.continue-card>p{font-size:11px;color:#967360;max-width:74%;position:relative;z-index:1}.lesson-meta{display:flex;align-items:center;gap:17px;font-size:10px;color:var(--muted);margin:15px 0}.lesson-meta>span{display:flex;align-items:center;gap:5px}.continue-card .lesson-meta{color:#94725b;position:relative;z-index:1;margin:15px 0 20px}.continue-card .button{position:relative;z-index:1;padding:12px 18px;font-size:11px}.continue-hanzi{position:absolute;right:20px;top:53px;font:118px Noto Sans SC,sans-serif;color:#bd8e70;opacity:.38;transform:rotate(-7deg)}.continue-hanzi span{display:block;font-size:10px;letter-spacing:.13em;text-align:center;margin-top:15px}.daily-plan{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:0 19px}.daily-plan>a{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.daily-plan>a:last-child{border:0}.daily-plan>a:hover b{color:#bd674a}.plan-number{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:9px;color:#888b7c;font:10px JetBrains Mono,monospace;flex-shrink:0}.plan-number.done,.done{background:#e6eddd!important;color:#5a7751!important;border-color:#d7e1c9!important}.daily-plan b{font-size:11px;font-weight:650}.daily-plan p{font-size:10px;color:var(--muted);margin-top:3px}.daily-plan>a>small{margin-left:auto;white-space:nowrap;font-size:9px;color:var(--muted)}.daily-plan>a>svg{color:#89917e}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quick-card{border:1px solid #00000006;border-radius:11px;padding:17px 14px;position:relative;overflow:hidden}.quick-card>svg:first-child{margin-bottom:24px;opacity:.65}.quick-card>b{font-size:11px;display:block}.quick-card p{font-size:9px;opacity:.64;margin:5px 0 17px;min-height:26px}.quick-card>svg:last-child{position:absolute;right:13px;bottom:12px}.quick-hanzi{position:absolute;top:8px;right:12px;font:45px Noto Sans SC,sans-serif;opacity:.14}.dashboard-secondary{display:flex;flex-direction:column;gap:18px;min-width:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:22px;box-shadow:var(--shadow)}.weekly-card .section-heading h3{font-size:13px}.weekly-card>p{font-size:10px;color:var(--muted);margin-top:8px}.week-days{display:flex;justify-content:space-between;margin-top:23px}.week-days>div{display:flex;align-items:center;flex-direction:column;gap:9px}.week-days small{font-size:8px;color:var(--muted)}.week-days span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--paper);color:#b4bbaa;font-size:16px}.week-days .today{border:1px solid #cfa68e;background:var(--soft);color:#b66849}.weekly-bottom{display:flex;gap:8px;align-items:center;border-top:1px solid var(--line);padding-top:17px;margin-top:20px;color:#ac7758}.weekly-bottom b{font-size:9px;font-weight:600;color:var(--ink)}.weekly-bottom small{font-size:8px;color:var(--muted);display:block;margin-top:4px;line-height:1.6}.weekly-bottom>a{margin-left:auto}.word-card{text-align:center}.word-card .eyebrow{font-size:8px}.word-card .icon-button{width:29px;height:29px;border:0;background:var(--paper)}.word-card>strong{display:block;font:54px Noto Sans SC,sans-serif;letter-spacing:.05em;margin-top:15px}.word-card>p{font-size:14px;color:#bc7753;margin:8px 0}.word-card>span{font-size:11px;color:var(--muted)}.word-example{padding:16px;margin:20px 0 14px;background:var(--paper);border-radius:8px;font-size:13px}.word-example small{display:block;color:var(--muted);font-size:9px;line-height:1.8;margin-top:7px}.word-card>.text-button{font-size:10px}.tip-card{background:#eaeddf;border:1px solid #dce2cb;padding:21px;border-radius:12px;color:#455338}.tip-card>svg{color:#a0ad83}.tip-card h3{font-size:17px;line-height:1.4;margin:12px 0}.tip-card p{font-size:10px;color:#78866a}.tip-card a{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:650;margin-top:14px}.mc-modal{width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--line);border-radius:20px;background:var(--surface,#fff);color:var(--ink,#26271f);box-shadow:0 24px 90px #0003}.mc-modal::backdrop{background:#171c18a8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-inner{padding:29px}.modal-inner>.section-heading{margin-bottom:20px}.modal-inner>.section-heading h2{font-size:25px}.modal-inner>p{font-size:13px}.onboarding-form{margin-top:22px;display:flex;flex-direction:column;gap:18px}.onboarding-form label,.settings-form label{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:600}.onboarding-form input,.onboarding-form select,.settings-form input:not([type=checkbox]),.settings-form select{padding:12px 14px;border:1px solid var(--line);border-radius:8px;width:100%;font-size:13px}.onboarding-form fieldset{border:0;padding:0;margin:0}.onboarding-form legend{font-size:12px;font-weight:600;margin-bottom:12px}.goal-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.goal-options button{display:flex;align-items:center;flex-direction:column;gap:7px;border:1px solid var(--line);padding:15px 8px;border-radius:10px;background:var(--surface)}.goal-options button.active{background:#f9e3d9;border-color:#e18d6a;color:#865038}.goal-options b{font-size:12px}.goal-options small{font-size:10px;opacity:.6}.search-field{display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid var(--line);border-radius:99px;background:var(--surface);color:var(--muted)}.search-field input{width:100%;min-width:0;border:0;background:none;outline:none;font-size:12px;padding:0}.search-field:focus-within{outline:2px solid #d49372;outline-offset:2px}.search-field input:focus-visible{outline:none}.search-results{display:flex;flex-direction:column;margin-top:15px;max-height:55vh;overflow-y:auto}.search-results a{display:flex;align-items:center;gap:13px;padding:13px 7px;border-bottom:1px solid var(--line)}.search-results a:hover{background:var(--paper)}.search-results a>span{flex:1}.search-results b{display:block;font-size:12px}.search-results small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.empty-state{text-align:center;padding:45px 20px;color:var(--muted);font-size:13px}.empty-state>svg{display:block;margin:0 auto 15px;color:#9bab80}.empty-state h2{font-size:23px;color:var(--ink);margin-bottom:15px}.empty-state .button{margin-top:20px}.info-banner{display:flex;align-items:center;gap:10px;background:var(--soft);color:#a66b4c;border:1px solid #eddbc9;padding:15px 19px;border-radius:9px;font-size:11px;margin-bottom:25px;line-height:1.7}.progress-summary{min-width:200px;border:1px solid var(--line);border-radius:12px;padding:16px 19px;background:var(--surface)}.progress-summary small{font-size:10px;color:var(--muted);display:block}.progress-summary strong{font-size:29px;display:block;margin:7px 0}.progress-track{height:5px;border-radius:9px;background:var(--line);overflow:hidden;margin:9px 0}.progress-track i{display:block;height:100%;background:#dc936b;border-radius:9px}.module-layout{display:grid;grid-template-columns:190px 1fr;gap:23px}.roadmap{padding:22px 17px;align-self:start}.roadmap>.eyebrow{font-size:9px;margin-bottom:20px}.roadmap>button{display:flex;gap:11px;align-items:center;text-align:left;background:none;border:0;padding:15px 0;width:100%;position:relative}.roadmap>button:not(:last-child):after{content:"";position:absolute;height:17px;width:1px;background:var(--line);left:15px;bottom:-8px}.roadmap>button>span{width:31px;height:31px;border-radius:50%;background:#2b2e24;color:#fff;display:grid;place-items:center;flex-shrink:0;font-size:10px;border:3px solid #f0d5c5}.roadmap b{font-size:11px}.roadmap small{display:block;font-size:9px;color:var(--muted);line-height:1.5;margin-top:5px}.filter-tabs{display:flex;gap:8px;margin:18px 0;flex-wrap:wrap}.filter-tabs button{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:7px 13px;font-size:10px;color:var(--muted)}.filter-tabs button.active{background:#26291f;color:#fff;border-color:#26291f}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.module-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:19px;text-align:left;box-shadow:var(--shadow);transition:transform .2s,border-color .2s}.module-card:hover{border-color:#d2a78a;transform:translateY(-3px)}.module-card>div{display:flex;align-items:center;justify-content:space-between}.module-number{width:34px;height:34px;display:grid;place-items:center;background:#2a2e22;color:#fff;border-radius:10px;font-size:12px}.module-card h3{font-size:15px;line-height:1.4;margin:15px 0 10px}.module-card .pill{align-self:flex-start;background:var(--soft);border:0;color:#b1704d;font-size:8px}.module-card p{font-size:10px;color:var(--muted);margin:12px 0;flex:1}.module-card footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:12px;width:100%;font-size:9px;color:var(--muted)}.module-card footer span{display:flex;gap:5px;align-items:center}.lesson-detail{max-width:850px;margin:auto}.lesson-detail>.text-button{margin-bottom:23px}.lesson-detail .page-title h1{line-height:1.35}.lesson-content{margin:24px 0;line-height:1.8}.lesson-content h2{font-size:22px;margin-bottom:15px}.lesson-content h3{font-size:16px;margin:25px 0 15px}.lesson-content>.muted{font-size:12px}.lesson-content>p{font-size:13px;margin:16px 0}.phrase-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:23px 0}.phrase-row:first-of-type{margin-top:20px}.phrase-row strong{font:23px Noto Sans SC,sans-serif}.phrase-row p{font-size:12px;color:#b27655;margin:8px 0}.phrase-row small{color:var(--muted);font-size:12px}.comprehension h2{font-size:22px;margin:15px 0}.comprehension>.button{margin-top:22px}.answer-options{display:flex;flex-direction:column;gap:10px;margin:20px 0}.answer-options button{border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);padding:15px 18px;text-align:left;font-size:12px}.answer-options button.correct{border-color:#84a16e;background:#e8efde;color:#456231}.answer-options button.incorrect{border-color:#d2937b;background:#fbe8dc;color:#a75536}.flashcard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.flashcard-toolbar>.search-field{min-width:240px;flex:1;max-width:430px}.flashcard-workspace{max-width:660px;margin:20px auto}.flashcard-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:15px;font:9px JetBrains Mono,monospace;color:var(--muted)}.flashcard-meta .text-button{font-size:10px}.study-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:24px;box-shadow:0 5px #d7d8c530;min-height:400px;display:flex;flex-direction:column;transition:background .2s}.study-card.is-flipped{background:var(--soft)}.card-flip-area{background:none;border:0;display:flex;align-items:center;flex-direction:column;justify-content:center;flex:1;min-height:280px;width:100%;padding:23px 5px}.card-flip-area>strong{font:78px Noto Sans SC,sans-serif;letter-spacing:.06em;line-height:1.4;overflow-wrap:anywhere;max-width:100%}.card-flip-area>span{font-size:21px;color:#bc7858;margin-top:12px}.card-flip-area>small{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);margin-top:30px}.card-meaning{margin-top:25px}.card-meaning h2{font-size:21px}.card-meaning p{font-size:13px;margin-top:16px}.card-meaning small{color:var(--muted);font-size:11px}.study-card-footer{display:flex;justify-content:space-between;font-size:9px;gap:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px}.flashcard-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:25px}.rating-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}.rating-buttons button{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:15px 8px}.rating-buttons b{display:block;font-size:11px}.rating-buttons small{display:block;font-size:9px;color:var(--muted);margin-top:6px}.rating-buttons .again{border-color:#dca48c}.rating-buttons .good{background:#e7eedc;color:#47612b}.rating-buttons .easy{background:#f4e8bd;color:#6f5f2c}.flashcard-workspace>.small-note{text-align:center;margin-top:20px}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.resource-card{padding:0;overflow:hidden}.resource-cover{height:165px;padding:25px;display:flex;justify-content:space-between;align-items:center}.resource-cover>span{font:80px Noto Sans SC,sans-serif;opacity:.35}.resource-cover>small{font:10px JetBrains Mono,monospace;align-self:flex-start}.resource-card-body{padding:22px}.resource-card-body h2{font-size:18px;line-height:1.3}.resource-card-body p{font-size:10px;color:var(--muted);margin:13px 0 25px;min-height:32px}.resource-card-body>div{display:flex;align-items:center;justify-content:space-between}.resource-card .text-button{font-size:10px}.resource-card .icon-button{border:0}.grammar-formula{padding:22px;background:var(--soft);border:1px solid var(--line);border-radius:9px;font-family:JetBrains Mono,monospace;font-size:14px;margin-bottom:26px}.lesson-content .hanzi-line{font:30px Noto Sans SC,sans-serif}.lesson-content hr{border:0;border-top:1px solid var(--line);margin:27px 0}.lesson-content .button{margin:8px 10px 5px 0}.dialog-line{display:flex;align-items:center;gap:16px;margin:23px 0;padding:21px;background:var(--paper);border-radius:10px}.dialog-line>div{flex:1;min-width:0}.dialog-line strong{font:21px Noto Sans SC,sans-serif;line-height:1.5}.dialog-line p{font-size:12px;color:#b6815a;margin:10px 0}.dialog-line small{font-size:12px;color:var(--muted)}.lesson-content .reading-hanzi{font:26px/2 Noto Sans SC,sans-serif;margin:24px 0}.reading-pinyin{color:#a17850;line-height:1.9!important}.reading-translation{background:var(--paper);padding:20px;border-radius:8px;color:var(--muted)}.vocab-gloss{white-space:pre-line;background:var(--paper);border-left:3px solid #d7af6a;padding:20px}.speaking-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:23px}.scenario-list{align-self:start;padding:21px 14px}.scenario-list h3{font-size:15px;margin:0 8px 20px}.scenario-list>button{display:flex;align-items:center;gap:10px;border:0;background:none;width:100%;text-align:left;padding:14px 8px;border-radius:9px}.scenario-list>button.active{background:var(--soft);color:#a2603c}.scenario-list>button>span{font:10px JetBrains Mono,monospace}.scenario-list b{font-size:11px;display:block;line-height:1.6}.scenario-list small{display:block;font-size:9px;color:var(--muted);line-height:1.6;margin-top:5px}.scenario-list>.small-note{padding:12px 8px}.speaking-card{text-align:center;padding:26px}.speaking-card .section-heading h2{font-size:17px;text-align:left}.speaking-card .filter-tabs{justify-content:center;margin:24px 0}.speaking-card>.eyebrow{justify-content:center;margin:26px 0 15px}.speaking-card .speaking-hanzi{font:30px/1.7 Noto Sans SC,sans-serif}.speaking-pinyin{font-size:15px;color:#b37a52;margin:14px 0}.speaking-card>p:not(.speaking-pinyin){font-size:12px;color:var(--muted);margin:12px 0}.speaking-card>.outline-button{font-size:11px;margin-top:10px}.recording-area{padding:27px 0}.record-button{width:74px;height:74px;display:grid;place-items:center;border-radius:50%;margin:auto;border:7px solid #f9e4d6;background:#ed9b76;color:#513b2d}.record-button.recording{background:#df644d;color:#fff;animation:record-pulse 1.4s infinite}.recording-area>p{font-size:10px;color:var(--muted);margin-top:14px}.transcript{margin-top:22px;background:var(--paper);border:1px solid var(--line);padding:18px;border-radius:9px}.transcript small{font:8px JetBrains Mono,monospace;color:var(--muted)}.transcript strong{display:block;font:24px Noto Sans SC,sans-serif;margin:14px 0}.transcript p{font-size:10px;color:var(--muted)}.speaking-card>.small-note{margin-top:24px!important}.activity-panel{margin:24px 0}.activity-panel>h2{font-size:19px;margin-bottom:15px}.activity-grid{display:grid;grid-template-columns:repeat(14,1fr);gap:8px;margin:25px 0}.activity-grid>div{height:47px;border-radius:7px;border:1px solid var(--line);background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted)}.activity-grid small{font-size:9px}.activity-grid .has-activity{background:#edb092;color:#7a4528;border-color:#e9a480}.history-row{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.history-row:last-child{border-bottom:0}.history-row>div{flex:1}.history-row b{font-size:12px}.history-row small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.history-row>span:last-child{font-size:11px;color:#a6784c}.journal-editor>label{display:block;font-size:14px;font-weight:650;margin-bottom:17px}.journal-editor textarea{width:100%;border:1px solid var(--line);padding:16px;border-radius:9px;background:var(--paper);font-size:15px;line-height:1.7;resize:vertical;min-height:160px}.journal-editor .section-heading{margin-top:17px;font-size:10px}.journal-editor>p{font-size:11px;color:#6e8653;margin-top:14px}.journal-heading{font-size:20px;margin:32px 0 20px}.journal-entry{margin-bottom:17px}.journal-entry>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;margin:15px 0}.delete-confirm{display:flex;gap:12px;font-size:10px;color:#b16143}.delete-confirm button{border:0;background:none}.settings-form{margin-bottom:23px;display:flex;flex-direction:column;gap:20px}.settings-form h2{font-size:20px}.settings-form .button{align-self:flex-start}.settings-form p{font-size:12px;color:var(--muted)}.settings-form .switch-row{flex-direction:row;justify-content:space-between;align-items:center;padding:7px 0}.switch-row input{accent-color:#ca8255;width:20px;height:20px}.theme-dark .peach{background:#493a30;color:#f1d9c5}.theme-dark .mint{background:#35442d;color:#d6e8c1}.theme-dark .lavender{background:#3e374a;color:#e8dbf4}.theme-dark .yellow{background:#4c442e;color:#f1e3b3}.theme-dark .tip-card{background:#2d3926;color:#dce8c9;border-color:#405036}.theme-dark .tip-card p{color:#a6b494}.legacy-view{color:var(--ink)}.legacy-view .glass-card,.legacy-view .glass-panel{background:var(--surface)!important;border-color:var(--line)!important;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--shadow)!important}.legacy-view [class*=bg-slate-]{background-color:var(--paper)!important}.legacy-view [class*=border-slate-]{border-color:var(--line)!important}.legacy-view .text-white,.legacy-view [class*=text-slate-1],.legacy-view [class*=text-slate-2]{color:var(--ink)!important}.legacy-view [class*=text-slate-3],.legacy-view [class*=text-slate-4]{color:var(--muted)!important}.legacy-view [class*=text-rose-],.legacy-view [class*=text-amber-]{color:#b37048!important}.legacy-view [class*=text-emerald-]{color:#588450!important}.legacy-view [class*=bg-gradient-]{background-image:none!important;background-color:var(--soft)!important}.legacy-view button[class*=from-rose-]{background:#edab87!important;color:#372a20!important}.legacy-view [class*=shadow-]{box-shadow:none!important}.legacy-view .animate-pulse,.legacy-view .animate-float{animation:none}.legacy-view [class*=text-purple-]{color:#9e71a4!important}.legacy-view [class*=text-blue-]{color:#548ba7!important}.legacy-view canvas{background:#17201b;border-radius:12px}.legacy-view .bg-black\/80{background:#000a!important}.legacy-view .font-mono{font-family:Noto Sans SC,JetBrains Mono,sans-serif}@keyframes record-pulse{50%{box-shadow:0 0 0 10px #df644d18}}@media(min-width:1600px){.learning-main{padding:40px 45px}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-columns{grid-template-columns:minmax(0,1fr) 315px}.continue-card h2{font-size:30px}.continue-card{min-height:320px}}@media(max-width:1200px){.landing-nav nav{gap:15px}.nav-actions{gap:15px}.landing-nav>.nav-actions>.text-button{display:none}.hero-doodle{display:none}.learning-sidebar{width:220px;padding-left:12px;padding-right:12px}.sidebar-brand .brand{font-size:18px}.learning-workspace{margin-left:220px}.learning-header{padding:0 24px}.learning-main{padding:27px 24px}.header-breadcrumb>span{display:none}.header-breadcrumb>svg{display:none}.dashboard-columns{grid-template-columns:minmax(0,1fr) 245px;gap:16px}.panel{padding:19px}.stats-grid{gap:10px}.stat-card{padding:15px}.stat-card>span{font-size:9px}.continue-card{padding:22px}.continue-card h2{font-size:22px}.quick-grid{gap:8px}.quick-card{padding:14px 10px}.quick-card b{font-size:10px}.daily-plan{padding:0 13px}.daily-plan>a{gap:10px}.daily-plan>a>small{display:none}.page-title h1{font-size:29px}.date-label{display:none}.search-trigger{min-width:200px}.learning-header .header-tools{gap:7px}.skills-strip{gap:25px}.feature-card{padding:20px 16px}.feature-card h3{font-size:18px}.module-layout{grid-template-columns:160px 1fr;gap:16px}.module-card{padding:16px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.speaking-layout{grid-template-columns:200px minmax(0,1fr);gap:18px}}@media(max-width:1000px){.dashboard-columns{grid-template-columns:1fr}.dashboard-secondary{display:grid;grid-template-columns:1fr 1fr}.dashboard-secondary .tip-card{grid-column:span 2}.continue-card h2{max-width:65%;font-size:27px}.continue-card>p{max-width:70%}.continue-hanzi{right:38px}.learning-header .language-badge b{display:none}.module-layout{grid-template-columns:1fr}.roadmap{display:none}.section h2{font-size:34px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card{min-height:290px;padding:25px}.feature-card h3{font-size:22px}.feature-card p{max-width:270px}.more-features{flex-wrap:wrap;gap:18px}.more-features span{width:45%}.skills-strip{gap:20px}.skills-strip small{font-size:8px}.skills-strip>span{gap:8px}.faq-section{gap:35px}.program-grid{gap:14px}.program-card{padding:30px 20px}.program-card h3{font-size:18px}.speaking-layout{grid-template-columns:1fr}.scenario-list{display:flex;flex-wrap:wrap;gap:9px}.scenario-list>h3{width:100%;margin-bottom:8px}.scenario-list>button{width:calc(33.33% - 6px);align-items:flex-start}.scenario-list b{font-size:10px}.scenario-list .small-note{display:none}.preview-body{grid-template-columns:155px 1fr}.preview-main{padding:20px}.preview-greeting .pill{display:none}}@media(max-width:760px){.wrap{padding-left:21px;padding-right:21px}.mobile-only{display:inline-flex!important}.desktop-only{display:none!important}.announcement{font-size:7px;letter-spacing:.02em;min-height:30px}.announcement>a{display:none}.landing-nav{height:75px;gap:10px}.brand{font-size:19px;gap:7px}.brand-mark{width:29px;height:29px;font-size:21px}.landing-nav .button.small{padding:10px 13px;font-size:10px}.nav-actions{gap:9px}.landing-nav nav{display:none}.landing-nav nav.open{display:flex;position:absolute;top:104px;left:0;right:0;padding:24px;background:#f2f2ea;flex-direction:column;z-index:10;border-bottom:1px solid #ddd;gap:22px;font-size:14px}.hero{padding-top:43px}.hero>.eyebrow{font-size:8px;letter-spacing:.1em}.hero h1{font-size:51px;letter-spacing:-.065em;margin:25px auto}.hero-description{font-size:13px;max-width:390px;margin:auto;padding:0 8px}.hero-actions{gap:9px;margin-top:26px}.hero-actions .button{font-size:11px;padding:14px 17px;gap:8px}.hero-benefits{gap:13px;font-size:8px;margin-top:17px}.hero-benefits svg{width:12px}.preview-frame{margin-top:36px;border-radius:11px 11px 0 0}.preview-top{height:27px;padding:0 10px;font-size:6px}.preview-top>span:last-child{display:none}.preview-body{display:block}.preview-body aside{display:none}.preview-main{padding:17px}.preview-greeting small{font-size:6px}.preview-greeting h3{font-size:13px;line-height:1.5}.preview-greeting{margin-bottom:13px}.preview-grid{gap:9px;grid-template-columns:1.4fr 1fr}.preview-lesson{padding:14px 12px;border-radius:8px}.preview-lesson h3{font-size:15px;line-height:1.3;max-width:180px}.preview-lesson p{font-size:11px}.preview-lesson small{font-size:7px}.preview-lesson .eyebrow{font-size:6px}.preview-lesson .button{padding:8px 10px;font-size:7px;margin-top:12px}.preview-character{font-size:58px;right:9px;top:60px;opacity:.27}.preview-word{padding:12px 9px;border-radius:8px}.preview-word>div:first-child{font-size:5px;gap:5px}.preview-word>strong{font-size:38px;margin-top:20px}.preview-word>p{font-size:10px}.preview-word>small{font-size:8px}.word-foot{font-size:6px;margin-top:13px;padding-top:10px}.preview-stats{gap:6px;margin-top:9px}.preview-stats>span{padding:9px 7px;grid-template-columns:1fr;gap:4px}.preview-stats svg{display:none}.preview-stats b{font-size:7px}.preview-stats small{font-size:6px;margin:0}.skills-strip{padding:18px 14px;gap:20px;overflow:hidden}.skills-strip>span{font-size:24px;flex-direction:column;gap:5px}.skills-strip small{font-size:6px;white-space:nowrap}.skills-strip i{font-size:15px}.skills-strip>span:last-child,.skills-strip>i:last-of-type{display:none}.section{padding-top:65px;padding-bottom:65px}.section-heading.aligned{flex-direction:column;align-items:flex-start;gap:20px}.section h2{font-size:31px}.section-heading.aligned>p{font-size:12px;max-width:430px}.section>.eyebrow,.section .aligned .eyebrow{margin-bottom:18px;font-size:8px}.method-grid{grid-template-columns:1fr;margin-top:27px;gap:22px}.method-top strong{font-size:40px}.method-top{height:30px}.method-grid article{padding-top:18px}.method-grid h3{margin:14px 0 10px}.method-grid p{max-width:100%;font-size:12px}.feature-grid{gap:12px;margin-top:26px}.feature-card{min-height:300px;padding:19px 16px}.feature-card h3{font-size:20px}.feature-card p{font-size:10px}.feature-card small{font-size:7px}.feature-hanzi{font-size:62px;top:48px;right:17px}.more-features{gap:15px;font-size:9px}.program-grid{grid-template-columns:1fr;gap:28px;max-width:420px;margin:35px auto 0}.program-card{padding:29px 26px}.program-card h3{font-size:24px}.program-emoji{margin-bottom:15px}.program-card ul{margin-bottom:22px}.quote-section{border-radius:0;padding:40px 20px}.quote-section>span{font-size:17px}.quote-section h2{font-size:31px}.faq-section{grid-template-columns:1fr;gap:28px}.faq-section h2{font-size:30px}.faq-item>button{font-size:12px}.landing-footer{padding-top:27px}.landing-footer>div:nth-child(2){gap:18px;font-size:10px}.landing-footer>.brand{font-size:20px}.landing-footer>small{line-height:1.7}.learning-sidebar{transform:translate(-100%);width:264px;transition:transform .2s;z-index:80;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.learning-sidebar.is-open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#171c18a8;border:0;z-index:70}.learning-workspace{margin-left:0}.learning-header{height:66px;padding:0 17px;position:sticky;top:0;z-index:35}.header-breadcrumb{gap:8px}.header-breadcrumb b{font-size:11px}.header-breadcrumb>.icon-button{background:none;border:0;width:26px}.search-trigger{min-width:0;padding:9px;border:0;background:none}.search-trigger>span,.search-trigger>kbd{display:none}.learning-header .language-badge{padding:4px;background:none;border:0}.language-badge>svg{display:none}.learning-header .header-tools{gap:5px}.learning-header .icon-button{width:33px;height:33px}.learning-main{padding:24px 18px 30px}.page-title{gap:15px;align-items:flex-start}.page-title h1{font-size:28px;margin-top:10px}.page-title .eyebrow{font-size:8px}.page-title p{font-size:11px}.greeting-spark{font-size:32px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:20px}.stat-card{padding:16px}.stat-card>span{font-size:9px}.stat-card strong{font-size:27px}.stat-card small{font-size:8px}.dashboard-columns{gap:21px}.continue-card{padding:23px}.continue-card h2{font-size:25px;max-width:78%}.continue-card>p{max-width:80%}.continue-hanzi{font-size:94px;right:9px;top:73px;opacity:.2}.continue-card>.eyebrow{font-size:8px}.continue-card .button{font-size:11px}.dashboard-primary>.section-heading{gap:9px}.dashboard-primary>.section-heading h2{font-size:15px}.dashboard-primary>.section-heading .text-button{font-size:9px}.daily-plan{padding:0 14px}.daily-plan b{font-size:11px}.daily-plan p{font-size:9px}.daily-plan>a{padding:17px 0;gap:11px}.daily-plan>a>svg{margin-left:auto}.quick-grid{gap:9px}.quick-card{padding:15px 10px}.quick-card>b{font-size:10px}.quick-card p{font-size:8px;line-height:1.6;min-height:29px}.quick-hanzi{font-size:37px;right:6px}.quick-card>svg:first-child{width:18px;margin-bottom:25px}.dashboard-secondary{gap:12px}.dashboard-secondary>.panel{padding:17px}.dashboard-secondary .word-card .eyebrow{font-size:6px;letter-spacing:.04em}.dashboard-secondary .word-card>.section-heading{gap:5px}.weekly-card .section-heading h3{font-size:12px}.weekly-card .section-heading{gap:5px}.week-days{flex-wrap:wrap;gap:7px;justify-content:flex-start}.week-days span{width:25px;height:25px}.week-days small{font-size:7px}.weekly-bottom>svg{display:none}.weekly-bottom>a{display:none}.weekly-bottom b{font-size:9px}.word-card>strong{font-size:40px;margin-top:15px}.word-card>p{font-size:12px}.word-example{padding:11px 8px;font-size:11px;margin:15px 0 8px}.word-example small{font-size:8px}.word-card>.text-button{font-size:8px}.tip-card{padding:20px;display:grid;grid-template-columns:25px 1fr;gap:10px 12px}.tip-card h3{margin:0;font-size:17px}.tip-card p,.tip-card a{grid-column:2}.tip-card a{margin-top:2px}.learning-footer{padding:20px 18px 96px;flex-direction:column;gap:8px;font-size:8px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:45;justify-content:space-around;align-items:center;background:var(--surface);border-top:1px solid var(--line);padding:11px 6px calc(11px + env(safe-area-inset-bottom))}.bottom-nav a,.bottom-nav button{display:flex;align-items:center;flex-direction:column;gap:6px;font-size:8px;color:var(--muted);background:none;border:0;padding:0 8px;min-width:54px}.bottom-nav .active{color:#c5714d}.module-grid{gap:12px}.module-card{padding:16px 13px}.module-card h3{font-size:13px}.module-card p{font-size:9px}.module-card footer{font-size:8px}.module-number{width:30px;height:30px;font-size:10px}.progress-summary{min-width:110px;padding:12px;max-width:130px}.progress-summary small{font-size:8px}.progress-summary strong{font-size:25px}.info-banner{font-size:10px;padding:13px}.flashcard-toolbar{flex-wrap:wrap;gap:8px}.flashcard-toolbar>.search-field{min-width:0;max-width:none;flex-basis:100%;order:2}.flashcard-toolbar .filter-tabs{margin:0 0 10px}.study-card{padding:17px;min-height:380px}.card-flip-area>strong{font-size:65px}.card-flip-area>span{font-size:18px}.card-meaning h2{font-size:18px}.card-meaning p{font-size:12px}.rating-buttons{gap:7px}.rating-buttons button{padding:15px 5px}.rating-buttons b{font-size:10px}.rating-buttons small,.flashcard-meta{font-size:8px}.flashcard-meta .text-button{font-size:9px}.study-card-footer{font-size:8px}.resource-grid{grid-template-columns:1fr;gap:16px}.resource-card{display:grid;grid-template-columns:110px 1fr}.resource-cover{height:100%;min-height:175px;padding:15px;flex-direction:column}.resource-cover>span{font-size:58px;order:2}.resource-cover>small{font-size:8px}.resource-card-body{padding:18px}.resource-card-body h2{font-size:17px}.resource-card-body p{font-size:9px;margin:9px 0 15px;min-height:0}.lesson-content .reading-hanzi{font-size:23px;line-height:1.9}.dialog-line{padding:15px 10px;gap:8px;align-items:flex-start}.dialog-line .avatar{width:27px;height:27px;font-size:11px}.dialog-line .icon-button{width:27px;height:27px;border:0}.dialog-line strong{font-size:18px}.dialog-line p,.dialog-line small{font-size:10px}.phrase-row strong{font-size:21px}.phrase-row p{font-size:11px}.comprehension h2{font-size:19px}.scenario-list>button{width:100%;padding:12px}.scenario-list h3{font-size:15px}.scenario-list b{font-size:12px}.scenario-list small{font-size:10px}.speaking-card{padding:20px}.speaking-card .section-heading h2{font-size:16px}.speaking-card .speaking-hanzi{font-size:26px}.activity-grid{grid-template-columns:repeat(7,1fr);gap:6px}.activity-grid>div{height:40px}.modal-inner{padding:23px}.modal-inner>.section-heading h2{font-size:23px}.goal-options{gap:8px}.goal-options b{font-size:11px}.legacy-view .max-w-2xl{max-width:100%}.legacy-view [class*=text-6xl]{font-size:3rem}.legacy-view [class*=rounded-3xl]{border-radius:13px}}@media(max-width:390px){.landing-nav .brand{font-size:17px}.landing-nav .brand-mark{width:26px;height:26px;font-size:19px}.landing-nav .button.small{padding:10px;font-size:9px}.hero h1{font-size:45px}.hero-benefits{gap:9px;font-size:7px}.feature-card{min-height:320px;padding:18px 14px}.feature-card h3{font-size:18px}.dashboard-secondary{grid-template-columns:1fr}.dashboard-secondary .tip-card{grid-column:auto}.week-days{justify-content:space-between}.word-card>strong{font-size:55px}.dashboard-secondary .word-card .eyebrow{font-size:9px}.word-card>.text-button{font-size:11px}.module-grid{grid-template-columns:1fr}.header-breadcrumb b{font-size:10px}.quick-grid{grid-template-columns:1fr}.quick-card{display:grid;grid-template-columns:28px 1fr;gap:5px 10px}.quick-card>svg:first-child{grid-row:span 2;margin:0}.quick-card>p{margin:0;min-height:0}.quick-hanzi{display:none}.quick-card>b{font-size:12px}.quick-card p{font-size:10px}}@media(min-width:761px){.sidebar-link{font-size:12px}.stat-card>span{font-size:11px}.stat-card>small{font-size:10px}.daily-plan b{font-size:12px}.daily-plan p{font-size:11px}.quick-card>b{font-size:12px}.quick-card p{font-size:10px}.continue-card>p{font-size:12px}.continue-card .button{font-size:12px}.weekly-card>p{font-size:11px}.word-card>.text-button{font-size:11px}.tip-card p,.module-card p{font-size:11px}.module-card footer{font-size:10px}}.exam-intro{text-align:center;padding:38px}.exam-intro>svg{margin:0 auto 20px;color:#bc7c54}.exam-intro h2{font-size:26px}.exam-facts{display:flex;justify-content:center;gap:35px;margin:30px 0;font-size:11px;color:var(--muted)}.exam-facts b{font-size:30px;display:block;color:var(--ink);margin-bottom:5px}.exam-intro>p{font-size:13px;margin-bottom:24px}.exam-intro .info-banner{text-align:left}.exam-toolbar{font-size:12px;margin-bottom:18px}.exam-question{margin:24px 0}.exam-question>h1{font:55px Noto Sans SC,sans-serif;text-align:center;margin:35px 0}.exam-question .answer-options span{display:block;margin-top:8px;color:var(--muted)}.answer-options .selected-answer{border-color:#cb9872;background:var(--soft)}.question-jump{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.question-jump button{width:33px;height:33px;border-radius:7px;border:1px solid var(--line);background:var(--surface);font-size:11px}.question-jump .current{background:#d6a07b;color:#fff}.question-jump .answered{background:#e8eddf;color:#587243}.exam-result{text-align:center;padding:35px}.exam-result>strong{font-size:70px;color:#b77a53;letter-spacing:-.06em}.exam-result>strong small{font-size:30px}.exam-result>p{color:var(--muted);margin:16px 0 24px;font-size:12px}.exam-review{margin:15px 0}.exam-review p{font-size:12px;margin-top:15px}.exam-review h3{font:22px Noto Sans SC,sans-serif}@media(max-width:760px){.exam-intro{padding:25px 18px}.exam-facts{gap:20px}.exam-question .button{font-size:10px;padding:12px 16px}.exam-review .section-heading{align-items:flex-start}.exam-review .pill{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}:root,.landing,.learning-app{--coral: #b80f1c;--paper: #fafafa;--surface: #ffffff;--ink: #19171a;--muted: #767078;--line: #e9e4e6;--soft: #faedef;--brand-hover: #960b17}body,.landing{background:var(--paper);color:var(--ink)}.landing{background:#fff}.learning-app.theme-dark{--paper: #1e1418;--surface: #2a1e23;--ink: #fbf4f6;--muted: #c4b5bc;--line: #483039;--soft: #4a222c}.button.coral-button,.button.dark-button,.brand-mark,.number-tag,.highlight,.program-label{background:var(--coral);color:#fff}.button.coral-button:hover,.button.dark-button:hover{background:var(--brand-hover)}.brand i,.coral-text,.text-button:hover,.sidebar-link.active,.bottom-nav .active,.word-card>p,.weekly-bottom,.phrase-row p,.speaking-pinyin,.reading-pinyin,.lesson-content>.coral-text,.card-flip-area>span{color:var(--coral)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--coral)}.announcement,.features-section{background:#430e1b;color:#fff6f8}.announcement a,.announcement>svg,.features-section .coral-text{color:#ffc5ce}.features-section .eyebrow,.features-section .section-heading>p,.more-features{color:#e0c3cb}.more-features svg{color:#edacb9}.hero-description,.hero-benefits,.landing-footer p,.landing-footer>small,.method-grid p,.program-card>p,.program-card>small,.program-footnote,.centered>p,.faq-item p,.faq-section>div>p{color:#797079}.hero-benefits svg{color:#a74b5b}.hero-doodle,.doodle-left,.doodle-right{color:#b77481}.section h2 em{color:#9a3548}.skills-strip,.quote-section{background:#f7edef}.skills-strip small,.skills-strip i,.quote-section>span{color:#a16573}.quote-section p{color:#886c75}.method-grid article,.faq-item,.landing-footer{border-color:var(--line)}.method-top,.method-top strong{color:#bb8994}.program-card{background:#fff;border-color:var(--line)}.program-card.featured{background:#fff6f7;border-color:#b80f1c}.program-divider{background:#eadfe3}.program-card li svg{color:#a6475b}.peach{background:#f7e3e7;color:#632c3a}.preview-frame{background:#fafafa;border-color:#e8dfe2}.preview-top{background:#f3edef;border-color:#e8dfe2;color:#99828b}.preview-body aside,.preview-word,.preview-stats>span{background:#fff;border-color:#ece5e7}.preview-body aside>.selected{background:#faedef;color:#b80f1c}.preview-note{border-color:#ddc5cc;color:#a5717f}.preview-lesson{background:#f8e9ec;border-color:#edcfd7}.preview-lesson .eyebrow,.preview-lesson small,.preview-word>p{color:#ac6375}.preview-character{color:#cd9aa7}.preview-note small,.preview-stats small,.word-foot{color:#95858b}.preview-stats svg{color:#b88c98}.learning-sidebar{background:var(--surface)}.sidebar-profile{background:linear-gradient(120deg,var(--soft),var(--paper))}.avatar,.language-badge span{background:#f5dce2;color:#a22a42}.sidebar-streak{background:var(--soft);border-color:#efd2da;color:#a72b43}.continue-card{background:linear-gradient(115deg,#f4dfe4,#fff8f9);border-color:#ebcfd7;color:#3c2029}.continue-card>.eyebrow,.continue-card .lesson-meta,.continue-card>p{color:#976574}.continue-card .status-dot{background:#b80f1c}.continue-card>.pill{background:#ecc7d1;color:#88263f}.continue-hanzi{color:#b77184}.daily-plan>a:hover b{color:#b80f1c}.week-days .today{background:var(--soft);border-color:#c97588;color:#ac324d}.tip-card{background:#faf0f3;border-color:#ebd7df;color:#692c40}.tip-card>svg,.tip-card p{color:#a57183}.info-banner{background:var(--soft);color:#9c3a52;border-color:#e8cbd3}.progress-track i,.question-jump .current{background:#b80f1c}.roadmap>button>span,.module-number,.filter-tabs button.active{background:#b80f1c;border-color:#b80f1c;color:#fff}.module-card .pill{background:var(--soft);color:#a13c53}.module-card:hover{border-color:#cd8b9a}.goal-options button.active{background:#fae8ed;border-color:#ba4e66;color:#962741}.search-field:focus-within{outline-color:#bc5c72}.record-button{background:#b80f1c;color:#fff;border-color:#f4dce2}.record-button.recording{background:#8d0d26}.switch-row input{accent-color:#b80f1c}.exam-intro>svg,.exam-result>strong,.history-row>span:last-child{color:#ad3d57}.activity-grid .has-activity{background:#b80f1c;border-color:#b80f1c;color:#fff}.answer-options .selected-answer{border-color:#bd677b}.vocab-gloss{border-left-color:#b80f1c}.legacy-view [class*=text-rose-],.legacy-view [class*=text-amber-]{color:#b23d58!important}.legacy-view button[class*=from-rose-]{background:#b80f1c!important;color:#fff!important}.theme-dark .continue-card{background:linear-gradient(115deg,#542331,#38212b);border-color:#754052;color:#fff1f5}.theme-dark .continue-card>p,.theme-dark .continue-card>.eyebrow,.theme-dark .continue-card .lesson-meta{color:#ddb2c0}.theme-dark .coral-text,.theme-dark .sidebar-link.active,.theme-dark .bottom-nav .active,.theme-dark .word-card>p,.theme-dark .speaking-pinyin,.theme-dark .card-flip-area>span{color:#f395ac}.theme-dark .tip-card{background:#39212c;border-color:#613244;color:#f5d9e3}.theme-dark .tip-card p,.theme-dark .tip-card>svg{color:#c69dac}.theme-dark .peach{background:#512b38;color:#f4dce4}@media(max-width:760px){.landing-nav nav.open{background:#fff;border-color:var(--line)}}.translator-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.translate-input .section-heading>label,.translation-result-block label{font-size:13px;font-weight:700}.translate-input>textarea{width:100%;border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:18px;margin:20px 0;font-size:17px;line-height:1.8;resize:vertical;min-height:190px}.translate-input .section-heading>small{font-size:10px;color:var(--muted)}.translation-examples{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.translation-examples>small{flex-basis:100%;font:9px JetBrains Mono,monospace;color:var(--muted);margin-bottom:5px}.translation-examples>button{background:var(--paper);border:1px solid var(--line);padding:9px 12px;border-radius:99px;font-size:11px;text-align:left}.translation-examples>button:hover{border-color:#bd7185;color:var(--coral)}.translate-output{min-height:410px}.translate-output>.empty-state{padding:65px 12px}.translation-result-block{margin:22px 0}.translation-result-block>.section-heading{align-items:flex-start;gap:12px}.translation-result-block textarea{width:100%;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:14px;font-size:16px;line-height:1.8;margin-top:12px;resize:vertical;min-height:100px;-webkit-user-select:text;-moz-user-select:text;user-select:text}.translation-result-block textarea[lang=zh-CN]{font-family:Noto Sans SC,sans-serif;font-size:27px}.translation-result-block p{font-size:13px;margin-top:12px;color:var(--muted)}.copy-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;margin:20px 0 10px}.copy-control{display:inline-flex;flex-direction:column;gap:5px;align-items:flex-start;max-width:100%}.copy-control small{font-size:10px;color:var(--muted);max-width:210px;line-height:1.6}.copy-control .button{margin:0;font-size:11px;white-space:nowrap}.translation-notice{color:var(--muted);font-size:12px;line-height:1.8;margin-top:20px}.translation-history{margin-top:26px}.translation-history h2{font-size:19px}.translation-history>button{display:flex;align-items:center;gap:13px;text-align:left;width:100%;background:none;border:0;border-top:1px solid var(--line);padding:18px 0}.translation-history>button:first-of-type{margin-top:20px}.translation-history>button>span{flex:1;min-width:0}.translation-history b{font-size:12px;display:block;overflow-wrap:anywhere}.translation-history small{display:block;font-size:11px;color:var(--muted);margin-top:8px;overflow-wrap:anywhere}.translation-service-banner{justify-content:space-between;align-items:flex-start}.translation-service-banner>span{flex:1}.translation-service-banner>.text-button{flex-shrink:0;color:inherit;padding:2px 0}.translation-guide{margin-bottom:22px;padding:24px}.translation-guide-heading{display:flex;align-items:flex-start;gap:14px}.translation-guide-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#f9e4e9;color:#a91836;flex-shrink:0}.translation-guide h2{font-size:20px}.translation-guide-heading p{font-size:11px;color:var(--muted);margin-top:7px}.translation-guide ol{list-style:none;padding:0;margin:20px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.translation-guide li{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--paper);font-size:10px;line-height:1.7}.translation-guide li>b{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#f8dfe5;color:#a91836;flex-shrink:0}.translation-service-status{padding-top:18px;border-top:1px solid var(--line)}.translation-service-status>small{display:block;font:9px JetBrains Mono,monospace;letter-spacing:.11em;color:var(--muted);margin-bottom:11px}.translation-service-status>div{display:flex;flex-wrap:wrap;gap:8px}.translation-service-status>div>span{display:inline-flex;align-items:center;gap:7px;border-radius:99px;padding:8px 11px;font-size:9px;border:1px solid var(--line);background:var(--paper)}.translation-service-status .is-ready{color:#267056;border-color:#bcded0;background:#edf8f3}.translation-service-status .is-checking{color:#8a6520;border-color:#ead59d;background:#fff8e6}.translation-service-status .is-offline{color:#a11a34;border-color:#edbdc8;background:#fff0f3}.translation-service-status .is-neutral{color:var(--muted)}.translation-service-status>.button{margin-top:13px}.translation-guide .is-spinning,.translation-service-banner .is-spinning{animation:translation-spin .9s linear infinite}@keyframes translation-spin{to{transform:rotate(360deg)}}.answer-explanation{margin:22px 0 8px;border-top:1px solid var(--line);padding-top:22px;color:var(--ink);text-align:left}.answer-explanation h3{font-size:17px!important}.answer-explanation p,.vocabulary-guide>p{font-size:13px;line-height:1.85;margin-top:14px}.answer-contrast{background:var(--soft);border-left:3px solid var(--coral);padding:12px 15px;border-radius:5px}.explanation-example{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:19px;margin-top:20px}.explanation-example>small{font:9px JetBrains Mono,monospace;color:var(--muted);display:block;margin-bottom:14px}.explanation-example>strong{font-family:Noto Sans SC,sans-serif;font-size:23px;line-height:1.8;display:block;font-weight:500}.explanation-example>span{display:block;font-size:13px;color:#a63b56;margin:10px 0}.explanation-example>p{font-size:12px;color:var(--muted)}.answer-explanation details,.vocabulary-guide details{margin-top:20px;font-size:12px;line-height:1.8}.answer-explanation summary,.vocabulary-guide summary{cursor:pointer;color:var(--ink);font-weight:650}.vocabulary-guide{margin-top:25px}.vocabulary-guide>h2{font-size:23px;margin-top:14px}.vocabulary-guide>.text-button{margin-top:18px}.exam-settings{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-top:30px;text-align:left}.exam-settings label{font-size:11px;display:flex;flex-direction:column;gap:8px;font-weight:600}.exam-settings select{width:100%;min-width:0;padding:12px 9px;border:1px solid var(--line);border-radius:9px;font-size:12px;background:var(--paper)}.exam-intro>.button{margin:8px}.exam-result>.copy-row{justify-content:center}.theme-dark .explanation-example>span{color:#efb3c3}@media(max-width:1000px){.translator-grid{grid-template-columns:1fr}.exam-settings{grid-template-columns:1fr 1fr}.exam-settings label:first-child{grid-column:span 2}}@media(max-width:760px){.translator-view>.page-title{flex-direction:column}.translation-service-banner{flex-direction:column;gap:9px}.translation-guide{padding:18px}.translation-guide ol{grid-template-columns:1fr}.translation-guide li{font-size:11px}.translation-service-status>div{flex-direction:column;align-items:stretch}.translation-service-status>div>span{border-radius:10px}.translation-service-status>.button{width:100%}.translation-result-block>.section-heading{gap:8px;flex-wrap:wrap}.translation-history>.section-heading{align-items:flex-start;flex-direction:column;gap:7px}.translation-result-block textarea[lang=zh-CN]{font-size:24px}.copy-control .button{padding:10px 12px}.answer-explanation p,.vocabulary-guide>p{font-size:12px}.explanation-example{padding:16px}.explanation-example>strong{font-size:21px}.exam-result .copy-row>.button{font-size:11px;padding:12px 16px}}.hanzi-help{display:inline-block;position:relative;color:inherit;font:inherit;line-height:1.7;vertical-align:baseline;cursor:pointer;border-bottom:2px dotted #b44b64;border-radius:3px;margin:.16em .055em .04em;padding:0 .035em;text-indent:0;letter-spacing:normal;transition:background .15s,color .15s,border-color .15s,transform .15s}.hanzi-help:hover,.hanzi-help:focus-visible,.hanzi-help[aria-expanded=true]{background:#b80f1c0d;border-bottom-color:#b80f1c;color:#990f29;transform:translateY(-1px)}.hanzi-help:focus-visible{outline:2px solid #b80f1c;outline-offset:3px}.hanzi-help ruby{ruby-align:center;ruby-position:over}.hanzi-help rt{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:max(10px,.42em);font-weight:500;line-height:1.4;letter-spacing:.01em;color:#a63c54;-webkit-user-select:text;-moz-user-select:text;user-select:text}.hanzi-tooltip{position:fixed;z-index:200;display:flex;flex-direction:column;gap:8px;width:-moz-max-content;width:max-content;max-width:min(310px,calc(100vw - 24px));box-sizing:border-box;border:1px solid #e8cdd5;border-radius:13px;padding:17px 20px;background:#fffafb;color:#37222a;box-shadow:0 10px 35px #46162425;font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:13px;line-height:1.6;font-weight:400;text-align:left;white-space:normal;overflow-wrap:anywhere;letter-spacing:normal}.hanzi-tooltip>strong{font:600 24px/1.4 Noto Sans SC,sans-serif}.hanzi-tooltip-pinyin{color:#a52a46;font-size:14px;font-weight:600}.hanzi-tooltip-meaning{border-top:1px solid #efdae0;padding-top:9px;color:#57444b}.lesson-content>.hanzi-help-hint{font-size:11px;color:var(--muted);margin:0 0 24px}.lesson-content .info-banner{display:block;line-height:2.3}.lesson-content>p:has(.hanzi-help),.grammar-formula:has(.hanzi-help){line-height:2.4}.theme-dark .hanzi-help rt{color:#eeb1c2}.theme-dark .hanzi-help:hover,.theme-dark .hanzi-help:focus-visible{background:#f7b0c018}.text-button,.book-back,.chapter-practice-utility,.learning-main a:not(.button):not(.brand){text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px;cursor:pointer;transition:color .18s,background .18s,transform .18s}.text-button:hover,.book-back:hover,.chapter-practice-utility:hover,.learning-main a:not(.button):not(.brand):hover{color:#9b1028;text-decoration-thickness:2px}.landing .announcement a,.landing-nav nav a,.landing .nav-actions>.text-button,.landing-footer a{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px}.landing .announcement a:hover,.landing-nav nav a:hover,.landing-footer a:hover{text-decoration-thickness:2px}@media(max-width:760px){.hanzi-help{padding:.04em .07em}.hanzi-tooltip{font-size:13px;padding:15px 17px}}.ui-language{position:relative;flex-shrink:0}.ui-language-trigger{display:flex;align-items:center;gap:7px;min-height:38px;padding:7px 11px;border:1px solid var(--line,#dcded2);border-radius:999px;background:var(--surface,#fff);color:var(--ink,#1c1c1a);font-size:10px}.ui-language-trigger:hover{border-color:#cb8b72}.ui-language-trigger b{font-weight:650}.ui-language-code{display:grid;place-items:center;min-width:25px;height:25px;padding:0 5px;border-radius:50%;background:#f7ded4;color:#a94d34;font:700 10px Inter,sans-serif}.ui-language-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:100;width:220px;padding:8px;background:var(--surface,#fff);border:1px solid var(--line,#ddd);border-radius:14px;box-shadow:0 18px 55px #20150f26;color:var(--ink,#1c1c1a)}.ui-language-menu>small{display:block;padding:6px 9px 8px;color:var(--muted,#777);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.ui-language-menu>button{display:grid;grid-template-columns:29px 1fr 16px;align-items:center;gap:9px;width:100%;padding:9px;border:0;border-radius:9px;background:transparent;color:inherit;text-align:left}.ui-language-menu>button:hover,.ui-language-menu>button[aria-checked=true]{background:var(--soft,#fbeee7)}.ui-language-menu>button>span:nth-child(2) b,.ui-language-menu>button>span:nth-child(2) small{display:block}.ui-language-menu>button>span:nth-child(2) b{font-size:11px}.ui-language-menu>button>span:nth-child(2) small{margin-top:2px;color:var(--muted,#777);font-size:9px}.ui-language-menu>button>svg{color:#b95238}.ui-language.compact .ui-language-trigger{padding:5px 8px}.ui-language.compact .ui-language-trigger>svg:first-child{display:none}@media(max-width:920px){.landing-nav .ui-language-trigger b{display:none}.landing-nav .ui-language-trigger{padding:5px}.nav-actions{gap:9px}}@media(max-width:480px){.ui-language-trigger>svg:first-child{display:none}.ui-language-trigger{gap:4px}.ui-language.compact .ui-language-trigger>svg:last-child{display:none}.ui-language-menu{position:fixed;top:72px;right:12px;left:12px;width:auto}.header-tools .ui-language{display:block}}.landing{--landing-red:#c80d20;--landing-red-dark:#9f0716;overflow:clip}.landing .announcement{background:#181816}.landing .announcement>svg{color:#ff5362}.landing .announcement a{color:#ffb7bd}.landing-nav{position:sticky;top:0;z-index:70;background:#f2f2eae0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.landing .highlight{position:relative;background:var(--landing-red);color:#fff;padding:2px 16px 10px;border-radius:7px;transform:rotate(-2deg);box-shadow:0 11px #8e0715;clip-path:inset(0 100% 0 0);animation:marker-swipe .85s cubic-bezier(.2,.78,.22,1) .28s forwards}.landing .highlight:after{content:"";position:absolute;top:8px;right:-8px;bottom:-8px;left:6px;border:2px solid #e85b66;border-radius:9px;z-index:-1;opacity:.7}.landing .coral-button{background:var(--landing-red);color:#fff}.landing .coral-button:hover{background:var(--landing-red-dark)}.hero>.eyebrow{animation:hero-rise .65s ease both}.hero h1{animation:hero-rise .72s ease .06s both}.hero-description{animation:hero-rise .72s ease .13s both}.hero-actions{animation:hero-rise .72s ease .2s both}.hero-benefits{animation:hero-rise .72s ease .27s both}.hero-primary{position:relative;overflow:hidden;box-shadow:0 11px 25px #a40b2038}.hero-primary:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:linear-gradient(110deg,transparent 35%,#ffffff5c 48%,transparent 61%);transform:translate(-100%);animation:cta-shine 4.8s ease-in-out 1.5s infinite}.hero-primary>*{position:relative}.hero-doodle{animation:doodle-float 4.8s ease-in-out infinite}.doodle-right{animation-delay:-2.2s}.hero-demo{position:relative;z-index:2;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(360px,1.45fr);align-items:center;gap:20px;max-width:920px;margin:36px auto 0;padding:18px 20px;border:1px solid #d4d3c6;border-radius:18px;background:#fffef8;box-shadow:0 20px 65px #2d2e2314;text-align:left;animation:hero-rise .72s ease .34s both}.hero-demo:before{content:"试一试";position:absolute;right:20px;top:-21px;font:700 44px Noto Sans SC,sans-serif;color:#c80d2010;transform:rotate(-4deg);pointer-events:none}.hero-demo-intro>span{font:700 8px JetBrains Mono,monospace;letter-spacing:.12em;color:var(--landing-red)}.hero-demo-intro h2{font-size:17px;margin:7px 0 4px;letter-spacing:-.04em}.hero-demo-intro p{font-size:10px;color:#77786e;line-height:1.5}.demo-phrase-tabs{display:flex;gap:5px;padding:5px;border-radius:12px;background:#f0efe7}.demo-phrase-tabs button{width:47px;height:42px;border:0;border-radius:9px;background:transparent;font:600 18px Noto Sans SC,sans-serif;transition:.22s ease}.demo-phrase-tabs button:hover{background:#fff}.demo-phrase-tabs button[aria-selected=true]{background:var(--landing-red);color:#fff;box-shadow:0 5px 12px #9e0a1a2c;transform:translateY(-2px)}.demo-stage{display:grid;grid-template-columns:70px minmax(140px,1fr) auto;align-items:center;gap:16px;padding-left:20px;border-left:1px dashed #d8d7cc}.demo-hanzi{display:grid;place-items:center;width:66px;height:66px;border:0;border-radius:17px;background:#f8e2e4;color:#aa0a19;font:700 35px Noto Sans SC,sans-serif;transition:transform .25s,box-shadow .25s}.demo-hanzi:hover{transform:rotate(-5deg) scale(1.06);box-shadow:0 10px 22px #a10b1d1c}.demo-meaning{display:flex;flex-direction:column;gap:3px}.demo-meaning strong{color:var(--landing-red);font-size:14px}.demo-meaning span{font-size:12px;font-weight:700}.demo-meaning small{max-width:220px;color:#838478;font-size:8px;line-height:1.45}.demo-listen{display:flex;align-items:center;gap:7px;min-height:42px;padding:0 13px;border:1px solid #d8d7cc;border-radius:999px;background:#fff;font-size:9px;font-weight:750}.demo-listen:hover,.demo-listen.playing{border-color:var(--landing-red);color:var(--landing-red);background:#fff4f5}.demo-listen i{display:flex;align-items:center;gap:2px;height:15px}.demo-listen i b{display:block;width:2px;height:5px;border-radius:2px;background:currentColor}.demo-listen.playing i b{animation:sound-bar .65s ease-in-out infinite alternate}.demo-listen.playing i b:nth-child(2){animation-delay:-.2s}.demo-listen.playing i b:nth-child(3){animation-delay:-.4s}.demo-listen.playing i b:nth-child(4){animation-delay:-.1s}.demo-error{grid-column:1/-1;margin-top:-7px;padding:3px 7px;width:-moz-max-content;width:max-content;max-width:100%;font-size:10px;color:#8f0715;background:linear-gradient(178deg,transparent 14%,#ffbac1 15%,#ffbac1 87%,transparent 88%)}.hero-scroll-cue{display:flex;justify-content:center;align-items:center;gap:11px;margin:18px auto -32px;color:#888b7d;font:8px JetBrains Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.hero-scroll-cue i{display:block;width:22px;height:34px;border:1px solid #b8baad;border-radius:99px;position:relative}.hero-scroll-cue i:after{content:"";position:absolute;top:7px;left:50%;width:3px;height:7px;border-radius:9px;background:var(--landing-red);transform:translate(-50%);animation:scroll-dot 1.7s ease-in-out infinite}.landing .preview-frame{transform-origin:50% 100%;animation:preview-enter .9s cubic-bezier(.2,.75,.25,1) .48s both;transition:transform .4s ease,box-shadow .4s ease}.landing .preview-frame:hover{transform:perspective(1200px) rotateX(1.2deg) translateY(-5px);box-shadow:0 35px 90px #2f302320}.landing .preview-word strong{animation:character-breathe 3.2s ease-in-out infinite}.feature-card,.program-card,.method-grid article{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.feature-card:hover{transform:translateY(-9px) rotate(-.5deg)}.program-card:hover{transform:translateY(-8px);box-shadow:0 24px 55px #30312418}.method-grid article:hover{transform:translateY(-5px);border-color:var(--landing-red)}.landing.reveal-ready .section,.landing.reveal-ready .features-section,.landing.reveal-ready .quote-section,.landing.reveal-ready .skills-strip{opacity:.36;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.72,.22,1)}.landing.reveal-ready .is-visible{opacity:1;transform:none}.landing [role=alert],.login-page [role=alert],.speaking-card [role=alert],.admin-view [role=alert],.settings-form [role=alert]{display:block;width:-moz-max-content;width:max-content;max-width:100%;padding:4px 8px;color:#8c0714;font-weight:700;background:linear-gradient(178deg,transparent 12%,#ffb9c0 13%,#ffb9c0 88%,transparent 89%);box-decoration-break:clone;-webkit-box-decoration-break:clone}.speaking-role-help{max-width:650px;margin:12px auto!important;line-height:1.7}.conversation-stage{max-width:760px;margin:0 auto;animation:speaking-turn-in .28s ease both}.speaking-turn-banner{display:flex;align-items:center;gap:12px;width:-moz-max-content;width:max-content;max-width:100%;margin:20px auto;padding:9px 14px 9px 9px;border:1px solid var(--line);border-radius:14px;text-align:left}.speaking-turn-banner>span,.conversation-context>span{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:11px;font-weight:800}.speaking-turn-banner small{display:block;font:8px JetBrains Mono,monospace;letter-spacing:.09em;color:var(--muted);margin-bottom:3px}.speaking-turn-banner strong{display:block;font-size:12px}.speaking-turn-banner.is-user{background:#fff0f2;border-color:#eabfc7;color:#9b1029}.speaking-turn-banner.is-user>span{background:#bc102c;color:#fff}.speaking-turn-banner.is-model{background:var(--paper)}.speaking-turn-banner.is-model>span{background:#292d25;color:#fff}.conversation-context{display:flex;align-items:flex-start;gap:13px;text-align:left;margin:18px 0 22px;padding:14px 16px;border-radius:13px;background:var(--paper);border-left:4px solid #d8a0aa}.conversation-context>span{width:32px;height:32px;background:#f3dbe0;color:#9e1b34}.conversation-context>div{min-width:0}.conversation-context small{display:block;font-size:8px;color:var(--muted);margin-bottom:5px}.conversation-context b{display:block;font:18px/1.5 Noto Sans SC,sans-serif}.conversation-context p{font-size:10px;color:var(--muted);line-height:1.6;margin:3px 0 0}.speaking-meaning{font-size:12px;color:var(--muted);margin:12px 0}.speaking-listen{font-size:11px;margin-top:10px}.speaking-model-note{display:flex;align-items:center;justify-content:center;gap:9px;width:min(460px,100%);margin:25px auto 18px;padding:14px 17px;border-radius:12px;background:var(--paper);color:var(--muted);text-align:left}.speaking-model-note p{font-size:10px;line-height:1.6}.speaking-next{display:flex!important;align-items:center;justify-content:center;gap:9px;max-width:440px;width:100%;min-height:50px;margin:12px auto 0}.speaking-complete .book-actions{justify-content:center}.speaking-complete .coral-button{display:inline-flex;align-items:center;gap:8px}@keyframes speaking-turn-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media(max-width:760px){.speaking-role-help{font-size:10px!important}.speaking-turn-banner{width:100%}.conversation-context{padding:12px}.conversation-context p{overflow-wrap:anywhere}.speaking-card .filter-tabs{margin:16px 0}.speaking-next{font-size:10px;padding:12px}.speaking-complete .book-actions{flex-direction:column}.speaking-complete .book-actions .button{width:100%}}@media(prefers-reduced-motion:reduce){.conversation-stage{animation:none}}.writing-guided-progress{display:grid;grid-template-columns:1fr auto;gap:8px 16px;min-width:min(340px,100%);padding:12px 15px;border:1px solid #ead7db;border-radius:13px;background:#fff6f8;color:#821329}.writing-guided-progress span{font-size:10px;font-weight:800;letter-spacing:.04em}.writing-guided-progress strong{font-size:12px}.writing-guided-progress progress{grid-column:1/-1;width:100%;height:6px;accent-color:#bd1733}.writing-next-step{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:13px 14px;border:1px solid #b9e6d3;border-radius:13px;background:#ecfff6;color:#176648}.writing-next-step>span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800}.writing-next-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border-radius:10px;background:#b80f2d;color:#fff;font-size:11px;font-weight:800;box-shadow:0 8px 20px #7b0b2024;transition:transform .18s,box-shadow .18s}.writing-next-button:hover{transform:translateY(-2px);box-shadow:0 12px 25px #7b0b2033}.theme-dark .writing-guided-progress{background:#3a232b;border-color:#5d3541;color:#ffc5d0}.theme-dark .writing-next-step{background:#17382c;border-color:#275b46;color:#c7f5e0}@media(max-width:760px){.writing-guided-progress{min-width:100%}.writing-next-step{align-items:stretch;flex-direction:column}.writing-next-button{width:100%}}.logout-error[role=alert]{width:260px;padding:14px;border-color:#d6535e;background:#fff0f1;box-shadow:inset 5px 0 0 var(--landing-red,#c80d20),0 16px 40px #7808151f}@keyframes marker-swipe{to{clip-path:inset(-15px -18px -18px -18px)}}@keyframes hero-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes cta-shine{0%,62%{transform:translate(-100%)}82%,to{transform:translate(100%)}}@keyframes doodle-float{0%,to{translate:0 0}50%{translate:0 -9px}}@keyframes preview-enter{0%{opacity:0;transform:translateY(38px) scale(.98)}to{opacity:1;transform:none}}@keyframes sound-bar{to{height:14px}}@keyframes scroll-dot{0%{opacity:0;transform:translate(-50%)}35%{opacity:1}to{opacity:0;transform:translate(-50%,13px)}}@keyframes character-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media(max-width:900px){.hero-demo{grid-template-columns:1fr auto}.hero-demo-intro{grid-column:1/-1}.demo-stage{grid-column:1/-1;border-left:0;border-top:1px dashed #d8d7cc;padding:16px 0 0}.hero-doodle{opacity:.4}.landing .highlight{box-shadow:0 7px #8e0715}}@media(max-width:600px){.landing-nav{height:72px}.hero{padding-top:50px}.hero h1{font-size:clamp(40px,13vw,58px);line-height:1.18}.landing .highlight{padding:2px 8px 7px}.hero-actions{align-items:stretch}.hero-actions .button{width:100%}.hero-demo{margin-top:28px;padding:16px;grid-template-columns:1fr}.demo-phrase-tabs{justify-content:center}.demo-stage{grid-column:auto;grid-template-columns:60px 1fr;gap:13px}.demo-hanzi{width:58px;height:58px;font-size:30px}.demo-listen{grid-column:1/-1;justify-content:center}.hero-scroll-cue{display:none}.landing .preview-frame{margin-top:34px}.landing.reveal-ready .section,.landing.reveal-ready .features-section,.landing.reveal-ready .quote-section,.landing.reveal-ready .skills-strip{opacity:1;transform:translateY(14px)}.landing.reveal-ready .section.is-visible,.landing.reveal-ready .features-section.is-visible,.landing.reveal-ready .quote-section.is-visible,.landing.reveal-ready .skills-strip.is-visible{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.landing *,.landing *:before,.landing *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.landing .highlight{clip-path:none}.landing.reveal-ready .section,.landing.reveal-ready .features-section,.landing.reveal-ready .quote-section,.landing.reveal-ready .skills-strip{opacity:1;transform:none}.landing .preview-frame:hover,.feature-card:hover,.program-card:hover,.method-grid article:hover{transform:none}}.demo-hanzi{width:94px;min-width:94px;white-space:nowrap;word-break:keep-all;line-height:1;letter-spacing:-.08em}.sidebar-disclosure{display:grid;grid-template-columns:20px 1fr 16px;align-items:center;gap:10px;width:100%;min-height:42px;margin:7px 0 2px;padding:10px 13px;border:1px dashed var(--line);border-radius:8px;background:var(--paper);color:var(--muted);font-size:10px;font-weight:700;text-align:left}.sidebar-disclosure:hover{border-color:#c75b69;color:var(--ink);background:var(--soft)}.sidebar-disclosure>svg:last-child{transition:transform .2s}.sidebar-disclosure>svg:last-child.rotated{transform:rotate(90deg)}.sidebar-extra{padding-bottom:3px}.sidebar-extra .nav-group{margin-top:14px}.learning-sidebar nav>.nav-group:first-child{margin-top:19px}@media(max-width:600px){.demo-hanzi{width:78px;min-width:78px;font-size:27px}.sidebar-disclosure{font-size:11px;min-height:44px}}.hero-demo{max-width:1100px;grid-template-columns:minmax(235px,1fr) 175px minmax(430px,1.55fr);gap:24px;padding:20px 24px}.demo-stage{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding-left:24px;min-width:0}.demo-word{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:16px;min-width:0;animation:demo-swap .32s cubic-bezier(.2,.75,.25,1) both}.demo-hanzi{width:96px;min-width:96px;height:72px;padding:0 8px;font-size:32px;letter-spacing:-.11em;overflow:hidden}.demo-meaning{min-width:0}.demo-meaning strong,.demo-meaning span,.demo-meaning small{display:block;overflow-wrap:anywhere}.demo-listen{min-width:118px;justify-content:center;white-space:nowrap}.mobile-landing-cta{display:none}@keyframes demo-swap{0%{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:none}}@media(min-width:701px)and (max-width:1024px){.landing-nav{padding-left:24px;padding-right:24px}.landing-nav nav{display:none}.hero{padding-top:58px}.hero h1{font-size:clamp(54px,8vw,72px);max-width:780px}.hero-description{max-width:720px;margin-left:auto;margin-right:auto;padding:0 30px}.hero-demo{grid-template-columns:minmax(0,1fr) 175px;max-width:760px}.hero-demo-intro{min-width:0}.demo-stage{grid-column:1/-1;border-left:0;border-top:1px dashed #d8d7cc;padding:18px 0 0}.demo-word{grid-template-columns:90px minmax(0,1fr)}.demo-hanzi{width:90px;min-width:90px}.preview-frame{max-width:900px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{min-height:280px}.program-grid{gap:16px}.program-card{padding-left:22px;padding-right:22px}}@media(max-width:700px){.landing{padding-bottom:0}.announcement{padding-left:10px;padding-right:10px;text-align:center}.landing-nav{height:66px;padding-left:16px;padding-right:16px}.landing-nav .brand{font-size:16px}.landing-nav .brand-mark{width:27px;height:27px;font-size:19px}.landing-nav .logout-control{display:none}.landing-nav .nav-primary{display:inline-flex!important;padding:10px 12px;font-size:9px}.landing-nav .ui-language-trigger{min-height:34px}.landing-nav .ui-language-code{min-width:23px;height:23px}.hero{padding:42px 18px 0}.hero>.eyebrow{font-size:7px}.hero h1{font-size:clamp(42px,13.4vw,61px);line-height:1.12;letter-spacing:-.07em;margin:20px auto 22px}.landing .highlight{display:block;width:-moz-fit-content;width:fit-content;max-width:100%;margin:9px auto 0;padding:5px 10px 9px;line-height:1.06;transform:rotate(-1.4deg)}.hero-description{max-width:520px;padding:0;font-size:12px;line-height:1.72}.hero-actions{flex-direction:column;width:100%;max-width:360px;margin:23px auto 0;gap:9px}.hero-actions .button{width:100%;min-height:48px}.hero-benefits{max-width:360px;margin:17px auto 0;display:grid;grid-template-columns:1fr;justify-items:start;gap:8px;padding-left:10px;font-size:9px}.hero-benefits span{gap:8px}.hero-demo{width:100%;max-width:520px;margin:27px auto 0;padding:17px;display:grid;grid-template-columns:1fr;gap:14px;border-radius:16px}.hero-demo:before{font-size:32px;right:12px;top:-13px}.hero-demo-intro{text-align:left}.hero-demo-intro h2{font-size:19px;max-width:300px}.hero-demo-intro p{font-size:10px}.demo-phrase-tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.demo-phrase-tabs button{width:auto;height:44px;font-size:19px}.demo-stage{grid-column:auto;display:grid;grid-template-columns:1fr;gap:13px;padding:15px 0 0;border-left:0;border-top:1px dashed #d8d7cc}.demo-word{grid-template-columns:78px minmax(0,1fr);gap:14px}.demo-hanzi{width:78px;min-width:78px;height:64px;padding:0 5px;font-size:27px}.demo-meaning strong{font-size:13px}.demo-meaning span{font-size:12px}.demo-meaning small{font-size:8px}.demo-listen{width:100%;min-width:0;min-height:45px;font-size:10px}.demo-error{width:100%;text-align:left}.hero-scroll-cue{display:none}.landing .preview-frame{margin-top:30px}.preview-body{overflow:hidden}.preview-grid{grid-template-columns:minmax(0,1.35fr) minmax(100px,.9fr)}.preview-lesson h3{max-width:72%}.skills-strip{margin-top:0}.section{padding-top:58px;padding-bottom:58px}.section h2{font-size:clamp(28px,8vw,34px)}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:255px}.more-features{display:grid;grid-template-columns:1fr 1fr;align-items:start}.program-grid{gap:18px}.program-card{padding:25px 21px}.quote-section h2{font-size:29px}.faq-section{gap:24px}.mobile-landing-cta{position:fixed;left:10px;right:10px;bottom:10px;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 9px 9px 14px;border:1px solid #e2b7bd;border-radius:16px;background:#fffdf8ef;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 40px #5b08152e}.mobile-landing-cta>span{display:flex;align-items:center;gap:6px;max-width:112px;color:#6e5960;font-size:8px;font-weight:700;line-height:1.35}.mobile-landing-cta>span svg{color:var(--landing-red)}.mobile-landing-cta button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:41px;padding:0 14px;border:0;border-radius:999px;background:var(--landing-red);color:#fff;font-size:9px;font-weight:800;white-space:nowrap}.landing-footer{padding-bottom:34px}}@media(max-width:380px){.hero{padding-left:13px;padding-right:13px}.hero h1{font-size:41px}.hero-demo{padding:15px}.demo-word{grid-template-columns:72px minmax(0,1fr);gap:11px}.demo-hanzi{width:72px;min-width:72px;font-size:25px}.mobile-landing-cta>span{display:none}.mobile-landing-cta button{width:100%}}@media(max-width:480px){.landing-nav .nav-primary{width:38px;height:38px;min-width:38px;padding:0!important;border-radius:50%;font-size:0!important;gap:0}.landing-nav .nav-primary svg{width:17px;height:17px}.landing-nav .nav-actions{gap:6px}}.faq-item{position:relative;transition:border-color .25s ease}.faq-item:before{content:"";position:absolute;left:-14px;top:18px;width:3px;height:0;border-radius:99px;background:var(--coral);transition:height .35s cubic-bezier(.2,.8,.2,1)}.faq-item.is-open:before{height:28px}.faq-item>button{cursor:pointer;transition:color .2s ease,padding-left .25s ease}.faq-item>button:hover,.faq-item>button:focus-visible{color:var(--coral)}.faq-item.is-open>button{padding-left:7px}.faq-toggle{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid transparent;border-radius:50%;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .25s ease,border-color .25s ease}.faq-item.is-open .faq-toggle{transform:rotate(180deg);background:#c80f2112;border-color:#c80f2128}.faq-answer{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-7px);transition:grid-template-rows .38s cubic-bezier(.2,.8,.2,1),opacity .25s ease,transform .38s cubic-bezier(.2,.8,.2,1)}.faq-answer>div{overflow:hidden}.faq-answer.is-open{grid-template-rows:1fr;opacity:1;transform:none}.faq-answer p{padding-left:7px;padding-right:38px}.account-connection{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.account-connection .auth-action-link{border:0;background:transparent;cursor:pointer;padding:6px 0}@media(prefers-reduced-motion:reduce){.faq-item,.faq-item:before,.faq-item>button,.faq-toggle,.faq-answer{transition:none!important}}@media(max-width:700px){.landing-nav{padding-left:12px;padding-right:12px;gap:7px}.landing-nav .brand{font-size:15px;gap:6px}.landing-nav .brand-mark{width:27px;height:27px;font-size:19px}.landing-nav .nav-actions{gap:5px;min-width:0}.landing-nav .nav-actions>.text-button{flex-shrink:0;white-space:nowrap;font-size:10px;gap:3px}.landing-nav .nav-actions>.text-button svg{display:none}.landing-nav .icon-button{width:38px;height:38px}.landing-nav .ui-language-trigger{padding:4px 6px}.landing-nav .ui-language-code{font-size:9px}.features-section>.section{padding-top:52px;padding-bottom:54px}.features-section .section-heading h2{font-size:clamp(27px,7.8vw,32px);line-height:1.16}.features-section .section-heading>p{color:#f0d9df;font-size:12px;line-height:1.7}.feature-grid{gap:12px;margin-top:25px}.feature-card{min-height:232px!important;padding:20px 18px!important}.feature-card h3{font-size:17px!important;line-height:1.3;margin:9px 0}.feature-card p{font-size:11px!important;line-height:1.7;opacity:.9}.feature-card small{font-size:7px;line-height:1.5}.feature-hanzi{top:48px;right:17px;font-size:58px}.more-features{grid-template-columns:1fr!important;color:#f0d9df;font-size:10px;line-height:1.5}}@media(max-width:380px){.landing-nav .brand{font-size:13px;gap:5px;letter-spacing:-.8px}.landing-nav .brand-mark{width:25px;height:25px;font-size:18px}.landing-nav .nav-actions{gap:4px}.landing-nav .ui-language-trigger{min-width:42px}.landing-nav .nav-primary,.landing-nav .icon-button{width:36px!important;height:36px!important;min-width:36px!important}}.learning-app.theme-dark{color-scheme:dark;--paper:#0e141b;--surface:#18212b;--ink:#f7f8fb;--muted:#aeb8c5;--line:#303c49;--soft:#33202a;--coral:#e52b46;--brand-hover:#f0445d;--shadow:0 12px 34px rgba(0,0,0,.16);background:radial-gradient(circle at 78% -10%,rgba(143,24,49,.13),transparent 32%),var(--paper)}.theme-dark .learning-sidebar{background:#111820;border-color:#293542;box-shadow:12px 0 36px #00000024}.theme-dark .learning-header{background:#0e141bf0;border-color:#293542;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.theme-dark .learning-footer,.theme-dark .bottom-nav{background:#111820;border-color:#293542}.theme-dark .sidebar-profile{background:linear-gradient(125deg,#1d2834,#171f29);border:1px solid #2d3946}.theme-dark .avatar,.theme-dark .language-badge span{background:#482331;color:#ffb6c2}.theme-dark .sidebar-streak{background:#251c25;border-color:#56303c;color:#f28aa0}.theme-dark .sidebar-link{color:#dce2e9}.theme-dark .sidebar-link:hover{background:#1b2530;color:#fff}.theme-dark .sidebar-link.active{background:linear-gradient(100deg,#40202b,#2b1d27);color:#ff9aae;box-shadow:inset 3px 0 #ef405b}.theme-dark .nav-group,.theme-dark .back-to-site{color:#929eab}.theme-dark .panel,.theme-dark .stat-card,.theme-dark .progress-summary,.theme-dark .daily-plan,.theme-dark .module-card,.theme-dark .study-card{background:#18212b;border-color:#303c49;box-shadow:var(--shadow)}.theme-dark .account-status{background:#211b24;border:1px solid #4c2a36;color:#f1a3b3}.theme-dark .account-status a{color:#ffd6dd}.theme-dark .search-trigger,.theme-dark .language-badge,.theme-dark .icon-button,.theme-dark .filter-tabs button,.theme-dark .button.outline-button{background:#18212b;border-color:#344250;color:#e9edf2}.theme-dark .search-trigger{color:#aeb8c5}.theme-dark .icon-button:hover,.theme-dark .button.outline-button:hover,.theme-dark .filter-tabs button:hover{background:#222e3a;border-color:#536273}.theme-dark input,.theme-dark textarea,.theme-dark select{background:#111922!important;border-color:#354352!important;color:#f5f7fa!important}.theme-dark input::-moz-placeholder,.theme-dark textarea::-moz-placeholder{color:#7f8c9a}.theme-dark input::placeholder,.theme-dark textarea::placeholder{color:#7f8c9a}.theme-dark .info-banner{background:#271d25;border-color:#51303b;color:#f0a4b4}.theme-dark .translation-guide-icon{background:#3c222c;color:#ff91a5}.theme-dark .translation-guide li,.theme-dark .translation-service-status>div>span{background:#121b24;border-color:#354352}.theme-dark .translation-guide li>b{background:#3b222c;color:#ff9baf}.theme-dark .translation-service-status .is-ready{background:#17352c;border-color:#2d6854;color:#a7e6c8}.theme-dark .translation-service-status .is-checking{background:#39301d;border-color:#68582d;color:#f1d38b}.theme-dark .translation-service-status .is-offline{background:#41212a;border-color:#7e3546;color:#ffb6c4}.theme-dark .plan-number.done,.theme-dark .done{background:#19352d!important;border-color:#285849!important;color:#91e0bd!important}.theme-dark .answer-options button{background:#141d26}.theme-dark .answer-options button.correct{background:#183a30;color:#a8edcc;border-color:#34775f}.theme-dark .answer-options button.incorrect{background:#40212a;color:#ffc1cd;border-color:#8d3b4c}.theme-dark .rating-buttons .good{background:#1d392e;color:#b9e6ce}.theme-dark .rating-buttons .easy{background:#3c3420;color:#f5dfa0}.theme-dark .activity-grid>div,.theme-dark .dialog-line,.theme-dark .reading-translation,.theme-dark .vocab-gloss,.theme-dark .transcript{background:#121b24}.theme-dark .activity-grid .has-activity{background:#c91e3a;border-color:#ec4962;color:#fff}.theme-dark .continue-card{background:linear-gradient(125deg,#4b1b2b,#24202a);border-color:#683043;color:#fff6f8}.theme-dark .continue-card>p,.theme-dark .continue-card>.eyebrow,.theme-dark .continue-card .lesson-meta{color:#e0b8c3}.theme-dark .tip-card,.theme-dark .material-tip{background:linear-gradient(145deg,#202a34,#1c222d);border-color:#354352;color:#f0f3f7}.theme-dark .tip-card p,.theme-dark .tip-card>svg,.theme-dark .material-tip p{color:#adb9c5}.theme-dark .chapter-score-ring{background:conic-gradient(#ef5b72 var(--score),#303b47 0)}.theme-dark .chapter-metric{background:#121b24}.theme-dark .material-plan>a{background:#18212b;border-color:#303c49}.theme-dark .material-plan>a:hover{border-color:#965064;box-shadow:0 14px 35px #00000038}.theme-dark .material-plan-number{background:#35222b;color:#ff9caf}.theme-dark .material-tools .quick-card>small{background:#0f151c8c}.theme-dark .peach{background:#39232b;color:#ffd9df}.theme-dark .lavender{background:#29283d;color:#dedbff}.theme-dark .yellow{background:#35301f;color:#f5e2a7}.theme-dark .mint{background:#1f332e;color:#bce7d7}.theme-dark .song-library,.theme-dark .song-compact-player,.theme-dark .song-lyrics,.theme-dark .song-guide,.theme-dark .selected-word,.theme-dark .song-source,.theme-dark .song-quiz{background:#18212b;border-color:#303c49}.theme-dark .song-compact-player{background:linear-gradient(115deg,#1a2530,#221c26)}.theme-dark .song-tag,.theme-dark .song-level{background:#3b202a;color:#ff9db0}.theme-dark .song-sync-badge,.theme-dark .song-speed-selector{background:#111922;border-color:#4a3440;color:#f2a0b1}.theme-dark .song-speed-btn{color:#f2a0b1}.theme-dark .song-speed-btn:hover{background:#30222b}.theme-dark .song-speed-btn.is-active{background:#db2743;color:#fff}.theme-dark .song-timeline{border-color:#37434f;color:#f1879c}.theme-dark .song-picker button{background:#141d26;border-color:#303c49}.theme-dark .song-picker button:hover{border-color:#8e5262;box-shadow:0 12px 30px #00000038}.theme-dark .song-picker button[aria-pressed=true]{background:#33202a;border-color:#db3c56;box-shadow:inset 4px 0 #ef405b}.theme-dark .song-picker b,.theme-dark .song-title-row h2 small,.theme-dark .selected-word>b{color:#ff879d}.theme-dark .song-line{background:#141d26;border-color:#2e3a47}.theme-dark .song-line:hover{border-color:#7d4a59;box-shadow:0 14px 32px #0003}.theme-dark .song-line.is-active{background:linear-gradient(120deg,#2e1c25,#19222c 72%);border-color:#d44059;box-shadow:inset 4px 0 #ed3a56,0 15px 35px #0003}.theme-dark .song-line-top>span{color:#ff879c}.theme-dark .song-line-top>span>b,.theme-dark .song-line-top>span>em{background:#35232c;color:#ffb3c1}.theme-dark .song-line-top>button{background:#202b36;border-color:#40505e;color:#ff879d}.theme-dark .song-line-top>button:hover{background:#30212a}.theme-dark .song-words button,.theme-dark .song-quiz-option{background:#202b35;border-color:#293744;color:#f8f9fb}.theme-dark .song-words button:hover,.theme-dark .song-words button:focus-visible,.theme-dark .song-words button.is-selected{background:#35212a;border-color:#dc5368;color:#ffdbe2}.theme-dark .song-words small{color:#ff879d}.theme-dark .song-word-meaning{color:#bcc6d1}.theme-dark .song-words button:not(.is-singing).is-selected .song-word-meaning,.theme-dark .song-words button:not(.is-singing):hover .song-word-meaning{color:#ffd0d9}.theme-dark .song-words button.is-singing{background:#d11d3a!important;border-color:#f2556d!important;color:#fff!important;box-shadow:0 9px 25px #d11d3a4d}.theme-dark .song-line-translation{background:#101820;border:1px solid #283541}.theme-dark .song-line-translation p{color:#d4dbe3}.theme-dark .song-line-translation small{color:#ff879d}.theme-dark .song-guide li>span{background:#3a222b;color:#ff9eb0}.theme-dark .song-guide li p{color:#b8c2cd}.theme-dark .selected-word{background:linear-gradient(145deg,#18212b,#211c25)}.theme-dark .song-quiz{background:linear-gradient(135deg,#18212b,#201a23)}.theme-dark .song-quiz-facts span{background:#121b24;border-color:#3b4652;color:#c4cdd6}.theme-dark .song-quiz-facts b{color:#ff8fa3}.theme-dark .song-quiz-option strong{color:#f8f9fb}.theme-dark .song-quiz-option.is-correct{background:#183b31;border-color:#3d8b70}.theme-dark .song-quiz-option.is-wrong{background:#48212b;border-color:#a03a4f}.theme-dark .song-quiz-feedback.is-correct{background:#193a30;color:#a9ebcd}.theme-dark .song-quiz-feedback.is-wrong{background:#43212a;color:#ffc4cf}.theme-dark .book-view{--book-ink:#f7f8fb;--book-muted:#aeb8c5;--book-border:#303c49;--book-bg:#18212b;--book-soft:#2d2028;--book-red:#ff899e}.theme-dark .hub-tools button,.theme-dark .chapter-choice-grid button{background:#18212b;border-color:#303c49}.theme-dark .hub-tools button[aria-pressed=true]{background:#34212a;border-color:#d9425b;color:#fff;box-shadow:inset 3px 0 #ef405b}.theme-dark .chapter-empty{background:#141d26;border-color:#5b3b47}.theme-dark .chapter-choice-grid span{background:#38232c;color:#ffa6b7}.theme-dark .chapter-reading-hint,.theme-dark .chapter-cloze-question{background:#201b23;border-color:#46303a;color:#f3c2cc}.theme-dark .chapter-reading-lines article{background:#141d26;border-color:#303c49}.theme-dark .chapter-cloze-options button{background:#18212b;border-color:#303c49;color:#f7f8fb}.theme-dark .chapter-cloze-options button.selected{background:#35212b}.theme-dark .chapter-cloze-options button.correct{background:#193a30}.theme-dark .chapter-cloze-options button.incorrect{background:#47212b}.theme-dark .chapter-cloze-feedback.is-correct,.theme-dark .chapter-reading-result{background:#193a30;color:#b8ecd3}.theme-dark .chapter-cloze-feedback.is-wrong{background:#43212a;color:#ffc2cd}.theme-dark .chapter-reading-result.is-review{background:#39301e;color:#f0d697}.theme-dark .settings-form,.theme-dark .admin-view{color:#f7f8fb}.theme-dark .admin-view th,.theme-dark .admin-view td,.theme-dark .admin-view fieldset,.theme-dark .journey-report td,.theme-dark .journey-report th{border-color:#303c49}.theme-dark .admin-view td small,.theme-dark .journey-report small{color:#aab5c1}.theme-dark .account-active-control,.theme-dark .permission-card{background:#141d26;border-color:#303c49}.theme-dark .account-active-control.is-active,.theme-dark .permission-card.is-selected{background:#322029;border-color:#c83c54}.theme-dark .permission-toolbar{border-color:#303c49}.theme-dark .permission-count{background:#34222b;color:#ffa6b7}.theme-dark .permission-check{background:#202b35;border-color:#566473}.theme-dark .permission-bulk-button.secondary{color:#f4f6f9}.theme-dark .permission-bulk-button.secondary:hover{background:#222e39}.theme-dark .mc-modal,.theme-dark .tour-menu,.theme-dark .mc-tour-tooltip{background:#18212b!important;border-color:#394653!important;color:#f7f8fb!important}.theme-dark .tour-menu:before,.theme-dark .tour-menu>button:not(.tour-menu-close){background:#18212b!important;border-color:#394653!important}.theme-dark .tour-menu>button:not(.tour-menu-close):hover{background:#222e39!important;border-color:#75505c!important}.theme-dark .tour-help-button{background:#18212b!important;border-color:#394653!important;color:#ff91a5!important}.theme-dark .mc-tour-content{color:#bdc6d0}.theme-dark .mc-tour-back{background:#202b35;color:#f7dbe1;border-color:#465461}.theme-dark ::-webkit-scrollbar{width:10px;height:10px}.theme-dark ::-webkit-scrollbar-track{background:#10171f}.theme-dark ::-webkit-scrollbar-thumb{background:#3c4956;border:2px solid #10171f;border-radius:99px}@media(max-width:1050px){.theme-dark .dashboard-material-side{border-color:#303c49}}@media(max-width:760px){.theme-dark .learning-sidebar{box-shadow:20px 0 60px #00000073}.theme-dark .sidebar-backdrop{background:#03070bb8}.theme-dark .bottom-nav{box-shadow:0 -10px 30px #00000038}}.theme-dark .payment-page{background:#111820;color:#f5eef0}.theme-dark .payment-hero{background:linear-gradient(135deg,#18212b,#2c1b22);border-color:#3a4653}.theme-dark .payment-package,.theme-dark .payment-empty,.theme-dark .payment-summary{background:#18212b;border-color:#303c49}.theme-dark .payment-package.is-selected{background:#3a1f29;border-color:#ee6c82}.theme-dark .payment-referral{background:#3a1f29;color:#ffafbd}.theme-dark .payment-package small,.theme-dark .payment-security,.theme-dark .payment-hero p:not(.eyebrow),.theme-dark .payment-summary dt,.theme-dark .payment-referral small{color:#cbbdc1}.theme-dark .payment-summary dl>div{border-color:#303c49}.theme-dark .manual-qris{background:#18212b;border-color:#303c49}.theme-dark .manual-qris-head{border-color:#303c49}.theme-dark .manual-warning{background:#3b301f;color:#f4cd83}.theme-dark .manual-qris dl>div{background:#111820}.theme-dark .proof-upload{background:#332028;border-color:#aa5968!important}.theme-dark .payment-success{background:#193b31!important;color:#a5efd4!important;border-color:#397c66!important}@media(min-width:761px)and (max-width:900px){.learning-sidebar{width:280px;transform:translate(-100%);transition:transform .22s ease;z-index:80;padding-bottom:24px}.learning-sidebar.is-open{transform:translate(0)}.learning-sidebar .mobile-only,.learning-header .mobile-only{display:inline-flex!important}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#0a0e12a3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:70}.learning-workspace{margin-left:0}.learning-header{height:70px;padding:0 24px;position:sticky;top:0;z-index:35}.header-breadcrumb{gap:9px}.header-breadcrumb>span,.header-breadcrumb>svg{display:none}.header-breadcrumb>.icon-button{width:35px}.learning-main{padding:28px 24px 36px}.learning-footer{padding-left:24px;padding-right:24px}.theme-dark .learning-sidebar{box-shadow:22px 0 65px #0000006b}}@media(max-width:760px){.learning-main,.learning-workspace,.learning-app,.panel,.song-view,.hub-view,.book-view,.dashboard-material,.lesson-detail,.admin-view{max-width:100%;min-width:0}.page-title h1,.page-title p,.panel h2,.panel p{overflow-wrap:anywhere}}@media(max-width:480px){.learning-header{padding-left:13px;padding-right:13px}.header-breadcrumb{min-width:0}.header-breadcrumb b{max-width:84px;overflow:hidden;text-overflow:ellipsis}.header-display-tools{gap:2px}}