@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,wght@1,700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{--pink:#D90971;--light:#fff0f6;--ink:#000000;--muted:#73737c;--line:#ebebee}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px 'Be Vietnam Pro',Arial,sans-serif;background:#FFFFFF}button,input,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}aside{width:246px;position:fixed;inset:0 auto 0 0;padding:32px 22px;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin-bottom:48px}.logo{background:var(--ink);color:#fff;border-radius:12px;padding:8px 11px;font-size:27px;font-weight:800}.brand strong{font-size:22px}.brand strong span{display:block;font-size:7px;letter-spacing:1px;margin-top:6px}.navlabel{font-size:9px;color:#9898a1;letter-spacing:1.3px}.nav{border:0;background:transparent;text-align:left;padding:14px;border-radius:9px;margin:3px 0;color:#73737c}.nav.active{background:var(--light);color:#D90971;font-weight:600}.sidecourse{margin-top:auto;background:#f8f8fa;border-radius:14px;padding:22px;position:relative;overflow:hidden}.sidecourse small{font-size:8px;letter-spacing:1px}.sidecourse h3{font-size:20px;line-height:1.65}.sidecourse p{font-size:10px;color:var(--muted);max-width:130px;line-height:1.8}.flower{position:absolute;right:-15px;bottom:20px;color:#FF45C5;font-size:95px}.source{font-size:10px;color:var(--muted);padding:23px 4px 0}main{margin-left:246px;padding:0 42px}header{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1px;color:#95959e}header b{font-weight:500;color:#444}.avatar{border:1px solid #edcee0;background:var(--light);border-radius:50%;padding:11px;color:#D90971}#app{max-width:1200px;margin:34px auto 0}.eyebrow{font-size:10px;letter-spacing:2px;color:#D90971;font-weight:600}h1{font-size:32px;letter-spacing:-1.1px;margin:12px 0;line-height:1.45}h2{font-size:20px;letter-spacing:-.5px}.intro{color:var(--muted);font-size:12px;line-height:1.9}.hero{background:#FFFFFF;border:1px solid #D90971;border-radius:18px;display:grid;grid-template-columns:1.5fr 1fr;padding:32px 36px;overflow:hidden;min-height:265px}.hero h1 em{font-style:normal;color:#D90971}.heroart{position:relative;display:flex;align-items:center;justify-content:center}.orbit{width:190px;height:190px;border:1px solid #D90971;border-radius:50%;position:absolute}.orbit:after{content:'';position:absolute;inset:20px;border:1px solid #D90971;border-radius:50%}.bigone{font-size:110px;font-weight:800;letter-spacing:-16px;transform:rotate(-8deg);z-index:1}.bigone span{color:#D90971}.artbadge{position:absolute;right:0;bottom:8px;transform:rotate(-8deg);background:white;padding:10px 15px;border:1px solid #eee;border-radius:7px;font-size:10px}.btn{border:0;background:var(--ink);color:white;border-radius:8px;padding:13px 20px;font-size:11px;display:inline-block}.btn.pink{background:var(--pink)}.btn.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 32px}.stat{border:1px solid var(--line);background:white;border-radius:12px;padding:20px;display:flex;gap:16px;align-items:center}.stat .icon{padding:12px;background:#FFFFFF;border-radius:10px;font-size:19px}.stat strong{font-size:23px}.stat p{margin:5px 0 0;color:var(--muted);font-size:10px}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin:25px 0 15px}.sectionhead p{font-size:11px;color:var(--muted)}.sectionhead button{background:none;border:0;font-size:11px;color:#D90971}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;cursor:pointer;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000000a;border-color:#eea5c5}.cover{height:140px;padding:20px;position:relative;overflow:hidden;background:#f5f4f6}.cover .num{position:absolute;right:20px;bottom:-15px;font-size:100px;font-weight:800;letter-spacing:-9px;color:#dedde2}.cover .tag{font-size:8px;letter-spacing:1.5px;border:1px solid #0002;border-radius:30px;padding:5px 9px}.cover .symbol{font-size:42px;position:absolute;left:25px;bottom:14px}.card:nth-child(3n+2) .cover{background:#FFFFFF}.card:nth-child(3n+2) .num{color:#efb6d0}.card:nth-child(3n) .cover{background:#000000;color:#fff}.card:nth-child(3n) .num{color:#45454b}.cardbody{padding:19px}.cardbody small{font-size:9px;color:#D90971}.cardbody h3{font-size:13px;line-height:1.8;margin:9px 0 16px;min-height:46px}.cardfoot{border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.progress{height:5px;background:#eee;border-radius:9px;overflow:hidden;margin:12px 0}.progress div{height:100%;background:var(--pink);transition:.3s}.bottomnote{margin-top:28px;padding:24px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:22px;background:white}.bottomnote b{font-size:12px}.bottomnote p{font-size:11px;color:var(--muted);line-height:1.8}.bottomnote .flower2{font-size:43px;color:#D90971}footer{max-width:1200px;margin:40px auto 0;border-top:1px solid var(--line);padding:22px 0;font-size:9px;color:#91919b;display:flex;justify-content:space-between}.toolbar{display:flex;gap:10px;margin:25px 0}.toolbar input{flex:1;border:1px solid var(--line);padding:13px;border-radius:8px;min-width:0}.toolbar select{border:1px solid var(--line);background:white;border-radius:8px;padding:8px}.lessonlayout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px}.video{aspect-ratio:16/9;background:#000000;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:white;text-align:center}.video iframe{width:100%;height:100%;border:0}.videolinks{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 22px}.tabs{display:flex;border-bottom:1px solid var(--line);gap:22px;margin-top:26px}.tabs button{background:none;border:0;padding:14px 0;color:var(--muted)}.tabs button.selected{border-bottom:2px solid var(--pink);color:#D90971}.article{line-height:1.95;background:white;padding:24px;border:1px solid var(--line);border-radius:0 0 12px 12px;overflow-wrap:anywhere}.article h3{font-size:17px;margin:25px 0 12px}.article p{margin:9px 0}.article .bullet{padding-left:14px;border-left:2px solid #f3c2d8;margin:9px 0;font-size:12px}.check{display:flex;gap:10px;align-items:flex-start;margin:12px 0;font-size:12px}.check input{accent-color:var(--pink);margin-top:6px}.playlist{background:white;border:1px solid var(--line);border-radius:12px;padding:18px;height:max-content}.playlist button{width:100%;background:none;border:0;border-bottom:1px solid var(--line);padding:14px 5px;text-align:left;font-size:11px;line-height:1.8}.playlist button.current{color:#D90971;background:var(--light);border-radius:6px;padding:12px}.playlist small{display:block;color:var(--muted)}textarea{width:100%;min-height:240px;border:1px solid var(--line);padding:16px;line-height:1.8;border-radius:8px;resize:vertical}.savehint{color:var(--muted);font-size:10px}.empty{padding:50px;text-align:center;border:1px dashed #e3d1da;border-radius:12px;color:var(--muted)}#toast{position:fixed;bottom:25px;right:25px;background:#000000;color:white;border-radius:8px;padding:14px 20px;display:none;font-size:12px}button:focus-visible,a:focus-visible{outline:3px solid #FF1FA9;outline-offset:3px}@media(min-width:1450px){main{padding:0 65px}.hero{min-height:300px}.cover{height:160px}}@media(max-width:1050px){aside{width:205px;padding:25px 15px}main{margin-left:205px;padding:0 24px}.cards{grid-template-columns:repeat(2,1fr)}.lessonlayout{grid-template-columns:1fr}.playlist{display:none}.hero{padding:26px}.heroart{opacity:.75}h1{font-size:27px}}@media(max-width:700px){aside{position:static;width:100%;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;padding:16px;gap:4px;border-right:0;border-bottom:1px solid var(--line)}.brand{width:100%;margin:0 0 12px}.brand strong{font-size:18px}.logo{font-size:20px}.nav{font-size:11px;padding:10px}.navlabel,.sidecourse,.source{display:none}main{margin:0;padding:0 18px}header{height:58px;font-size:7px}#app{margin-top:24px}.hero{display:block;padding:25px}.heroart{display:none}h1{font-size:26px}.stats{gap:8px}.stat{padding:12px;display:block}.stat .icon{display:none}.stat strong{font-size:22px}.stat p{font-size:8px}.cards{grid-template-columns:1fr}.cover{height:150px}.cardbody h3{min-height:0}.sectionhead h2{font-size:17px}.article{padding:17px}.bottomnote{padding:18px}.toolbar{flex-wrap:wrap}footer span{display:none}}

/* Brand palette: primary pink, black and white. */
:root{--pink:#D90971;--ink:#000000;--white:#FFFFFF;--pink-bright:#FF0FA3;--pink-soft:#FF1FA9;--pink-playful:#FF45C5}
h1,h2,.sidecourse h3{color:var(--pink)}.hero{background:var(--ink);border-color:var(--ink)}.hero h1{color:var(--white)}.hero h1 em,.hero .eyebrow{color:var(--pink-playful)}.hero .intro{color:var(--white)}.hero .btn,.btn{background:var(--pink);color:var(--white)}.btn.pink{background:var(--pink)}.btn:hover,.btn.pink:hover{background:var(--ink);color:var(--white)}.hero .btn:hover{background:var(--white);color:var(--pink)}.heroart{color:var(--white)}.bigone span{color:var(--pink-bright)}.artbadge{background:var(--white);color:var(--ink);border-color:var(--white)}.orbit,.orbit:after{border-color:var(--pink)}.stat strong{background:var(--white);color:var(--ink);border-radius:5px;padding:1px 6px}.stat .icon{color:var(--pink)}.sidecourse{background:var(--ink);color:var(--white)}.sidecourse h3{color:var(--white)}.sidecourse small{color:var(--white)}.sidecourse p{color:var(--white)}.flower{color:var(--pink-playful)}.cover{background:var(--white);color:var(--ink)}.cover .num{color:var(--pink)}.cover .symbol{color:var(--ink)}.cover .tag{background:var(--white);border-color:var(--white);color:var(--ink)}.card:nth-child(3n+2) .cover{background:var(--pink);color:var(--white)}.card:nth-child(3n+2) .num{color:var(--white)}.card:nth-child(3n+2) .symbol{color:var(--white)}.card:nth-child(3n) .cover{background:var(--ink);color:var(--white)}.card:nth-child(3n) .num{color:var(--white)}.card:nth-child(3n) .symbol{color:var(--pink-playful)}.card:hover{border-color:var(--pink)}.bottomnote{border-left:4px solid var(--white)}.bottomnote b{color:var(--pink)}.article h3{color:var(--pink)}.article .bullet{border-left-color:var(--white)}.video,#toast{background:var(--ink)}.progress div{background:var(--pink)}button:focus-visible,a:focus-visible{outline-color:var(--pink-soft)}.btn.secondary{background:var(--white);color:var(--ink)}.btn.secondary:hover{border-color:var(--pink);color:var(--pink)}

/* White accents on dark panels; pink details on light panels. */
.stat strong{background:var(--light);color:var(--pink)}.cover .tag{background:var(--ink);border-color:var(--ink);color:var(--white)}.card:nth-child(3n+2) .cover .tag,.card:nth-child(3n) .cover .tag{background:var(--white);border-color:var(--white);color:var(--ink)}.bottomnote{border-left-color:var(--pink)}.article .bullet{border-left-color:var(--pink)}

/* Explicit monochrome and pink replacements for every former yellow surface. */
.artbadge{background:#FFFFFF;border-color:#FFFFFF;color:#000000}.stat strong{background:#fff0f6;color:#D90971}.sidecourse small{color:#FFFFFF}.cover .tag{background:#000000;border-color:#000000;color:#FFFFFF}.card:nth-child(3n+2) .cover .tag,.card:nth-child(3n) .cover .tag{background:#FFFFFF;border-color:#FFFFFF;color:#000000}.card:nth-child(3n+2) .symbol{color:#FFFFFF}.card:nth-child(3n) .num{color:#FFFFFF}.article .bullet,.bottomnote{border-left-color:#D90971}
/* Learning dashboard inspired by the supplied reference. */
body{background:#fff5f9}body>aside{width:270px;padding:44px 24px;border:0}.brand{margin-bottom:68px}.brand strong{font-size:26px}.brand .logo{background:#D90971;padding:13px;font-size:30px}.nav{font-size:15px;padding:20px 18px;margin:4px 0;border-radius:18px}.nav.active{background:#fff0f6}.navlabel{margin-bottom:18px}.sidecourse{margin-top:auto}.sidecourse h3{font-size:20px}main{margin-left:270px;padding:26px 28px}main>header{display:none}#app{max-width:1600px;margin:0 auto}.dashboard-top{display:flex;align-items:center;gap:28px;margin-bottom:26px}.course-picker{background:#fff;border-radius:30px;min-height:82px;padding:23px 27px;display:flex;gap:18px;align-items:center;flex:1}.picker-title{font-size:22px;font-weight:700;color:#000}.picker-sub{font-size:12px;color:#D90971}.picker-mark{margin-left:auto;color:#D90971;font-size:30px}.profile-bubble{width:52px;height:52px;background:#000;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px}.learning-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.course-panel{background:#fff;border-radius:30px;padding:24px 18px 22px 24px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:2px 12px 17px 0;border-bottom:1px solid #f4edf1}.panel-heading h1{font-size:19px;letter-spacing:-.5px;color:#000;margin:10px 0}.panel-heading .eyebrow{font-size:8px}.lesson-count{font-size:10px;color:#D90971;white-space:nowrap;background:#fff0f6;padding:8px 10px;border-radius:20px}.course-scroll{max-height:calc(100vh - 280px);min-height:480px;overflow:auto;padding-right:10px;scrollbar-width:thin;scrollbar-color:#b9aab1 #fff}.group-heading{display:flex;align-items:center;gap:12px;padding:25px 9px 14px}.group-heading>span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:#fff0f6;color:#D90971;font-weight:600;font-size:10px}.group-heading h2{margin:0 0 5px;font-size:15px;color:#000}.group-heading p{margin:0;color:#8b7f85;font-size:10px}.course-row{width:100%;display:flex;align-items:center;text-align:left;gap:14px;background:#fff;border:1px solid #faf1f5;box-shadow:0 4px 12px #32202b05;border-radius:18px;padding:21px 15px;margin:0 0 15px;min-height:125px;transition:.2s}.course-row:hover{border-color:#D90971;background:#fffbfd;transform:translateX(2px)}.book-icon{width:73px;height:78px;flex-shrink:0;display:block}.book-icon svg{width:100%;height:100%}.course-info{display:block;min-width:0;flex:1}.row-label{font-size:8px;letter-spacing:1px;color:#b18a9b;display:block;margin-bottom:7px}.course-info strong{display:block;font-size:16px;font-weight:600;line-height:1.6;color:#D90971}.row-progress{display:flex;gap:14px;align-items:center;margin-top:15px;font-size:11px;color:#6b5b64}.row-progress>span:first-child{min-width:45px}.track{height:9px;background:#f2edf0;box-shadow:0 3px 5px #0000000c;border-radius:12px;flex:1;overflow:hidden}.track>span{height:100%;display:block;background:#D90971;border-radius:12px}.row-progress>span:last-child{width:35px;text-align:right}.row-arrow{color:#D90971;font-size:24px;padding-left:5px}.dashboard-rail{display:grid;gap:20px}.motivation-card,.journey-card{background:#fff;border-radius:30px;padding:28px 24px;text-align:center}.mountain-art{width:180px;height:135px;margin:0 auto 15px}.motivation-card blockquote{margin:5px 0 22px;font-size:19px;line-height:1.9;font-weight:500;color:#000}.motivation-card>p{font-size:8px;color:#D90971;letter-spacing:1.5px}.journey-card>.eyebrow{font-size:9px}.progress-ring{width:136px;height:136px;margin:23px auto;background:conic-gradient(#D90971 var(--percent),#fff0f6 0);border-radius:50%;padding:9px}.progress-ring>div{width:100%;height:100%;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-ring strong{font-size:31px;color:#D90971}.progress-ring small{font-size:14px}.progress-ring div>span{font-size:9px;color:#88777f;margin-top:5px}.journey-card p{font-size:10px;color:#88777f}.journey-card p b{color:#000}.journey-card .btn{width:100%;margin-top:12px;display:flex;justify-content:space-between;font-size:12px}.tip-card{display:flex;gap:13px;border-radius:22px;background:#000;color:#fff;padding:22px}.tip-icon{color:#FF45C5;font-size:28px}.tip-card h3{font-size:12px;margin:2px 0 9px}.tip-card p{font-size:10px;line-height:1.9;color:#e5d7df;margin:0}.tip-card button{border:0;background:none;color:#FF45C5;padding:14px 0 0;font-size:10px}footer{margin-top:25px;border-color:#efdce5}main:has(.learning-dashboard)>footer{display:none}@media(min-width:1650px){body>aside{width:300px;padding:55px 30px}main{margin-left:300px;padding:30px 36px}.learning-dashboard{grid-template-columns:minmax(0,1fr) 340px;gap:28px}.course-row{min-height:145px;padding:25px}.course-info strong{font-size:20px}.book-icon{width:90px;height:90px}.row-progress{font-size:13px}.motivation-card{padding:40px 24px}.motivation-card blockquote{font-size:22px}}@media(max-width:1180px){body>aside{width:220px;padding:32px 16px}main{margin-left:220px;padding:22px}.learning-dashboard{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.picker-title{font-size:18px}.picker-sub{display:none}.course-info strong{font-size:14px}.book-icon{width:55px}.course-row{padding:17px 10px;gap:8px}.row-progress{gap:8px;font-size:10px}.panel-heading{display:block}.lesson-count{display:inline-block;margin-bottom:8px}.motivation-card blockquote{font-size:16px}}@media(max-width:950px){.learning-dashboard{grid-template-columns:1fr}.dashboard-rail{grid-template-columns:1fr 1fr}.motivation-card{display:none}.tip-card{height:max-content}.course-scroll{max-height:none;min-height:0}.panel-heading{display:flex}.course-info strong{font-size:17px}.book-icon{width:75px}.course-row{padding:20px}}@media(max-width:700px){body>aside{width:100%;position:static;padding:18px;gap:4px}.brand{margin-bottom:12px}.brand strong{font-size:22px}.brand .logo{font-size:21px;padding:9px}.nav{font-size:11px;padding:12px;margin:0}.navlabel,.sidecourse{display:none}main{margin-left:0;padding:18px 12px}.dashboard-top{gap:12px;margin-bottom:18px}.course-picker{padding:18px;border-radius:20px;min-height:70px}.picker-title{font-size:15px;line-height:1.6}.picker-mark{font-size:23px}.profile-bubble{width:40px;height:40px;font-size:15px}.course-panel{border-radius:22px;padding:18px 12px}.panel-heading h1{font-size:15px}.panel-heading{display:block;padding:0 8px 12px}.group-heading{padding-left:5px}.course-row{padding:15px 8px;gap:8px;min-height:120px}.book-icon{width:51px;height:65px}.course-info strong{font-size:13px}.row-progress{gap:7px;font-size:9px}.row-progress>span:first-child{min-width:34px}.row-arrow{font-size:19px}.course-scroll{padding-right:0}.dashboard-rail{grid-template-columns:1fr}.journey-card{padding:22px}.tip-card{border-radius:22px}.group-heading p{font-size:9px}}

/* Readable uppercase logo subtitle. */
.brand{gap:12px}.brand strong{min-width:0}.brand strong span{font-size:10px;font-weight:700;letter-spacing:.25px;line-height:1.7;max-width:170px;margin-top:7px;text-transform:uppercase}@media(max-width:1180px) and (min-width:701px){.brand{gap:9px}.brand strong span{font-size:9px;letter-spacing:.1px}}@media(max-width:700px){.brand strong span{font-size:10px;max-width:none;letter-spacing:.15px}}


@font-face{font-family:TTCommonsBrand;src:url("fonts/tt-commons-expanded-bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}.brand.brand-reference{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-bottom:46px;padding:0}.brand-reference .brand-number{font-family:TTCommonsBrand,Arial,sans-serif;font-weight:700;font-size:69px;line-height:1.12;letter-spacing:-4px;color:#000;background:linear-gradient(115deg,#fff3fa,#fff);padding:10px 8px 2px;white-space:nowrap}.brand-reference .brand-business{font-family:"Bodoni Moda",Georgia,"Times New Roman",serif;font-style:italic;font-weight:700;font-size:57px;line-height:1.08;letter-spacing:-2.5px;color:#D90971;background:#fff;padding:0 5px 8px;white-space:nowrap}.brand-reference .brand-tagline{font-size:9px;line-height:1.7;letter-spacing:.15px;font-weight:700;color:#000;margin-top:10px;max-width:210px}.course-scroll{max-height:calc(100vh - 170px)}@media(min-width:1650px){.brand-reference .brand-number{font-size:77px}.brand-reference .brand-business{font-size:64px}}@media(max-width:1180px) and (min-width:701px){.brand-reference .brand-number{font-size:56px}.brand-reference .brand-business{font-size:47px}.brand-reference .brand-tagline{font-size:8px}}@media(max-width:700px){.brand.brand-reference{width:100%;margin-bottom:14px}.brand-reference .brand-number{font-size:57px;padding:4px 6px 0}.brand-reference .brand-business{font-size:48px;padding-bottom:3px}.brand-reference .brand-tagline{font-size:9px;max-width:none;margin-top:7px}.course-scroll{max-height:none}}

/* Compact brand: 70 percent of prior size, no colored background. */
.brand-reference .brand-number{font-size:48.3px;line-height:1;letter-spacing:-2.8px;background:none;padding:0 3px}.brand-reference .brand-business{font-size:39.9px;line-height:1;letter-spacing:-1.75px;background:none;padding:0 3px 3px;margin-top:-3px}.brand-reference .brand-tagline{margin-top:8px}@media(min-width:1650px){.brand-reference .brand-number{font-size:53.9px}.brand-reference .brand-business{font-size:44.8px}}@media(max-width:1180px) and (min-width:701px){.brand-reference .brand-number{font-size:39.2px}.brand-reference .brand-business{font-size:32.9px}}@media(max-width:700px){.brand-reference .brand-number{font-size:39.9px;padding:0 3px}.brand-reference .brand-business{font-size:33.6px;padding:0 3px 3px;margin-top:-3px}}

/* Right column reduced to 70% of its previous desktop width. */
@media(min-width:951px){.learning-dashboard{grid-template-columns:minmax(0,1fr) 210px}.dashboard-rail{min-width:0}.motivation-card,.journey-card{padding:24px 14px}.mountain-art{max-width:100%;width:150px;height:115px}.motivation-card blockquote{font-size:16px;line-height:1.8}.motivation-card>p{font-size:7px;letter-spacing:.8px}.tip-card{padding:18px 12px;gap:8px}.tip-card h3{line-height:1.6}.journey-card .btn{font-size:10px;padding:12px}.journey-card>.eyebrow{font-size:8px;letter-spacing:1.3px}}@media(min-width:1650px){.learning-dashboard{grid-template-columns:minmax(0,1fr) 238px}.motivation-card blockquote{font-size:18px}}@media(min-width:951px) and (max-width:1180px){.learning-dashboard{grid-template-columns:minmax(0,1fr) 175px}.motivation-card blockquote{font-size:14px}.progress-ring{width:120px;height:120px}.tip-card{display:block}}

/* Three-line life motto and coordinated work/time/income illustration. */
.life-art{display:block;width:100%;max-width:185px;height:auto;margin:2px auto 18px}.motivation-card .life-message{font-size:22px;font-weight:700;line-height:1.65;letter-spacing:-.7px;margin:0 0 7px}.life-message span{display:block;white-space:nowrap}.life-message span:last-child{color:#D90971}@media(min-width:1650px){.motivation-card .life-message{font-size:25px}}@media(min-width:951px) and (max-width:1180px){.motivation-card .life-message{font-size:18px}.life-art{max-width:140px}}

/* Match the full height of the lesson panel and the two right-hand cards. */
@media(min-width:951px){.learning-dashboard{align-items:stretch;height:calc(100dvh - 60px);min-height:650px}.course-panel{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.panel-heading{flex-shrink:0}.course-scroll{flex:1;min-height:0;max-height:none;overflow-y:auto}.dashboard-rail{height:100%;min-height:0;grid-template-rows:1fr 1fr;align-content:stretch}.motivation-card,.journey-card{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.journey-card .btn{flex-shrink:0}}

.account-panel{margin-top:auto;padding:18px 14px;border:1px solid #f3dce7;border-radius:16px;background:#fff;overflow-wrap:anywhere}.account-label{font-size:8px;letter-spacing:1px;color:#D90971;margin-bottom:10px}.account-panel strong{font-size:12px}.account-panel p{font-size:10px;line-height:1.8;color:#73737c}.account-login{display:block;background:#D90971;color:white;border-radius:8px;padding:12px;font-size:10px;font-weight:600;line-height:1.7}.account-import{display:block;border:0;background:none;color:#D90971;padding:8px 0;font-size:9px;text-align:left}.account-signout{display:block;font-size:9px;padding-top:12px;color:#73737c}.account-panel .sync-error{color:#b42335}.account-import[hidden]{display:none}@media(max-width:700px){.account-panel{width:100%;margin-top:12px;padding:12px}.account-panel .guest-hint{display:none}.account-login{display:inline-block}.account-panel p{margin:6px 0}.account-label{margin-bottom:5px}}

.account-login{border:0;cursor:pointer;text-align:left}.auth-dialog{border:0;border-radius:24px;width:min(440px,calc(100% - 28px));padding:32px;color:#000;box-shadow:0 18px 90px #0002}.auth-dialog::backdrop{background:#0006;backdrop-filter:blur(4px)}.auth-dialog h2{font-size:24px;margin-top:15px}.auth-close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:27px;cursor:pointer}.auth-form label{display:block;font-size:12px;font-weight:600;margin:15px 0}.auth-form input{display:block;width:100%;border:1px solid #e5d5de;border-radius:9px;padding:13px;margin-top:8px;font:inherit}.auth-form .btn{width:100%}.google-login{width:100%;padding:13px;border:1px solid #e5d5de;background:white;border-radius:9px;font:inherit;font-size:12px;cursor:pointer}.google-login b{font:700 20px Arial;margin-right:12px}.google-login:disabled{opacity:.5;cursor:default}.auth-small{font-size:10px;color:#73737c;line-height:1.8}.auth-divider{display:flex;align-items:center;gap:12px;font-size:10px;color:#8a7c84;margin:20px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#eee;flex:1}.auth-feedback{font-size:11px;color:#b52d68;line-height:1.8}.auth-link{background:none;border:0;color:#D90971;font:inherit;font-size:11px;padding:12px 0 0;cursor:pointer}.btn:disabled{opacity:.6}
/* Compact account avatar and native accessible popup */
.account-panel{padding:0;border:0;border-radius:0;background:transparent;overflow:visible;flex-shrink:0;display:flex;align-items:center;min-height:50px}
.account-avatar{width:50px;height:50px;border-radius:50%;border:2px solid #fff;background:#D90971;color:white;display:grid;place-items:center;box-shadow:0 0 0 1px #f1c7db;font-size:16px;font-weight:700;transition:box-shadow .15s,transform .15s}
.account-avatar:hover,.account-avatar[aria-expanded=true]{box-shadow:0 0 0 4px #fff0f6;transform:translateY(-1px)}
.account-avatar:focus-visible{outline:2px solid #000;outline-offset:4px}.account-avatar [hidden]{display:none}
.account-menu{position:fixed;inset:auto;margin:0;padding:22px;width:min(310px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;border:1px solid #f2d4e2;border-radius:20px;background:#fff;color:#000;box-shadow:0 14px 48px #00000018;font:14px 'Be Vietnam Pro',Arial,sans-serif;z-index:1000}
.account-menu::backdrop{background:transparent}.account-menu .account-label{font-size:10px;letter-spacing:1.5px;margin-bottom:14px}.account-menu strong{font-size:16px;display:block;overflow-wrap:anywhere}.account-menu p{font-size:12px;line-height:1.7;color:#73737c}.account-menu .sync-error{color:#b42335}.account-menu .account-import{font-size:12px;padding:12px 10px;margin-left:-10px;width:calc(100% + 20px);border-radius:9px}.account-menu .account-import:hover{background:#fff0f6}.account-menu .account-import:focus-visible{outline:2px solid #D90971;outline-offset:1px}.account-menu #account-logout{border-top:1px solid #f3e8ee;border-radius:0;margin-top:6px;padding-top:16px}.account-menu .account-login{border:0;font-size:12px;width:100%;margin-top:14px}.account-menu .guest-hint{font-size:10px}
@media(max-width:700px){.account-panel{width:auto;position:absolute;right:20px;top:20px;margin:0;padding:0}body>aside{position:relative;padding-right:84px}.account-avatar{width:44px;height:44px;font-size:14px}.account-menu{padding:20px}}
.account-menu{overflow-x:hidden}.account-menu .account-import{width:100%;margin-left:0}.account-menu #account-logout{margin-left:0}
.motivation-card.supplied-life-card{padding:0;background:transparent;border:0;box-shadow:none;border-radius:0;overflow:hidden}.supplied-life-card img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
/* Keep account controls at the foot of the sidebar. */
body>aside{padding-bottom:14px}.sidebar-account-footer{margin-top:auto;flex-shrink:0;display:flex;flex-direction:column;gap:12px}.sidebar-account-footer .account-panel{margin:0}.sidebar-account-footer .legal-links{padding:0;font-size:7.8px;line-height:1.9}
@media(max-width:700px){body>aside{padding-right:18px}.sidebar-account-footer{width:100%;margin-top:16px;flex-direction:row;align-items:center;gap:14px}.sidebar-account-footer .account-panel{position:static;width:auto;margin:0;padding:0;min-height:44px}.sidebar-account-footer .legal-links{font-size:7.8px}}
/* Round the supplied card like the journey panel and align both columns. */
.motivation-card.supplied-life-card{background:#fff;border-radius:30px;overflow:hidden;align-self:stretch;width:100%;height:100%}.supplied-life-card img{border-radius:inherit;object-fit:contain}
@media(min-width:951px){.dashboard-rail{grid-template-rows:minmax(0,1fr) minmax(0,1fr);height:100%;align-self:stretch}.motivation-card.supplied-life-card{min-height:0}}
/* Expand each lesson into its video parts. */
.playlist{padding:18px 12px}.playlist>h3{padding:0 8px;margin-bottom:18px}.curriculum-group{margin:0 0 10px}.curriculum-group summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 14px;border-radius:16px;background:#f3f3f4;cursor:pointer}.curriculum-group summary::-webkit-details-marker{display:none}.curriculum-heading{min-width:0}.curriculum-heading small{display:block;font-size:9px;line-height:1.6;color:#73737c;margin-bottom:4px}.curriculum-heading strong{font-size:12px;line-height:1.65;display:block;font-weight:600}.curriculum-chevron{flex-shrink:0;transition:transform .18s}.curriculum-group[open] .curriculum-chevron{transform:rotate(180deg)}.curriculum-group.current summary{background:#fff0f6;color:#D90971}.curriculum-group summary:hover{background:#f9e7f0}.curriculum-group summary:focus-visible,.curriculum-parts button:focus-visible{outline:2px solid #D90971;outline-offset:3px}.curriculum-parts{padding:6px 4px 4px 14px}.playlist .curriculum-parts button{display:flex;gap:10px;align-items:center;border:0;border-radius:8px;padding:11px 10px;margin:2px 0;font-size:11px;background:transparent;color:#505057;line-height:1.5}.playlist .curriculum-parts button:hover{background:#fff7fb;color:#D90971}.playlist .curriculum-parts button.selected{background:#fff0f6;color:#D90971;font-weight:600}.curriculum-heading [hidden]{display:none}.videolinks button[aria-pressed=true]{border-color:#D90971;color:#D90971;background:#fff0f6}.playlist>.savehint{padding:8px}
@media(prefers-reduced-motion:reduce){.curriculum-chevron{transition:none}}
.document-library{padding:10px 0 28px}.library-empty{margin-top:32px;padding:56px 24px;background:#fff;border:1px solid #f4e2eb;border-radius:26px;text-align:center}.library-empty-icon{display:grid;place-items:center;width:82px;height:82px;margin:0 auto 22px;background:#fff0f6;color:#D90971;border-radius:24px}.library-empty h2{font-size:20px;margin:0 0 12px}.library-empty p{color:#73737c;font-size:13px;line-height:1.8;margin-bottom:26px}.document-library .intro{font-size:13px}@media(max-width:700px){.library-empty{padding:36px 18px}.document-library h1{font-size:27px}}
.library-upload{background:white;border:1px solid #f1d4e2;border-radius:22px;padding:26px;margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.library-upload>div,.library-upload-note,.library-upload>.library-feedback{grid-column:1/-1}.library-upload h2{font-size:18px;margin:0 0 8px}.library-upload p{font-size:12px;color:#73737c;line-height:1.8;margin:0}.library-upload label,.library-toolbar label{display:block;font-size:12px;font-weight:600}.library-upload input,.library-toolbar input{display:block;width:100%;padding:12px;border:1px solid #e5dce1;border-radius:9px;background:white;margin-top:8px}.library-upload [type=file]{font-size:11px}.library-upload .btn{width:max-content}.library-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:30px 0 18px}.library-toolbar label{width:min(420px,100%)}.library-toolbar>span{font-size:12px;color:#73737c;padding-bottom:12px;white-space:nowrap}.document-row{display:flex;align-items:center;gap:18px;background:white;border:1px solid #f0e6ec;border-radius:16px;padding:20px;margin-bottom:12px}.document-type{display:grid;place-items:center;flex-shrink:0;width:52px;height:58px;border-radius:12px;background:#fff0f6;color:#D90971;font-size:11px;font-weight:700}.document-info{flex:1;min-width:0}.document-info h2{font-size:15px;line-height:1.6;margin:0 0 5px;overflow-wrap:anywhere}.document-info p{color:#73737c;font-size:11px;line-height:1.8;margin:0;overflow-wrap:anywhere}.document-actions{display:flex;gap:8px;flex-shrink:0}.library-feedback{font-size:12px;color:#8b2453;line-height:1.8}.library-upload .library-feedback{color:#8b2453}.document-library [hidden]{display:none}.document-library button:disabled{opacity:.6;cursor:wait}#documents-more{margin-top:12px}@media(max-width:700px){.library-upload{grid-template-columns:1fr;padding:20px}.document-row{flex-wrap:wrap;gap:12px;padding:16px}.document-actions{width:100%;justify-content:flex-end}.library-toolbar{align-items:center}.document-info{min-width:160px}.library-upload label{min-width:0}}
/* Fit the learning dashboard to the available viewport, including browser zoom. */
body:has(.learning-dashboard){height:100dvh;min-height:0;margin:0;padding:0;overflow:hidden}
body:has(.learning-dashboard)>aside{max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}
main:has(.learning-dashboard){height:100dvh;min-height:0;overflow:hidden;padding:clamp(10px,3dvh,26px) clamp(10px,2vw,28px)}
main:has(.learning-dashboard)>header,main:has(.learning-dashboard)>footer{display:none}
main:has(.learning-dashboard)>#app{height:100%;min-height:0;margin:0 auto}
#app>.learning-dashboard{height:100%;min-height:0;align-items:stretch;grid-template-columns:minmax(0,1fr) clamp(150px,16vw,238px);gap:clamp(10px,1.6vw,24px)}
.learning-dashboard>.course-panel{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:clamp(12px,2dvh,24px)}
.learning-dashboard .panel-heading{flex-shrink:0;min-height:0;gap:8px;padding-bottom:clamp(8px,2dvh,17px)}
.learning-dashboard .panel-heading h1{font-size:clamp(15px,1.6vw,22px);line-height:1.4}
.learning-dashboard .course-scroll{flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.learning-dashboard>.dashboard-rail{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:clamp(10px,2.6dvh,20px)}
.learning-dashboard .motivation-card.supplied-life-card{display:flex;height:100%;min-height:0}
.learning-dashboard .journey-card{height:100%;min-height:0;padding:clamp(8px,1.5dvh,20px) 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto;overscroll-behavior:contain}
.learning-dashboard .progress-ring{width:clamp(64px,18dvh,136px);height:clamp(64px,18dvh,136px);flex-shrink:0;margin:clamp(6px,2dvh,16px) auto}
.learning-dashboard .progress-ring strong{font-size:clamp(23px,5dvh,40px)}
.learning-dashboard .progress-ring div>span{font-size:clamp(7px,1.2dvh,9px)}
.learning-dashboard .journey-card>.eyebrow{font-size:clamp(7px,1.1dvh,9px);letter-spacing:1px}
.learning-dashboard .journey-card p{font-size:clamp(8px,1.4dvh,11px);margin:6px 0;line-height:1.5}
.learning-dashboard .journey-card .btn{margin-top:6px;padding:clamp(8px,1.6dvh,13px) 10px;min-height:32px;font-size:clamp(9px,1.3dvh,11px)}
@media(max-width:950px) and (min-width:701px){body:has(.learning-dashboard)>aside{width:190px;padding:24px 14px 14px}main:has(.learning-dashboard){margin-left:190px}.learning-dashboard .course-row{padding:15px 8px;gap:8px}.learning-dashboard .book-icon{width:48px;height:64px}.learning-dashboard .course-info strong{font-size:13px}.learning-dashboard .row-progress{font-size:9px;gap:7px}}
@media(max-width:700px){body:has(.learning-dashboard){display:flex;flex-direction:column}body:has(.learning-dashboard)>aside{position:static;flex:none;width:100%;height:auto;max-height:40dvh;display:grid;grid-template-columns:minmax(100px,150px) minmax(0,1fr);gap:3px 12px;padding:10px 12px;border-bottom:1px solid #f2e5ec;overflow:auto}body:has(.learning-dashboard) .brand.brand-reference{grid-column:1;grid-row:1/4;margin:0;align-self:center;width:auto}body:has(.learning-dashboard) .brand-number{font-size:30px}body:has(.learning-dashboard) .brand-business{font-size:27px}body:has(.learning-dashboard) .brand-tagline{font-size:7px;line-height:1.5;margin-top:5px}body:has(.learning-dashboard) .nav{grid-column:2;font-size:10px;padding:7px 10px;min-height:30px}body:has(.learning-dashboard) .sidebar-account-footer{grid-column:1/-1;flex-direction:row;width:100%;margin:6px 0 0;gap:10px;align-items:center}body:has(.learning-dashboard) .account-panel{min-height:30px}body:has(.learning-dashboard) .account-avatar{width:30px;height:30px;font-size:11px}body:has(.learning-dashboard) .legal-links{font-size:7px;line-height:1.4}body:has(.learning-dashboard) .legal-links br{display:none}main:has(.learning-dashboard){flex:1;min-height:0;height:auto;margin:0;padding:10px}#app>.learning-dashboard{grid-template-columns:minmax(0,1fr) clamp(108px,25vw,160px);gap:8px}.learning-dashboard .course-panel{border-radius:18px;padding:12px 8px}.learning-dashboard .panel-heading{display:block;padding:0 4px 8px}.learning-dashboard .panel-heading h1{font-size:14px;margin:0 0 5px}.learning-dashboard .group-heading{padding-left:2px}.learning-dashboard .group-heading h2{font-size:12px}.learning-dashboard .group-heading p{font-size:8px}.learning-dashboard .course-row{padding:12px 5px;min-height:105px}.learning-dashboard .book-icon{width:30px;height:48px}.learning-dashboard .course-info strong{font-size:11px}.learning-dashboard .row-progress{font-size:8px;gap:5px}.learning-dashboard .row-progress>span:first-child{min-width:28px}.learning-dashboard .row-arrow{font-size:16px}.learning-dashboard .journey-card,.learning-dashboard .motivation-card.supplied-life-card{border-radius:18px}.learning-dashboard .journey-card{padding:8px 5px}.learning-dashboard .progress-ring{width:clamp(54px,12dvh,100px);height:clamp(54px,12dvh,100px);margin:5px auto}.learning-dashboard .journey-card .btn{font-size:8px;padding:8px 6px}}
@media(max-width:700px) and (max-height:550px){.learning-dashboard>.dashboard-rail{grid-template-rows:minmax(0,.8fr) minmax(0,1.2fr);gap:6px}.learning-dashboard .journey-card{padding:6px 4px}.learning-dashboard .progress-ring{width:44px;height:44px;padding:4px;margin:4px auto}.learning-dashboard .progress-ring strong{font-size:19px}.learning-dashboard .progress-ring small{font-size:9px}.learning-dashboard .progress-ring div>span{display:none}.learning-dashboard .journey-card p{font-size:7px;margin:2px 0}.learning-dashboard .journey-card>.eyebrow{font-size:6px;letter-spacing:.5px}.learning-dashboard .journey-card .btn{min-height:26px;padding:6px;font-size:7px;margin-top:3px}}
.account-avatar{padding:0;white-space:nowrap}

/* Sidebar links retain the existing navigation appearance. */
a.nav{text-decoration:none;box-sizing:border-box;}

/* Visual skill library */
#document-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.skill-tile{background:white;border:1px solid #f0dfe7;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 28px #6b234309;transition:transform .2s,box-shadow .2s}.skill-tile:hover{transform:translateY(-4px);box-shadow:0 14px 32px #6b234318}.skill-cover{aspect-ratio:3/4;background:#f6e7ef;overflow:hidden}.skill-cover img{width:100%;height:100%;object-fit:cover;display:block}.skill-body{padding:20px 20px 12px;flex:1}.skill-body small{font-size:10px;letter-spacing:1.6px;color:#d90971;font-weight:700}.skill-body h2{font-size:18px;line-height:1.4;margin:10px 0;color:#20151b}.skill-body p{font-size:12px;line-height:1.7;color:#766b72;margin:0 0 14px}.skill-size{font-size:11px;color:#93828b}.skill-tile .document-actions{padding:0 20px 20px;display:flex}.skill-tile .document-actions .pink{width:100%;border-radius:10px}.skill-placeholder{background:linear-gradient(145deg,#261020,#c70064);color:white;display:flex;flex-direction:column;justify-content:space-between;padding:30px}.skill-placeholder strong{font-size:36px;line-height:1.1}.skill-placeholder span{font-size:12px;letter-spacing:2px}.upload-disclosure{margin:24px 0;border:1px solid #eddce5;border-radius:14px;background:#fff}.upload-disclosure>summary{padding:18px 22px;cursor:pointer;font-weight:600;color:#ba0864}.upload-disclosure .library-upload{margin:0;border:0;box-shadow:none}.library-empty{grid-column:1/-1}@media(max-width:1100px){#document-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){#document-list{grid-template-columns:1fr}.skill-cover{aspect-ratio:3/4}.skill-body h2{font-size:20px}}

/* Show complete posters in square frames at every screen size. */
.document-library .skill-cover{aspect-ratio:1/1;padding:0}.document-library .skill-cover img{width:100%;height:100%;object-fit:contain;object-position:center}.document-library .skill-placeholder{padding:24px}


.library-upload [hidden]{display:none!important}.library-upload select{width:100%;padding:12px;border:1px solid #ddd;border-radius:10px;background:#fff;font:inherit}.document-actions a{text-align:center;text-decoration:none}