:root{font-family:'DM Sans',sans-serif;color:#172233;background:#f6f8fc;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#172233;--muted:#758196;--line:#e9edf3;--blue:#4067e8;--navy:#14233b;--mint:#48d4ae;--pale:#f6f8fc}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--pale)}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{width:248px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:27px 17px 20px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;padding:0 9px 39px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;background:#eaf0ff;border-radius:13px;color:#4165e8;font:800 15px Manrope,sans-serif;letter-spacing:-1px}.brand-mark span{color:#825ef4}.brand b{display:block;font:800 14px Manrope,sans-serif;letter-spacing:-.3px}.brand small{display:block;color:#8a95a7;font-size:8px;font-weight:700;letter-spacing:1px;margin-top:3px}.nav-label,.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#95a0b1}.nav-label{padding:0 12px 11px}.primary-nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#738096;text-align:left;border-radius:10px;padding:12px 13px;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600}.nav-item:hover{background:#f7f8fb;color:var(--ink)}.nav-item.active{background:#eef2ff;color:#4165e8}.nav-icon{width:19px;font-size:17px;text-align:center}.nav-count{margin-left:auto;background:#fff;border:1px solid #dfe6ff;border-radius:6px;padding:2px 6px;font-size:10px}.sidebar-bottom{margin-top:auto}.local-card{display:flex;align-items:flex-start;gap:10px;background:#f7f9fc;border:1px solid #edf0f5;border-radius:11px;padding:13px 11px}.local-dot{width:8px;height:8px;background:#43c99f;border-radius:50%;margin-top:4px;box-shadow:0 0 0 3px #e0f7ee}.local-card b{display:block;font-size:11px}.local-card small{display:block;color:#8691a2;font-size:10px;margin-top:4px}.sidebar-foot{text-align:center;color:#8e99a9;font-size:10px;line-height:1.6;padding-top:19px}.sidebar-foot span{color:#b2bbc7}.main-content{margin-left:248px;max-width:1640px;padding:0 46px}.topbar{height:65px;border-bottom:1px solid #e7ebf1;display:flex;justify-content:space-between;align-items:center;color:#8a95a6;font-size:11px}.breadcrumb span{padding:0 8px;color:#c1c8d2}.breadcrumb b{color:#354256;font-weight:600}.top-right{display:flex;align-items:center;gap:17px}.today-label{color:#748095}.avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#e7ecff;color:#5268c9;font-weight:700;font-size:12px}.page{display:none;padding:35px 0 0}.page.active{display:block}.welcome-row,.roadmap-intro{display:flex;justify-content:space-between;align-items:flex-end}.eyebrow{color:#7888a0}.welcome-row h1,.roadmap-intro h1{font:800 30px Manrope,sans-serif;letter-spacing:-1px;margin:8px 0 6px}.subtitle{margin:0;color:#7d899a;font-size:13px}.primary-button{border:0;background:#4469e9;color:white;padding:12px 16px;border-radius:9px;font-size:12px;font-weight:700;box-shadow:0 5px 12px #4469e929}.primary-button span{font-size:15px;margin-left:10px}.primary-button:hover{background:#3359d6}.hero-card{position:relative;overflow:hidden;background:linear-gradient(112deg,#172b4b 0%,#203d66 67%,#304f7e);color:white;border-radius:16px;margin-top:28px;padding:26px 30px;min-height:198px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 25px #1e36541c}.hero-card:after{content:'';position:absolute;width:370px;height:370px;right:4%;top:-230px;border-radius:50%;background:#fff0;border:1px solid #ffffff0c;box-shadow:0 0 0 30px #ffffff05,0 0 0 65px #ffffff04}.hero-copy{z-index:1;width:54%;max-width:490px}.eyebrow.light{color:#a8bbd9}.hero-count{display:flex;align-items:baseline;gap:10px;margin:10px 0 19px}.hero-count strong{font:800 31px Manrope,sans-serif;letter-spacing:-1px}.hero-count span{font-size:12px;color:#bbc9dc}.hero-bar{height:6px;background:#ffffff27;border-radius:8px;overflow:hidden}.hero-bar span{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#47d1ab,#a2ead5);transition:width .3s}.hero-meta{display:flex;justify-content:space-between;color:#bbc9dc;font-size:10px;margin-top:8px}.hero-art{position:relative;width:200px;height:150px;margin-right:7%;display:grid;place-items:center}.art-core{position:relative;z-index:1;border:1px solid #95adcf66;background:#29466e;width:82px;height:82px;border-radius:26px;display:grid;place-items:center;font:800 23px Manrope;color:#fff;letter-spacing:-2px;transform:rotate(-8deg);box-shadow:0 12px 24px #0d1f37aa}.art-core span{color:#76e0bf}.orbit{position:absolute;border:1px solid #b3c9e633;border-radius:50%;transform:rotate(-23deg)}.orbit-one{width:166px;height:100px}.orbit-two{width:125px;height:135px;transform:rotate(48deg)}.spark{position:absolute;color:#79dfbe;font-size:21px}.spark-a{top:15px;right:21px}.spark-b{bottom:18px;left:20px;color:#b1c9f0}.art-pill{position:absolute;right:-10px;bottom:8px;background:#38577f;border:1px solid #7995b955;color:#d0dcef;padding:5px 9px;border-radius:20px;font-size:9px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:17px}.stat-card{min-width:0;background:white;border:1px solid #ebeff4;border-radius:13px;padding:16px 17px 15px;box-shadow:0 4px 12px #24365005}.stat-top{display:flex;align-items:center;gap:9px}.stat-icon{display:grid;place-items:center;border-radius:8px;width:27px;height:27px;font-weight:700;font-size:13px}.stat-icon.green{background:#e7f8f2;color:#39af88}.stat-icon.blue{background:#ebf1ff;color:#4f72e2}.stat-icon.violet{background:#f1ecff;color:#8161d7}.stat-icon.amber{background:#fff4e4;color:#d49339}.stat-caption{font-size:9px;letter-spacing:1.1px;color:#8b97a8;font-weight:700}.stat-card>strong{display:block;font:800 24px Manrope,sans-serif;margin-top:14px;letter-spacing:-.7px}.stat-card>small{display:block;color:#8a95a5;font-size:10px;margin-top:4px}.activity-title{font-size:14px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-overview{margin-top:35px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.section-heading h2{font:800 18px Manrope,sans-serif;letter-spacing:-.3px;margin:5px 0 0}.text-button{border:0;background:transparent;color:#4669dd;font-size:11px;font-weight:700;padding:7px}.text-button span{margin-left:5px;font-size:15px}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.module-mini{background:#fff;border:1px solid #e9edf3;border-radius:11px;padding:13px 14px;min-width:0}.module-mini.unverified{background:#fbfcfe}.mini-top{display:flex;justify-content:space-between;align-items:center}.mini-number{font:700 10px Manrope;color:#96a3b6}.mini-status{font-size:8px;color:#9da8b6;background:#f3f5f8;padding:4px 6px;border-radius:10px;white-space:nowrap}.mini-status.doing{color:#b17a2f;background:#fff5e4}.mini-status.done{color:#329975;background:#e8f8f2}.module-mini h3{font:700 11px Manrope;margin:12px 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-count{font-size:11px;font-weight:700}.mini-count span{font-size:9px;font-weight:400;color:#919cad}.mini-bar,.module-bar{display:block;height:4px;background:#eef1f5;border-radius:6px;overflow:hidden;margin-top:9px}.mini-bar span,.module-bar i{display:block;height:100%;background:#58cba5;border-radius:6px;transition:width .3s}.data-note{display:flex;gap:10px;margin-top:20px;padding:13px 15px;background:#f0f4fa;border:1px solid #e6ecf4;border-radius:10px;color:#758196;font-size:10px;line-height:1.65}.data-note>span{font-size:14px;color:#6680b0}.data-note b{color:#4a5b73}.page-footer{display:flex;justify-content:space-between;color:#a1aab7;font-size:9px;padding:34px 0 18px}.roadmap-intro{align-items:center}.roadmap-intro h1{margin-top:7px}.roadmap-total{text-align:right}.roadmap-total strong{display:block;font:800 20px Manrope;color:#25354d}.roadmap-total span{font-size:10px;color:#8b96a7}.roadmap-tools{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:24px;margin-bottom:15px}.search-box{display:flex;align-items:center;gap:10px;width:min(500px,60%);border:1px solid #e5eaf1;border-radius:9px;padding:0 11px;background:white;height:41px}.search-box>span{font-size:21px;line-height:1;color:#8390a4;transform:rotate(-20deg)}.search-box input{border:0;outline:0;min-width:0;flex:1;color:#344258;font-size:11px;background:transparent}.search-box input::placeholder{color:#a0aaba}.search-box kbd{font:10px 'DM Sans';color:#99a4b3;background:#f4f6f9;border:1px solid #e8ecf1;border-radius:4px;padding:3px 5px}.filter-group{display:flex;gap:4px;background:#edf0f5;padding:4px;border-radius:8px}.filter{border:0;background:transparent;color:#8290a2;padding:6px 10px;border-radius:6px;font-size:10px;font-weight:600}.filter.active{background:white;color:#34445c;box-shadow:0 1px 4px #1b2f4a15}.search-summary{color:#8190a4;font-size:10px;margin:4px 0 11px}.module-list{display:grid;gap:9px}.module-card{background:#fff;border:1px solid #e7ebf1;border-radius:12px;overflow:hidden}.module-card[open]{box-shadow:0 6px 18px #23354a08}.module-summary{min-height:74px;display:flex;align-items:center;padding:12px 17px;cursor:pointer;list-style:none;gap:13px}.module-summary::-webkit-details-marker,.section-card summary::-webkit-details-marker{display:none}.module-chevron,.section-chevron{font-size:15px;color:#97a4b6;transition:transform .2s}.module-card[open] .module-chevron{transform:rotate(180deg);color:#506bdb}.module-index{font:800 11px Manrope;color:#5976d8;background:#eff3ff;width:34px;height:34px;display:grid;place-items:center;border-radius:9px}.module-name-wrap{display:block;min-width:0;flex:1}.module-name-wrap b{display:block;font:700 12px Manrope;color:#243248}.module-name-wrap small{display:block;color:#939eac;font-size:9px;margin-top:4px}.module-progress{width:127px;text-align:right}.module-progress>b{display:block;font:700 11px Manrope;color:#34445c}.module-progress>b i{font-style:normal;color:#a3adba;font-weight:400}.module-progress>small{display:block;color:#98a2b1;font-size:9px;margin-top:3px}.module-bar{height:3px;margin-top:5px}.module-bar i{background:#5bcaa5}.module-body{border-top:1px solid #eef1f5;padding:8px 15px 13px 63px}.section-card{border-bottom:1px solid #f0f2f6}.section-card:last-child{border:0}.section-card summary{display:flex;align-items:center;gap:10px;padding:13px 3px;cursor:pointer;list-style:none}.section-card[open] .section-chevron{transform:rotate(180deg);color:#5c75d6}.section-title{font:700 11px Manrope;color:#3b4a60;flex:1}.section-count{font:600 10px Manrope;color:#748196}.section-progress{width:67px;height:3px;background:#edf0f4;border-radius:4px;overflow:hidden}.section-progress i{display:block;height:100%;background:#71cdb0}.section-status{width:67px;text-align:right;font-size:8px;color:#9aa4b1}.lesson-list{padding:0 0 6px 25px}.lesson-row{display:flex;align-items:center;gap:10px;min-height:42px;padding:4px 5px;border-radius:7px}.lesson-row:hover{background:#f8f9fc}.lesson-check{display:flex;align-items:center;cursor:pointer;flex:0 0 17px}.lesson-check input{position:absolute;opacity:0;width:17px;height:17px;cursor:pointer}.custom-check{width:16px;height:16px;border:1.5px solid #c7d0dc;border-radius:5px;background:white;display:grid;place-items:center;color:transparent;font-size:10px;transition:all .15s}.lesson-check input:focus-visible+.custom-check{outline:2px solid #7190f1;outline-offset:2px}.lesson-check input:checked+.custom-check{background:#48c49b;border-color:#48c49b;color:white}.lesson-title{font-size:10px;color:#46556a;flex:1;line-height:1.4}.is-complete .lesson-title{color:#8b97a6;text-decoration:line-through;text-decoration-color:#b2bebc}.watch-button{height:26px;min-width:87px;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 9px;background:#fff0f0;border:1px solid #f8e1e1;border-radius:6px;color:#cb5151;font-size:9px;font-weight:700;white-space:nowrap}.watch-button:hover{background:#ffe6e6}.watch-button.source-link{background:#eff4ff;color:#536fc9;border-color:#e0e8ff}.link-note{font-size:8px;color:#a2aab6;white-space:nowrap}.link-unavailable{font-size:9px;color:#9ca6b3;white-space:nowrap}.curriculum-pending{display:flex;gap:13px;align-items:flex-start;padding:18px 5px;color:#92a0b0}.curriculum-pending>span{font-size:19px;color:#9aa9c3}.curriculum-pending b{font-size:10px;color:#718096}.curriculum-pending p{margin:5px 0 0;font-size:9px;line-height:1.6;max-width:600px}.roadmap-footnote{display:flex;gap:9px;color:#8a97a8;font-size:9px;line-height:1.6;padding:15px 4px}.roadmap-footnote>span:first-child{color:#7288b7;font-size:13px}.roadmap-footnote span:last-child{max-width:740px}
@media(max-width:1100px){.main-content{padding:0 28px}.sidebar{width:220px}.main-content{margin-left:220px}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{margin-right:2%}}
@media(max-width:720px){.sidebar{width:auto;height:60px;inset:auto 0 0;flex-direction:row;padding:7px 12px;border:0;border-top:1px solid var(--line);box-shadow:0 -5px 20px #2436500a}.brand{padding:0 7px;gap:8px}.brand-mark{width:36px;height:36px}.brand small,.nav-label,.sidebar-bottom{display:none}.brand b{font-size:11px}.primary-nav{display:flex;gap:5px;margin-left:auto}.nav-item{padding:7px 10px;font-size:10px;gap:6px}.nav-icon{font-size:14px}.nav-count{padding:1px 4px}.main-content{margin:0;padding:0 17px 72px}.topbar{height:54px}.today-label{display:none}.page{padding-top:25px}.welcome-row,.roadmap-intro{align-items:flex-start;gap:12px}.welcome-row{flex-direction:column}.welcome-row h1,.roadmap-intro h1{font-size:25px}.primary-button{padding:10px 12px}.hero-card{margin-top:19px;min-height:172px;padding:22px 19px}.hero-copy{width:73%}.hero-count strong{font-size:25px}.hero-count{display:block;margin:10px 0 15px}.hero-count span{display:block;font-size:10px;margin-top:3px}.hero-art{position:absolute;right:-42px;opacity:.56;transform:scale(.8)}.stat-grid{gap:9px}.stat-card{padding:13px}.stat-card>strong{font-size:21px}.activity-title{font-size:11px!important}.module-overview{margin-top:27px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.module-mini{padding:10px}.module-mini h3{font-size:10px}.data-note{font-size:9px}.page-footer{display:grid;gap:5px;padding:25px 0 8px}.roadmap-intro{align-items:center}.roadmap-total strong{font-size:17px}.roadmap-tools{flex-direction:column;align-items:stretch;margin-top:17px}.search-box{width:100%}.filter-group{align-self:flex-start}.module-summary{gap:8px;padding:11px 10px;min-height:68px}.module-index{width:29px;height:29px;font-size:10px}.module-name-wrap b{font-size:10px}.module-name-wrap small{font-size:8px}.module-progress{width:73px}.module-progress>b{font-size:10px}.module-progress>small{font-size:8px}.module-body{padding:4px 10px 9px 38px}.section-card summary{gap:6px;padding:12px 0}.section-title{font-size:9px}.section-count{font-size:9px}.section-progress{width:40px}.section-status{width:52px;font-size:7px}.lesson-list{padding-left:9px}.lesson-row{gap:7px;min-height:42px}.lesson-title{font-size:9px}.watch-button{min-width:31px;height:25px;padding:0 6px}.watch-button span{display:none}.link-note{display:none}.link-unavailable{font-size:8px}.roadmap-footnote{font-size:8px}}
@media(max-width:390px){.main-content{padding-left:12px;padding-right:12px}.module-progress{width:65px}.module-summary{gap:6px}.module-index{width:26px;height:26px}.module-name-wrap b{font-size:9px}.roadmap-total span{font-size:8px}.brand{gap:6px}.brand-mark{width:32px;height:32px}.brand b{font-size:10px}.nav-item{padding:7px 8px}.stat-card{padding:11px}.stat-caption{font-size:8px}}

/* Settings, sync, and lesson timestamp details */
.stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.lesson-content{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px;padding:3px 0}
.lesson-meta{color:#8995a6;font-size:8px;line-height:1.45;overflow-wrap:anywhere}
.sync-notice,.sync-card{background:#fff;border:1px solid #e7ebf1;border-radius:14px;box-shadow:0 4px 12px #24365005}
.sync-notice{display:flex;gap:12px;margin-top:24px;padding:15px 17px;background:#f0f4fa;color:#65748a;font-size:11px;line-height:1.6}
.sync-notice>span{font-size:16px;color:#6680b0}
.sync-notice b{color:#34455d}
.sync-notice p{margin:4px 0 0}
.sync-card{margin-top:14px;padding:22px;max-width:820px}
.sync-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.sync-card h2{font:800 18px Manrope,sans-serif;color:#26364c;margin:6px 0 5px}
.sync-card-heading p,.existing-sync p{font-size:11px;color:#8290a2;margin:0;line-height:1.6}
.sync-status{flex:none;padding:6px 9px;border-radius:20px;background:#edf2fa;color:#637695;font-size:9px;font-weight:700}
.sync-id-row{display:flex;align-items:center;gap:10px;margin-top:20px;padding:10px;background:#f7f9fc;border:1px solid #e9edf3;border-radius:9px}
.sync-id-row code{flex:1;min-width:0;color:#263b5b;font:700 14px 'DM Sans',sans-serif;letter-spacing:1.2px;overflow-wrap:anywhere}
.secondary-button{min-height:37px;padding:0 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#40536c;font-size:10px;font-weight:700;cursor:pointer;white-space:nowrap}
.secondary-button:hover{background:#f6f8fc;border-color:#cbd5e3}
.sync-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.sync-actions .primary-button{border:0;cursor:pointer;font:700 10px 'DM Sans',sans-serif}
.sync-feedback{margin-top:12px;color:#78869a;font-size:10px;line-height:1.6}
.existing-sync{border-top:1px solid #edf0f4;margin-top:20px;padding-top:17px}
.existing-sync h3{font:700 12px Manrope,sans-serif;color:#35465d;margin:0 0 5px}
.existing-sync-row{display:flex;gap:9px;margin-top:10px}
.existing-sync-row input{flex:1;min-width:0;height:38px;border:1px solid #e2e8f0;border-radius:8px;padding:0 11px;color:#344258;font:600 11px 'DM Sans',sans-serif;letter-spacing:.5px}
.existing-sync-row input:focus{outline:2px solid #7190f1;outline-offset:1px}
.sync-privacy{max-width:820px;color:#8995a6;font-size:9px;line-height:1.7;margin:13px 2px}
@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sync-card{padding:17px 14px}.sync-card-heading{gap:9px}.sync-card h2{font-size:15px}.sync-id-row{align-items:stretch;flex-direction:column}.sync-id-row code{font-size:12px}.sync-actions>*{flex:1}.existing-sync-row{flex-direction:column}.existing-sync-row .secondary-button{align-self:flex-start}.lesson-meta{font-size:7px}}

/* One-time device pairing */
.sync-indicator{font-size:10px;font-weight:700;color:#718096;white-space:nowrap}.devices-card,.storage-card,.advanced-card{max-width:820px}.device-list{margin:18px 0;border-top:1px solid #edf0f4}.device-row{display:flex;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid #edf0f4}.device-icon{width:34px;height:34px;display:grid;place-items:center;background:#f3f6fb;border-radius:10px;font-size:17px}.device-row>span:nth-child(2){flex:1;min-width:0}.device-row b,.device-row small{display:block}.device-row b{font-size:12px;color:#35465d}.device-row small{font-size:10px;color:#8995a6;margin-top:3px}.device-connected{font-size:9px;color:#3c8b65;font-weight:700;white-space:nowrap}.devices-card>.primary-button{cursor:pointer}.devices-card>.primary-button:disabled{opacity:.55;cursor:not-allowed}.pairing-panel,.phone-pairing{margin-top:20px;border-top:1px solid #edf0f4;padding-top:18px;display:grid;justify-items:center;text-align:center;gap:12px}.pairing-panel h3,.phone-pairing h3{margin:0;color:#35465d;font:700 14px Manrope,sans-serif}.pairing-panel p,.phone-pairing p,.storage-card p,.advanced-card p{margin:5px 0 0;color:#8290a2;font-size:11px;line-height:1.7;max-width:490px}.pairing-panel canvas{width:240px;height:240px;border:1px solid #e7ebf1;border-radius:12px}.pairing-fallback{display:grid;gap:5px;color:#8491a3;font-size:10px}.pairing-fallback code{color:#263b5b;font-size:12px;font-weight:700;letter-spacing:1px}.pairing-fallback small{color:#8491a3}.phone-pairing{justify-items:stretch;text-align:left}.phone-pairing .existing-sync-row{max-width:520px}.storage-card,.advanced-card{margin-top:14px}.storage-card h2{font:800 16px Manrope,sans-serif;color:#26364c;margin:7px 0 0}.advanced-card summary{cursor:pointer;color:#35465d;font-size:12px;font-weight:700;list-style:none}.advanced-card summary::-webkit-details-marker{display:none}.advanced-card[open] summary{margin-bottom:8px}.advanced-card .sync-actions{margin-top:12px}.advanced-card .secondary-button{cursor:pointer}.sync-feedback{min-height:16px}
@media(max-width:720px){.sync-indicator{font-size:8px;max-width:115px;white-space:normal}.device-row{gap:8px}.device-connected{font-size:8px}.pairing-panel canvas{width:min(220px,75vw);height:min(220px,75vw)}.phone-pairing .existing-sync-row{flex-direction:column}.phone-pairing .existing-sync-row button{align-self:flex-start}}
.pairing-panel[hidden],.phone-pairing[hidden]{display:none!important}
@media(max-width:720px){.sidebar{height:58px;min-height:58px;padding:6px 9px}.sidebar>.brand{display:none}.primary-nav{width:100%;margin:0;justify-content:space-around;gap:3px}.nav-item{flex:1;justify-content:center;padding:7px 4px;font-size:9px;gap:4px}.nav-icon{font-size:12px}.nav-count{font-size:8px;padding:1px 3px}}

/* MOHIT.OS → LEARN → A2Z DSA navigation */
.os-areas{display:flex;flex-wrap:wrap;gap:5px;margin:0 5px 15px}
.os-area{min-height:28px;display:flex;align-items:center;gap:5px;padding:0 8px;border:1px solid #e8edf5;border-radius:7px;color:#8290a2;font-family:inherit;font-size:9px;font-weight:800;letter-spacing:.45px;cursor:pointer}
.os-area.active{border-color:#dce6ff;background:#f1f5ff;color:#4167c9}
.os-area.future{color:#a2adbb}
.os-area small{padding:2px 4px;border-radius:4px;background:#f1f3f6;color:#9aa5b3;font-size:6px;letter-spacing:.25px}
.learning-module{display:flex;align-items:center;gap:10px;margin:0 4px 18px;padding:10px;border:1px solid #e6ebf3;border-radius:10px;background:#fff;color:inherit;text-decoration:none}
.learning-module:hover{border-color:#cbd8f8;background:#fbfcff}
.module-mark{width:31px;height:31px;flex:none;display:grid;place-items:center;border-radius:8px;background:#edf2ff;color:#466ad0;font-size:10px;font-weight:800}
.learning-module small,.learning-module b{display:block}
.learning-module small{margin-bottom:3px;color:#99a3b2;font-size:7px;font-weight:800;letter-spacing:.65px}
.learning-module b{color:#35465d;font-size:11px}
.breadcrumb{gap:6px;font-size:10px}
.breadcrumb>span:nth-child(even){color:#c2cad5}
.breadcrumb>span:first-child,.breadcrumb>span:nth-child(3){color:#8995a6}
.breadcrumb>b:not(#crumb-current){color:#435a7c}
@media(max-width:720px){.sidebar>.os-areas,.sidebar>.learning-module{display:none}.breadcrumb{font-size:9px;gap:4px}.breadcrumb-page-separator,#crumb-current{display:none}}
@media(max-width:390px){.breadcrumb{font-size:8px}.top-right{gap:8px}}