:root{color-scheme:light;--ink: #14251c;--muted: #68756d;--line: #e1e7e2;--surface: #ffffff;--surface-soft: #f5f8f5;--page: #f8faf8;--brand: #5ebd77;--brand-strong: #318a50;--brand-soft: #e9f8ed;--lavender: #eeeafb;--amber: #fff1d8;--danger: #b54242;--shadow: 0 18px 54px rgba(31, 65, 43, .12);--radius-sm: 12px;--radius: 18px;--radius-lg: 28px;--font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}[data-theme=dark]{color-scheme:dark;--ink: #eef7f0;--muted: #a8b7ac;--line: #314238;--surface: #16251c;--surface-soft: #1c2f23;--page: #101c15;--brand-soft: #203d2a;--lavender: #29263a;--amber: #3a3020;--shadow: 0 18px 54px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html{font-family:var(--font);color:var(--ink);background:var(--page)}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 62%,white);outline-offset:3px}.ds-logo{display:block;width:auto;height:42px;object-fit:contain}.ds-logo--compact{height:40px;width:40px}.ds-button{min-height:44px;border-radius:999px;border:1px solid transparent;padding:0 22px;font-weight:750;cursor:pointer;transition:transform .16s ease,background .16s ease}.ds-button:hover{transform:translateY(-1px)}.ds-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.ds-button--primary{background:var(--brand);color:#0f2a18;box-shadow:0 9px 24px #4bac663d}.ds-button--primary:hover{background:#70ca87}.ds-button--secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.ds-button--ghost{background:transparent;color:var(--ink)}.ds-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.ds-progress-ring{--progress: 0deg;width:150px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--brand) var(--progress),var(--brand-soft) 0);position:relative}.ds-progress-ring:after{content:"";position:absolute;top:13px;right:13px;bottom:13px;left:13px;border-radius:inherit;background:var(--surface)}.ds-progress-ring span{z-index:1;text-align:center;display:grid}.ds-progress-ring strong{font-size:1.65rem}.ds-progress-ring small{color:var(--muted)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}body{background:var(--page)}button{color:inherit}.app-shell{--sidebar-width: 268px;min-height:100vh;padding-left:var(--sidebar-width);padding-top:72px;transition:padding .2s ease}.app-shell.shell-compact{--sidebar-width: 84px}.sidebar{position:fixed;inset:0 auto 0 0;width:268px;z-index:20;padding:25px 18px;border-right:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;transition:width .2s ease}.sidebar.compact{width:84px;padding-inline:12px}.sidebar-brand{border:0;background:transparent;padding:0 12px 29px;display:flex}.sidebar nav{display:grid;gap:5px}.sidebar nav button{min-height:48px;border:0;border-radius:12px;background:transparent;color:var(--muted);padding:0 14px;display:flex;align-items:center;gap:13px;font-weight:650;text-align:left}.sidebar nav button svg{width:19px}.sidebar nav button.active{background:var(--brand-soft);color:var(--brand-strong)}.sidebar.compact nav span,.sidebar.compact .sidebar-beta div{display:none}.sidebar-beta{margin-top:auto;border:1px solid var(--line);background:var(--surface-soft);border-radius:14px;padding:13px;display:flex;gap:10px;align-items:center}.sidebar-beta svg{width:20px;color:var(--brand-strong)}.sidebar-beta div{display:grid;gap:3px}.sidebar-beta strong{font-size:.78rem}.sidebar-beta span{color:var(--muted);font-size:.69rem}.topbar{position:fixed;z-index:15;top:0;right:0;left:var(--sidebar-width);height:72px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;padding:0 28px;gap:16px;transition:left .2s ease}.collapse,.mobile-menu,.top-actions button{width:40px;height:40px;border:0;border-radius:10px;background:transparent;display:grid;place-items:center}.collapse:hover,.top-actions button:hover{background:var(--surface-soft)}.collapse svg{width:19px}.mobile-menu{display:none}.search-trigger{margin:0 auto;width:min(460px,42vw);height:40px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft);color:var(--muted);display:flex;align-items:center;gap:10px;padding:0 12px;text-align:left}.search-trigger svg{width:17px}.search-trigger span{flex:1}.search-trigger kbd,.search-input kbd{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:2px 6px;font-size:.7rem}.top-actions{display:flex;align-items:center;gap:4px}.top-actions button{position:relative}.top-actions i{position:absolute;width:7px;height:7px;right:8px;top:7px;background:#e35f55;border:2px solid var(--surface);border-radius:50%}.profile-button{width:auto!important;display:flex!important;gap:7px;padding:0 7px!important}.initials{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dfeee3;color:#245f38;font-weight:800;font-size:.75rem}.profile-button svg{width:15px}.app-content{max-width:1450px;margin:0 auto;padding:38px clamp(22px,3vw,46px) 90px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:31px}.page-heading h1{margin:0;font-size:clamp(2rem,3.5vw,3.15rem);letter-spacing:-.055em}.page-heading>div>p:last-child{color:var(--muted);margin:10px 0 0;max-width:680px;line-height:1.6}.section-label{color:var(--brand-strong)!important;text-transform:uppercase;letter-spacing:.12em;font-weight:850;font-size:.7rem;margin:0 0 8px!important}.heading-actions{display:flex;gap:10px}.heading-actions .ds-button{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:25px}.main-stack,.summary-stack{display:grid;align-content:start;gap:26px}.continue-card{min-height:205px;background:linear-gradient(125deg,#1b3e29,#275837);color:#f4fff6;padding:30px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.continue-card:after{content:"";position:absolute;width:250px;height:250px;border:40px solid rgba(255,255,255,.05);border-radius:50%;right:-80px}.continue-card>div{width:min(590px,83%);z-index:1}.continue-card h2{font-size:1.6rem;margin:17px 0 8px}.continue-card p{color:#b8d2c0}.subject-badge{font-size:.72rem;font-weight:750;color:#9ce3ae}.continue-card>button{z-index:1;width:48px;height:48px;border:0;border-radius:50%;background:var(--brand);display:grid;place-items:center}.continue-card .percent-bar{background:#ffffff24}.section-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-row h2{font-size:1.08rem;margin:0}.section-row button{border:0;background:transparent;color:var(--brand-strong);display:flex;align-items:center;gap:3px;font-weight:700;font-size:.78rem}.subject-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:15px}.subject-card{padding:21px}.subject-card small,.practice-subject small{color:var(--muted);font-weight:750;font-size:.7rem}.subject-card h3{min-height:45px;font-size:.97rem;margin:8px 0}.subject-card p{color:var(--muted);font-size:.74rem}.subject-card>button{border:0;background:transparent;color:var(--brand-strong);padding:14px 0 0;display:flex;align-items:center;gap:4px;font-weight:750}.subject-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;float:right}.subject-icon svg{width:18px}.tone-0{background:var(--brand-soft);color:var(--brand-strong)}.tone-1{background:var(--lavender);color:#6f62a5}.tone-2{background:var(--amber);color:#a36a26}.tone-3{background:#e5f2f7;color:#39788f}.tone-4{background:#f8e5eb;color:#9a5270}.percent-bar{height:7px;border-radius:99px;background:var(--brand-soft);overflow:hidden}.percent-bar span{display:block;height:100%;background:var(--brand);border-radius:inherit}.activity-list{padding:5px 20px}.activity-list>div{display:flex;gap:13px;padding:16px 0;border-bottom:1px solid var(--line)}.activity-list>div:last-child{border:0}.activity-dot{width:33px;height:33px;border-radius:10px;background:var(--brand-soft);color:var(--brand-strong);display:grid;place-items:center}.activity-dot svg{width:16px}.activity-list div div{display:grid;gap:3px}.activity-list strong{font-size:.82rem}.activity-list small{color:var(--muted);font-size:.7rem}.summary-stack .ds-card{padding:23px}.progress-card h2{margin:0 0 22px;font-size:1rem}.progress-card .ds-progress-ring{margin:0 auto 24px}.metric-pair{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:18px}.metric-pair span{display:grid;color:var(--muted);font-size:.7rem;text-align:center}.metric-pair strong{color:var(--ink);font-size:1.25rem}.goal-card>strong{display:block;font-size:1.45rem;margin-top:20px}.goal-card p{color:var(--muted);font-size:.75rem}.streak-card{display:flex;align-items:center;gap:15px;background:var(--amber)!important}.streak-card>span{font-size:2.8rem;font-weight:850}.streak-card strong{font-size:.9rem}.streak-card p{color:var(--muted);font-size:.72rem;margin:4px 0 0}.segmented{display:flex;border:1px solid var(--line);border-radius:11px;padding:3px;background:var(--surface)}.segmented button{border:0;background:transparent;border-radius:8px;padding:7px 11px;display:flex;gap:6px;align-items:center;color:var(--muted)}.segmented button.active{background:var(--surface-soft);color:var(--ink)}.segmented svg{width:15px}.practice-subjects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.practice-subject{padding:26px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:17px;align-items:start}.large-subject-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center}.practice-subject h2{font-size:1.14rem;margin:7px 0}.practice-subject p{color:var(--muted);font-size:.76rem}.practice-subject .ds-button{grid-column:2;justify-self:start;display:flex;align-items:center;gap:4px}.progress-caption{display:flex;justify-content:space-between;color:var(--muted);font-size:.68rem;margin-top:7px}.practice-subjects.list{grid-template-columns:1fr}.practice-subjects.list .practice-subject{grid-template-columns:auto 1fr auto}.practice-subjects.list .ds-button{grid-column:3;grid-row:1;align-self:center}.back-link{border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:5px;padding:0 0 19px;font-weight:700}.back-link svg{width:16px}.chapter-list{display:grid;gap:12px}.chapter-list .ds-card{display:grid;grid-template-columns:55px minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px 23px}.chapter-number{width:46px;height:46px;border-radius:13px;background:var(--brand-soft);color:var(--brand-strong);display:grid;place-items:center;font-weight:850}.chapter-list h2{font-size:1rem;margin:0 0 6px}.chapter-list p{color:var(--muted);font-size:.74rem;margin:0 0 11px}.chapter-list button{border:0;background:transparent}.breadcrumb{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:.73rem;margin-bottom:18px}.breadcrumb svg{width:13px}.chapter-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.chapter-toolbar select,.heading-actions select{min-height:42px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);padding:0 12px}.chapter-toolbar span{color:var(--muted);font-size:.72rem}.question-feed{display:grid;gap:17px}.question-card{padding:28px}.question-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.67rem;text-transform:capitalize}.question-meta span{padding:5px 8px;border-radius:7px;background:var(--surface-soft)}.question-meta button{margin-left:auto;border:0;background:transparent}.question-card h2{font-size:1.08rem;line-height:1.55;margin:22px 0}.mcq-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.mcq-options button{min-height:48px;border:1px solid var(--line);border-radius:11px;background:var(--surface);display:flex;align-items:center;gap:10px;text-align:left;padding:8px 12px}.mcq-options button span{width:27px;height:27px;border-radius:8px;background:var(--surface-soft);display:grid;place-items:center;font-weight:800}.mcq-options button.selected{border-color:var(--brand);background:var(--brand-soft)}.question-actions{display:flex;align-items:center;gap:9px;padding-top:17px;border-top:1px solid var(--line)}.question-actions>button:not(.ds-button){border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:6px;padding:9px;font-size:.73rem}.question-actions svg{width:16px}.question-actions .ds-button{margin-left:auto}.question-actions .selected-action{color:var(--brand-strong)!important}.answer-panel{margin-top:18px;border-left:3px solid var(--brand);background:var(--brand-soft);padding:18px;border-radius:0 12px 12px 0}.answer-panel p:last-child{line-height:1.65;margin-bottom:0}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:22px}.pagination .ds-button{display:flex;align-items:center;gap:5px}.bookmark-list{display:grid;gap:12px}.bookmark-list .ds-card{padding:21px 24px;display:flex;justify-content:space-between;gap:20px;align-items:center}.bookmark-list small,.bookmark-list p{color:var(--muted);font-size:.72rem}.bookmark-list h2{font-size:.98rem;margin:8px 0}.bookmark-list button{border:0;background:var(--brand-soft);color:var(--brand-strong);width:42px;height:42px;border-radius:11px;display:grid;place-items:center}.progress-overview{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px;margin-bottom:20px}.progress-overview .ds-card{padding:24px}.progress-overview .ds-card:first-child{display:flex;gap:25px;align-items:center}.progress-overview .ds-progress-ring{width:115px;flex:0 0 auto}.progress-overview small{color:var(--muted)}.progress-overview strong{display:block;font-size:2rem;margin:12px 0}.progress-overview p{color:var(--muted);font-size:.76rem;line-height:1.5}.progress-table{padding:25px;margin-bottom:18px}.progress-row{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(130px,1fr) 80px 50px;align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid var(--line)}.progress-row:last-child{border:0}.progress-row>div{display:grid;gap:3px}.progress-row span{color:var(--muted);font-size:.73rem}.progress-row>b{color:var(--brand-strong)}.achievement-card{padding:22px;display:flex;align-items:center;gap:16px}.achievement-card>svg{width:42px;height:42px;padding:10px;border-radius:12px;background:var(--amber);color:#a36a26}.achievement-card h2{font-size:1rem;margin:0}.achievement-card p{color:var(--muted);font-size:.75rem}.achievement-card>span{margin-left:auto;color:var(--muted);font-size:.75rem}.timeline{padding:10px 26px}.timeline>div{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}.timeline>div:last-child{border:0}.timeline>div>span{width:10px;height:10px;border-radius:50%;background:var(--brand);margin-top:5px;box-shadow:0 0 0 6px var(--brand-soft)}.timeline div div{display:grid;gap:5px}.timeline small{color:var(--muted)}.notification-list{padding:7px 24px}.notification-list>div{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:start;padding:21px 0;border-bottom:1px solid var(--line)}.notification-list>div:last-child{border:0}.notification-list>div>span{width:39px;height:39px;border-radius:11px;background:var(--surface-soft);display:grid;place-items:center}.notification-list .unread>span{background:var(--brand-soft);color:var(--brand-strong)}.notification-list strong{font-size:.86rem}.notification-list p{color:var(--muted);font-size:.74rem;margin:6px 0}.notification-list small{color:var(--muted);font-size:.68rem}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-layout>.ds-card{padding:25px}.settings-layout h2,.support-layout h2{font-size:1.05rem;margin:0 0 22px}.profile-row{display:flex;align-items:center;gap:13px;margin-bottom:23px}.profile-row .initials{width:52px;height:52px}.profile-row div{display:grid;gap:4px}.profile-row span{color:var(--muted);font-size:.72rem}.profile-row .ds-button{margin-left:auto}.settings-form,.support-layout form{display:grid;gap:15px}.settings-form label,.support-layout label{display:grid;gap:7px;font-size:.76rem;font-weight:750}.settings-form input,.support-layout input,.support-layout textarea{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:11px}.settings-form input[readonly]{background:var(--surface-soft);color:var(--muted)}.settings-form .ds-button{justify-self:start}.locked-field{border:1px solid var(--line);border-radius:11px;padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:4px;margin-bottom:10px}.locked-field span{grid-column:1;color:var(--muted);font-size:.68rem}.locked-field strong{grid-column:1;font-size:.85rem}.locked-field svg{grid-column:2;grid-row:1/3;width:17px;color:var(--muted);align-self:center}.muted{color:var(--muted);font-size:.74rem;line-height:1.6}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.theme-options button{border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:16px;display:grid;place-items:center;gap:8px}.theme-options button.active{border-color:var(--brand);background:var(--brand-soft)}.theme-options svg{width:20px}.settings-link{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:15px 0;display:flex;justify-content:space-between;text-align:left}.settings-link.danger{color:var(--danger)}.support-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.support-layout>.ds-card{padding:25px}.support-layout textarea{resize:vertical}.support-layout .ds-button{justify-self:start}.support-layout aside{display:grid;gap:15px;align-content:start}.support-layout aside .ds-card{padding:22px}.support-layout aside svg{color:var(--brand-strong)}.support-layout aside p{color:var(--muted);font-size:.76rem;line-height:1.55}.success-message{color:var(--brand-strong);font-weight:700;font-size:.78rem}.admin-form,.admin-table{padding:25px;margin-bottom:18px}.admin-form form{display:grid;grid-template-columns:2fr 1.3fr 1fr auto;gap:12px;align-items:end}.admin-form label{display:grid;gap:6px;font-size:.73rem;font-weight:750}.admin-form input,.admin-form select{min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);padding:0 11px}.error-inline{color:var(--danger);font-size:.76rem}.admin-table>div{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:15px;align-items:center;padding-top:15px;border-top:1px solid var(--line);font-size:.78rem}.admin-table button{border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:8px 10px}.status-pill{color:var(--brand-strong);background:var(--brand-soft);border-radius:99px;padding:5px 9px;width:max-content}.search-dialog{width:min(660px,calc(100vw - 28px));padding:0;border:0;border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);margin-top:12vh}.search-dialog::backdrop{background:#0b191085;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.search-input{min-height:62px;display:flex;align-items:center;gap:10px;padding:0 18px;border-bottom:1px solid var(--line)}.search-input svg{color:var(--muted)}.search-input input{flex:1;border:0;outline:0;background:transparent;color:var(--ink);font-size:1rem}.search-results{min-height:160px;max-height:420px;overflow:auto;padding:10px}.search-results>p{color:var(--muted);padding:22px;text-align:center;font-size:.8rem}.search-results button{width:100%;border:0;border-radius:10px;background:transparent;padding:13px;text-align:left;display:grid;gap:5px}.search-results button:hover{background:var(--surface-soft)}.search-results small{color:var(--muted)}.centered-state,.not-found-app,.loading-state{min-height:100vh;padding:30px;display:grid;place-content:center;justify-items:center;text-align:center;background:var(--page)}.centered-state .ds-logo{margin-bottom:48px}.state-icon{width:64px;height:64px;border-radius:18px;background:var(--brand-soft);color:var(--brand-strong);display:grid;place-items:center;margin-bottom:24px}.centered-state h1,.not-found-app h1{max-width:700px;font-size:clamp(2.2rem,5vw,4.2rem);letter-spacing:-.055em;margin:0}.centered-state>p:not(.section-label){max-width:620px;color:var(--muted);line-height:1.7}.centered-state>div{display:flex;gap:20px;align-items:center;margin-top:20px}.centered-state a{color:var(--ink);text-underline-offset:4px}.centered-state .ds-button{text-decoration:none;display:inline-grid;place-items:center}.loading-state{gap:20px;color:var(--muted)}.loading-state span{width:36px;height:36px;border:3px solid var(--brand-soft);border-top-color:var(--brand);border-radius:50%;animation:spin 1s linear infinite}.empty-state{min-height:300px;padding:40px;display:grid;place-content:center;justify-items:center;text-align:center}.empty-state svg{color:var(--brand-strong)}.empty-state p{color:var(--muted)}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--page)}.auth-page>section{padding:clamp(35px,7vw,110px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:linear-gradient(145deg,#eff8f1,#f8faf8)}.auth-page h1{font-size:clamp(2.5rem,5vw,5rem);letter-spacing:-.06em;margin:30px 0 14px}.auth-page section>p:not(.section-label){color:var(--muted);max-width:470px;line-height:1.7}.auth-legal{display:flex;gap:20px;margin-top:30px}.auth-legal a{color:var(--muted);font-size:.78rem}.clerk-panel{display:grid;place-items:center;padding:30px;background:var(--surface)}.bottom-nav,.mobile-drawer{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1100px){.dashboard-grid{grid-template-columns:1fr}.summary-stack{grid-template-columns:repeat(3,1fr)}.progress-card .ds-progress-ring{width:110px}.practice-subjects,.settings-layout{grid-template-columns:1fr}.progress-overview{grid-template-columns:1fr 1fr}.progress-overview .ds-card:first-child{grid-column:1/-1}.admin-form form{grid-template-columns:1fr 1fr}.admin-form .ds-button{justify-self:start}.support-layout{grid-template-columns:1fr}.support-layout aside{grid-template-columns:1fr 1fr}.progress-row{grid-template-columns:minmax(180px,1.5fr) 1fr 70px 45px}}@media (max-width: 800px){.app-shell,.app-shell.shell-compact{padding:64px 0 72px}.app-shell>.sidebar{display:none}.topbar{left:0;height:64px;padding:0 13px}.collapse{display:none}.mobile-menu{display:grid}.search-trigger{width:auto;flex:1}.search-trigger kbd{display:none}.search-trigger span{font-size:.75rem}.top-actions>button:nth-child(2){display:none}.app-content{padding:25px 16px 55px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:23px}.page-heading h1{font-size:2.35rem}.heading-actions{width:100%}.heading-actions>.ds-button{width:100%;justify-content:center}.dashboard-grid{display:block}.main-stack{gap:21px}.summary-stack{grid-template-columns:1fr;margin-top:20px}.subject-grid{grid-template-columns:1fr}.continue-card{min-height:190px;padding:23px}.practice-subject{grid-template-columns:auto minmax(0,1fr);padding:20px}.practice-subjects.list .practice-subject{grid-template-columns:auto 1fr}.practice-subjects.list .ds-button,.practice-subject .ds-button{grid-column:1/-1;grid-row:auto;width:100%;justify-content:center}.chapter-list .ds-card{grid-template-columns:45px minmax(0,1fr) auto;padding:16px;gap:10px}.chapter-number{width:40px;height:40px}.mcq-options{grid-template-columns:1fr}.question-card{padding:20px}.question-actions{flex-wrap:wrap}.question-actions .ds-button{width:100%;margin:5px 0 0}.progress-overview{grid-template-columns:1fr}.progress-overview .ds-card:first-child{grid-column:auto}.progress-row{grid-template-columns:1fr 60px}.progress-row .percent-bar{grid-column:1/-1;grid-row:2}.progress-row>b{display:none}.achievement-card{align-items:flex-start}.achievement-card>span{display:none}.settings-layout>.ds-card{padding:20px}.profile-row{flex-wrap:wrap}.profile-row .ds-button{width:100%;margin:0}.theme-options{grid-template-columns:1fr}.support-layout aside{grid-template-columns:1fr}.admin-form form{grid-template-columns:1fr}.admin-table>div{grid-template-columns:1fr 1fr}.auth-page{grid-template-columns:1fr}.auth-page>section{padding:35px;min-height:42vh}.auth-page h1{font-size:3rem}.clerk-panel{padding:25px}.bottom-nav{position:fixed;z-index:14;left:0;right:0;bottom:0;height:68px;border-top:1px solid var(--line);background:var(--surface);display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{border:0;background:transparent;color:var(--muted);display:grid;place-items:center;align-content:center;gap:3px;font-size:.58rem}.bottom-nav svg{width:19px}.bottom-nav button.active{color:var(--brand-strong)}.mobile-drawer{display:block;position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#0a190f00;transition:background .2s}.mobile-drawer.open{pointer-events:auto;background:#0a190f80}.mobile-drawer>.sidebar{transform:translate(-100%);transition:transform .2s;display:flex!important}.mobile-drawer.open>.sidebar{transform:none}.mobile-drawer>button{display:none;position:absolute;z-index:52;left:278px;top:14px;width:42px;height:42px;border:0;border-radius:50%;background:var(--surface)}.mobile-drawer.open>button{display:grid;place-items:center}.search-dialog{margin-top:6vh}.centered-state>div{flex-direction:column}.centered-state .ds-button{width:100%}}