.app-shell .topbar.studio-topbar{position:sticky;inset-block-start:0;z-index:30;display:grid;grid-template-columns:minmax(0,.72fr) minmax(140px,1.45fr) minmax(80px,.72fr) auto auto auto;box-sizing:border-box;inline-size:100%;max-inline-size:1370px;min-inline-size:0;margin-inline:auto;align-items:center;gap:12px;min-height:76px;padding:10px clamp(16px,2vw,30px);background:color-mix(in srgb,var(--surface) 96%,transparent);border-bottom:1px solid var(--line);box-shadow:0 4px 16px #142e2910;backdrop-filter:blur(14px)}.app-shell .topbar.studio-topbar>*{min-inline-size:0;max-inline-size:100%}.app-shell .studio-brand{display:flex;align-items:center;gap:10px;min-width:0}.app-shell .studio-brand .desktop-menu{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted)}.app-shell .studio-brand .site-brand{gap:9px;min-width:0;text-decoration:none;color:var(--ink)}.app-shell .studio-brand .site-brand-icon{width:42px;height:42px;border-radius:13px;box-shadow:0 5px 14px #142e291a}.app-shell .studio-brand .site-brand-copy{min-width:0}.app-shell .studio-brand .site-brand-name{font-size:.92rem;font-weight:850;letter-spacing:-.035em;white-space:nowrap}.app-shell .studio-top-title{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.88rem;font-weight:700}.app-shell .desktop-primary-nav{display:none}.app-shell .topbar .standalone-search,.app-shell .topbar .standalone-search.is-open{position:relative;inset:auto;z-index:auto;display:flex;grid-column:auto;grid-row:auto;align-items:center;gap:9px;width:100%;min-width:0;max-width:none;margin:0;padding:5px 8px 5px 13px;border:1px solid var(--border);border-radius:15px;background:var(--bg);box-shadow:none}.app-shell .topbar .standalone-search>svg{flex:none;color:var(--muted)}.app-shell .topbar .standalone-search input{width:100%;min-width:0;min-height:42px;padding:8px 5px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:.9rem;outline:0}.app-shell .topbar .standalone-search input:focus-visible{outline:0}.app-shell .topbar .standalone-search:focus-within{outline:2px solid var(--focus);outline-offset:2px}.app-shell .topbar .search-submit{flex:none;min-height:38px;padding:6px 13px;border:0;border-radius:10px;background:var(--blue);color:#fff;font:inherit;font-size:.78rem;font-weight:750}.app-shell .header-level-progress{display:grid;justify-items:center;gap:5px;min-width:0;color:var(--muted)}.app-shell .header-progress-track{display:block;width:min(100%,160px);height:7px;overflow:hidden;border-radius:999px;background:var(--line)}.app-shell .header-progress-track i{display:block;height:100%;border-radius:inherit;background:#73a146;transition:width .25s ease}.app-shell .header-level-progress strong{font-size:.72rem;white-space:nowrap;color:var(--blue)}.app-shell .topbar>.visible-language-switch{display:flex;grid-column:auto;grid-row:auto;gap:7px;padding:5px 9px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.app-shell .topbar>.visible-language-switch>svg{flex:none;color:var(--muted)}.app-shell .topbar>.visible-language-switch>span{display:none}.app-shell .topbar>.visible-language-switch select{min-height:36px;max-width:110px;padding:4px 7px;border:0;background:transparent;font-size:.82rem}.app-shell .header-streak{display:flex;align-items:center;justify-content:center;gap:7px;min-width:68px;min-height:48px;padding:7px 12px;border:1px solid #f2e4d5;border-radius:14px;background:#fff7ed;color:#c76e2c}.app-shell .header-streak strong{font-size:.95rem;font-weight:850}.app-shell .studio-header-actions{position:relative;inset:auto;display:flex;align-items:center;gap:8px;min-width:0}.app-shell .studio-header-actions .header-search-toggle{display:none}.app-shell .topbar .header-settings{position:relative;display:block;grid-column:auto;grid-row:auto;min-width:0;margin:0;padding:0;border:0}.app-shell .topbar .header-settings>summary{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:48px;padding:4px 10px 4px 5px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);font-size:.84rem;font-weight:750;white-space:nowrap;list-style:none;cursor:pointer}.app-shell .topbar .header-settings>summary::-webkit-details-marker{display:none}.app-shell .topbar .header-settings>summary:after{content:"⌄";margin-inline-start:3px;color:var(--muted);font-size:1rem}.app-shell .header-avatar{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:#78a448;color:#fff;font-size:1rem;font-weight:850}.app-shell .header-account-label{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:var(--light);color:var(--blue);font-size:.78rem;font-weight:850}.app-shell .header-account-text{max-width:74px;overflow:hidden;text-overflow:ellipsis}.app-shell .topbar .header-settings>.header-actions{position:absolute;inset-block-start:calc(100% + 9px);inset-inline-end:0;z-index:60;justify-content:stretch;gap:9px;max-height:min(75vh,680px);margin:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 18px 44px #142e2926}.app-shell .topbar .header-actions>*{width:100%;max-width:none}.app-shell .topbar .ui-size-control{justify-content:space-between;flex-wrap:nowrap;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}@media(max-width:1400px) and (min-width:901px){.app-shell .topbar.studio-topbar{grid-template-columns:minmax(0,1fr) auto auto auto;gap:9px;padding-inline:14px}.app-shell .studio-top-title{display:none}.app-shell .topbar .standalone-search{grid-column:auto}.app-shell .header-level-progress{display:none}.app-shell .studio-brand .site-brand-name{font-size:.82rem}.app-shell .header-account-text{display:none}}@media(max-width:900px){.app-shell .topbar.studio-topbar{display:none}}@media(prefers-reduced-motion:reduce){.app-shell .header-progress-track i{transition:none}}@media(min-width:901px){.app-shell .workspace,.app-shell.lesson-simple .workspace{margin-inline-start:var(--sidebar-size);margin-inline-end:0;inline-size:auto;max-inline-size:none}.app-shell .sidebar{visibility:visible;pointer-events:auto;transform:none;box-shadow:none}.app-shell .scrim,.app-shell .topbar .studio-brand{display:none}}.app-shell .topbar .header-settings>summary:before{content:none}.app-shell .topbar .header-settings>.header-actions{min-inline-size:0;box-sizing:border-box}@media(min-width:901px){.app-shell .sidebar .drawer-close,.app-shell.reading-focus .topbar.studio-topbar{display:none}}@media(min-width:901px) and (max-width:1050px){.app-shell .studio-brand .site-brand-copy{display:none}.app-shell .header-streak{min-width:54px;padding-inline:8px}}.app-shell .topbar .header-settings>.header-actions{display:block;width:min(320px,calc(100vw - 32px));padding:0;overflow:auto}.app-shell .topbar .header-settings:not([open])>.header-actions{display:none}.app-shell .account-menu-content{display:grid;gap:0;min-inline-size:0;color:var(--ink);text-align:start}.app-shell .account-menu-identity{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--line)}.app-shell .account-menu-identity>div{display:grid;gap:4px;min-inline-size:0}.app-shell .account-menu-identity strong{font-size:.95rem;overflow-wrap:anywhere}.app-shell .account-menu-identity small{font-size:.75rem;line-height:1.7;color:var(--muted)}.app-shell .account-menu-group{display:grid;gap:5px;padding:14px;border-bottom:1px solid var(--line)}.app-shell .account-menu-group:last-child{border-bottom:0}.app-shell .account-menu-caption{font-size:.72rem;font-weight:700;color:var(--muted);padding:2px 8px 7px}.app-shell .account-menu-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:46px;padding:10px 12px;margin:0;border:0;border-radius:9px;background:transparent;color:var(--ink);font:inherit;font-size:.85rem;line-height:1.7;text-align:start;text-decoration:none;cursor:pointer}.app-shell .account-menu-row:hover{background:var(--light)}.app-shell .account-menu-row>span{flex:1}.app-shell .account-menu-content .ui-size-control{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);font-size:.85rem}.app-shell .account-menu-content .ui-size-control select{width:auto;max-width:110px;min-height:38px;padding:4px 9px}.app-shell .account-menu-signout{color:#a34239}.app-shell .footer.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px 32px;margin-block-start:40px;padding:28px 0;border-top:1px solid var(--line);font-size:.85rem;line-height:1.8}.app-shell .site-footer-brand{display:grid;gap:5px}.app-shell .site-footer-brand strong{font-size:1rem;color:var(--ink)}.app-shell .site-footer-brand p{margin:0;color:var(--muted)}.app-shell .site-footer-meta{display:grid;gap:5px;text-align:end;color:var(--muted)}.app-shell .site-footer-meta small{font-size:.75rem}@media(max-width:600px){.app-shell .footer.site-footer{align-items:start;flex-direction:column;gap:16px}.app-shell .site-footer-meta{text-align:start}}.app-shell .home-open-note{margin:8px 0 0;padding-block:16px;color:var(--muted);font-size:.85rem;line-height:1.8}.app-shell .home-open-note h2{font-size:1rem;margin:0 0 6px}.app-shell .home-open-note p{margin:0}.app-shell .topbar .header-settings>.header-actions{max-width:none;max-inline-size:calc(100vw - 32px);min-width:0}html[data-theme=dark] .app-shell .account-menu-signout{color:#ffb4aa}@media(min-width:901px){.app-shell.lesson-simple.reading-focus .workspace,.app-shell.reading-focus .workspace{margin-inline:0}}.app-shell .sidebar .mobile-preferences>summary{color:#edf6ed}.app-shell .sidebar .mobile-preferences-controls{margin-top:12px;padding:0;background:var(--surface);border-radius:14px;overflow:hidden}.app-shell .sidebar .account-menu-identity{padding:14px}