@font-face{font-family:Golos Text;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/golos-text-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Golos Text;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/golos-text-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-page:#fafafa;--bg-panel:#fff;--bg-muted:#f4f4f5;--bg-hover:#f4f4f5;--bg-selected:#eff6ff;--border:#e4e4e7;--border-subtle:#f4f4f5;--border-strong:#d4d4d8;--text:#18181b;--text-secondary:#52525b;--text-tertiary:#71717a;--text-disabled:#a1a1aa;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-text:#2563eb;--accent-strong:#1d4ed8;--accent-border:#bfdbfe;--accent-ring:#dbeafe;--accent-disabled:#bfdbfe;--on-accent:#fff;--on-accent-disabled:#fff;--success:#15803d;--success-strong:#166534;--success-icon:#16a34a;--success-fill:#22c55e;--success-bg:#f0fdf4;--success-soft:#dcfce7;--success-border:#86efac;--warning:#b45309;--warning-strong:#92400e;--warning-icon:#d97706;--warning-fill:#f59e0b;--warning-bg:#fffbeb;--warning-soft:#fef3c7;--warning-border:#fcd34d;--error:#b91c1c;--error-strong:#991b1b;--error-icon:#dc2626;--error-fill:#ef4444;--error-bg:#fef2f2;--error-soft:#fee2e2;--error-border:#fecaca;--code-keyword:#1d4ed8;--code-string:#15803d;--code-number:#b45309;--code-comment:#71717a;--code-gutter:#a1a1aa;--code-bg-line:#fafafa;--bg-showcase:#18181b;--text-showcase:#fafafa;--text-showcase-secondary:#a1a1aa;--code-showcase-keyword:#93c5fd;--code-showcase-function:#fcd34d;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--row:40px;--row-reading:48px;--control-sm:36px;--nav-item:44px;--control-xl:56px;--topbar:64px;--topbar-phone:56px;--bottom-bar:68px;--radius-0:0px;--radius-xs:3px;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-round:999px;--reading-column:680px;--lecture-wide:880px;--lecture-rail:300px;--content:1040px;--form-column:440px;--showcase:560px;--task-statement:460px;--drawer:420px;--sidebar:256px;--sidebar-collapsed:72px;--shadow-popup:0 4px 16px #18181b29;--shadow-thumb:0 1px 2px #00000014;--ring-focus:0 0 0 4px var(--accent-ring);--font-sans:"Golos Text", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--text-display-size:40px;--text-display-line:48px;--text-display-weight:600;--text-title-size:32px;--text-title-line:40px;--text-title-weight:600;--text-title-dense-size:28px;--text-title-dense-line:36px;--text-title-dense-weight:600;--text-heading-size:26px;--text-heading-line:34px;--text-heading-weight:600;--text-subheading-size:22px;--text-subheading-line:28px;--text-subheading-weight:600;--text-card-title-size:18px;--text-card-title-line:24px;--text-card-title-weight:600;--text-panel-title-size:15px;--text-panel-title-line:20px;--text-panel-title-weight:600;--text-lead-size:19px;--text-lead-line:31px;--text-lead-weight:400;--text-prose-size:17px;--text-prose-line:28px;--text-prose-weight:400;--text-prose-narrow-size:16px;--text-prose-narrow-line:26px;--text-prose-narrow-weight:400;--text-body-reading-size:16px;--text-body-reading-line:26px;--text-body-reading-weight:400;--text-body-size:14px;--text-body-line:22px;--text-body-weight:400;--text-label-size:15px;--text-label-line:20px;--text-label-weight:500;--text-control-reading-size:15px;--text-control-reading-line:20px;--text-control-reading-weight:500;--text-control-reading-strong-size:15px;--text-control-reading-strong-line:20px;--text-control-reading-strong-weight:600;--text-control-size:14px;--text-control-line:20px;--text-control-weight:500;--text-control-strong-size:14px;--text-control-strong-line:20px;--text-control-strong-weight:600;--text-secondary-size:13px;--text-secondary-line:20px;--text-secondary-weight:400;--text-caption-size:12px;--text-caption-line:16px;--text-caption-weight:400;--text-stat-size:28px;--text-stat-line:34px;--text-stat-weight:600;--text-code-size:15px;--text-code-line:26px;--text-code-weight:400;--text-code-dense-size:13px;--text-code-dense-line:22px;--text-code-dense-weight:400;--text-data-size:14px;--text-data-line:20px;--text-data-weight:400;--text-tag-size:12px;--text-tag-line:16px;--text-tag-weight:500;--text-otp-size:30px;--text-otp-line:36px;--text-otp-weight:500}@media (prefers-color-scheme:dark){:root{--bg-page:#09090b;--bg-panel:#18181b;--bg-muted:#27272a;--bg-hover:#27272a;--bg-selected:#172554;--border:#27272a;--border-subtle:#1f1f23;--border-strong:#3f3f46;--text:#fafafa;--text-secondary:#a1a1aa;--text-tertiary:#8e8e98;--text-disabled:#52525b;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-text:#60a5fa;--accent-strong:#93c5fd;--accent-border:#1e40af;--accent-ring:#1e3a8a;--accent-disabled:#172554;--on-accent:#fff;--on-accent-disabled:#3b5bab;--success:#4ade80;--success-strong:#bbf7d0;--success-icon:#4ade80;--success-fill:#22c55e;--success-bg:#052e16;--success-soft:#14532d;--success-border:#166534;--warning:#fbbf24;--warning-strong:#fde68a;--warning-icon:#fbbf24;--warning-fill:#f59e0b;--warning-bg:#1f1606;--warning-soft:#451a03;--warning-border:#92400e;--error:#f87171;--error-strong:#fecaca;--error-icon:#f87171;--error-fill:#ef4444;--error-bg:#2a0f0f;--error-soft:#450a0a;--error-border:#7f1d1d;--code-keyword:#93c5fd;--code-string:#86efac;--code-number:#fcd34d;--code-comment:#8e8e98;--code-gutter:#52525b;--code-bg-line:#1f1f23;--bg-showcase:#000;--text-showcase:#fafafa;--text-showcase-secondary:#a1a1aa;--code-showcase-keyword:#93c5fd;--code-showcase-function:#fcd34d;--shadow-popup:0 4px 16px #00000080;--shadow-thumb:0 1px 2px #00000080}}[data-theme=light]{--bg-page:#fafafa;--bg-panel:#fff;--bg-muted:#f4f4f5;--bg-hover:#f4f4f5;--bg-selected:#eff6ff;--border:#e4e4e7;--border-subtle:#f4f4f5;--border-strong:#d4d4d8;--text:#18181b;--text-secondary:#52525b;--text-tertiary:#71717a;--text-disabled:#a1a1aa;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-text:#2563eb;--accent-strong:#1d4ed8;--accent-border:#bfdbfe;--accent-ring:#dbeafe;--accent-disabled:#bfdbfe;--on-accent:#fff;--on-accent-disabled:#fff;--success:#15803d;--success-strong:#166534;--success-icon:#16a34a;--success-fill:#22c55e;--success-bg:#f0fdf4;--success-soft:#dcfce7;--success-border:#86efac;--warning:#b45309;--warning-strong:#92400e;--warning-icon:#d97706;--warning-fill:#f59e0b;--warning-bg:#fffbeb;--warning-soft:#fef3c7;--warning-border:#fcd34d;--error:#b91c1c;--error-strong:#991b1b;--error-icon:#dc2626;--error-fill:#ef4444;--error-bg:#fef2f2;--error-soft:#fee2e2;--error-border:#fecaca;--code-keyword:#1d4ed8;--code-string:#15803d;--code-number:#b45309;--code-comment:#71717a;--code-gutter:#a1a1aa;--code-bg-line:#fafafa;--bg-showcase:#18181b;--text-showcase:#fafafa;--text-showcase-secondary:#a1a1aa;--code-showcase-keyword:#93c5fd;--code-showcase-function:#fcd34d;--shadow-popup:0 4px 16px #18181b29;--shadow-thumb:0 1px 2px #00000014;--ring-focus:0 0 0 4px var(--accent-ring)}[data-theme=dark]{--bg-page:#09090b;--bg-panel:#18181b;--bg-muted:#27272a;--bg-hover:#27272a;--bg-selected:#172554;--border:#27272a;--border-subtle:#1f1f23;--border-strong:#3f3f46;--text:#fafafa;--text-secondary:#a1a1aa;--text-tertiary:#8e8e98;--text-disabled:#52525b;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-text:#60a5fa;--accent-strong:#93c5fd;--accent-border:#1e40af;--accent-ring:#1e3a8a;--accent-disabled:#172554;--on-accent:#fff;--on-accent-disabled:#3b5bab;--success:#4ade80;--success-strong:#bbf7d0;--success-icon:#4ade80;--success-fill:#22c55e;--success-bg:#052e16;--success-soft:#14532d;--success-border:#166534;--warning:#fbbf24;--warning-strong:#fde68a;--warning-icon:#fbbf24;--warning-fill:#f59e0b;--warning-bg:#1f1606;--warning-soft:#451a03;--warning-border:#92400e;--error:#f87171;--error-strong:#fecaca;--error-icon:#f87171;--error-fill:#ef4444;--error-bg:#2a0f0f;--error-soft:#450a0a;--error-border:#7f1d1d;--code-keyword:#93c5fd;--code-string:#86efac;--code-number:#fcd34d;--code-comment:#8e8e98;--code-gutter:#52525b;--code-bg-line:#1f1f23;--bg-showcase:#000;--text-showcase:#fafafa;--text-showcase-secondary:#a1a1aa;--code-showcase-keyword:#93c5fd;--code-showcase-function:#fcd34d;--shadow-popup:0 4px 16px #00000080;--shadow-thumb:0 1px 2px #00000080;--ring-focus:0 0 0 4px var(--accent-ring)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-page);color:var(--text);font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-line);font-weight:var(--text-body-weight);margin:0}[data-density=dense]{font-size:var(--text-body-size);line-height:var(--text-body-line)}[data-density=reading]{font-size:var(--text-body-reading-size);line-height:var(--text-body-reading-line)}h1,h2,h3{font-weight:var(--text-heading-weight);margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}:where(input:not([type=checkbox],[type=radio]),select,textarea){height:var(--row);padding:0 var(--space-3);border:1.5px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-panel)}:where([data-density=reading]) :where(input:not([type=checkbox],[type=radio]),select){height:var(--row-reading);padding:0 var(--space-4)}:where(textarea){height:auto;padding:var(--space-3)}:where(input:not([type=checkbox],[type=radio]),select,textarea):focus{border-color:var(--accent);box-shadow:var(--ring-focus);outline:none}:where(input,select,textarea):disabled{background:var(--bg-page);color:var(--text-disabled)}::placeholder{color:var(--text-tertiary);opacity:1}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}code{font-family:var(--font-mono)}:not(pre)>code{padding:0 var(--space-1);border-radius:var(--radius-sm);background:var(--bg-muted);font-size:var(--text-data-size)}.data{font-family:var(--font-mono);font-size:var(--text-data-size);line-height:var(--text-data-line);font-variant-numeric:tabular-nums}.numeric{text-align:right}.secondary{color:var(--text-secondary);font-size:var(--text-secondary-size);line-height:var(--text-secondary-line)}.fade{transition:opacity .12s ease-out,transform .12s ease-out}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}html,body{max-width:100%;overflow-x:hidden}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}@media (width<=720px){[data-density=dense]{font-size:var(--text-body-reading-size);line-height:var(--text-body-reading-line)}.button{min-height:40px}}.preread__text table,.task__statement-text table{border-collapse:collapse;width:100%;margin:var(--space-4) 0;font-size:var(--text-body-size);line-height:var(--text-body-line)}.preread__text th,.task__statement-text th{height:var(--row);padding:0 var(--space-3);text-align:left;vertical-align:bottom;border-bottom:1px solid var(--border);color:var(--text-tertiary);font-size:var(--text-secondary-size);line-height:var(--text-secondary-line);font-weight:var(--text-secondary-weight)}.preread__text td,.task__statement-text td{height:var(--row);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);vertical-align:top}.preread__text tr:last-child td,.task__statement-text tr:last-child td{border-bottom:none}.preread__text,.task__statement-text{overflow-x:auto}.boundary{margin:var(--space-8) auto;gap:var(--space-4);flex-direction:column;display:flex}.boundary .button{align-self:flex-start}.link{color:var(--accent-text);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.link:hover{text-decoration:underline}.failure{margin:var(--space-2) 0 0;color:var(--error)}.loading{margin:var(--space-12) auto;color:var(--text-secondary);text-align:center}.screen{flex-direction:column;height:100%;display:flex}.screen__topbar{align-items:center;gap:var(--space-4);height:var(--topbar);padding:0 var(--space-8);background:var(--bg-panel);border-bottom:1px solid var(--border);flex:none;display:flex}.screen__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-title-size);line-height:var(--text-title-line);font-weight:var(--text-title-weight);overflow:hidden}[data-density=dense] .screen__title{font-size:var(--text-title-dense-size);line-height:var(--text-title-dense-line);font-weight:var(--text-title-dense-weight)}.screen__topbar-right{align-items:center;gap:var(--space-4);flex:none;margin-left:auto;display:flex}.screen__who{white-space:nowrap}.screen__body{gap:var(--space-6);min-height:0;padding:var(--space-6) var(--space-8);scrollbar-gutter:stable both-edges;flex-direction:column;flex:1;display:flex;overflow:auto}.screen--page .screen__body{padding:var(--space-8) var(--space-10)}.screen__frame{flex:1;min-height:0;display:flex}.screen__aside{width:var(--lecture-rail);padding:var(--space-7) var(--space-5);border-right:1px solid var(--border);background:var(--bg-panel);flex-direction:column;flex:none;display:flex;overflow-y:auto}.screen__frame>.screen__body{min-width:0}.screen__phone-header{display:none}.screen-bar{flex:none}.screen__head{gap:var(--space-1);flex-direction:column;flex:none;display:flex}.screen__head--reading{width:100%;max-width:var(--reading-column);margin:0 auto}.screen__head--lecture{width:100%;max-width:var(--lecture-wide);margin:0 auto}.screen__head--lecture>*{max-width:var(--reading-column)}.screen__head--lecture .screen__heading{font-size:var(--text-display-size);line-height:var(--text-display-line);font-weight:var(--text-display-weight)}.screen__head--form{width:100%;max-width:var(--form-column);margin:0 auto}.screen__head--content{width:100%;max-width:var(--content);margin:0 auto}.screen__subtitle{margin:var(--space-1) 0 0;color:var(--text-secondary);font-size:var(--text-body-reading-size);line-height:var(--text-body-reading-line)}.screen__path ol{align-items:center;gap:var(--space-2);font-size:var(--text-body-size);line-height:var(--text-body-line);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.screen__path li{align-items:center;gap:var(--space-2);min-width:0;display:flex}.screen__path-sep{color:var(--text-tertiary)}.screen__path-here{color:var(--text-secondary)}.screen__heading-row{justify-content:space-between;align-items:flex-end;gap:var(--space-3) var(--space-6);flex-wrap:wrap;display:flex}.screen__heading{overflow-wrap:anywhere;min-width:0;font-size:var(--text-title-size);line-height:var(--text-title-line);font-weight:var(--text-title-weight)}[data-density=dense] .screen__heading{font-size:var(--text-title-dense-size);line-height:var(--text-title-dense-line);font-weight:var(--text-title-dense-weight)}.screen__actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.reading-column{width:100%;max-width:var(--reading-column);font-size:var(--text-prose-size);line-height:var(--text-prose-line);margin:0 auto}.lecture-column{width:100%;max-width:var(--lecture-wide);font-size:var(--text-prose-size);line-height:var(--text-prose-line);margin:0 auto}.content-column{width:100%;max-width:var(--content);margin:0 auto}.form-column{width:100%;max-width:var(--form-column);font-size:var(--text-body-reading-size);line-height:var(--text-body-reading-line);margin:auto}@media (width<=720px){.reading-column,.lecture-column{font-size:var(--text-prose-narrow-size);line-height:var(--text-prose-narrow-line)}.screen__aside{display:none}.screen__phone-header{flex:none;display:block}.screen-bar,.screen--phone-header .screen__path{display:none}.form-column{margin:0 auto}.screen__body,.screen--page .screen__body{padding:var(--space-4)}.screen__heading,[data-density=dense] .screen__heading{font-size:var(--text-subheading-size);line-height:var(--text-subheading-line)}.screen__head--lecture .screen__heading{font-size:var(--text-heading-size);line-height:var(--text-heading-line)}.screen__topbar{height:auto;min-height:var(--topbar-phone);padding:var(--space-2) var(--space-4);gap:var(--space-2);flex-wrap:wrap}.screen__title,[data-density=dense] .screen__title{white-space:normal;font-size:var(--text-card-title-size);line-height:var(--text-card-title-line)}.screen__topbar-right{gap:var(--space-3);flex-wrap:wrap;flex:0 auto;margin-left:0}}.auth{background:var(--bg-panel);min-height:100%;display:flex}.auth__showcase{justify-content:space-between;gap:var(--space-10);width:var(--showcase);max-width:calc(100% - var(--form-column) - 2 * var(--space-10));min-width:calc(var(--showcase) / 2);padding:var(--space-16);background:var(--bg-showcase);color:var(--text-showcase);overflow-wrap:break-word;flex-direction:column;flex:none;display:flex;overflow:hidden}.auth__sample{color:var(--text-showcase-secondary);font-family:var(--font-mono);font-size:var(--text-code-size);line-height:var(--text-code-line);white-space:pre-wrap;margin:0}.auth__keyword{color:var(--code-showcase-keyword)}.auth__function{color:var(--code-showcase-function)}.auth__pitch{gap:var(--space-3);flex-direction:column;display:flex}.auth__phrase{font-size:var(--text-title-size);line-height:var(--text-title-line);font-weight:var(--text-title-weight);-webkit-hyphens:auto;hyphens:auto;margin:0}.auth__note{color:var(--text-showcase-secondary);margin:0}.auth__main{min-width:0;padding:var(--space-10);flex-direction:column;flex:auto;display:flex}.auth__column{gap:var(--space-7);flex-direction:column;display:flex}.auth__brand{align-items:center;gap:var(--space-3);display:flex}.auth__mark{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-md);background:var(--text);color:var(--bg-panel);font-family:var(--font-mono);font-size:var(--text-tag-size);line-height:var(--text-tag-line);font-weight:var(--text-tag-weight);flex:none;justify-content:center;align-items:center;display:flex}.auth__product{font-size:var(--text-card-title-size);line-height:var(--text-card-title-line);font-weight:var(--text-card-title-weight)}.auth__head{gap:var(--space-2);flex-direction:column;display:flex}.auth__title{font-size:var(--text-title-size);line-height:var(--text-title-line);font-weight:var(--text-title-weight)}.auth__lead{color:var(--text-secondary);margin:0}@media (width<=720px){.auth__showcase{display:none}.auth__main{padding:var(--space-10) var(--space-6) var(--space-8)}.auth__title{font-size:var(--text-title-dense-size);line-height:var(--text-title-dense-line)}}.button{justify-content:center;align-items:center;gap:var(--space-2);height:var(--row);padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-panel);color:var(--text);font-size:var(--text-control-size);line-height:var(--text-control-line);font-weight:var(--text-control-weight);white-space:nowrap;cursor:pointer;display:inline-flex}:where([data-density=reading]) .button{height:var(--row-reading);padding:0 var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-control-reading-size);line-height:var(--text-control-reading-line);font-weight:var(--text-control-reading-weight)}.button:hover:not(:disabled){background:var(--bg-hover)}.button:hover{text-decoration:none}.button--primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent);font-size:var(--text-control-strong-size);line-height:var(--text-control-strong-line);font-weight:var(--text-control-strong-weight)}:where([data-density=reading]) .button--primary{font-size:var(--text-control-reading-strong-size);line-height:var(--text-control-reading-strong-line);font-weight:var(--text-control-reading-strong-weight)}.button--primary:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-hover)}.button--link{height:auto;color:var(--accent-text);background:0 0;border-color:#0000;padding:0}.button--link:hover:not(:disabled){background:0 0;text-decoration:underline}.button--ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.button--ghost:hover:not(:disabled){color:var(--text)}.button:disabled{color:var(--text-disabled);cursor:default}.button--primary:disabled{border-color:var(--accent-disabled);background:var(--accent-disabled);color:var(--on-accent-disabled)}.button__hotkey{color:var(--text-secondary);font-size:var(--text-caption-size);line-height:var(--text-caption-line);font-weight:var(--text-caption-weight)}.button--primary .button__hotkey,.button:disabled .button__hotkey{color:inherit}.callout{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-muted);overflow-wrap:anywhere;display:flex}.callout__icon{height:var(--text-panel-title-line);color:var(--text-secondary);flex:none;align-items:center;display:flex}.callout__text{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.callout__title{font-size:var(--text-panel-title-size);line-height:var(--text-panel-title-line);font-weight:var(--text-panel-title-weight)}.callout__body{color:var(--text-secondary);font-size:var(--text-body-size);line-height:var(--text-body-line)}.callout__code{color:var(--text);font-family:var(--font-mono);font-size:var(--text-code-dense-size);line-height:var(--text-code-dense-line);white-space:pre-wrap}.callout--success{border-color:var(--success-border);background:var(--success-bg)}.callout--success .callout__icon{color:var(--success-icon)}.callout--warning{border-color:var(--warning-border);background:var(--warning-bg)}.callout--warning .callout__icon{color:var(--warning-icon)}.callout--error{border-color:var(--error-border);background:var(--error-bg)}.callout--error .callout__icon{color:var(--error-icon)}.callout--error .callout__title{color:var(--error-strong)}.field{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.field__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.field__label{font-size:var(--text-label-size);line-height:var(--text-label-line);font-weight:var(--text-label-weight)}.field__optional,.field__hint{color:var(--text-tertiary);font-size:var(--text-secondary-size);line-height:var(--text-secondary-line)}.field__input{width:100%}.field--xl .field__input{height:var(--control-xl);padding:0 var(--space-5)}.field--invalid .field__input{border-color:var(--error-fill)}.field--invalid .field__hint{color:var(--error)}.code-cells{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.code-cells__label{font-size:var(--text-label-size);line-height:var(--text-label-line);font-weight:var(--text-label-weight)}.code-cells__row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex;position:relative}.code-cells__cell{min-width:var(--row);max-width:var(--control-xl);height:var(--space-16);border:1.5px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-panel);font-family:var(--font-mono);font-size:var(--text-otp-size);line-height:var(--text-otp-line);font-weight:var(--text-otp-weight);font-variant-numeric:tabular-nums;flex:1 1 0;justify-content:center;align-items:center;display:flex}.code-cells__dash{width:var(--space-3);background:var(--border-strong);flex:none;height:2px}.code-cells__caret{width:2px;height:var(--space-7);background:var(--accent);visibility:hidden}.code-cells__row:focus-within .code-cells__cell--active{border-color:var(--accent);box-shadow:var(--ring-focus)}.code-cells__row:focus-within .code-cells__caret{visibility:visible}.code-cells__input{opacity:0;width:100%;height:100%;font-size:var(--text-body-reading-size);border:0;padding:0;position:absolute;inset:0}.code-cells__hint{color:var(--text-tertiary);font-size:var(--text-secondary-size);line-height:var(--text-secondary-line)}.code-cells--invalid .code-cells__cell,.code-cells--invalid .code-cells__row:focus-within .code-cells__cell--active{border-color:var(--error-fill);box-shadow:none}.code-cells--invalid .code-cells__hint{color:var(--error)}@media (width<=720px){.code-cells__cell{height:var(--control-xl)}}.login__form{gap:var(--space-5);flex-direction:column;display:flex}.login__form>.button--primary{width:100%;height:var(--control-xl)}.login__footnote{color:var(--text-secondary);font-size:var(--text-body-size);line-height:var(--text-body-line);margin:0}.login__more{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.login__wait{color:var(--text-tertiary);font-size:var(--text-body-size);line-height:var(--text-body-line);font-variant-numeric:tabular-nums}@media (width<=720px){.login__code-notice{order:1}}.empty-state{align-items:center;gap:var(--space-4);padding:var(--space-12) var(--space-10);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-panel);text-align:center;flex-direction:column;display:flex}.empty-state__icon{width:var(--space-16);height:var(--space-16);border-radius:var(--radius-round);background:var(--bg-muted);color:var(--text-secondary);flex:none;justify-content:center;align-items:center;display:flex}.empty-state--failure .empty-state__icon{background:var(--error-soft);color:var(--error-icon)}.empty-state__title{overflow-wrap:anywhere;font-size:var(--text-subheading-size);line-height:var(--text-subheading-line);font-weight:var(--text-subheading-weight);margin:0}.empty-state__text{max-width:420px;color:var(--text-secondary);font-size:var(--text-body-size);line-height:var(--text-body-line);margin:0}:where([data-density=reading]) .empty-state__text{font-size:var(--text-body-reading-size);line-height:var(--text-body-reading-line)}@media (width<=720px){.empty-state{padding:var(--space-8) var(--space-5)}}.progress{align-items:center;gap:var(--space-1) var(--space-3);flex-wrap:wrap;min-width:0;display:flex}.progress__track,.progress__segments{flex:1 1 var(--space-16);min-width:0;height:6px;display:flex}.progress__track{border-radius:var(--radius-round);background:var(--bg-muted);overflow:hidden}.progress__segments{gap:var(--space-1)}.progress__segment{border-radius:var(--radius-round);background:var(--border);flex:1 1 0;min-width:0;display:flex;overflow:hidden}.progress__fill{border-radius:var(--radius-round);background:var(--success-fill);flex:none}.progress__caption{min-width:0;color:var(--text-secondary);font-size:var(--text-secondary-size);line-height:var(--text-secondary-line);font-variant-numeric:tabular-nums}.course-rows{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.course-row{align-items:center;column-gap:var(--space-5);padding:var(--space-4) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-panel);color:var(--text);grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"step main state arrow";display:grid}.course-row:hover{border-color:var(--border-strong);text-decoration:none}.course-row--loose{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"main state arrow"}.course-row__step{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-round);background:var(--bg-muted);color:var(--text-secondary);font-size:var(--text-body-reading-size);line-height:var(--text-body-reading-line);font-weight:var(--text-panel-title-weight);font-variant-numeric:tabular-nums;flex:none;grid-area:step;justify-content:center;align-items:center;display:flex}.course-row--current .course-row__step{background:var(--accent);color:var(--on-accent)}.course-row--passed .course-row__step{background:var(--success-soft);color:var(--success-strong)}.course-row__main{gap:var(--space-2);flex-direction:column;grid-area:main;min-width:0;display:flex}.course-row__title{overflow-wrap:anywhere;font-size:var(--text-body-reading-size);line-height:var(--text-body-reading-line);font-weight:var(--text-panel-title-weight)}.course-row__summary{color:var(--text-secondary);font-size:var(--text-secondary-size);line-height:var(--text-secondary-line)}.course-row .progress__segments,.course-row .progress__track{max-width:360px}.course-row__state{white-space:nowrap;color:var(--text-tertiary);font-size:var(--text-secondary-size);line-height:var(--text-secondary-line);font-weight:var(--text-tag-weight);grid-area:state}.course-row--current .course-row__state{color:var(--accent-strong)}.course-row--passed .course-row__state{color:var(--success)}.course-row--unfinished .course-row__state{color:var(--warning)}.course-row--loose.course-row--ahead .course-row__state{color:var(--text-secondary)}.course-row__arrow{color:var(--text-tertiary);grid-area:arrow;display:flex}@media (width<=720px){.course-row{column-gap:var(--space-3);row-gap:var(--space-1);padding:var(--space-4);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"step main arrow""step state arrow"}.course-row--loose{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main arrow""state arrow"}.course-row__state{white-space:normal}}.tag{padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--bg-muted);color:var(--text-secondary);font-size:var(--text-secondary-size);line-height:var(--text-secondary-line);font-weight:var(--text-tag-weight);white-space:nowrap;align-items:center;display:inline-flex}.tag--mode{color:var(--text-secondary)}.tag--slug{font-family:var(--font-mono);font-size:var(--text-tag-size);line-height:var(--text-tag-line);color:var(--text)}.tag--error{background:var(--error-soft);color:var(--error-strong)}.tag--success{background:var(--success-soft);color:var(--success-strong)}.tile{border:1.5px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-panel);color:var(--text-secondary);font-family:var(--font-mono);font-weight:var(--text-tag-weight);font-variant-numeric:tabular-nums;flex:none;justify-content:center;align-items:center;display:inline-flex}.tile--48{width:var(--row-reading);height:var(--row-reading);font-size:var(--text-data-size);line-height:var(--text-data-line)}.tile--36{width:var(--control-sm);height:var(--control-sm);font-size:var(--text-data-size);line-height:var(--text-data-line)}.tile--28{width:var(--space-7);height:var(--space-7);font-size:var(--text-secondary-size);line-height:var(--text-secondary-line)}.tile:hover{text-decoration:none}.tile-legend{gap:var(--space-2) var(--space-5);color:var(--text-secondary);font-size:var(--text-secondary-size);line-height:var(--text-secondary-line);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tile-legend__item{align-items:center;gap:var(--space-2);display:inline-flex}.tile-legend__swatch{width:var(--space-3);height:var(--space-3);border:1.5px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--bg-panel);flex:none}.tile--passed{border-color:var(--success-border);background:var(--success-soft);color:var(--success-strong)}.tile--attempted{border-color:var(--warning-border);background:var(--warning-soft);color:var(--warning-strong)}.tile--current{border-color:var(--accent);background:var(--bg-selected);color:var(--accent-strong)}.tile--36.tile--current{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-xl);flex-direction:column;min-height:0;display:flex;overflow:hidden}:where(.panel){flex-shrink:0}.panel__header{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--row-reading);padding:0 var(--space-4);border-bottom:1px solid var(--border-subtle);display:flex}[data-density=reading] .panel__header{padding:0 var(--space-6)}.panel__header .button{height:var(--control-sm);padding:0 var(--space-4);border-radius:var(--radius-md)}.panel__title{align-items:center;gap:var(--space-2);font-size:var(--text-panel-title-size);line-height:var(--text-panel-title-line);font-weight:var(--text-panel-title-weight);color:var(--text);display:flex}.panel__icon{color:var(--text-secondary);flex:none;display:flex}.panel__actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.panel__body{min-height:0;padding:var(--space-4);flex:1;overflow:auto}[data-density=reading] .panel__body{padding:var(--space-5) var(--space-6) var(--space-6)}@media (width<=720px){.panel__header{padding:var(--space-3) var(--space-4);align-items:flex-start;row-gap:var(--space-1);flex-wrap:wrap}[data-density=reading] .panel__header{padding:var(--space-3) var(--space-4)}[data-density=reading] .panel__body{padding:var(--space-4)}.panel__meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.panel__actions{order:1}.panel__meta{flex-basis:100%;order:2}}.lesson{gap:var(--space-5);flex-direction:column;display:flex}.lesson--split{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:start;display:grid}.lesson--split>*{grid-column:1}.lesson--split>.lesson__main{grid-area:1/2/-1}.lesson__main{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.lesson__meta{justify-content:flex-end;align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:inline-flex}.lesson__count:before{content:"·";margin-right:var(--space-2)}.lesson__items{margin:0;padding:0;list-style:none}.lesson__item{align-items:center;gap:var(--space-3);min-height:var(--row-reading);padding:var(--space-2) 0;border-top:1px solid var(--border-subtle);color:var(--text);display:flex}.lesson__items>li:first-child .lesson__item{border-top:none}.lesson__item:hover{text-decoration:none}.lesson__item:hover .lesson__item-title{text-decoration:underline}.lesson__item-title{overflow-wrap:anywhere;flex:1;min-width:0}.lesson__item-state{white-space:nowrap;color:var(--text-secondary);font-size:var(--text-secondary-size);line-height:var(--text-secondary-line);flex:none}.lesson__item-state--passed,.lesson__item-state--read{color:var(--success)}.lesson__item-state--attempted{color:var(--warning)}.lesson__mark{width:var(--space-7);flex:none;justify-content:center;display:flex}.lesson__mark--read{color:var(--success-icon)}.lesson__class{gap:var(--space-5);flex-direction:column;display:flex}.lesson__tiles{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.lesson__next{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--bg-muted);flex-wrap:wrap;display:flex}.lesson__next-text{flex-direction:column;min-width:0;display:flex}.lesson__next-caption{color:var(--text-secondary);font-size:var(--text-secondary-size);line-height:var(--text-secondary-line)}.lesson__next-name{overflow-wrap:anywhere;font-weight:var(--text-label-weight)}.lesson__next-done{align-items:center;gap:var(--space-2);font-weight:var(--text-label-weight);display:inline-flex}.lesson__next-done .icon{color:var(--success-icon)}.lesson__locked{align-items:center;gap:var(--space-2);color:var(--text-secondary);margin:0;display:flex}.lesson__locked .icon{flex:none}.lesson__empty{color:var(--text-secondary);margin:0}@media (width<=720px){.lesson--split{flex-direction:column;display:flex}.lesson__next .button{width:100%}}.now{gap:var(--space-4);flex-direction:column;display:flex}.now__head{gap:var(--space-3);flex-direction:column;display:flex}.now__greeting{color:var(--text-secondary);font-size:var(--text-body-reading-size);line-height:var(--text-body-reading-line);font-weight:var(--text-body-reading-weight);margin:0}.now__hint{padding:var(--space-3) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-muted);margin:0}.now__top{gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}.now__top--side{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.now__lesson{gap:var(--space-6);padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-panel);flex-direction:column;display:flex}.now__lesson-head{gap:var(--space-2);flex-direction:column;display:flex}.now__label{align-items:center;gap:var(--space-2);color:var(--accent-strong);font-size:var(--text-secondary-size);line-height:var(--text-secondary-line);font-weight:var(--text-tag-weight);display:inline-flex}.now__dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-round);background:var(--accent);flex:none}.now__title{overflow-wrap:anywhere;font-size:var(--text-title-size);line-height:var(--text-title-line);font-weight:var(--text-title-weight);margin:0}.now__parts{gap:var(--space-3);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:0;padding:0;list-style:none;display:grid}.now__part{gap:var(--space-1);min-width:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--bg-muted);flex-direction:column;display:flex}.now__part-name,.now__part-later{color:var(--text-secondary);font-size:var(--text-secondary-size);line-height:var(--text-secondary-line)}.now__part-count{white-space:nowrap;font-size:var(--text-stat-size);line-height:var(--text-stat-line);font-weight:var(--text-stat-weight);font-variant-numeric:tabular-nums}.now__part--done{background:var(--success-soft)}.now__part--done .now__part-name,.now__part--done .now__part-count{color:var(--success-strong)}.now__next{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.now__next-text{flex-direction:column;min-width:0;display:flex}.now__next-caption{color:var(--text-tertiary);font-size:var(--text-secondary-size);line-height:var(--text-secondary-line)}.now__next-name{overflow-wrap:anywhere;font-weight:var(--text-label-weight)}.now__done{align-items:center;gap:var(--space-2);font-weight:var(--text-label-weight);margin:0;display:inline-flex}.now__done .icon{color:var(--success-icon)}.now__quiet{color:var(--text-secondary);margin:0}.now__side{gap:var(--space-5);flex-direction:column;display:flex}.now__card{gap:var(--space-3);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-panel);color:var(--text);flex-direction:column;display:flex}.now__card:hover{border-color:var(--border-strong);text-decoration:none}.now__card-text{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.now__due{align-items:center;gap:var(--space-2);color:var(--warning);font-size:var(--text-secondary-size);line-height:var(--text-secondary-line);font-weight:var(--text-tag-weight);display:inline-flex}.now__due-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-round);background:var(--warning-fill);flex:none}.now__card-label{color:var(--text-tertiary);font-size:var(--text-secondary-size);line-height:var(--text-secondary-line);font-weight:var(--text-tag-weight)}.now__card-title{overflow-wrap:anywhere;font-size:var(--text-card-title-size);line-height:var(--text-card-title-line);font-weight:var(--text-card-title-weight)}.now__card-line{color:var(--text-secondary);font-size:var(--text-body-size);line-height:var(--text-body-line)}.now__card-action{color:var(--accent-text);font-size:var(--text-control-reading-size);line-height:var(--text-control-reading-line);font-weight:var(--text-control-reading-weight)}.now__card:hover .now__card-action{text-decoration:underline}.now__card-arrow{color:var(--text-tertiary);flex:none;display:none}.now__course{gap:var(--space-4);margin-top:var(--space-6);flex-direction:column;display:flex}.now__heading{font-size:var(--text-subheading-size);line-height:var(--text-subheading-line);font-weight:var(--text-subheading-weight);margin:0}@media (width<=720px){.now__top--side{grid-template-columns:minmax(0,1fr)}.now__lesson{gap:var(--space-4);padding:var(--space-5)}.now__title{font-size:var(--text-subheading-size);line-height:var(--text-subheading-line)}.now__parts{gap:var(--space-2);grid-auto-columns:auto;grid-auto-flow:row}.now__part{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-2) var(--space-4);flex-direction:row}.now__part-count{font-size:var(--text-card-title-size);line-height:var(--text-card-title-line)}.now__next .button{width:100%}.now__card{padding:var(--space-4) var(--space-5);flex-direction:row;align-items:center}.now__card-text{gap:var(--space-1);flex:1}.now__card-bar,.now__card-action{display:none}.now__card-arrow{display:flex}.now__course{margin-top:var(--space-4)}}.avatar{border-radius:var(--radius-round);background:var(--bg-muted);color:var(--text);font-weight:var(--text-panel-title-weight);white-space:nowrap;flex:none;justify-content:center;align-items:center;display:inline-flex}.avatar--32{width:var(--space-8);height:var(--space-8);font-size:var(--text-secondary-size);line-height:var(--text-secondary-line)}.avatar--40{width:var(--space-10);height:var(--space-10);font-size:var(--text-control-size);line-height:var(--text-control-line)}.avatar--64{width:var(--space-16);height:var(--space-16);font-size:var(--text-subheading-size);line-height:var(--text-subheading-line)}.profile.form-column{gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.profile__who{align-items:center;gap:var(--space-4);padding:0 var(--space-1);display:flex}.profile__names{flex-direction:column;min-width:0;display:flex}.profile__name{overflow-wrap:anywhere;font-size:var(--text-card-title-size);line-height:var(--text-card-title-line);font-weight:var(--text-card-title-weight)}.profile__cohort{color:var(--text-secondary);font-size:var(--text-secondary-size);line-height:var(--text-secondary-line)}.profile__card{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-panel);margin:0}.profile__form{gap:var(--space-4);flex-direction:column;display:flex}.profile__save{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.profile__saved{color:var(--success)}.profile__form .failure{margin:0}.profile__card.profile__facts{padding-top:0;padding-bottom:0}.profile__fact{padding:var(--space-3) 0;flex-direction:column;display:flex}.profile__fact+.profile__fact{border-top:1px solid var(--border-subtle)}.profile__fact dt{color:var(--text-tertiary);font-size:var(--text-secondary-size);line-height:var(--text-secondary-line)}.profile__fact dd{overflow-wrap:anywhere;margin:0}.profile__leave{gap:var(--space-2);flex-direction:column;display:flex}.profile__leave .failure{margin:0}@media (width<=720px){.profile__card{padding:var(--space-4)}}.bottom-bar{height:calc(var(--bottom-bar) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);background:var(--bg-panel);display:flex}.bottom-bar__item{justify-content:center;align-items:center;gap:var(--space-1);min-width:0;min-height:var(--row);color:var(--text-tertiary);font-size:var(--text-caption-size);line-height:var(--text-caption-line);font-weight:var(--text-tag-weight);flex-direction:column;flex:1;text-decoration:none;display:flex}.bottom-bar__item:hover{color:var(--text);text-decoration:none}.bottom-bar__item[aria-current=page]{color:var(--accent-strong)}.bottom-bar__item--disabled,.bottom-bar__item--disabled:hover{color:var(--text-disabled);cursor:default}.bottom-bar__icon{display:flex;position:relative}.bottom-bar__label{max-width:100%;padding:0 var(--space-1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bottom-bar__dot{top:calc(-1 * var(--space-1));right:calc(-1 * var(--space-1));width:var(--space-2);height:var(--space-2);border-radius:var(--radius-round);background:var(--success-fill);position:absolute}.topbar{justify-content:space-between;align-items:center;gap:var(--space-6);height:var(--topbar);padding:0 var(--space-10);border-bottom:1px solid var(--border);background:var(--bg-panel);flex:none;display:flex}.topbar__brand{align-items:center;gap:var(--space-3);min-width:0;display:flex}.topbar__mark{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-sm);background:var(--text);color:var(--bg-panel);font-family:var(--font-mono);font-size:var(--text-tag-size);line-height:var(--text-tag-line);font-weight:var(--text-tag-weight);flex:none;justify-content:center;align-items:center;display:flex}.topbar__product{white-space:nowrap;font-size:var(--text-panel-title-size);line-height:var(--text-panel-title-line);font-weight:var(--text-panel-title-weight);flex:none}.topbar__cohort{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-tertiary);font-size:var(--text-secondary-size);line-height:var(--text-secondary-line);overflow:hidden}.topbar__sections{gap:var(--space-1);flex:none;display:flex}.topbar__section{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-control-reading-size);line-height:var(--text-control-reading-line);font-weight:var(--text-control-reading-weight);white-space:nowrap}.topbar__section:hover{color:var(--text);text-decoration:none}.topbar__section[aria-current=page]{background:var(--bg-muted);color:var(--text)}.topbar__avatar{border-radius:var(--radius-round);flex:none;display:flex}.topbar__avatar:hover{text-decoration:none}@media (width<=720px){.topbar{height:var(--topbar-phone);gap:var(--space-3);padding:0 var(--space-4)}.topbar__brand{flex:1}.topbar__cohort{margin-left:auto}}.student-shell{flex-direction:column;height:100%;display:flex}.student-shell__page{flex:1;min-height:0}.student-shell__bottom{display:none}.student-shell:has(.screen-bar)>.topbar{display:none}@media (width<=720px){.student-shell .topbar__sections,.student-shell .topbar__avatar{display:none}.student-shell__page{padding-bottom:calc(var(--bottom-bar) + env(safe-area-inset-bottom))}.student-shell__bottom{z-index:5;display:block;position:fixed;bottom:0;left:0;right:0}:is(.student-shell:has(.phone-header)>.topbar,.student-shell:has(.phone-header)>.student-shell__bottom){display:none}.student-shell:has(.phone-header)>.student-shell__page{padding-bottom:env(safe-area-inset-bottom)}}