.hg-shell{display:flex;min-height:100vh;background:var(--surface-canvas)}.hg-sidebar{width:var(--sidebar-w);flex:none;background:var(--surface-card);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:var(--z-topbar)}.hg-sidebar__brand{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-4) var(--space-5)}.hg-sidebar__word{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);letter-spacing:-.02em;color:var(--text-strong)}.hg-sidebar__nav{flex:1;overflow-y:auto;padding:var(--space-2) var(--space-3);gap:var(--space-5)}.hg-nav__group,.hg-sidebar__nav{display:flex;flex-direction:column}.hg-nav__group{gap:2px}.hg-nav__label{font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-subtle);padding:var(--space-2) var(--space-3) var(--space-1)}.hg-nav__item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2-5) var(--space-3);border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--text-muted);transition:background var(--dur-fast),color var(--dur-fast)}.hg-nav__item:hover{background:var(--surface-hover);color:var(--text-strong)}.hg-nav__item[data-active=true]{background:var(--brand-subtle);color:var(--brand-text);font-weight:var(--fw-semibold)}.hg-sidebar__foot{padding:var(--space-3);border-top:1px solid var(--border-subtle)}.hg-main{flex:1;min-width:0;display:flex;flex-direction:column}.hg-topbar{position:sticky;top:0;z-index:var(--z-topbar);height:var(--topbar-h);display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-6);background:color-mix(in oklch,var(--surface-canvas) 82%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.hg-topbar__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-strong)}.hg-topbar__right{margin-left:auto;display:flex;align-items:center;gap:var(--space-1)}.hg-burger{display:none}.hg-dot{position:absolute;top:7px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--accent);border:2px solid var(--surface-canvas)}.hg-content{padding:var(--space-8) var(--space-8) var(--space-16);max-width:calc(var(--content-max) + 96px);width:100%;margin:0 auto}.hg-scrim{display:none}.hg-acct{position:relative}.hg-acct__btn{display:flex;align-items:center;gap:var(--space-2);padding:4px 8px 4px 4px;border:1px solid transparent;background:transparent;border-radius:var(--radius-pill);cursor:pointer;color:var(--text-body);transition:background var(--dur-fast)}.hg-acct__btn:hover{background:var(--surface-hover)}.hg-acct__name{font-size:var(--text-base);font-weight:var(--fw-medium)}.hg-acct__menu{position:absolute;top:calc(100% + 8px);right:0;width:264px;background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:var(--z-dropdown);animation:hg-pop var(--dur-fast) var(--ease-out)}.hg-acct__head{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3)}.hg-acct__roles{display:flex;gap:var(--space-1-5);flex-wrap:wrap;padding:0 var(--space-3) var(--space-3);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-1)}.hg-acct__row{display:flex;align-items:center;gap:var(--space-2-5);width:100%;padding:var(--space-2-5) var(--space-3);border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-ui);font-size:var(--text-base);color:var(--text-body)}.hg-acct__row:hover{background:var(--surface-hover)}.hg-acct__row--danger{color:var(--danger-text)}.acct-grid{gap:var(--space-5);max-width:720px}.acct-grid,.acct-section{display:flex;flex-direction:column}.acct-section{gap:var(--space-4)}.acct-section__head{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap}.acct-section__hint{font-size:var(--text-sm);color:var(--text-subtle)}.acct-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.acct-switches{display:flex;flex-direction:column;gap:var(--space-1)}.acct-switch{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--border-subtle);cursor:pointer}.acct-switch:first-child{border-top:none}.acct-switch__t{font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--text-strong)}.acct-switch__d{font-size:var(--text-sm);color:var(--text-subtle);margin-top:1px}.acct-save{position:sticky;bottom:var(--space-4);display:flex;justify-content:flex-end}@media (max-width:620px){.acct-fields{grid-template-columns:1fr}}.scr{gap:var(--space-6)}.scr,.scr__head{display:flex;flex-direction:column}.scr__head{gap:var(--space-1)}.scr__h{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--fw-extrabold);letter-spacing:var(--tracking-tight);color:var(--text-strong)}.scr__sub{font-size:var(--text-md);color:var(--text-muted)}.scr__toolbar{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(264px,1fr));gap:var(--space-5)}.eyebrow-row{display:flex;align-items:center;gap:var(--space-2)}.detail{display:grid;grid-template-columns:1fr 340px;gap:var(--space-8);align-items:start}.lesson-shell{max-width:820px;margin:0 auto}.gb-head{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);font-weight:var(--fw-semibold);border-bottom:1px solid var(--border-subtle)}.gb-head,.grade-total{color:var(--text-strong)}.grade-total{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl)}.grade-total em{font-style:normal;font-size:var(--text-sm);color:var(--text-subtle);font-family:var(--font-ui);font-weight:500}.gb{width:100%;border-collapse:collapse}.gb th{text-align:left;font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-subtle)}.gb td,.gb th{padding:var(--space-3) var(--space-5)}.gb td{border-top:1px solid var(--border-subtle);font-size:var(--text-base);color:var(--text-body)}.gb tbody tr:hover{background:var(--surface-hover)}.sub-current{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.add-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px dashed var(--border-strong);background:transparent;color:var(--text-muted);cursor:pointer;min-height:120px;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--fw-medium);box-shadow:none}.add-tile:hover{border-color:var(--brand);color:var(--brand-text);background:var(--brand-subtle)}.constructor-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-5)}.constructor-bar__tabs{margin-left:auto}.constructor{display:grid;grid-template-columns:340px 1fr;gap:var(--space-5);align-items:start}.constructor__list{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-3)}.constructor__list-head{display:flex;justify-content:space-between;padding:var(--space-2) var(--space-2) var(--space-3)}.block-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-2);border-radius:var(--radius-md);cursor:pointer;border:1.5px solid transparent;transition:background var(--dur-fast),border-color var(--dur-fast)}.block-item:hover{background:var(--surface-hover)}.block-item[data-active=true]{background:var(--brand-subtle);border-color:var(--brand-border)}.block-item__grip{color:var(--text-disabled);flex:none;cursor:grab}.block-item__n{width:22px;height:22px;border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-semibold);display:inline-flex;align-items:center;justify-content:center;flex:none;font-family:var(--font-mono)}.block-item[data-kind=exercise] .block-item__n{background:var(--brand-subtle);color:var(--brand-text)}.block-item__label{flex:1;min-width:0;font-size:var(--text-base);color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.block-item__kind{font-size:var(--text-2xs);color:var(--cat-course);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.04em}.constructor__editor{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);min-height:360px}.editor{display:flex;flex-direction:column;gap:var(--space-4)}.editor__head{display:flex;align-items:center;gap:var(--space-2)}.editor__settings{padding:var(--space-4);background:var(--surface-sunken);border-radius:var(--radius-md);flex-direction:column}.editor__settings,.setrow{display:flex;gap:var(--space-3)}.setrow{align-items:center;justify-content:space-between;font-size:var(--text-sm);color:var(--text-body)}.setrow>:last-child{width:200px}.editor-empty{padding:var(--space-16) var(--space-6);font-size:var(--text-base)}.editor-empty,.upload{color:var(--text-subtle);text-align:center}.upload{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.addmenu{position:absolute;top:calc(100% + 8px);left:0;width:300px;background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-3);z-index:var(--z-dropdown);animation:hg-pop var(--dur-fast) var(--ease-out)}.addmenu__label{font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-subtle);margin:var(--space-2) var(--space-1) var(--space-1)}.addmenu__grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.addmenu__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2-5);border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-body);text-align:left}.addmenu__item:hover{background:var(--surface-hover);color:var(--text-strong)}.preview-frame{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-8);position:relative}.preview-tag{position:absolute;top:var(--space-3);right:var(--space-3);display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--brand-text);background:var(--brand-subtle);padding:5px 10px;border-radius:var(--radius-pill)}@media (max-width:920px){.constructor{grid-template-columns:1fr}}.lesson-top{margin-bottom:var(--space-5)}.lesson-title{font-family:var(--font-display);font-weight:800;letter-spacing:var(--tracking-tight);color:var(--text-strong);margin-top:4px}.lesson-stage{padding:var(--space-2) 0}.lesson-done{text-align:center;padding:var(--space-16) var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.lesson-done__mark{width:76px;height:76px;border-radius:50%;background:var(--success-subtle);color:var(--success);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--space-2);animation:hg-pop var(--dur-slow) var(--ease-spring)}.lesson-done__h{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;color:var(--text-strong)}.lesson-done__p{color:var(--text-muted);max-width:420px;font-size:var(--text-md)}.lesson-done__row{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.back{display:inline-flex;align-items:center;gap:4px;border:none;background:transparent;color:var(--text-muted);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--fw-medium);cursor:pointer;padding:4px 0;align-self:flex-start}.back:hover{color:var(--text-strong)}.course-hero{border-radius:var(--radius-xl);background:radial-gradient(120% 100% at 100% 0,var(--_c-subtle,var(--brand-subtle)) 0,transparent 60%),var(--surface-card);border:1px solid var(--border-subtle);margin-bottom:var(--space-6);overflow:hidden}.course-hero__pad{padding:var(--space-6)}.course-hero[data-cat=workshop]{--_c-subtle:var(--cat-workshop-subtle)}.course-hero[data-cat=mini_course]{--_c-subtle:var(--cat-mini-subtle)}.course-hero__badges{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.course-hero__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;letter-spacing:var(--tracking-tight);color:var(--text-strong);line-height:1.1}.course-hero__desc{font-size:var(--text-md);color:var(--text-muted);margin-top:var(--space-2);max-width:560px;line-height:1.5}.course-hero__meta{display:flex;gap:var(--space-4);margin-top:var(--space-4);font-size:var(--text-sm);color:var(--text-subtle)}.course-hero__meta span{display:inline-flex;align-items:center;gap:6px}.modules{display:flex;flex-direction:column;gap:var(--space-4)}.module{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-card)}.module__head{display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--surface-sunken);font-weight:var(--fw-semibold);color:var(--text-strong);font-size:var(--text-base)}.module__count{color:var(--text-subtle);font-weight:var(--fw-regular);font-size:var(--text-sm)}.module__lessons{display:flex;flex-direction:column}.lrow{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:none;border-top:1px solid var(--border-subtle);background:transparent;cursor:pointer;text-align:left;font-family:var(--font-ui);transition:background var(--dur-fast)}.lrow:hover{background:var(--surface-hover)}.lrow[data-state=locked]{cursor:default;opacity:.7}.lrow[data-state=locked]:hover{background:transparent}.lrow__icon{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;background:var(--surface-sunken);color:var(--text-subtle)}.lrow[data-state=done] .lrow__icon{background:var(--success-subtle);color:var(--success)}.lrow[data-state=current] .lrow__icon{background:var(--brand);color:#fff}.lrow__title{flex:1;min-width:0;font-size:var(--text-base);color:var(--text-body)}.lrow__meta{font-size:var(--text-xs);color:var(--text-subtle);white-space:nowrap}.course-side{position:sticky;top:var(--space-6)}@media (max-width:920px){.course-side{position:static}}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.continue{display:flex;align-items:center;gap:var(--space-5);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-5) var(--space-6);position:relative;overflow:hidden}.continue__body{flex:1;min-width:0}.continue__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-strong);letter-spacing:var(--tracking-tight);margin:4px 0 2px}.continue__next{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-3)}.continue__bar{display:flex;align-items:center;gap:var(--space-3);max-width:460px}.continue__pct{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--brand-text);font-variant-numeric:tabular-nums}.sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.sec-head__h{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-strong)}@media (max-width:920px){.dash-stats{grid-template-columns:1fr}.continue{flex-direction:column;align-items:stretch}.continue__bar{max-width:none}}.auth{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:var(--surface-canvas)}.auth__aside{position:relative;padding:var(--space-10);display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(120% 90% at 0 0,var(--violet-500) 0,transparent 55%),radial-gradient(100% 80% at 100% 100%,var(--coral-600) 0,transparent 50%),var(--violet-800);overflow:hidden}.auth__brand{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-weight:800;font-size:var(--text-2xl);letter-spacing:-.02em}.auth__pitch{max-width:440px}.auth__h{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:800;line-height:1.08;letter-spacing:-.02em;color:#fff;margin-bottom:var(--space-4);text-wrap:balance}.auth__p{line-height:1.55;color:hsla(0,0%,100%,.82)}.auth__p,.auth__quote{font-size:var(--text-lg)}.auth__quote{font-family:var(--font-content);font-style:italic;color:hsla(0,0%,100%,.7)}.auth__form-wrap{display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.auth__form{width:100%;max-width:380px;display:flex;flex-direction:column;gap:var(--space-4)}.auth__switch{display:inline-flex;gap:2px;padding:3px;background:var(--surface-sunken);border-radius:var(--radius-pill);align-self:flex-start;margin-bottom:var(--space-2)}.auth__switch button{border:none;background:transparent;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-muted);cursor:pointer}.auth__switch button[data-active=true]{background:var(--surface-card);color:var(--text-strong);box-shadow:var(--shadow-xs)}.auth__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;letter-spacing:-.02em;color:var(--text-strong)}.auth__lead{font-size:var(--text-md);color:var(--text-muted);margin-top:-8px;margin-bottom:var(--space-2)}.auth__row{display:flex;align-items:center;justify-content:space-between}.auth__alt,.auth__row{font-size:var(--text-sm)}.auth__alt{text-align:center;color:var(--text-muted);margin-top:var(--space-1)}@media (max-width:920px){.hg-sidebar{position:fixed;left:0;top:0;z-index:var(--z-sidebar);transform:translateX(-100%);transition:transform var(--dur-base) var(--ease-out);box-shadow:var(--shadow-xl)}.hg-sidebar.is-open{transform:none}.hg-scrim{display:block;position:fixed;inset:0;z-index:calc(var(--z-sidebar) - 1);background:rgba(20,16,12,.4);opacity:0;pointer-events:none;transition:opacity var(--dur-base)}.hg-scrim.is-open{opacity:1;pointer-events:auto}.hg-burger{display:inline-flex}.hg-content{padding:var(--space-5) var(--space-4) var(--space-12)}.detail{grid-template-columns:1fr}.hg-acct__name,.hg-install{display:none}.scr__h{font-size:var(--text-2xl)}}@media (max-width:760px){.auth{grid-template-columns:1fr}.auth__aside{display:none}}.hg-nav__item{white-space:nowrap}.hg-nav__item>span{overflow:hidden;text-overflow:ellipsis}.hg-nav__ico{flex:none;color:var(--text-subtle)}.hg-nav__item[data-active=true] .hg-nav__ico{color:var(--brand-text)}.hg-nav__item:hover .hg-nav__ico{color:var(--text-strong)}.hg-sidefoot{position:relative;padding:var(--space-3);border-top:1px solid var(--border-subtle)}.hg-sidefoot__btn{display:flex;align-items:center;gap:var(--space-2-5);width:100%;padding:var(--space-2);border:1px solid transparent;background:transparent;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background var(--dur-fast)}.hg-sidefoot__btn:hover,.hg-sidefoot__btn[data-open=true]{background:var(--surface-hover)}.hg-sidefoot__who{display:flex;flex-direction:column;min-width:0;flex:1}.hg-sidefoot__name{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hg-sidefoot__role{font-size:var(--text-xs);color:var(--text-subtle)}.hg-sidefoot__chev{color:var(--text-subtle);flex:none;transition:transform var(--dur-fast)}.hg-sidefoot__btn[data-open=true] .hg-sidefoot__chev{transform:rotate(180deg)}.hg-acct__menu--up{position:absolute;bottom:calc(100% - var(--space-1));top:auto;left:var(--space-3);right:var(--space-3);width:auto}.hg-notif{position:absolute;top:calc(100% + 8px);right:0;width:340px;max-width:calc(100vw - 32px);background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);overflow:hidden;animation:hg-pop var(--dur-fast) var(--ease-out)}.hg-notif__head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);font-weight:var(--fw-semibold);color:var(--text-strong)}.hg-notif__clear{border:none;background:transparent;color:var(--brand-text);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--fw-semibold);cursor:pointer}.hg-notif__list{display:flex;flex-direction:column;max-height:360px;overflow-y:auto}.hg-notif__row{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle)}.hg-notif__row:first-child{border-top:none}.hg-notif__ico{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none}.hg-notif__ico.tone-success{background:var(--success-subtle);color:var(--success)}.hg-notif__ico.tone-brand{background:var(--brand-subtle);color:var(--brand-text)}.hg-notif__ico.tone-info{background:var(--info-subtle);color:var(--info)}.hg-notif__title{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-strong)}.hg-notif__text{font-size:var(--text-sm);color:var(--text-muted);margin-top:1px}.hg-notif__time{font-size:var(--text-xs);color:var(--text-subtle);margin-top:3px}.course-cover{aspect-ratio:1600/480;width:100%;overflow:hidden;position:relative;background:var(--surface-sunken)}.course-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-cover--ph{display:flex;align-items:center;justify-content:center;background-image:repeating-linear-gradient(135deg,var(--_c-subtle,var(--brand-subtle)) 0 14px,transparent 14px 28px)}.course-cover--ph[data-cat=workshop]{--_c-subtle:var(--cat-workshop-subtle)}.course-cover--ph[data-cat=mini_course]{--_c-subtle:var(--cat-mini-subtle)}.course-cover__label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-subtle);background:color-mix(in oklch,var(--surface-card) 80%,transparent);padding:4px 10px;border-radius:var(--radius-pill)}.access-head{display:flex;flex-direction:column;gap:2px;padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.access-head__eyebrow{font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-subtle)}.access-head__price{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;color:var(--text-strong);margin-top:2px}.access-head__price em{font-style:normal;font-size:var(--text-xl)}.access-head__price span{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-subtle)}.access-head__note{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.access-head__open{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--success);margin-top:2px}.buy-options{display:flex;flex-direction:column;gap:var(--space-2)}.buy-opt{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-3-5);border:1.5px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);cursor:pointer;text-align:left;transition:border-color var(--dur-fast),background var(--dur-fast)}.buy-opt:hover{border-color:var(--brand-border)}.buy-opt[data-sel=true]{border-color:var(--brand);background:var(--brand-subtle)}.buy-opt span:first-child{display:flex;flex-direction:column}.buy-opt strong{font-size:var(--text-base);color:var(--text-strong);font-weight:var(--fw-semibold)}.buy-opt em{font-style:normal;font-size:var(--text-xs);color:var(--text-subtle);margin-top:1px}.buy-opt__check{width:22px;height:22px;border-radius:50%;background:var(--brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none}.buy-fine{font-size:var(--text-xs);color:var(--text-subtle);text-align:center}.lesson-shell .hg-player__stage{min-height:0}.vocab-block{display:flex;flex-direction:column;gap:var(--space-4)}.vocab-block__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.vocab-block__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-strong);margin-top:2px}.vocab-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.vocab-item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card)}.vocab-item__main{min-width:0}.vocab-item__row{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.vocab-item__term{font-family:var(--font-content);font-size:var(--text-lg);font-weight:var(--fw-semibold);color:var(--text-strong)}.vocab-item__ipa{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-subtle)}.vocab-item__tr{font-size:var(--text-base);color:var(--text-muted);margin-top:3px}.vocab-item__ex{font-style:italic;font-size:var(--text-sm);color:var(--text-subtle);margin-top:6px}.vocab-item__add{display:inline-flex;align-items:center;gap:5px;flex:none;padding:6px 10px;border:1px solid var(--brand-border);background:var(--brand-subtle);color:var(--brand-text);border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--fw-semibold);cursor:pointer;transition:background var(--dur-fast)}.vocab-item__add:hover{background:var(--brand-subtle-hover)}.vocab-item__add[data-added=true]{background:var(--success-subtle);border-color:transparent;color:var(--success);cursor:default}@media (max-width:720px){.vocab-list{grid-template-columns:1fr}}.vocab-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);max-width:560px}.vocab-stat{display:flex;flex-direction:column;gap:2px;padding:var(--space-4);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.vocab-stat__n{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;color:var(--text-strong);line-height:1}.vocab-stat__l{font-size:var(--text-sm);color:var(--text-subtle)}.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}.vcard{display:flex;flex-direction:column;gap:4px;padding:var(--space-4);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.vcard__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.vcard__term{font-family:var(--font-content);font-size:var(--text-lg);font-weight:var(--fw-semibold);color:var(--text-strong)}.vcard__del{border:none;background:transparent;color:var(--text-disabled);cursor:pointer;padding:2px;border-radius:var(--radius-sm);flex:none}.vcard__del:hover{color:var(--danger-text);background:var(--danger-subtle)}.vcard__ipa{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-subtle)}.vcard__tr{font-size:var(--text-base);color:var(--text-muted)}.vcard__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-subtle)}.vcard__src{font-size:var(--text-xs);color:var(--text-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vstrength{display:inline-flex;gap:3px;flex:none}.vstrength__dot{width:6px;height:6px;border-radius:50%;background:var(--surface-sunken)}.vstrength__dot[data-on=true]{background:var(--success)}.review{flex-direction:column;gap:var(--space-5);max-width:620px;margin:0 auto}.review,.review__bar{display:flex;align-items:center;width:100%}.review__bar{gap:var(--space-3)}.review__count{font-size:var(--text-sm);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.review__bar .back{margin-left:auto}.flashcard{width:100%;min-height:280px;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--surface-card);box-shadow:var(--shadow-md);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--space-8);transition:background var(--dur-base) var(--ease-out)}.flashcard[data-flipped=true]{background:var(--brand-subtle)}.flashcard__face{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.flashcard__term{font-family:var(--font-content);font-size:var(--text-4xl);font-weight:var(--fw-semibold);color:var(--text-strong)}.flashcard__ipa{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--text-subtle)}.flashcard__hint{font-size:var(--text-sm);color:var(--text-subtle);margin-top:var(--space-4)}.flashcard__tr{font-size:var(--text-3xl);font-weight:var(--fw-semibold);color:var(--text-strong)}.flashcard__src{font-size:var(--text-sm);color:var(--text-muted)}.review__actions{display:flex;gap:var(--space-3);width:100%}.review__actions>*{flex:1}.review-done{align-items:center;gap:var(--space-3);text-align:center}.review-done,.review2{display:flex;flex-direction:column}.review2{padding:var(--space-5);gap:var(--space-4)}.review2__path{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:var(--text-xs);color:var(--text-subtle)}.review2__crumb.is-strong{color:var(--text-strong);font-weight:var(--fw-semibold)}.review2__block{margin-left:4px;padding:2px 8px;border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-muted);font-family:var(--font-mono)}.review2__head{display:flex;align-items:center;gap:var(--space-3)}.review2__who{display:flex;flex-direction:column}.review2__name{font-weight:var(--fw-semibold);color:var(--text-strong)}.review2__sub{font-size:var(--text-xs);color:var(--text-subtle)}.review2__answer,.review2__q{display:flex;flex-direction:column;gap:4px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.review2__q{background:var(--surface-sunken)}.review2__answer{background:var(--brand-subtle);border:1px solid var(--brand-border)}.review2__alabel,.review2__qlabel{font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-subtle)}.review2__answer p{color:var(--text-body);font-size:var(--text-base)}.review2__ctxbtn{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;padding:7px 12px;border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-body);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--fw-medium);cursor:pointer}.review2__ctxbtn:hover{background:var(--surface-hover);color:var(--text-strong)}.review2__grade{display:flex;gap:var(--space-3);align-items:flex-end;flex-wrap:wrap;padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.review2__scorewrap{position:relative;display:flex;align-items:center}.review2__scorewrap .hg-input{padding-right:34px}.review2__scoremax{position:absolute;right:10px;font-size:var(--text-sm);color:var(--text-subtle);pointer-events:none;font-variant-numeric:tabular-nums}.review2__quick{display:flex;gap:4px;margin-top:var(--space-1-5)}.review2__quick button{flex:1;padding:3px 0;font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-muted);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast)}.review2__quick button:hover{background:var(--brand-subtle);color:var(--brand-text);border-color:var(--brand-border)}.ctx-view{display:flex;flex-direction:column;gap:var(--space-2)}.ctx-view__sub{font-size:var(--text-sm);color:var(--text-subtle);margin-bottom:var(--space-1)}.ctx-block{display:flex;flex-direction:column;gap:3px;padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card)}.ctx-block.is-target{border-color:var(--brand);background:var(--brand-subtle)}.ctx-block__type{display:flex;align-items:center;gap:8px;font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-subtle)}.ctx-block__text{font-size:var(--text-base);color:var(--text-body)}.cedit{display:grid;grid-template-columns:1fr 320px;gap:var(--space-6);align-items:start}.cedit__side{position:sticky;top:var(--space-6)}.ledit-module{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-card);margin-bottom:var(--space-4)}.ledit-module__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-sunken)}.ledit-module__title{flex:1;min-width:0;border:1px solid transparent;background:transparent;font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-strong);padding:4px 8px;border-radius:var(--radius-sm)}.ledit-module__title:focus,.ledit-module__title:hover{background:var(--surface-card)}.ledit-module__title:focus{border-color:var(--brand-border);outline:none}.ledit-module__count{font-size:var(--text-sm);color:var(--text-subtle);white-space:nowrap}.ledit-module__lessons{display:flex;flex-direction:column}.ledit-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-3);border-top:1px solid var(--border-subtle)}.ledit-row:hover{background:var(--surface-hover)}.ledit-row__grip{color:var(--text-disabled);cursor:grab;flex:none}.ledit-row__n{width:22px;height:22px;border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--fw-semibold);display:inline-flex;align-items:center;justify-content:center;flex:none}.ledit-row__main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;border:none;background:transparent;cursor:pointer;text-align:left;padding:4px}.ledit-row__title{font-size:var(--text-base);color:var(--text-strong)}.ledit-row__meta{font-size:var(--text-xs);color:var(--text-subtle)}.ledit-add{display:flex;align-items:center;gap:6px;width:100%;padding:var(--space-3) var(--space-4);border:none;border-top:1px dashed var(--border-default);background:transparent;color:var(--brand-text);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--fw-medium);cursor:pointer}.ledit-add:hover{background:var(--brand-subtle)}.cover-upload{display:flex;flex-direction:column;gap:var(--space-2)}.cover-upload.has-img img{width:100%;aspect-ratio:1600/480;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-md)}.cover-upload__ph{aspect-ratio:1600/480;border:2px dashed var(--border-strong);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text-subtle);font-size:var(--text-xs);font-family:var(--font-mono)}@media (max-width:920px){.cedit{grid-template-columns:1fr}.cedit__side{position:static}}.vedit{display:flex;flex-direction:column;gap:var(--space-2)}.vedit__row{display:grid;grid-template-columns:1.2fr 1fr 1.2fr auto;gap:var(--space-2);align-items:center}.utable tbody tr{transition:background var(--dur-fast)}.udetail{display:flex;flex-direction:column;gap:var(--space-5)}.udetail__top{display:flex;align-items:center;gap:var(--space-4)}.udetail__name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-strong)}.udetail__email{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted)}.udetail__grid{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--space-6)}.urow{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2-5) 0;border-top:1px solid var(--border-subtle)}.urow__l{color:var(--text-subtle)}.urow__l,.urow__v{font-size:var(--text-sm)}.urow__v{font-weight:var(--fw-medium);color:var(--text-strong)}.udetail__sec{flex-direction:column}.udetail__sec,.urole-pick{display:flex;gap:var(--space-2)}.urole-pick{flex-wrap:wrap}.urole{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1.5px solid var(--border-default);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-muted);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--fw-medium);cursor:pointer}.urole[data-on=true]{border-color:var(--brand);background:var(--brand-subtle);color:var(--brand-text);font-weight:var(--fw-semibold)}.uactions{display:flex;flex-direction:column;gap:var(--space-2)}.uaction{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);cursor:pointer;text-align:left;transition:background var(--dur-fast)}.uaction:hover{background:var(--surface-hover)}.uaction:disabled{opacity:.6;cursor:default}.uaction__ico{width:36px;height:36px;border-radius:50%;background:var(--surface-sunken);color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;flex:none}.uaction span:not(.uaction__ico){display:flex;flex-direction:column}.uaction strong{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-strong)}.uaction em{font-style:normal;font-size:var(--text-xs);color:var(--text-subtle);margin-top:1px}.uaction.is-danger .uaction__ico{background:var(--danger-subtle);color:var(--danger-text)}.uaction.is-danger strong{color:var(--danger-text)}@media (max-width:620px){.udetail__grid{grid-template-columns:1fr}.vedit__row{grid-template-columns:1fr 1fr auto}}.hg-sidebar{border-right-color:var(--border-default)}.hg-sidebar__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-4) var(--space-3) var(--space-3) var(--space-5)}.hg-sidebar__top .hg-sidebar__brand{padding:0}.hg-side-actions{display:flex;align-items:center;gap:2px}.hg-sidebar .hg-notif{left:0;right:auto}.hg-burger-fab{display:none}@media (max-width:920px){.hg-burger-fab{display:inline-flex;align-items:center;justify-content:center;position:fixed;top:12px;left:12px;z-index:var(--z-topbar);width:42px;height:42px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-card);color:var(--text-strong);box-shadow:var(--shadow-md);cursor:pointer}.hg-content{padding-top:calc(var(--space-12) + 8px)}}.buy-cta{display:flex;flex-direction:column;gap:3px;padding-bottom:var(--space-1)}.buy-cta__eyebrow{font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--brand-text)}.buy-cta__price{display:flex;align-items:baseline;gap:5px;font-family:var(--font-display);font-size:var(--text-4xl);font-weight:800;color:var(--text-strong);letter-spacing:var(--tracking-tight);line-height:1.05;margin-top:4px}.buy-cta__price strong{font-weight:800}.buy-cta__price span{font-family:var(--font-ui);font-size:var(--text-md);font-weight:var(--fw-medium);color:var(--text-subtle)}.buy-cta__sub{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.purchase-dialog{max-width:540px}.pm{display:flex;flex-direction:column;gap:var(--space-4)}.pm-intro{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-snug)}.pm-buy{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:1.5px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card)}.pm-buy__main{display:flex;flex-direction:column;gap:2px}.pm-buy__tag{font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-subtle)}.pm-buy__price{display:flex;align-items:baseline;gap:3px;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--text-strong);letter-spacing:var(--tracking-tight);line-height:1}.pm-buy__price em{font-style:normal;font-size:var(--text-base)}.pm-buy__sub{font-size:var(--text-xs);color:var(--text-subtle)}.pm-subs{display:flex;flex-direction:column;gap:var(--space-2)}.pm-subs__label{font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-subtle);padding:var(--space-1) var(--space-1) 0}.pm-sub{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1.5px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card);cursor:pointer;text-align:left;transition:border-color var(--dur-fast),background var(--dur-fast)}.pm-sub:hover{border-color:var(--brand-border);background:var(--surface-hover)}.pm-sub[data-featured=true]{border-color:var(--brand);background:var(--brand-subtle)}.pm-sub__main{display:flex;flex-direction:column;gap:2px;min-width:0}.pm-sub__name{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--text-strong)}.pm-sub__badge,.pm-sub__name{font-weight:var(--fw-semibold)}.pm-sub__badge{font-size:var(--text-2xs);letter-spacing:.02em;text-transform:uppercase;color:var(--brand-text);background:var(--surface-card);border:1px solid var(--brand-border);padding:1px 7px;border-radius:var(--radius-pill)}.pm-sub__desc{font-size:var(--text-xs);color:var(--text-muted)}.pm-sub__price{flex:none;font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;color:var(--text-strong);letter-spacing:var(--tracking-tight);white-space:nowrap}.pm-sub__price em{font-style:normal;font-family:var(--font-ui);font-weight:var(--fw-medium)}.pm-fine,.pm-sub__price em{font-size:var(--text-xs);color:var(--text-subtle)}.pm-fine{text-align:center}@media (max-width:560px){.pm-buy{flex-direction:column;align-items:stretch}}:root{--font-content:var(--font-ui)}.hg-course__level{right:var(--space-3);width:36px;height:36px;justify-content:center;border-radius:50%;font-family:var(--font-mono);font-size:var(--text-xs);background:color-mix(in oklch,var(--stone-950) 60%,transparent);backdrop-filter:blur(6px)}.hg-course__badge-done,.hg-course__level{position:absolute;top:var(--space-3);display:inline-flex;align-items:center;font-weight:700;letter-spacing:.02em;color:#fff;box-shadow:var(--shadow-sm)}.hg-course__badge-done{left:var(--space-3);gap:4px;padding:3px 9px;border-radius:var(--radius-pill);font-size:var(--text-2xs);background:var(--success)}.course-hero{background:var(--surface-card)}.snap{gap:var(--space-4)}.snap,.snap__head{display:flex;flex-direction:column}.snap__head{gap:2px}.snap__eyebrow{font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--brand-text)}.snap__eyebrow[data-done]{color:var(--success)}.snap__note{font-size:var(--text-sm);color:var(--text-muted)}.snap__list{display:flex;flex-direction:column;margin:0;border-top:1px solid var(--border-subtle)}.snap__row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2-5) 0;border-bottom:1px solid var(--border-subtle)}.snap__row dt{font-size:var(--text-sm);color:var(--text-muted)}.snap__row dd{font-family:var(--font-display);font-weight:700;font-size:var(--text-base);color:var(--text-strong);font-variant-numeric:tabular-nums}.snap__cta{margin-top:var(--space-1)}.hg-select__opt{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.hg-select__opt[data-selected=true]{background:var(--brand-subtle);color:var(--brand-text);font-weight:var(--fw-medium)}.hg-select__opt[data-selected=true]:hover,.hg-select__opt[data-selected=true][data-active=true]{background:var(--brand-subtle-hover)}.block-item[data-child=true]{padding-left:var(--space-2)}.block-children{margin:2px 0 var(--space-2) var(--space-5);padding-left:var(--space-3);border-left:2px solid var(--border-subtle);display:flex;flex-direction:column;gap:2px}.block-children__empty{color:var(--text-subtle);margin:0}.block-children__add,.block-children__empty{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.block-children__add{display:inline-flex;align-items:center;gap:var(--space-1);align-self:flex-start;margin-top:2px;font-weight:var(--fw-medium);color:var(--brand-text);background:transparent;border:1px dashed var(--border-default);border-radius:var(--radius-md);cursor:pointer}.block-children__add:hover{background:var(--surface-hover);border-color:var(--brand-border)}.pl-section{display:flex;flex-direction:column}.pl-section__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--fw-semibold);color:var(--text-strong);margin:0 0 var(--space-5)}.pl-section__item+.pl-section__item{border-top:1px solid var(--border-subtle);margin-top:var(--space-6);padding-top:var(--space-6)}.hg-block-content h1,.hg-block-content h2,.hg-block-content h3,.hg-block-content h4{font-family:var(--font-display);color:var(--text-strong);font-weight:var(--fw-semibold);line-height:1.25}.hg-block-content h1{font-size:var(--text-3xl);margin:0 0 var(--space-3)}.hg-block-content h2{font-size:var(--text-2xl);margin:var(--space-5) 0 var(--space-2)}.hg-block-content h3{font-size:var(--text-xl);margin:var(--space-4) 0 var(--space-2)}.hg-block-content h4{font-size:var(--text-lg);margin:var(--space-4) 0 var(--space-2)}.hg-block-content>:first-child{margin-top:0}.hg-block-content>:last-child{margin-bottom:0}.hg-block-content img,.prose-hanglish img{display:block;max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-4) 0}.prose-hanglish img.ProseMirror-selectednode{outline:2px solid var(--brand);outline-offset:2px}.hg-callout{display:block;padding:var(--space-3) var(--space-4);border:0;border-radius:var(--radius-md);background:var(--info-subtle)}.hg-callout--tip{background:var(--success-subtle)}.hg-callout--grammar{background:var(--brand-subtle)}.hg-callout--warn{background:var(--warning-subtle)}.hg-callout__label{color:var(--info);font-size:var(--text-sm)}.hg-callout--tip .hg-callout__label{color:var(--success)}.hg-callout--grammar .hg-callout__label{color:var(--brand)}.hg-callout--warn .hg-callout__label{color:var(--warning)}.hg-callout .hg-block-content{font-size:var(--text-lg)}.hg-word{display:flex;gap:var(--space-3);align-items:flex-start}.hg-word__img{width:52px;height:52px;border-radius:var(--radius-md);-o-object-fit:cover;object-fit:cover;flex:none}.hg-word__head{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.hg-word__term{font-size:var(--text-lg);font-weight:var(--fw-semibold);color:var(--text-strong)}.hg-word__tr{font-size:var(--text-lg);color:var(--text-body)}.hg-word__ipa{font-family:var(--font-mono);margin-top:2px}.hg-word__ex,.hg-word__ipa{font-size:var(--text-sm);color:var(--text-subtle)}.hg-word__ex{font-style:italic;margin-top:6px}.hg-ex__draftbtn{display:inline-flex;align-items:center;gap:var(--space-1-5);height:34px;padding:0 var(--space-4);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-body);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:color var(--dur-fast),border-color var(--dur-fast)}.hg-ex__draftbtn:hover{border-color:var(--border-strong)}.hg-ex__draftbtn--saved,.hg-ex__draftbtn--saved:hover{color:var(--success);background:var(--surface-card);border-color:var(--success);cursor:default}.hg-ex__practice{font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--text-muted);background:var(--surface-sunken);border-radius:var(--radius-pill);padding:3px 10px;white-space:nowrap}.course-title-input{padding-top:var(--space-2);padding-bottom:var(--space-2);line-height:1.2}.lesson-ov{display:flex;flex-direction:column;gap:var(--space-5)}.lesson-ov__info{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.lesson-ov__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-strong);margin:2px 0 4px}.lesson-ov__meta{font-size:var(--text-sm);color:var(--text-muted);margin:0}.lesson-ov__titlewrap{flex:1;min-width:260px}.lesson-ov__titleinput{margin:4px 0 6px;font-size:var(--text-lg);font-weight:var(--fw-semibold);color:var(--text-strong)}.lesson-ov__actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.constructor-bar__name{padding-left:var(--space-2);border-left:2px solid var(--border-default);font-weight:var(--fw-medium);font-size:var(--text-sm);color:var(--text-muted);max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-ov__titlelabel{display:block;margin-top:var(--space-2);font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-subtle)}.stureview{margin:2px 0 var(--space-2);padding:var(--space-3) var(--space-4);background:var(--surface-sunken);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2)}.stureview--loading{color:var(--text-muted);font-size:var(--text-sm)}.stureview__head{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-2xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-subtle)}.stureview__total{font-family:var(--font-mono);text-transform:none;letter-spacing:0;color:var(--text-strong)}.stureview__empty{color:var(--text-subtle);font-size:var(--text-sm)}.stureview__item{display:flex;gap:var(--space-3);align-items:flex-start;justify-content:space-between;flex-wrap:wrap;padding:var(--space-3);background:var(--surface-card);border:1px solid var(--border-subtle);border-left:3px solid var(--border-default);border-radius:var(--radius-md)}.stureview__item[data-tone=ok]{border-left-color:var(--success)}.stureview__item[data-tone=partial]{border-left-color:var(--warning)}.stureview__item[data-tone=bad]{border-left-color:var(--danger)}.stureview__q{display:flex;gap:var(--space-2);flex:1;min-width:220px}.stureview__n{flex:none;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--surface-sunken);font-size:var(--text-xs);font-weight:600;color:var(--text-muted)}.stureview__type{font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-subtle)}.stureview__prompt{margin:2px 0 var(--space-2)}.stureview__answers,.stureview__prompt{font-size:var(--text-sm);color:var(--text-body)}.stureview__answers{display:flex;flex-direction:column;gap:2px}.stureview__lbl{color:var(--text-subtle)}.stureview__grade{display:flex;align-items:center;gap:var(--space-2);flex:none}.stureview__flag{font-size:var(--text-xs);color:var(--info)}.stureview__na{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-subtle)}.lesson-ov__card{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.lesson-ov__mode{display:flex;gap:var(--space-5);align-items:center;flex-wrap:wrap;padding-bottom:var(--space-5);border-bottom:1px solid var(--border-subtle)}.lesson-ov__mode-pick{display:flex;flex-direction:column;gap:var(--space-1-5);min-width:180px}.lesson-ov__mode-info{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-width:220px}.lesson-ov__rows{flex-direction:column}.lesson-ov__rows,.ov-row{display:flex;gap:var(--space-4)}.ov-row{align-items:flex-start;justify-content:space-between}.ov-row__text{display:flex;flex-direction:column;gap:3px;min-width:0}.ov-row__title{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-body)}.ov-row__desc{font-size:var(--text-xs);color:var(--text-subtle)}.ov-row__control{flex:none;width:240px;display:flex;justify-content:flex-end}.ov-row__control>*{width:100%}.ov-row__badge{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-subtle);background:var(--surface-sunken);border-radius:var(--radius-pill);padding:1px 8px}.ov-row__badge--ov{color:var(--brand-text);background:var(--brand-subtle)}@media (max-width:720px){.ov-row{flex-direction:column;gap:var(--space-2)}.ov-row__control{width:100%}}.lesson-settings{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-5);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.lesson-settings__main{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}.lesson-settings__mode{display:flex;flex-direction:column;gap:var(--space-1-5);min-width:180px}.lesson-settings__info{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-width:220px}.lesson-settings__desc{margin:0;font-size:var(--text-sm);color:var(--text-body)}.lesson-settings__rules{display:flex;flex-wrap:wrap;gap:var(--space-1-5)}.lesson-settings__chip{font-size:var(--text-xs);color:var(--text-muted);background:var(--surface-sunken);border-radius:var(--radius-pill);padding:2px 10px}.lesson-settings__hidden{display:flex;align-items:flex-start;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);cursor:pointer}.lesson-settings__hidden-text{display:flex;flex-direction:column;gap:2px}.lesson-settings__hidden-title{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-strong)}.lesson-settings__hidden-desc{font-size:var(--text-xs);color:var(--text-subtle)}.setrow--rich{align-items:flex-start;gap:var(--space-4)}.setrow__text{display:flex;flex-direction:column;gap:2px;min-width:0}.setrow__title{font-size:var(--text-sm);color:var(--text-body);display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.setrow__desc{font-size:var(--text-xs);color:var(--text-subtle);line-height:1.35}.settings-mode-note{margin:0 0 var(--space-1);padding:var(--space-2-5) var(--space-3);font-size:var(--text-xs);line-height:1.4;border-radius:var(--radius-sm)}.gov-badge,.settings-mode-note{color:var(--brand-text);background:var(--brand-subtle)}.gov-badge{display:inline-flex;align-items:center;font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;padding:2px 7px;border-radius:var(--radius-pill)}.gov-badge,.gov-value{font-weight:var(--fw-semibold);white-space:nowrap}.gov-value{font-size:var(--text-sm);color:var(--text-strong)}.gov-field{flex-wrap:wrap}.gov-field,.mc-opt-row{display:flex;align-items:center;gap:var(--space-2)}.mc-opt-row{padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);border:1px solid transparent;border-radius:var(--radius-md)}.mc-opt-row[data-correct]{border-color:var(--success);background:var(--success-subtle)}.mc-correct{display:inline-flex;align-items:center;gap:var(--space-1-5);flex:none;height:var(--control-md);padding:0 var(--space-2-5);font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--text-muted);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--dur-fast),color var(--dur-fast),background var(--dur-fast)}.mc-correct:hover{border-color:var(--border-strong)}.mc-correct__box{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);color:#fff}.mc-correct--on{color:var(--success-text);border-color:var(--success);background:var(--success-subtle)}.mc-correct--on .mc-correct__box{background:var(--success);border-color:var(--success)}.hg-match-sel{width:100%}.hg-match-sel--ok .hg-select__trigger{border-color:var(--success);background:var(--success-subtle);color:var(--success-text)}.hg-match-sel--bad .hg-select__trigger{border-color:var(--danger);background:var(--danger-subtle);color:var(--danger-text)}.hg-course__level[data-level=a1]{background:#22c55e}.hg-course__level[data-level=a2]{background:#15803d}.hg-course__level[data-level=b1]{background:#0ea5e9}.hg-course__level[data-level=b2]{background:#2563eb}.hg-course__level[data-level=c1]{background:#6366f1}.hg-course__level[data-level=c2]{background:#9333ea}.hg-ex__q{font-size:var(--text-lg)}.hg-ex__feedback--partial{background:var(--warning-subtle);color:var(--warning-text)}.hg-ex__opt--tf{justify-content:center;font-weight:var(--fw-semibold);font-size:var(--text-md)}.hg-ex__opt--tf[data-sel=true]{border-color:var(--brand);background:var(--brand-subtle);color:var(--text-strong)}.hg-ex__opt--tf[data-reveal=correct]{border-color:var(--success);background:var(--success-subtle);color:var(--success-text)}.hg-ex__opt--tf[data-reveal=wrong]{border-color:var(--danger);background:var(--danger-subtle);color:var(--danger-text)}.lesson-shell{max-width:980px}.lesson-top{margin-bottom:var(--space-4)}.lesson-title{font-size:var(--text-2xl)}.lesson-done{padding:var(--space-10) var(--space-4) var(--space-8);gap:var(--space-2)}.lesson-done__mark{width:56px;height:56px;margin-bottom:var(--space-1)}.lesson-done__mark svg{width:28px;height:28px}.lesson-done__h{font-size:var(--text-2xl)}.lesson-done__p{font-size:var(--text-base);max-width:360px}.lesson-done__row{flex-direction:column;align-items:stretch;gap:var(--space-2);width:100%;max-width:260px;margin:var(--space-5) auto 0}.lesson-done__score{margin-top:var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-strong)}.lesson-done__score strong{color:var(--success)}.pl{display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-template-rows:auto 1fr;-moz-column-gap:var(--space-8);column-gap:var(--space-8);row-gap:var(--space-5);min-height:64vh}.pl-bar{grid-column:1;grid-row:1;display:flex;align-items:center;gap:var(--space-3)}.pl-bar__track{flex:1;height:8px;background:var(--surface-sunken);overflow:hidden}.pl-bar__fill,.pl-bar__track{border-radius:var(--radius-pill)}.pl-bar__fill{height:100%;background:var(--brand);transition:width var(--dur-base) ease}.pl-bar__count{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.pl-railhead{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-subtle);align-self:center}.pl-railhead__count{font-family:var(--font-mono);letter-spacing:0;color:var(--text-muted)}.pl-stagewrap{grid-column:1;grid-row:2;display:flex;flex-direction:column;min-width:0}.pl-stage{flex:0 0 auto;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card);padding:var(--space-6)}.pl-stage .hg-ex,.preview-frame .pl-stage{border:0;border-radius:0;background:transparent;padding:0}.pl-nav{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-canvas) 88%,transparent);backdrop-filter:blur(6px)}.pl-rail{grid-column:2;grid-row:2}.pl-rail__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.pl-rail__item{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2-5);border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;text-align:left;font-family:var(--font-ui);transition:background var(--dur-fast)}.pl-rail__item:hover{background:var(--surface-hover)}.pl-rail__badge,.pl-rail__item[data-current]{background:var(--surface-sunken)}.pl-rail__badge{width:26px;height:26px;flex:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--text-subtle);border:1.5px solid var(--border-subtle)}.pl-rail__item[data-current] .pl-rail__badge{background:var(--brand);color:#fff;border-color:var(--brand)}.pl-rail__item[data-state=correct] .pl-rail__badge,.pl-rail__item[data-state=done] .pl-rail__badge{background:var(--success-subtle);color:var(--success);border-color:transparent}.pl-rail__item[data-state=wrong] .pl-rail__badge{background:var(--danger-subtle);color:var(--danger);border-color:transparent}.pl-rail__item[data-state=retry] .pl-rail__badge{background:var(--warning-subtle);color:var(--warning);border-color:transparent}.pl-rail__item[data-state=pending] .pl-rail__badge{background:var(--info-subtle);color:var(--info);border-color:transparent}.pl-rail__body{display:flex;flex-direction:column;min-width:0;gap:1px}.pl-rail__label{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-rail__item[data-current] .pl-rail__label{color:var(--text-strong);font-weight:var(--fw-semibold)}.pl-rail__kind{color:var(--text-subtle)}.pl-mode,.pl-rail__kind{font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase}.pl-mode{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-pill);font-weight:700;background:var(--brand-subtle);color:var(--brand-text);white-space:nowrap;flex:none}.pl-mode[data-mode=exam]{background:var(--danger-subtle);color:var(--danger-text)}.pl-timer{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.pl-timer[data-low]{color:var(--danger)}.pl-rail__item:disabled{cursor:default}.pl-rail__item:disabled:hover{background:transparent}.pl-rail__item[data-current]:disabled:hover{background:var(--surface-sunken)}.startcard{max-width:460px;margin:var(--space-8) auto;padding:var(--space-6);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--surface-card);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start}.startcard__h{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--text-strong)}.startcard__rules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);width:100%}.startcard__rules li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--text-body)}.startcard__rules li svg{color:var(--success);flex:none}.startcard__note{font-size:var(--text-sm);color:var(--text-subtle)}.startcard .hg-btn{align-self:stretch}.startmodal{gap:var(--space-4)}.startmodal,.startmodal__rules{display:flex;flex-direction:column}.startmodal__rules{list-style:none;margin:0;padding:0;gap:var(--space-2)}.startmodal__rules li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-body)}.startmodal__rules li svg{color:var(--success);flex:none}.lesson-done__mark[data-fail]{background:var(--danger-subtle);color:var(--danger)}.roster{max-width:760px}.roster__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.roster__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--text-strong);margin-top:2px}.roster__hint{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--text-muted)}.roster__list{display:flex;flex-direction:column;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-card)}.roster__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}.roster__row:last-child{border-bottom:none}.roster__who{display:flex;flex-direction:column;gap:1px;min-width:0}.roster__name{font-weight:var(--fw-semibold);color:var(--text-strong)}.roster__meta{font-size:var(--text-sm);color:var(--text-subtle)}.roster__actions{display:flex;gap:var(--space-2);flex:none}@media (max-width:860px){.pl{display:flex;flex-direction:column;min-height:0;gap:var(--space-4)}.pl-bar{order:1}.pl-rail{order:2}.pl-railhead{display:none}.pl-stagewrap{order:3}.pl-rail__list{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:var(--space-2);padding-bottom:var(--space-1)}.pl-rail__item{width:auto;padding:var(--space-1)}.pl-rail__body{display:none}}