.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:44px;padding:6px 13px;border:0;border-radius:10px;background:var(--primary-bg);color:var(--primary-ink);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}.platform-public{--sn-card-radius:20px;--sn-control-radius:12px;--sn-page-width:1200px;--sn-section-space:clamp(20px,3vw,32px);--sn-panel-padding:clamp(18px,2.5vw,28px);background:var(--bg);color:var(--ink)}.platform-public :is(.questions-page,.account-hub,.platform-subscription-page,.practical-page,.career-page,.practice-page){inline-size:min(100%,var(--sn-page-width));margin-inline:auto;padding-inline:clamp(16px,3vw,32px);padding-block:var(--sn-section-space) 64px;box-sizing:border-box;min-inline-size:0}.platform-public :is(.account-hub-header,.blog-heading,.blog-article-heading,.practical-heading,.career-heading,.section-heading,.catalog-heading){border-block-end:1px solid var(--line);padding-block-end:24px;margin-block-end:var(--sn-section-space);background:transparent;color:var(--ink)}.platform-public :is(.account-hub-header,.blog-heading,.blog-article-heading,.practical-heading,.career-heading,.section-heading,.catalog-heading) h1{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.35;margin-block:0 12px;color:var(--ink);text-wrap:balance}.platform-public :is(.account-hub-header,.blog-heading,.blog-article-heading,.practical-heading,.career-heading,.section-heading,.catalog-heading) p{color:var(--muted);line-height:1.8;max-inline-size:72ch}.platform-public :is(.lesson-card,.question-card,.level-card,.tool-card,.grammar-card,.practical-card,.career-card,.account-hub .panel,.membership-plans>article,.site-related-card){background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--sn-card-radius);box-shadow:var(--shadow);padding:var(--sn-panel-padding);min-inline-size:0;overflow-wrap:anywhere}.platform-public :is(.lesson-card,.question-card,.level-card,.tool-card,.grammar-card,.practical-card,.career-card) :is(h2,h3){color:var(--ink);line-height:1.5;margin-block:0 10px}.platform-public :is(.lesson-card,.question-card,.level-card,.tool-card,.grammar-card,.practical-card,.career-card) p{line-height:1.8;color:var(--muted)}.platform-public :is(.lesson-grid,.question-grid,.levels-grid,.tools-grid,.practical-grid,.career-grid,.membership-plans){gap:var(--content-gap,24px);align-items:stretch}.platform-public :is(.study-card,.history-card,.practice-card,.reading-card,.stat-card,.grammar-topic-card,.vocabulary-card,.writing-panel,.tool-panel,.auth-card,.login-card){background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--sn-card-radius);box-shadow:var(--shadow);padding:var(--sn-panel-padding);min-inline-size:0}.platform-public.platform-unified :is(main,.membership-panel) :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=submit]):not([type=button]),select,textarea){font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--sn-control-radius);max-inline-size:100%;box-sizing:border-box}.platform-public.platform-unified :is(button,.light-button,.primary,.membership-link){font-family:inherit;border-radius:var(--sn-control-radius)}.platform-public :is(.primary,.membership-link,.membership-plans button){background:var(--primary-bg);color:var(--primary-ink);border:1px solid var(--primary-bg);text-decoration:none}.platform-public :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--focus);outline-offset:3px}.platform-public .platform-subscription-page .membership-panel{margin:0;padding:var(--sn-panel-padding);max-inline-size:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--sn-card-radius);box-shadow:var(--shadow)}.platform-public .membership-status{background:var(--light);color:var(--ink);border:1px solid var(--line);border-radius:var(--sn-card-radius);padding:20px}.platform-public .membership-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.platform-public .membership-plans>article{display:flex;flex-direction:column;gap:12px}.platform-public .membership-plans>article>button{margin-block-start:auto;min-block-size:44px}.platform-public .site-standalone-navigation,.platform-public .site-standalone-related{inline-size:min(100%,var(--sn-page-width));margin-inline:auto;padding-inline:clamp(16px,3vw,32px);box-sizing:border-box}.platform-listening>header{background:var(--surface);color:var(--ink);border-block-end:1px solid var(--line)}.platform-listening>main{max-inline-size:var(--sn-page-width);margin-inline:auto;padding:var(--sn-section-space) clamp(16px,3vw,32px) 64px}.platform-listening :is(.player,.card){background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--sn-card-radius);padding:var(--sn-panel-padding);box-shadow:var(--shadow);min-inline-size:0}.platform-listening .intro h1{color:var(--ink);font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.35}@media (max-width:640px){.platform-public{--content-gap:16px;--sn-panel-padding:18px}.platform-public .account-hub-header{align-items:flex-start;flex-wrap:wrap}.platform-public .membership-actions{display:flex;flex-wrap:wrap;gap:12px}.platform-listening .layout{grid-template-columns:minmax(0,1fr)}.platform-listening .transport{flex-wrap:wrap}}@media print{.platform-public{background:white;color:black}.platform-public :is(.lesson-card,.question-card,.account-hub .panel,.membership-plans>article){box-shadow:none}}html:root body :is(button.primary,a.primary,.membership-link,.membership-panel button),html:root body.platform-unified :is(button.primary,a.primary,.membership-link,.membership-panel button),html:root[data-theme] body :is(button.primary,a.primary,.membership-link,.membership-panel button){background:var(--primary-bg,#17615a);color:var(--primary-ink,#ffffff);border-color:var(--primary-bg,#17615a);-webkit-text-fill-color:currentColor}html:root body :is(button.primary,a.primary,.membership-link,.membership-panel button):is(:hover,:focus-visible,:active),html:root body.platform-unified :is(button.primary,a.primary,.membership-link,.membership-panel button):is(:hover,:focus-visible,:active),html:root[data-theme] body :is(button.primary,a.primary,.membership-link,.membership-panel button):is(:hover,:focus-visible,:active){background:var(--primary-bg,#17615a);color:var(--primary-ink,#ffffff);border-color:var(--primary-bg,#17615a)}html:root body :is(button.primary,a.primary,.membership-link,.membership-panel button) :where(span,strong,b,small,em,svg),html:root[data-theme] body :is(button.primary,a.primary,.membership-link,.membership-panel button) :where(span,strong,b,small,em,svg){color:inherit;-webkit-text-fill-color:currentColor}.writing-journey-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-block:18px;border-bottom:1px solid var(--border);padding-block-end:12px}.writing-journey-tabs button{font:inherit;min-height:44px;padding:10px 18px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer}.writing-journey-tabs [aria-selected=true]{background:var(--primary-bg);color:var(--primary-ink);border-color:var(--primary-bg)}.writing-journey-allowance>summary:focus-visible,.writing-journey-help>summary:focus-visible,.writing-journey-tabs button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.writing-journey-steps{display:flex;flex-wrap:wrap;gap:12px 28px;padding:0;list-style:none;color:var(--muted);margin-block:20px}.writing-journey-resume{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--light);margin-block:20px}.writing-journey-resume>div{flex:1;min-width:min(230px,100%)}.writing-journey-resume p{margin-block:5px 0}.writing-layout.writing-journey-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;max-width:1000px;margin-inline:auto;align-items:start}.writing-journey-layout>.writing-analysis,.writing-journey-layout>.writing-editor{position:static;min-width:0;max-width:100%;max-height:none;overflow:visible}.writing-journey-layout .writing-editor>h2{margin-block:10px 18px;font-size:1.25rem}.writing-journey-layout .writing-textarea-label textarea{min-height:300px;line-height:1.9;resize:vertical}.writing-journey-layout .writing-exam-task textarea{min-height:unset}.writing-journey-task{margin-block:16px 28px;background:var(--light);border:1px solid var(--border);padding:16px;border-radius:14px}.writing-journey-allowance,.writing-journey-help{border-top:1px solid var(--border);padding-block:16px;margin-block:12px}.writing-journey-allowance>summary,.writing-journey-help>summary{cursor:pointer;min-height:44px;align-content:center;font-weight:650;color:var(--ink)}.writing-journey-allowance .writing-quota-card{margin-block:12px 0}.writing-journey-layout .writing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-block:16px}.writing-journey-layout .writing-actions>.primary{min-height:48px;padding-inline:24px}.writing-journey-next{margin-block-start:24px;padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--light)}.writing-journey-history{max-width:1000px;margin-inline:auto}.writing-journey-history>label{display:grid;gap:8px;max-width:240px}.writing-journey-history input{font:inherit;min-height:44px;padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink)}.writing-journey-entry,.writing-journey-paging{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:18px;border-bottom:1px solid var(--border)}.writing-journey-entry>div{min-width:0;flex:1;overflow-wrap:anywhere}.writing-journey-entry h3{margin:0}.writing-journey-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block:20px}.writing-journey-metrics article{display:grid;gap:8px;padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--light)}.writing-journey-metrics strong{font-size:1.8rem}.writing-journey-metrics span{color:var(--muted)}@media(max-width:600px){.writing-journey-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.writing-journey-tabs button{padding:10px 5px}.writing-journey-steps{font-size:.85rem;gap:12px}.writing-journey-layout .writing-textarea-label textarea{min-height:260px}.writing-journey-layout .writing-actions>.primary{width:100%}.writing-journey-metrics{grid-template-columns:1fr}.writing-journey-entry{align-items:start}.writing-journey-entry>div{flex-basis:100%}}.writing-journey-panel[hidden]{display:none}