.mobile-nav{display:none}@media (max-width:767px){.mobile-nav{z-index:50;height:calc(72px + env(safe-area-inset-bottom));padding:8px 4px env(safe-area-inset-bottom);border:1px solid var(--line);background:var(--bg-elev);border-bottom:0;border-radius:28px 28px 0 0;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -10px 30px -12px #00000059}.mobile-nav-link{min-width:0;color:var(--muted);-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:2px;padding-bottom:6px;font-size:14px;font-weight:500;display:flex}.mobile-nav-link:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:12px}.mobile-nav-icon{border-radius:50%;place-items:center;width:40px;height:40px;transition:background .16s;display:grid}.mobile-nav-icon>svg{width:24px;height:24px}.mobile-nav-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.mobile-nav-link.is-active{color:var(--fg);font-weight:700;position:relative}.mobile-nav-link.is-active .mobile-nav-icon{background:color-mix(in oklab,var(--home-highlight)22%,transparent);color:var(--home-highlight)}.mobile-nav-link.is-active:after{content:"";background:var(--home-highlight);border-radius:50%;width:6px;height:6px;position:absolute;bottom:-2px}}
:root:has(.app-shell){--bg:#0f172a;--bg-deep:#080d19;--bg-elev:#1e293b;--bg-elev-2:#334155;--fg:#cbd5e1;--fg-dim:#94a3b8;--muted:#64748b;--muted-2:#475569;--teal:#3882f6;--teal-deep:#2563eb;--teal-soft:#60a5fa;--teal-glow:#3882f629;--ink-stamp:#0f172a;--line:#334155;--line-2:#475569;--line-strong:#64748b;--success:#22c55e;--d4u-nav-bg:#3882f6;--d4u-nav-fg:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root.light:has(.app-shell){--bg:#f8fafc;--bg-deep:#f1f5f9;--bg-elev:#fff;--bg-elev-2:#e2e8f0;--fg:#0f172a;--fg-dim:#475569;--muted:#64748b;--muted-2:#94a3b8;--teal:#3882f6;--teal-deep:#2563eb;--teal-soft:#60a5fa;--teal-glow:#3882f61f;--ink-stamp:#f8fafc;--line:#cbd5e1;--line-2:#94a3b8;--line-strong:#475569;--success:#16a34a;--d4u-nav-bg:#3882f6;--d4u-nav-fg:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.app-shell .app-brand{background:#fff;border-radius:8px;gap:0;padding:0 6px}.app-shell .app-brand-logo{width:82px;height:auto;display:block}.app-shell .app-nav-link{font-weight:600}.app-shell .app-nav-link.is-active{color:var(--d4u-nav-fg);background:var(--d4u-nav-bg);font-weight:700}.app-shell .app-topbar-actions .btn--primary{box-shadow:0 8px 20px -8px var(--home-accent);border-radius:999px;font-weight:700}:root:has(.app-shell) .btn--primary{color:#fff;background:#3882f6;border-color:#3882f6}:root:has(.app-shell) .btn--primary:hover:not(:disabled){color:#fff;background:#2563eb;border-color:#2563eb}@media (max-width:379px){.app-shell .app-topbar-inner{gap:4px;padding-inline:12px}.app-shell .app-brand-logo{width:64px}.app-shell .app-topbar-actions>.app-topbar-divider{display:none}}
.learner-mobile-bar,.learn-mobile-title,.profile-mobile-title{display:none}@media (max-width:767px){.app-shell--member .app-topbar--member{display:none}.app-shell--member .app-main{padding-top:0;padding-bottom:calc(108px + env(safe-area-inset-bottom))}.app-shell--member .app-container,.app-shell--member .profile-page{padding:20px 16px 0}.app-shell--member .notes-fab{z-index:41;width:44px;height:44px;top:16px;bottom:auto;right:16px}.app-shell--member .notes-fab-badge{background:var(--home-accent);color:var(--home-on-strong);top:-6px;right:-6px}.app-shell--member .studio-home .learner-intro{text-align:left;align-items:flex-start}.app-shell--member .studio-home .learner-intro h1{text-align:left}.app-shell--member .learner-mobile-bar{justify-content:flex-start;align-self:stretch;align-items:center;gap:12px;margin-bottom:14px;padding-right:56px;display:flex}.app-shell--member .learner-mobile-logo{background:#fff;border-radius:12px;width:74px;height:auto;padding:4px 8px}.app-shell--member .learner-mobile-greeting{color:var(--fg-dim);font-size:17px;font-weight:500}.app-shell--member .studio-home .learner-intro-copy{display:none}.app-shell--member .learn{gap:24px}.app-shell--member .learn-mobile-title{font-family:var(--home-display);letter-spacing:-.8px;color:var(--home-heading);order:-3;margin:0;padding-right:56px;font-size:34px;font-weight:800;display:block}.app-shell--member .filter-row .pill-search{order:-1;min-height:52px;padding:0 20px}.app-shell--member .filter-row .pill-search-input{font-size:17px}.app-shell--member .chip-scroller-track .pill-chip{min-height:40px;padding:0 18px;font-size:16px;font-weight:700}.app-shell--member .learn>.dash-welcome{background:0 0;border:0;border-radius:0;order:-1;padding:0}.app-shell--member .dash-welcome .dash-welcome-kicker,.app-shell--member .dash-welcome .page-hero-title,.app-shell--member .dash-welcome .page-hero-sub{display:none}.app-shell--member .dash-stats{gap:10px;width:100%;margin:0}.app-shell--member .dash-stat{border-radius:18px;align-items:flex-start;gap:2px;padding:14px 16px}.app-shell--member .dash-stat-dot{display:none}.app-shell--member .dash-stat-val{font-size:28px}.app-shell--member .dash-stat-label{font-size:15px}.app-shell--member .learn-section-h{font-size:26px}.app-shell--member .learn-section--courses>.learn-section-head{margin-top:8px}.app-shell--member .learn-section--courses .learn-section-sub{display:none}.app-shell--member .app-course-grid{grid-template-columns:minmax(0,1fr);gap:16px}.app-shell--member .course-card{border-radius:20px}.app-shell--member .profile{background:0 0;border:0;border-radius:0;gap:16px;padding:0}.app-shell--member .profile-mobile-title{font-family:var(--home-display);letter-spacing:-.8px;color:var(--home-heading);margin:0;font-size:34px;font-weight:800;display:block}.app-shell--member .profile{flex-direction:column;display:flex}.app-shell--member .profile-top{display:contents}.app-shell--member .profile-top>:first-child{order:1}.app-shell--member .profile-top>:nth-child(2){order:2}.app-shell--member .profile-card--learning{order:3}.app-shell--member .profile-card--security{order:4}.app-shell--member .profile-logout{order:5;justify-content:center;padding-bottom:8px;display:flex}.app-shell--member .profile-logout .profile-btn{min-width:180px}.app-shell--member .profile-card{border-radius:24px;gap:12px;padding:16px}}