:root{--bg:#f8f7f3;--ink:#242b29;--muted:#6c726e;--accent:#ed7054;--line:#e6e7e0;--side:250px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bc5037;outline-offset:4px}h1,h2,h3,.brand{font-family:'Manrope',Arial,sans-serif;letter-spacing:-.045em}h1{font-size:32px;line-height:1.25;margin:9px 0 12px;font-weight:800}h2{font-size:23px;line-height:1.35;margin:0 0 10px}h3{font-size:19px;line-height:1.4;margin:8px 0}p{color:var(--muted);margin:0 0 18px}em{font-family:Georgia,serif;font-weight:400}strong{font-weight:700}small{font-size:12px}.sidebar{width:var(--side);position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);background:#fffefb;padding:33px 22px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;font-size:26px;font-weight:800;gap:9px;letter-spacing:-1.5px}.brand-mark{width:36px;height:36px;border-radius:11px;background:var(--accent);color:white;font:italic bold 31px Georgia;display:inline-flex;align-items:center;justify-content:center;letter-spacing:-4px;padding-right:5px}.brand-mark span{font-size:25px}.brand-dot{color:var(--accent);margin-left:-9px}.nav-label{font-size:10px;letter-spacing:1.7px;color:#777d76;margin:47px 12px 17px}.nav-item{display:flex;gap:13px;align-items:center;padding:13px 12px;margin:5px 0;border-radius:10px;color:#616962;font-size:13px;font-weight:500;white-space:nowrap}.nav-item:hover{background:#f7f5ef}.nav-item.active{color:#b74830;background:#fae9e1;font-weight:700}.nav-icon{font-size:20px;line-height:1;width:20px;text-align:center}.nav-item small{background:#e5ebdc;color:#476139;border-radius:5px;padding:0 5px;font-size:9px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:35px}.daily-note{background:#f1f3e9;border:1px solid #e6e9da;border-radius:13px;padding:19px}.daily-note>span{font-size:25px;color:#64715b}.daily-note strong{display:block;line-height:1.6;font-size:14px;margin:9px 0}.daily-note p{font-size:12px;line-height:1.65;margin:0}.powered{font-size:8px;letter-spacing:1.2px;display:block;text-align:center;color:#85897f;margin-top:24px}.workspace{margin-left:var(--side)}.topbar{height:83px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{margin:0 13px;color:#a5a89f}.account{display:flex;align-items:center;gap:14px}.account-name{font-weight:600;font-size:12px}.avatar{width:34px;height:34px;border-radius:50%;background:#ebdfd2;display:grid;place-items:center;font-weight:700}.account form{margin:0}.text-button{border:0;background:transparent;color:var(--muted);font-size:12px;padding:8px}.button{border:0;background:var(--ink);color:white;border-radius:9px;padding:13px 20px;display:inline-flex;gap:22px;align-items:center;justify-content:center;font-weight:600;font-size:13px;line-height:1.5}.button:hover{background:#3b4740}.button.small{font-size:12px;padding:9px 15px}.button.secondary{background:#fff;border:1px solid #cdd2c5;color:var(--ink)}.button.secondary:hover{background:#f1f3ed}.button.full{width:100%;margin-top:24px}main{max-width:1450px;margin:auto;padding:37px 42px 40px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.page-heading p{margin:0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#6d746a}.wave{color:#ad7653;font-size:27px}.date-chip{border:1px solid var(--line);background:#fffdf8;white-space:nowrap;padding:8px 12px;border-radius:7px;font-size:11px;color:var(--muted)}.hero{background:#f0e7d9;border-radius:18px;display:grid;grid-template-columns:1.15fr 1fr;min-height:325px;overflow:hidden;border:1px solid #e9decc}.hero-copy{padding:35px 38px}.pill{font-size:10px;display:inline-flex;padding:5px 10px;border-radius:30px;background:#fff9ec;border:1px solid #ded9c8;color:#655d4a;letter-spacing:.5px;font-weight:600}.hero h2{font-size:40px;line-height:1.2;margin:18px 0;color:#29362e;letter-spacing:-1.9px}.hero h2 em{color:#536647}.hero p{max-width:395px;font-size:13px;line-height:1.8}.hero-foot{display:block;font-size:10px;margin-top:12px;color:#6c7264}.hero-art{position:relative;min-height:325px;background:radial-gradient(ellipse at 50% 50%,#ede1ca,transparent 65%)}.orbit{position:absolute;border:1px solid #cfbfa4;width:270px;height:270px;border-radius:50%;left:14%;top:8%;transform:rotate(25deg) scaleX(.8)}.orbit-two{left:22%;top:14%;transform:rotate(-35deg) scaleX(1.3);border-style:dashed}.speech{position:absolute;border-radius:20px;font:30px/1.25 Georgia;letter-spacing:-1px;box-shadow:0 13px 25px #45382116}.speech.dark{background:#354d3d;color:#f4f0de;width:260px;padding:28px;left:9%;top:23px;transform:rotate(-8deg)}.speech.dark:after{content:'';position:absolute;border:18px solid transparent;border-top-color:#354d3d;bottom:-31px;left:35px}.speech.dark span{position:absolute;right:20px;top:20px;color:#dce5bb}.speech.white{background:#fffdf3;font-size:27px;color:#384635;padding:24px 23px;left:26%;top:178px;transform:rotate(8deg);width:238px}.speech.white span{padding-left:12px;color:#dd7056}.art-star{position:absolute;font-size:85px;color:#d77859;right:7%;top:58px;line-height:1;transform:rotate(10deg)}.mini-label{position:absolute;bottom:29px;left:21%;font-size:8px;letter-spacing:2px;color:#7b796a}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:22px 0 33px}.stat{display:flex;align-items:center;gap:13px;background:#fffefb;border:1px solid var(--line);padding:18px;border-radius:11px}.stat-icon{width:41px;height:41px;border-radius:11px;display:grid;place-items:center;font-size:21px}.stat strong{font:800 24px 'Manrope',Arial,sans-serif;display:block;line-height:1.35}.stat div>span,.stat>span:not(.stat-icon){font-size:10px;color:var(--muted);display:block}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2{font-size:22px;margin:0 0 5px}.section-heading p{font-size:12px;margin:0}.inline-link{font-size:12px;font-weight:700;color:#40513f}.inline-link:hover{text-decoration:underline}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.course-card{background:#fffefb;border:1px solid var(--line);border-radius:13px;overflow:hidden}.course-art{display:block;height:176px;padding:17px 19px;position:relative;overflow:hidden}.peach{background:#f4d8c9}.lavender{background:#e4e0f2}.mint{background:#dce8d9}.blue{background:#dbe7ec}.butter{background:#eee8c6}.level-tag{font-size:9px;padding:4px 8px;border-radius:20px;background:#ffffff9c;position:relative;z-index:1}.art-type{position:absolute;left:23px;top:48px;font:32px/1.1 Georgia;letter-spacing:-1px;color:#674537;z-index:1}.art-second{display:block;font-style:italic;padding-left:20px}.lavender .art-type{color:#53446c;font-size:28px}.mint .art-type{color:#405a41}.art-bubble{position:absolute;font:150px/1 Georgia;color:#ffffff69;right:4px;bottom:-8px;transform:rotate(10deg)}.course-body{padding:19px 21px}.course-body .eyebrow{font-size:8px}.course-body h3{font-size:18px;margin:7px 0 8px}.course-body p{font-size:11px;line-height:1.8;min-height:40px;margin:0 0 16px}.course-meta{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:13px;font-size:10px;color:var(--muted)}.course-meta strong{margin-left:auto;color:var(--ink);font-size:12px}.round-arrow{width:27px;height:27px;border:1px solid #dddcd2;border-radius:50%;display:grid;place-items:center;font-size:15px;color:var(--ink)}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:22px}.bottom-grid{margin-top:28px}.panel{padding:27px;background:#fffefb;border:1px solid var(--line);border-radius:13px;min-width:0}.panel p{font-size:13px;line-height:1.8}.practice-promo{background:#e7eadc;border-radius:13px;padding:28px;position:relative;overflow:hidden;border:1px solid #dbe0d0}.practice-promo h2{margin:12px 0}.practice-promo p{font-size:12px;max-width:320px;position:relative;z-index:1}.promo-star{position:absolute;right:21px;top:57px;font:110px Georgia;color:#a7b59c}.recent-results{margin-top:20px}.recent-results a{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:10px 0;font-size:12px}.recent-results span{color:var(--muted)}footer{max-width:1450px;margin:auto;padding:20px 42px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#84877c;font-size:10px}.alert{border-radius:10px;padding:15px 20px;margin:0 0 24px;background:#eee9d6;border:1px solid #ddd4b5;font-size:13px}.alert.success{background:#e2eddf;border-color:#c6d7c1}.alert.error{background:#f8e3df;border-color:#e6b8af}.alert ul{padding-left:20px;margin:0}input,select,textarea{display:block;background:#fff;border:1px solid #d6dbd1;border-radius:7px;padding:11px 13px;width:100%;color:var(--ink);margin-bottom:16px}textarea{min-height:100px;resize:vertical}label{display:block;font-size:12px;font-weight:600;margin:14px 0 6px}.filter-bar{display:flex;gap:12px;align-items:center;background:#fffefb;padding:17px;border:1px solid var(--line);border-radius:11px;margin-bottom:24px}.filter-bar input{flex:2}.filter-bar select{flex:1}.filter-bar input,.filter-bar select{margin:0;min-width:0}.filter-bar .button{white-space:nowrap}.course-detail{padding:42px;border-radius:16px;margin:22px 0}.course-detail h1{font-size:44px}.course-detail p{max-width:650px;color:#4c584d;font-size:16px}.detail-actions{display:flex;align-items:center;gap:22px;margin-top:25px}.detail-actions>span{font-size:12px}.lesson-row{display:flex;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.lesson-row:last-child{border-bottom:0}.lesson-row small{display:block;color:var(--muted);margin-top:3px;font-size:11px}.lesson-row .inline-link,.lesson-row .muted{margin-left:auto;white-space:nowrap;font-size:11px}.lesson-number{width:30px;height:30px;border-radius:50%;background:#f1eee3;display:grid;place-items:center;font-size:12px;flex-shrink:0}.lesson-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:22px}.reading{padding:38px}.reading p{font-size:16px;line-height:1.9;margin-bottom:25px}.auth-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;max-width:1050px;margin:40px auto}.auth-intro{padding-top:25px}.auth-intro h1{font-size:49px;line-height:1.2}.auth-intro p{max-width:340px}.auth-art{margin-top:55px;background:#dfe7d7;padding:35px 28px;border-radius:60px 60px 60px 5px;font:60px Georgia;max-width:300px;color:#3b503f;transform:rotate(-4deg)}.auth-art span{display:block;font-size:22px;font-style:italic}.auth-form{padding:32px}.auth-form h2{font-size:26px}.auth-form small{display:block;color:var(--muted);margin-top:-8px}.auth-switch{font-size:12px!important;text-align:center;margin:20px 0 0}.question-stack{display:grid;gap:20px;margin:25px 0}.question{margin:0;padding-top:15px}.question legend{float:left;width:100%;margin-bottom:17px}.question:after{content:'';display:block;clear:both}.question-title{display:block;font-size:19px;font-weight:700;margin-top:9px;letter-spacing:-.4px}.answer{display:flex;align-items:center;gap:13px;padding:12px 15px;border:1px solid #e0e3d9;border-radius:8px;font-weight:400;clear:both;cursor:pointer;margin:9px 0}.answer:hover{background:#f4f5ec}.answer:has(input:checked){border-color:#718469;background:#eef2e7}.answer input{width:17px;height:17px;padding:0;margin:0;accent-color:#41583e;flex-shrink:0}.result-banner{padding:35px;border-radius:15px}.result-banner h1{font-size:64px}.muted{color:var(--muted)}.jobs-grid,.rooms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.job-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:10px}.company-logo{background:#e5eadc;border-radius:11px;display:grid;place-items:center;font-size:24px;font-weight:700;width:48px;height:48px}.job-card h2{font-size:21px}.job-card p{font-size:12px}.room{border:0;min-height:280px}.room-symbol{font:50px Georgia;display:block;margin-bottom:20px}.room h2{font-size:22px}.room .pill{margin-top:10px}.narrow{max-width:600px}.skip{position:fixed;top:-60px;left:12px;z-index:100;background:#242b29;color:#fff;padding:12px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){:root{--side:270px}.hero-art{min-height:340px}.hero-copy{padding:40px}.hero h2{font-size:47px}.course-art{height:205px}.art-type{top:66px}}
@media(max-width:1200px){:root{--side:215px}.sidebar{padding:27px 13px}.brand{font-size:24px}.nav-item{font-size:11px;gap:9px}.topbar{padding:0 25px}main{padding:30px 25px}.hero-copy{padding:28px}.hero h2{font-size:34px}.speech.dark{width:215px;font-size:26px;left:4%}.speech.white{width:200px;font-size:24px;left:14%}.art-star{font-size:60px;right:3%;top:100px}.stat{padding:13px;gap:10px}.stat-icon{width:33px;height:33px}.stat div>span{font-size:9px}.course-grid{gap:14px}.course-body{padding:16px}.course-body h3{font-size:16px}.promo-star{opacity:.5}.jobs-grid,.rooms-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){:root{--side:180px}.sidebar{padding:25px 10px}.brand{font-size:20px;gap:5px}.brand-mark{width:30px;height:32px;font-size:27px}.nav-label{font-size:8px;margin-top:35px;letter-spacing:.7px}.nav-item{padding:11px 8px;font-size:10px;gap:8px}.daily-note{padding:12px}.daily-note strong{font-size:12px}.daily-note p{font-size:10px}.powered{font-size:6px}.hero{grid-template-columns:1.2fr 1fr}.hero-art{min-height:300px}.hero h2{font-size:29px}.hero-copy{padding:25px}.hero p{font-size:12px}.speech.dark{font-size:21px;width:170px;padding:22px;top:45px}.speech.white{font-size:19px;width:164px;padding:18px;top:175px}.orbit{width:200px;height:220px;left:1%}.mini-label{left:4%;font-size:6px}.art-star{right:1%;font-size:46px}.stats{grid-template-columns:repeat(2,1fr)}.course-grid{grid-template-columns:repeat(2,1fr)}.course-grid .course-card:last-child{grid-column:auto}.two-column{grid-template-columns:1fr}.auth-layout{gap:25px;grid-template-columns:1fr 1fr}.auth-intro h1{font-size:35px}.auth-form{padding:23px}.section-heading{align-items:flex-start}.lesson-layout{grid-template-columns:1fr}.filter-bar{flex-wrap:wrap}.filter-bar input{flex-basis:100%}.page-heading h1{font-size:28px}.date-chip{display:none}.course-detail h1{font-size:35px}.course-detail{padding:30px}.topbar{height:72px}.breadcrumb{font-size:10px}}
@media(max-width:650px){.sidebar{position:relative;width:100%;padding:18px 18px 0;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:25px}.brand-mark{width:34px;height:34px}.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:5px;padding:12px 0 9px}.nav-item{padding:9px 10px;flex-shrink:0;font-size:11px;margin:0}.nav-icon{font-size:15px;width:auto}.nav-item small{display:none}.workspace{margin:0}.topbar{height:60px;padding:0 18px}.breadcrumb{display:none}.account{margin-left:auto;gap:9px}.account-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{padding:25px 18px}.page-heading{margin-bottom:23px}.page-heading h1{font-size:27px}.page-heading p{font-size:12px}.eyebrow{font-size:9px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:27px}.hero h2{font-size:37px}.hero-art{min-height:240px}.speech.dark{left:12%;top:2px;width:215px;font-size:26px}.speech.white{left:36%;top:135px;width:200px;font-size:22px}.orbit{left:20%;top:0}.art-star{right:12%;top:70px;font-size:60px}.mini-label{display:none}.stats{gap:9px;margin:16px 0 27px}.stat{padding:13px 10px;gap:9px}.stat strong{font-size:22px}.stat div>span{font-size:9px}.section-heading{gap:10px}.section-heading h2{font-size:21px}.section-heading p{font-size:11px}.section-heading .inline-link{font-size:10px;max-width:83px;flex-shrink:0;text-align:right}.course-grid,.jobs-grid,.rooms-grid{grid-template-columns:1fr}.course-art{height:186px}.art-type{font-size:39px;top:50px}.course-body{padding:21px}.course-body h3{font-size:21px}.course-body p{font-size:12px;min-height:auto}.panel{padding:23px}.auth-layout{grid-template-columns:1fr;margin:0;gap:23px}.auth-intro{padding:0}.auth-intro h1{font-size:37px}.auth-intro p{margin:0}.auth-art{display:none}.auth-form h2{font-size:24px}.filter-bar{padding:13px;gap:9px}.filter-bar select{flex-basis:100%}.course-detail{padding:24px}.course-detail h1{font-size:32px}.course-detail p{font-size:14px}.detail-actions{flex-wrap:wrap;gap:12px}.lesson-row{gap:9px}.lesson-row strong{font-size:12px}.reading p{font-size:15px}.question-title{font-size:17px}.answer{padding:12px}.result-banner h1{font-size:54px}.bottom-grid{gap:18px}.practice-promo{padding:24px}footer{padding:18px;gap:15px;font-size:8px}.job-card h2{font-size:24px}.question legend{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Expansion interfaces */
fieldset{border:1px solid #d5dcd6;border-radius:12px;padding:20px;margin:20px 0}legend{font-weight:600;padding:0 6px}textarea,select{width:100%;padding:12px;border:1px solid #cad2cc;border-radius:8px;font:inherit;background:#fff;margin:6px 0 16px}textarea{min-height:110px}input[type=checkbox],input[type=radio]{width:auto}details summary{cursor:pointer;font-weight:600}.panel+.panel{margin-top:20px}.sidebar nav{max-height:calc(100vh - 155px);overflow:auto}.sidebar-bottom{display:none}label:has(input){display:block}video{border-radius:12px}

.admin-links{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.admin-links [aria-current]{font-weight:bold;text-decoration:underline}

.continue-learning{margin-bottom:32px}.continue-learning h3{font-size:22px;margin:14px 0}.continue-learning progress{display:block;width:100%;height:10px;margin:18px 0;accent-color:#285349}.continue-learning .button{white-space:normal}.coach-room{max-width:900px;margin:0 auto}.conversation{display:flex;flex-direction:column;gap:18px;margin-bottom:30px}.chat-message{max-width:85%;padding:18px 22px;border-radius:20px;background:#f0f3ee;overflow-wrap:anywhere}.chat-message p{white-space:pre-wrap;margin:8px 0 0}.from-learner{align-self:flex-end;background:#fce7dc}.chat-message strong{font-size:12px;text-transform:uppercase;letter-spacing:1px}.coach-welcome{text-align:center;padding:28px 12px}.coach-welcome>span{font-size:48px;color:#285349}.voice-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0}.voice-actions audio,audio[data-recording]{width:100%;max-width:440px}.coach-feedback{border-top:1px solid var(--line);padding-top:28px;margin-top:28px}.feedback-scores{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.feedback-scores>div{padding:18px;border-radius:14px;background:#f0f3ee}.feedback-scores strong,.feedback-scores span{display:block}.feedback-scores strong{font-size:25px}.feedback-scores span{font-size:12px;margin-top:6px}.coach-feedback li{margin:10px 0}.coach-room .muted{font-size:12px;line-height:1.7}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:3px solid #285349;outline-offset:4px}
@media(max-width:650px){.chat-message{max-width:95%;padding:15px}.feedback-scores{grid-template-columns:repeat(2,1fr)}.voice-actions .button{width:100%}.continue-learning .button{font-size:12px}.coach-room{padding:20px}}
.nav-label,.eyebrow,.hero-foot,footer{color:#515b4f}.nav-item.active{color:#9d3c28}.hero-copy p,.practice-promo p{color:#515b4f}
.chat-message p{color:#414a40;font-size:15px;line-height:1.7}
