:root{--bg:#0c1016;--side:#10141b;--panel:#151a22;--panel2:#191f27;--panel3:#202730;--line:#2a3039;--text:#f0ede5;--muted:#a7aab1;--sub:#79808a;--accent:#d6bfa6;--accent2:#e9d9bd;--green:#aac5ad;--red:#dfaa9e;--gold:#c7b8a0;--shadow:rgba(0,0,0,.28);--radius:18px} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.58 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}button,textarea,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}::selection{background:#685b50;color:#fff} .app{display:flex;min-height:100vh}.sidebar{width:268px;flex:0 0 268px;position:sticky;top:0;height:100vh;background:linear-gradient(175deg,#15191f,#0e1218);border-right:1px solid #272b31;padding:29px 18px 22px;display:flex;flex-direction:column;overflow:auto;z-index:30}.brand{border:0;background:transparent;color:var(--text);display:flex;align-items:center;text-align:left;gap:13px;padding:0 7px 28px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:#292b31;border:1px solid #4c4650;border-radius:50%;font-size:25px;color:var(--accent);box-shadow:0 0 36px #b99b7c21}.brand-copy{display:flex;flex-direction:column;letter-spacing:.18em;font-size:12px;line-height:1.45}.brand-copy strong{font-weight:650;letter-spacing:.22em}.brand-copy span{font-size:11px;color:#bdbab8}.side-label{color:#72757e;letter-spacing:.18em;font-size:10px;font-weight:650;padding:18px 12px 11px}.main-nav,.stage-nav{display:flex;flex-direction:column;gap:4px}.nav-item,.stage-link{border:0;color:#b0b5bd;background:transparent;border-radius:11px;padding:11px 12px;display:flex;gap:11px;align-items:center;text-align:left;transition:background .2s,color .2s;width:100%}.nav-item:hover,.stage-link:hover{background:#20262e;color:#f5f2eb}.nav-item.active,.stage-link.active{background:#282932;color:#f3e7d5}.nav-glyph{width:20px;color:var(--accent);font-size:17px}.nav-right,.nav-counter{margin-left:auto;color:#898c93;font-size:12px}.nav-counter{background:#303740;border-radius:8px;min-width:24px;padding:1px 6px;text-align:center}.stage-side-label{padding-top:27px}.stage-num{color:#7f8791;font-size:11px;width:20px}.stage-link{display:block;padding:10px 12px}.stage-link-top{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:13px}.stage-link-title{display:flex;gap:9px;align-items:center}.stage-link-progress{height:3px;background:#333943;border-radius:10px;overflow:hidden;margin:10px 0 0 29px}.stage-link-progress i{height:100%;display:block;background:var(--gold);transition:width .3s}.sidebar-bottom{margin-top:auto;padding:20px 12px 2px;border-top:1px solid var(--line)}.sidebar-bottom-title{font-size:12px;font-weight:650}.sidebar-bottom p{font-size:12px;color:#8f969f;line-height:1.6;margin:7px 0 10px}.sidebar-tools{display:flex;gap:18px}.linkish{font-size:12px;background:none;border:0;color:#cbb89e;padding:3px 0;cursor:pointer}.linkish:hover{text-decoration:underline}.import-label{display:inline-flex}.main{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{min-height:80px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #222933;gap:16px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:15px}.eyebrow{letter-spacing:.19em;font-size:10px;color:#b4ad9f;font-weight:700}.muted{color:var(--sub)}.topbar-right{font-size:12px;color:#a2a5ac}.connection-dot{height:6px;width:6px;background:#b8c3ad;border-radius:100%;box-shadow:0 0 9px #a1c9a3}.top-mentor{border:1px solid #5d534c;border-radius:999px;padding:9px 15px;background:none;color:#ecdfce;margin-left:8px;font-size:12px}.top-mentor:hover,.btn-outline:hover{background:#37302a}#mobileMenu{display:none;border:0;background:none;color:#e0d6c9;font-size:22px}.view{width:100%;max-width:1280px;padding:40px 48px 48px;margin:0 auto;flex:1}.footer{font-size:10px;letter-spacing:.16em;color:#666c74;padding:24px 48px 30px;border-top:1px solid #20252d}.footer span{padding:0 8px} .hero{min-height:327px;background:radial-gradient(ellipse at 75% 40%,rgba(112,94,93,.24),transparent 41%),linear-gradient(125deg,#1d2129,#131821 80%);border:1px solid #313039;border-radius:24px;position:relative;overflow:hidden;display:flex;align-items:center;padding:41px 45px;isolation:isolate}.hero:after{content:"";position:absolute;right:8%;top:-75%;width:430px;height:700px;border:1px solid #b9a68e22;transform:rotate(24deg);border-radius:50%;z-index:-1}.hero-copy{max-width:550px;z-index:1}.overline{font-size:10px;letter-spacing:.24em;font-weight:700;color:#c7b69e;text-transform:uppercase}.hero h1,.page-title,.lesson-title{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.035em}.hero h1{font-size:clamp(33px,3.5vw,57px);line-height:1.1;margin:18px 0 18px}.hero p{font-size:14px;line-height:1.8;max-width:460px;color:#aaa9ad}.orb{position:absolute;right:7%;top:50%;transform:translateY(-50%);height:258px;width:258px;border-radius:50%;background:radial-gradient(circle at 30% 29%,#b9b0a3 0%,#776b70 26%,#433e4c 53%,#191e2b 71%);box-shadow:inset -22px -28px 42px #080d1bcf,inset 10px 8px 23px #ffffff29,0 0 43px #bfa6a432,0 0 100px #b5a3ab12;animation:orbfloat 8s ease-in-out infinite;z-index:-1}.orb:before{content:"";inset:-17px;position:absolute;border-radius:50%;border:1px solid #d2c1b82a;transform:rotate(-19deg) scaleY(.58)}.orb:after{content:"";inset:-27px;position:absolute;border-radius:50%;border:1px solid #ded3bf12;transform:rotate(30deg) scaleY(.85)}@keyframes orbfloat{0%,100%{translate:0 0}50%{translate:0 -11px}}.hero-buttons{display:flex;gap:11px;flex-wrap:wrap;margin-top:25px}.btn{border:1px solid #d3bda4;background:#d6bea3;color:#1d1d22;padding:12px 18px;font-weight:650;border-radius:10px;font-size:13px;display:inline-flex;align-items:center;gap:11px;justify-content:center}.btn:hover{background:#ebd6bd}.btn-outline{background:transparent;border-color:#6f645c;color:#e8d6c0}.btn-ghost{background:#212731;color:#e5ded3;border-color:#3b424c}.btn-ghost:hover{background:#313945}.btn-small{font-size:12px;padding:9px 12px}.divider{height:1px;background:var(--line);margin:24px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:36px 0 19px}.section-head h2{font-size:21px;font-weight:500;margin:0}.section-head p{color:#8d949f;font-size:12px;margin:5px 0 0}.text-link{background:none;border:0;color:#cbb79c;font-size:12px;letter-spacing:.02em}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:17px}.stat{border:1px solid #303640;background:#151a22;border-radius:15px;padding:22px 22px 18px;min-height:115px}.stat span{display:block;color:#9096a1;font-size:12px;margin-bottom:10px}.stat strong{font-family:Georgia,serif;font-size:33px;font-weight:400;line-height:1.15;white-space:nowrap}.stat small{font:12px system-ui;color:#9b9c9d}.stage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stage-card{background:linear-gradient(130deg,#181e26,#121820);border:1px solid #313740;border-radius:18px;padding:24px;transition:border-color .2s,transform .2s;display:flex;flex-direction:column;min-height:224px}.stage-card:hover{border-color:#82766f;transform:translateY(-2px)}.stage-card-top{display:flex;align-items:center;justify-content:space-between}.stage-card-number{color:#9aa0a9;font-size:11px;letter-spacing:.15em}.stage-card-icon{height:37px;width:37px;border-radius:100%;border:1px solid #4c4b4d;display:grid;place-items:center;color:var(--stage-accent);font-size:18px}.stage-card h3{font-size:20px;font-weight:500;margin:19px 0 3px}.stage-card p{font-size:13px;color:#9299a4;line-height:1.7;flex:1;margin:0 0 18px}.progress-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#afb3b8;margin-bottom:9px}.meter{height:5px;background:#323943;border-radius:10px;overflow:hidden}.meter>span{height:100%;display:block;border-radius:10px;transition:width .35s}.next-card{margin-top:16px;border:1px solid #30353e;background:linear-gradient(120deg,#20232a,#191f27);border-radius:17px;padding:22px;display:flex;gap:20px;align-items:center;justify-content:space-between}.next-card strong{display:block;font-size:17px;font-weight:550}.next-card p{color:#9ba2aa;font-size:13px;margin:5px 0 0}.page-eyebrow{margin-bottom:13px}.page-title{font-size:clamp(34px,4vw,52px);line-height:1.15;margin:0 0 12px}.page-lede{color:#a8adb4;max-width:760px;line-height:1.85;margin-bottom:30px}.crumbs{font-size:12px;color:#9398a0;margin-bottom:22px;display:flex;gap:10px;align-items:center}.crumbs button{background:none;border:0;color:#cbbba5;padding:0}.lesson-list{display:flex;flex-direction:column;gap:10px}.lesson-row{background:#171d25;border:1px solid #313842;border-radius:15px;display:flex;align-items:center;padding:20px 22px;gap:17px;width:100%;color:inherit;text-align:left}.lesson-row:hover{background:#202733;border-color:#77716c}.lesson-index{font:15px Georgia,serif;color:#a9a3a0;min-width:28px}.lesson-row-title{font-weight:540;font-size:15px;display:block}.lesson-row-caption{font-size:12px;color:#9299a4;margin-top:3px;display:block}.lesson-row-end{margin-left:auto;display:flex;align-items:center;gap:14px}.pill{padding:5px 10px;border-radius:100px;font-size:11px;border:1px solid #55505a;white-space:nowrap;color:#bdb5b6}.pill.done{color:#b8dabd;border-color:#536c5c;background:#1c3028}.pill.pending{color:#dec8a8;border-color:#6d5940;background:#2b261e}.pill.new{color:#a0a8b0;border-color:#414953}.row-chevron{font-size:19px;color:#94887b}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 238px;align-items:start;gap:24px}.lesson-main{min-width:0}.lesson-aside{position:sticky;top:20px;border:1px solid #30363f;background:#171d25;border-radius:16px;padding:21px}.aside-title{font-size:10px;letter-spacing:.18em;color:#9ca3ac;font-weight:700;margin-bottom:18px}.timeline{display:flex;flex-direction:column;gap:18px}.timeline-item{display:flex;gap:11px;color:#a9afb7;font-size:12px}.timeline-item b{width:22px;height:22px;flex:0 0 22px;border-radius:50%;display:grid;place-items:center;background:#2b333e;color:#d8c4aa;font-size:10px}.timeline-item strong{display:block;color:#eee6de;font-size:12px;font-weight:600}.timeline-item span{display:block;font-size:11px;color:#8c939c;margin-top:1px}.aside-note{border-top:1px solid var(--line);margin-top:24px;padding-top:17px;color:#9a9fa6;font-size:11px;line-height:1.7}.lesson-banner{background:linear-gradient(125deg,#25252b,#151c25);border-radius:19px;border:1px solid #373740;padding:29px 31px 26px;margin-bottom:16px}.lesson-title{font-size:clamp(29px,3.3vw,43px);line-height:1.17;margin:12px 0}.lesson-goal{color:#b0b2b5;line-height:1.75;max-width:670px;margin:0}.lesson-meta{display:flex;gap:12px;color:#a2a6ab;font-size:12px;margin-top:19px;flex-wrap:wrap}.lesson-meta span{border:1px solid #4a4650;border-radius:100px;padding:6px 10px}.lesson-panel{background:#151b23;border:1px solid #30363f;border-radius:17px;padding:28px 31px;margin:15px 0}.lesson-panel h2{font-size:19px;font-weight:550;margin:0 0 19px}.prose h3{font-size:15px;font-weight:620;color:#e7d6c0;margin:23px 0 8px}.prose h3:first-child{margin-top:0}.prose p{color:#b5b7bd;font-size:14px;line-height:1.92;margin:0 0 14px}.example{border-left:2px solid #c6ac8e;background:#24252b;border-radius:0 11px 11px 0;padding:18px 20px;margin-top:24px}.example strong{color:#e0c3a3;font-size:12px;letter-spacing:.12em}.example p{color:#c6c4c4;line-height:1.75;margin:6px 0 0;font-size:13px}.practice-box{background:#201f26;border:1px solid #52473d}.practice-box h2{color:#e4d0b8}.practice-box p{color:#cbc1bb;font-size:14px;line-height:1.82}.practice-box textarea,.feedback-area{background:#141820;border:1px solid #46505a;border-radius:11px;color:#eee9e3;min-height:135px;width:100%;padding:13px 16px;resize:vertical;outline:none;margin-top:10px;font-size:13px;line-height:1.8}.practice-box textarea:focus,.feedback-area:focus{border-color:#bba78e;box-shadow:0 0 0 3px #ae987020}.input-tip{display:flex;justify-content:space-between;gap:12px;color:#8e98a4;font-size:11px;margin-top:9px}.quiz-question{padding:21px 0;border-top:1px solid var(--line)}.quiz-question:first-of-type{border-top:0}.quiz-num{font-size:10px;letter-spacing:.18em;color:#c4ac91}.quiz-question h3{font-size:15px;font-weight:540;margin:10px 0 14px}.option{border:1px solid #3a424c;background:#1a222b;border-radius:10px;padding:11px 14px;margin:7px 0;display:flex;align-items:center;gap:11px;cursor:pointer;transition:.16s;line-height:1.55;font-size:13px}.option:hover{border-color:#766d68}.option.selected{border-color:#cbb599;background:#302d2e}.option input{accent-color:#dcc3a6;flex:0 0 auto}.quiz-result{margin-top:18px;padding:16px 17px;border-radius:11px;background:#222a27;color:#d0e1ce;border:1px solid #425a46;font-size:13px}.quiz-result.fail{background:#302522;border-color:#6e4c43;color:#ebc9bf}.quiz-result p{margin:6px 0 0;line-height:1.7}.action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;align-items:center}.mentor-box{border:1px dashed #59524e;border-radius:15px;padding:24px;background:#181c23;margin:15px 0}.mentor-box h2{margin:0 0 6px;font-size:17px;font-weight:550}.mentor-box p{font-size:13px;line-height:1.75;color:#9ea4ad;margin:0 0 14px}.small-help{font-size:11px;color:#959ba2;line-height:1.7}.mini-tag{font-size:10px;border:1px solid #50545d;border-radius:50px;padding:3px 8px;color:#b9bec4}.page-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:24px}.review-card{border:1px solid #333942;border-radius:14px;background:#171d25;padding:18px 21px;margin-bottom:9px;display:flex;gap:16px;align-items:center;justify-content:space-between}.review-card h3{font-size:15px;font-weight:550;margin:0 0 4px}.review-card p{font-size:12px;color:#949ca6;margin:0}.empty{border:1px dashed #464b53;border-radius:17px;padding:45px 24px;text-align:center;color:#a2a7ae}.empty h3{color:#f1e9e1;font-weight:500;margin:7px 0}.empty p{max-width:500px;margin:0 auto 15px;font-size:13px;line-height:1.75}.warning{border:1px solid #5c544a;background:#25211e;color:#d7c5b3;border-radius:11px;font-size:12px;padding:12px 14px;line-height:1.7;margin:14px 0}.toast{position:fixed;bottom:28px;right:28px;z-index:60;transform:translateY(120px);opacity:0;background:#e5d4bd;color:#202128;border-radius:11px;padding:12px 18px;box-shadow:0 10px 35px #0005;transition:.3s;font-size:13px}.toast.visible{transform:translateY(0);opacity:1}.focus-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.countdown{font-family:Georgia,serif;color:#d3bd9f;font-size:25px}.range-info{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 22px}.info-chip{background:#242a31;color:#aeb3b6;padding:6px 11px;border-radius:100px;font-size:11px}.scale-badge{font-size:11px;color:#dec9aa;border:1px solid #615240;padding:5px 11px;border-radius:100px} @media(max-width:1180px){.view{padding:35px 30px}.topbar{padding:0 30px}.hero{padding:38px}.orb{right:1%;opacity:.68}.lesson-layout{grid-template-columns:minmax(0,1fr) 205px;gap:15px}}@media(max-width:960px){.sidebar{width:220px;flex-basis:220px}.orb{height:210px;width:210px;opacity:.48}.stat-grid{grid-template-columns:repeat(2,1fr)}.lesson-layout{display:block}.lesson-aside{position:static;margin-bottom:16px}.timeline{flex-direction:row;flex-wrap:wrap}.timeline-item{min-width:125px}.lesson-panel{padding:23px}}@media(max-width:720px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-100%);transition:transform .25s;width:286px;box-shadow:18px 0 50px #0009}.sidebar.open{transform:translateX(0)}#mobileMenu{display:block}.topbar{min-height:66px;padding:0 20px}.topbar-right .connection-dot,.topbar-right>span:not(.connection-dot){display:none}.topbar-right{gap:3px}.top-mentor{font-size:11px;padding:8px 10px;margin-left:0}.view{padding:24px 17px 32px}.hero{padding:30px 25px;min-height:300px}.hero h1{font-size:36px}.hero p{font-size:13px}.orb{right:-100px;top:37%;opacity:.36}.hero-buttons{margin-top:24px}.stage-grid{grid-template-columns:1fr}.stat-grid{gap:9px}.stat{padding:16px;min-height:102px}.stat strong{font-size:28px}.stat span{font-size:11px}.section-head{margin-top:30px}.next-card{display:block}.next-card .btn{margin-top:16px}.footer{padding:20px 17px}.lesson-banner{padding:23px 20px}.lesson-panel{padding:20px}.lesson-row{padding:15px 13px;gap:10px}.lesson-row-end{gap:7px}.row-chevron{display:none}.pill{font-size:10px;padding:4px 7px}.page-actions{flex-wrap:wrap}.eyebrow{font-size:9px}.page-title{font-size:35px}.toast{bottom:15px;right:15px;left:15px;text-align:center}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} /* Native