@import url("https://fonts.googleapis.com/css2?family=Onest:wght@300..900&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--violet-50:#f3efff;--violet-100:#e7deff;--violet-200:#d0c0ff;--violet-300:#b49bfa;--violet-400:#9676f0;--violet-500:#7b57e3;--violet-600:#6a47d4;--violet-700:#5734b2;--violet-800:#46298e;--violet-900:#321e66;--violet-950:#1f1342;--coral-50:#fff1ed;--coral-100:#ffe0d6;--coral-200:#ffc2ae;--coral-300:#ff9d7f;--coral-400:#fb7a55;--coral-500:#f15f38;--coral-600:#db4a24;--coral-700:#b3391a;--coral-800:#8a2d16;--coral-900:#5e2011;--teal-50:#e6fbf5;--teal-100:#c2f4e7;--teal-200:#8ee7d2;--teal-300:#54d3b7;--teal-400:#25bc9c;--teal-500:#12a286;--teal-600:#0b836d;--teal-700:#0a6857;--teal-800:#0a5044;--teal-900:#073a32;--stone-0:#fff;--stone-50:#fafafb;--stone-100:#f2f3f5;--stone-150:#e7e8ec;--stone-200:#d8dae0;--stone-300:#bfc2cb;--stone-400:#9296a0;--stone-500:#6c707a;--stone-600:#52565e;--stone-700:#3c3f46;--stone-800:#292b30;--stone-900:#17181c;--stone-950:#0d0e11;--sky-50:#e2f3fe;--sky-100:#c9e7fc;--sky-200:#aedaf8;--sky-400:#4fa8e4;--sky-500:#2a8ccb;--sky-600:#207db6;--sky-700:#1b6898;--sky-800:#175880;--grass-50:#edfee2;--grass-100:#d8f7c2;--grass-200:#bdec9c;--grass-400:#6fc22b;--grass-500:#57a81c;--grass-600:#428217;--grass-700:#366b13;--grass-800:#2a5410;--sun-50:#fff7e0;--sun-100:#fdebb4;--sun-400:#e8b21c;--sun-500:#c2900f;--sun-600:#937210;--sun-700:#7b5f0d;--cherry-50:#fde2e2;--cherry-100:#f9c8c7;--cherry-400:#e56260;--cherry-500:#dc4442;--cherry-600:#c93a38;--cherry-700:#ac2f2e;--aqua-50:#e2f9fe;--aqua-100:#c0eff8;--aqua-400:#35afc6;--aqua-500:#1f92a9;--aqua-600:#1a7f93;--aqua-700:#166a7b;--tangerine-50:#fff3e1;--tangerine-400:#e9962a;--tangerine-600:#a16a17;--tangerine-700:#855713;--green-50:#e7f7ee;--green-500:#1e9e6a;--green-600:#16855a;--green-700:#11603f;--amber-50:#fcf3e2;--amber-500:#e0972b;--amber-600:#c27d1a;--amber-700:#8a580f;--red-50:#fcebeb;--red-500:#e0484d;--red-600:#c5343a;--red-700:#911f24;--blue-50:#e9f1fb;--blue-500:#3b82c4;--blue-600:#2d6ba8;--blue-700:#1e4d7c}:root,[data-theme=light]{color-scheme:light;--surface-canvas:#fdfdfe;--surface-card:var(--stone-0);--surface-sunken:var(--stone-100);--surface-raised:var(--stone-0);--surface-overlay:var(--stone-0);--surface-inverse:var(--stone-900);--surface-hover:var(--stone-100);--surface-active:var(--stone-150);--text-strong:#2b2e35;--text-body:#3e434b;--text-muted:#63676f;--text-subtle:#73777f;--text-disabled:var(--stone-400);--text-on-brand:#fff;--text-inverse:var(--stone-50);--border-subtle:var(--stone-150);--border-default:var(--stone-200);--border-strong:var(--stone-300);--border-focus:var(--sky-500);--brand:var(--sky-600);--brand-hover:var(--sky-700);--brand-active:var(--sky-800);--brand-subtle:var(--sky-50);--brand-subtle-hover:var(--sky-100);--brand-border:var(--sky-200);--brand-text:var(--sky-600);--accent:var(--grass-600);--accent-hover:var(--grass-700);--accent-subtle:var(--grass-50);--accent-text:var(--grass-700);--cat-workbook:var(--tangerine-400);--cat-workbook-subtle:var(--tangerine-50);--cat-workbook-text:var(--tangerine-700);--cat-mini:var(--aqua-600);--cat-mini-subtle:var(--aqua-50);--cat-mini-text:var(--aqua-700);--cat-course:var(--violet-600);--cat-course-subtle:var(--violet-50);--cat-course-text:var(--violet-700);--success:var(--grass-600);--success-subtle:var(--grass-50);--success-text:var(--grass-700);--warning:var(--sun-600);--warning-subtle:var(--sun-50);--warning-text:var(--sun-700);--danger:var(--cherry-600);--danger-subtle:var(--cherry-50);--danger-text:var(--cherry-700);--info:var(--aqua-600);--info-subtle:var(--aqua-50);--info-text:var(--aqua-700);--progress:var(--grass-500);--progress-soft:#86b36a;--points:var(--sun-400);--surface-2:var(--surface-sunken);--surface-page:var(--surface-sunken);--warn:var(--warning);--warn-subtle:var(--warning-subtle);--warn-text:var(--warning-text);--ring:0 0 0 3px color-mix(in oklch,var(--sky-500) 40%,transparent)}[data-theme=dark]{color-scheme:dark;--surface-canvas:#101114;--surface-card:#191b1f;--surface-sunken:#141519;--surface-raised:#212429;--surface-overlay:#1e2126;--surface-inverse:var(--stone-50);--surface-hover:#212429;--surface-active:#2a2e34;--text-strong:#f5f6f8;--text-body:#e1e3e9;--text-muted:#a2a7b2;--text-subtle:#7c818c;--text-disabled:#565a63;--text-on-brand:#fff;--text-inverse:var(--stone-900);--border-subtle:#24262b;--border-default:#313439;--border-strong:#43464d;--border-focus:var(--sky-400);--brand:var(--sky-500);--brand-hover:var(--sky-400);--brand-active:var(--sky-600);--brand-subtle:color-mix(in oklch,var(--sky-500) 20%,#191b1f);--brand-subtle-hover:color-mix(in oklch,var(--sky-500) 30%,#191b1f);--brand-border:color-mix(in oklch,var(--sky-400) 40%,#191b1f);--brand-text:var(--sky-400);--accent:var(--grass-500);--accent-hover:var(--grass-400);--accent-subtle:color-mix(in oklch,var(--grass-500) 20%,#191b1f);--accent-text:var(--grass-400);--cat-workbook:var(--tangerine-400);--cat-workbook-subtle:color-mix(in oklch,var(--tangerine-400) 18%,#191b1f);--cat-workbook-text:var(--tangerine-400);--cat-mini:var(--aqua-400);--cat-mini-subtle:color-mix(in oklch,var(--aqua-400) 18%,#191b1f);--cat-mini-text:var(--aqua-400);--cat-course:var(--violet-400);--cat-course-subtle:color-mix(in oklch,var(--violet-500) 18%,#191b1f);--cat-course-text:var(--violet-300);--success:var(--grass-500);--success-subtle:color-mix(in oklch,var(--grass-500) 18%,#191b1f);--success-text:var(--grass-400);--warning:var(--sun-500);--warning-subtle:color-mix(in oklch,var(--sun-400) 18%,#191b1f);--warning-text:var(--sun-400);--danger:var(--cherry-500);--danger-subtle:color-mix(in oklch,var(--cherry-400) 18%,#191b1f);--danger-text:var(--cherry-400);--info:var(--aqua-500);--info-subtle:color-mix(in oklch,var(--aqua-400) 18%,#191b1f);--info-text:var(--aqua-400);--progress:var(--grass-400);--progress-soft:#5e8a4a;--points:var(--sun-400);--ring:0 0 0 3px color-mix(in oklch,var(--sky-400) 45%,transparent)}:root{--font-display:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;--font-ui:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;--font-content:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--text-2xs:0.6875rem;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:2.875rem;--text-5xl:3.75rem;--text-6xl:4.75rem;--leading-none:1;--leading-tight:1.12;--leading-snug:1.28;--leading-normal:1.5;--leading-relaxed:1.7;--tracking-tighter:-0.03em;--tracking-tight:-0.015em;--tracking-normal:0;--tracking-wide:0.02em;--tracking-caps:0.08em}.font-display{font-family:var(--font-display);font-optical-sizing:auto}:root{--space-0:0;--space-px:1px;--space-0-5:0.125rem;--space-1:0.25rem;--space-1-5:0.375rem;--space-2:0.5rem;--space-2-5:0.625rem;--space-3:0.75rem;--space-3-5:0.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-pill:999px;--radius-circle:50%;--control-sm:32px;--control-md:40px;--control-lg:48px;--sidebar-w:264px;--sidebar-w-collapsed:72px;--topbar-h:60px;--content-max:1080px;--reading-max:720px;--container-pad:var(--space-6);--z-base:0;--z-sticky:100;--z-sidebar:200;--z-topbar:300;--z-dropdown:400;--z-overlay:500;--z-modal:510;--z-toast:600;--z-tooltip:700;--shadow-xs:0 1px 2px rgba(19,21,26,.06);--shadow-sm:0 1px 2px rgba(19,21,26,.05),0 2px 6px rgba(19,21,26,.05);--shadow-md:0 2px 4px rgba(19,21,26,.05),0 6px 16px rgba(19,21,26,.08);--shadow-lg:0 4px 8px rgba(19,21,26,.06),0 14px 32px rgba(19,21,26,.1);--shadow-xl:0 8px 16px rgba(19,21,26,.08),0 24px 56px rgba(19,21,26,.14);--shadow-brand:0 6px 20px color-mix(in oklch,var(--violet-600) 30%,transparent);--shadow-inset:inset 0 1px 2px rgba(19,21,26,.06);--dur-instant:80ms;--dur-fast:140ms;--dur-base:200ms;--dur-slow:300ms;--dur-slower:460ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-standard:cubic-bezier(0.4,0,0.2,1)}[data-theme=dark]{--shadow-xs:0 1px 2px rgba(0,0,0,.4);--shadow-sm:0 1px 2px rgba(0,0,0,.4),0 2px 6px rgba(0,0,0,.36);--shadow-md:0 2px 4px rgba(0,0,0,.4),0 6px 16px rgba(0,0,0,.46);--shadow-lg:0 4px 8px rgba(0,0,0,.46),0 14px 32px rgba(0,0,0,.54);--shadow-xl:0 8px 16px rgba(0,0,0,.5),0 24px 56px rgba(0,0,0,.62);--shadow-brand:0 6px 22px color-mix(in oklch,var(--violet-500) 45%,transparent);--shadow-inset:inset 0 1px 2px rgba(0,0,0,.35)}@media (prefers-reduced-motion:reduce){:root{--dur-instant:0ms;--dur-fast:0ms;--dur-base:0ms;--dur-slow:0ms;--dur-slower:0ms}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--t-body);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--t-mono);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.min-h-\[120px\]{min-height:120px}.min-h-\[44px\]{min-height:44px}.w-36{width:9rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.border{border-width:1px}.px-3{padding-left:.75rem;padding-right:.75rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.text-center{text-align:center}.italic{font-style:italic}.text-destructive{color:hsl(var(--destructive))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.underline{text-decoration-line:underline}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--background:213 27% 96%;--foreground:216 18% 11%;--card:0 0% 100%;--primary:255 62% 55%;--primary-foreground:0 0% 100%;--secondary:214 21% 94%;--muted-foreground:218 13% 34%;--tw-accent:255 100% 97%;--destructive:357 59% 49%;--border:216 19% 90%;--tw-ring:255 70% 62%;--radius:0.875rem}[data-theme=dark]{--background:40 20% 7%;--foreground:38 43% 94%;--card:40 16% 12%;--primary:255 78% 70%;--primary-foreground:0 0% 100%;--secondary:38 17% 9%;--muted-foreground:40 13% 65%;--tw-accent:255 25% 18%;--destructive:358 70% 58%;--border:42 19% 19%;--tw-ring:255 78% 70%}*{border-color:hsl(var(--border))}.prose-hanglish h1{font-size:var(--text-2xl);font-weight:700}.prose-hanglish h1,.prose-hanglish h2{font-family:var(--font-display);margin:.6em 0 .3em;color:var(--text-strong)}.prose-hanglish h2{font-size:var(--text-xl);font-weight:600}.prose-hanglish h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;margin:.5em 0 .25em;color:var(--text-strong)}.prose-hanglish p{margin:.5em 0;line-height:var(--leading-relaxed);color:var(--text-body)}.prose-hanglish ul{list-style:disc;padding-left:1.4em;margin:.5em 0}.prose-hanglish ol{list-style:decimal;padding-left:1.4em;margin:.5em 0}.prose-hanglish a{color:var(--brand-text);text-decoration:underline}.prose-hanglish blockquote{border-left:3px solid var(--brand-border);padding-left:1em;color:var(--text-muted);margin:.6em 0}.prose-hanglish strong{font-weight:600;color:var(--text-strong)}.prose-hanglish code{font-family:var(--font-mono);background:var(--surface-sunken);padding:.1em .3em;border-radius:var(--radius-xs)}.prose-hanglish em{font-style:italic}.hg-btn--link{background:transparent;color:var(--brand-text);box-shadow:none;height:auto;padding:0}.hg-btn--link:hover{text-decoration:underline}.hg-btn--icon{width:var(--control-md);padding:0}.hg-btn--icon.hg-btn--sm{width:var(--control-sm)}.hg-btn--icon.hg-btn--lg{width:var(--control-lg)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--fw-medium);line-height:var(--leading-normal);color:var(--text-body);background:var(--surface-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display);font-optical-sizing:auto;color:var(--text-strong);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-weight:var(--fw-bold)}p{margin:0}a{color:var(--brand-text);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}::-moz-selection{background:color-mix(in oklch,var(--violet-500) 26%,transparent);color:var(--text-strong)}::selection{background:color-mix(in oklch,var(--violet-500) 26%,transparent);color:var(--text-strong)}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.lang-en{font-family:var(--font-content);font-feature-settings:"liga" 1,"kern" 1}.eyebrow{font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-subtle)}.eyebrow,.hg-btn{font-family:var(--font-ui);font-weight:var(--fw-semibold)}.hg-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--control-md);padding:0 var(--space-4);font-size:var(--text-base);line-height:1;letter-spacing:var(--tracking-tight);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.hg-btn:active{transform:translateY(1px)}.hg-btn:focus-visible{box-shadow:var(--ring)}.hg-btn:disabled,.hg-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.hg-btn--sm{height:var(--control-sm);padding:0 var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-sm)}.hg-btn--lg{height:var(--control-lg);padding:0 var(--space-6);font-size:var(--text-md);border-radius:var(--radius-lg)}.hg-btn--block{width:100%}.hg-btn--accent,.hg-btn--danger,.hg-btn--primary,.hg-btn--solid{--btn-edge:3px;box-shadow:0 var(--btn-edge) 0 var(--btn-edge-color,rgba(0,0,0,.22));transition:background var(--dur-fast) var(--ease-standard),box-shadow var(--dur-instant) var(--ease-standard),transform var(--dur-instant) var(--ease-standard)}.hg-btn--accent:active,.hg-btn--danger:active,.hg-btn--primary:active{box-shadow:0 0 0 var(--btn-edge-color,rgba(0,0,0,.22));transform:translateY(var(--btn-edge))}.hg-btn--lg{--btn-edge:4px}.hg-btn--sm{--btn-edge:2px}.hg-btn--primary{background:var(--brand);color:var(--text-on-brand);--btn-edge-color:var(--brand-active)}.hg-btn--primary:hover{background:var(--brand-hover)}.hg-btn--secondary{background:var(--surface-card);color:var(--text-strong);border-color:var(--border-default);box-shadow:0 2px 0 var(--border-default)}.hg-btn--secondary:hover{background:var(--surface-hover);border-color:var(--border-strong)}.hg-btn--secondary:active{box-shadow:0 0 0 var(--border-default);transform:translateY(2px)}.hg-btn--ghost{background:transparent;color:var(--text-body)}.hg-btn--ghost:hover{background:var(--surface-hover)}.hg-btn--outline{background:transparent;color:var(--brand-text);border-color:var(--brand-border)}.hg-btn--outline:hover{background:var(--brand-subtle)}.hg-btn--danger{background:var(--danger);color:#fff;--btn-edge-color:var(--cherry-700)}.hg-btn--danger:hover{filter:brightness(.95)}.hg-btn--accent{background:var(--accent);color:#fff;--btn-edge-color:var(--grass-800)}.hg-btn--accent:hover{background:var(--accent-hover)}.hg-btn__spinner{width:1em;height:1em;border-radius:50%;border:2px solid;border-right:2px solid transparent;animation:hg-spin .6s linear infinite}.hg-btn--loading{color:transparent!important;position:relative;pointer-events:none}.hg-btn--loading .hg-btn__spinner{position:absolute;color:var(--text-on-brand)}.hg-btn--loading.hg-btn--ghost .hg-btn__spinner,.hg-btn--loading.hg-btn--outline .hg-btn__spinner,.hg-btn--loading.hg-btn--secondary .hg-btn__spinner{color:var(--text-strong)}@keyframes hg-spin{to{transform:rotate(1turn)}}.hg-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:var(--control-md);height:var(--control-md);border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast),transform var(--dur-fast)}.hg-iconbtn:hover{background:var(--surface-hover);color:var(--text-strong)}.hg-iconbtn:active{transform:scale(.94)}.hg-iconbtn:focus-visible{box-shadow:var(--ring)}.hg-iconbtn--sm{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-sm)}.hg-iconbtn--lg{width:var(--control-lg);height:var(--control-lg)}.hg-iconbtn--solid{background:var(--surface-card);border-color:var(--border-default);box-shadow:var(--shadow-xs)}.hg-field{display:flex;flex-direction:column;gap:var(--space-1-5)}.hg-label{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-body)}.hg-label__req{color:var(--danger);margin-left:2px}.hg-help{font-size:var(--text-xs);color:var(--text-subtle)}.hg-help--error{color:var(--danger-text)}.hg-input,.hg-textarea{width:100%;font-family:var(--font-ui);font-size:var(--text-base);color:var(--text-strong);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:0 var(--space-3);height:var(--control-md);transition:border-color var(--dur-fast),box-shadow var(--dur-fast),background var(--dur-fast)}.hg-textarea{height:auto;min-height:88px;padding:var(--space-2-5) var(--space-3);line-height:var(--leading-normal);resize:vertical}.hg-input::-moz-placeholder,.hg-textarea::-moz-placeholder{color:var(--text-disabled)}.hg-input::placeholder,.hg-textarea::placeholder{color:var(--text-disabled)}.hg-input:hover,.hg-textarea:hover{border-color:var(--border-strong)}.hg-input:focus,.hg-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--ring)}.hg-input:disabled,.hg-textarea:disabled{background:var(--surface-sunken);color:var(--text-disabled);cursor:not-allowed}.hg-input--error,.hg-textarea--error{border-color:var(--danger)}.hg-input--error:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--danger) 28%,transparent)}.hg-input--lg{height:var(--control-lg);font-size:var(--text-md)}.hg-input-wrap{position:relative;display:flex;align-items:center}.hg-input-wrap .hg-input{padding-left:calc(var(--space-3) + 24px)}.hg-input-wrap__icon{position:absolute;left:var(--space-3);display:inline-flex;color:var(--text-subtle);pointer-events:none}.pw-field{position:relative;display:flex;align-items:center}.pw-field .hg-input{padding-right:calc(var(--space-3) + 26px)}.pw-field__toggle{position:absolute;right:var(--space-2);display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--text-subtle);cursor:pointer;transition:color var(--dur-fast)}.pw-field__toggle:hover{color:var(--text-body)}.pw-field__toggle[data-on]{color:var(--brand)}.hg-select{position:relative}.hg-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;height:var(--control-md);padding:0 var(--space-3);font-family:var(--font-ui);font-size:var(--text-base);color:var(--text-strong);text-align:left;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.hg-select__trigger:hover{border-color:var(--border-strong)}.hg-select__trigger:focus-visible,.hg-select__trigger[aria-expanded=true]{outline:none;border-color:var(--border-focus);box-shadow:var(--ring)}.hg-select__trigger[data-placeholder=true]{color:var(--text-disabled)}.hg-select__chev{color:var(--text-subtle);transition:transform var(--dur-fast);flex:none}.hg-select__trigger[aria-expanded=true] .hg-select__chev{transform:rotate(180deg)}.hg-select__menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:var(--z-dropdown);background:var(--surface-overlay);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-1);max-height:280px;overflow-y:auto;animation:hg-pop var(--dur-fast) var(--ease-out)}.hg-select__opt{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-2-5);border-radius:var(--radius-sm);font-size:var(--text-base);color:var(--text-body);cursor:pointer}.hg-select__opt:hover,.hg-select__opt[data-active=true]{background:var(--surface-hover);color:var(--text-strong)}.hg-select__opt[data-selected=true]{color:var(--brand-text);font-weight:var(--fw-medium)}.hg-select__opt[data-selected=true] .hg-select__check{color:var(--brand)}.hg-select__media{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1/1;border-radius:var(--radius-md);overflow:hidden}.hg-select__img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hg-select__mediatext{width:100%;padding:0 var(--space-2);text-align:var(--hg-ta,center);overflow-wrap:anywhere;color:inherit}.hg-select__trigger[data-tile]{flex-direction:column;align-items:stretch;height:auto;padding:var(--space-1-5);gap:var(--space-1-5);position:relative;text-align:var(--hg-ta,center)}.hg-select__trigger[data-tile] .hg-select__chev{position:absolute;top:8px;right:8px;background:var(--surface-card);border-radius:var(--radius-pill)}.hg-select__trigger[data-tile]>.hg-select__labelregion{flex:none;text-align:var(--hg-ta,center);min-height:1.4em}.hg-select__trigger[data-rich]{height:auto;min-height:var(--control-md);padding-top:var(--space-2);padding-bottom:var(--space-2);align-items:center}.hg-select__labelregion{display:grid;min-width:0}.hg-select__trigger:not([data-tile])>.hg-select__labelregion{flex:1;text-align:var(--hg-ta,center)}.hg-select__labelregion>*{grid-area:1/1;min-width:0}.hg-select__labelvis{align-self:center}.hg-select__ghost{visibility:hidden;pointer-events:none}.hg-select__opt[data-tile]{flex-direction:column;align-items:stretch;gap:var(--space-1-5);padding:var(--space-1-5);text-align:var(--hg-ta,center)}.hg-select__opt[data-tile] .hg-select__optrow{justify-content:center;min-height:1.4em}.hg-select__optrow>.hg-richtext{flex:1;min-width:0;text-align:var(--hg-ta,center)}.hg-select__opt[data-tile]:hover,.hg-select__opt[data-tile][data-active=true],.hg-select__opt[data-tile][data-selected=true]{background:transparent}.hg-select__opt[data-tile] .hg-select__media{transition:outline-color var(--dur-fast);outline:2px solid transparent;outline-offset:2px}.hg-select__opt[data-tile]:hover .hg-select__media,.hg-select__opt[data-tile][data-active=true] .hg-select__media{outline-color:var(--border-strong)}.hg-select__opt[data-tile][data-selected=true] .hg-select__media{outline-color:var(--brand)}.hg-select__optrow{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-width:0}.hg-select__opt>.hg-select__optrow{flex:1}.hg-select__optrow>.truncate,.hg-select__trigger>.truncate{flex:1;min-width:0}@keyframes hg-pop{0%{opacity:0;transform:translateY(-4px) scale(.99)}to{opacity:1;transform:none}}.hg-choice{display:inline-flex;align-items:center;gap:var(--space-2-5);cursor:pointer;font-size:var(--text-base);color:var(--text-body)}.hg-choice input{position:absolute;opacity:0;width:0;height:0}.hg-check-box{width:20px;height:20px;flex:none;border-radius:var(--radius-xs);border:1.5px solid var(--border-strong);background:var(--surface-card);display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:background var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast)}.hg-choice input:checked+.hg-check-box{background:var(--brand);border-color:var(--brand)}.hg-choice input:focus-visible+.hg-check-box{box-shadow:var(--ring)}.hg-choice:active .hg-check-box{transform:scale(.9)}.hg-check-box svg{opacity:0;transition:opacity var(--dur-fast)}.hg-choice input:checked+.hg-check-box svg{opacity:1}.hg-radio-box,.hg-radio-dot{border-radius:50%}.hg-radio-dot{width:8px;height:8px;background:#fff;transform:scale(0);transition:transform var(--dur-fast) var(--ease-spring)}.hg-choice input:checked+.hg-radio-box .hg-radio-dot{transform:scale(1)}.hg-switch{width:40px;height:24px;flex:none;border-radius:var(--radius-pill);background:var(--border-strong);position:relative;transition:background var(--dur-base) var(--ease-standard)}.hg-switch__knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-spring)}.hg-choice input:checked+.hg-switch{background:var(--brand)}.hg-choice input:checked+.hg-switch .hg-switch__knob{transform:translateX(16px)}.hg-choice input:focus-visible+.hg-switch{box-shadow:var(--ring)}.hg-badge{display:inline-flex;align-items:center;gap:var(--space-1);height:22px;padding:0 var(--space-2-5);font-size:var(--text-xs);font-weight:var(--fw-semibold);line-height:1;border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-muted);white-space:nowrap}.hg-badge--dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.hg-badge--brand{background:var(--brand-subtle);color:var(--brand-text)}.hg-badge--accent{background:var(--accent-subtle);color:var(--accent-text)}.hg-badge--success{background:var(--success-subtle);color:var(--success-text)}.hg-badge--warning{background:var(--warning-subtle);color:var(--warning-text)}.hg-badge--danger{background:var(--danger-subtle);color:var(--danger-text)}.hg-badge--info{background:var(--info-subtle);color:var(--info-text)}.hg-badge--solid{background:var(--brand);color:#fff}.hg-tag{display:inline-flex;align-items:center;gap:var(--space-1-5);height:28px;padding:0 var(--space-3);font-size:var(--text-sm);font-weight:var(--fw-medium);border-radius:var(--radius-pill);background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-body)}.hg-tag--removable{padding-right:var(--space-1-5)}.hg-tag__x{display:inline-flex;cursor:pointer;color:var(--text-subtle);border-radius:50%;padding:2px}.hg-tag__x:hover{background:var(--surface-active);color:var(--text-strong)}.hg-typebadge{display:inline-flex;align-items:center;gap:var(--space-1-5);height:24px;padding:0 var(--space-2-5);font-size:var(--text-xs);font-weight:var(--fw-semibold);border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-muted)}.hg-typebadge--workbook{background:var(--cat-workbook-subtle);color:var(--cat-workbook-text)}.hg-typebadge--mini{background:var(--cat-mini-subtle);color:var(--cat-mini-text)}.hg-typebadge--course{background:var(--cat-course-subtle);color:var(--cat-course-text)}.hg-levelbadge{height:22px;padding:0 var(--space-2);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.04em;border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--text-muted);border:1px solid var(--border-subtle)}.hg-avatar,.hg-levelbadge{display:inline-flex;align-items:center;font-weight:var(--fw-semibold)}.hg-avatar{justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--brand-subtle);color:var(--brand-text);font-size:var(--text-base);overflow:hidden;flex:none}.hg-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hg-avatar--sm{width:28px;height:28px;font-size:var(--text-xs)}.hg-avatar--lg{width:56px;height:56px;font-size:var(--text-lg)}.hg-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.hg-card--pad{padding:var(--space-5)}.hg-card--interactive{cursor:pointer;transition:box-shadow var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard),border-color var(--dur-base)}.hg-card--interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--border-default)}.hg-card--interactive:active{transform:translateY(0)}.hg-progress{width:100%;height:8px;background:var(--surface-sunken);overflow:hidden}.hg-progress,.hg-progress__bar{border-radius:var(--radius-pill)}.hg-progress__bar{height:100%;background:var(--progress-soft);transition:width var(--dur-slow) var(--ease-out)}.hg-progress--accent .hg-progress__bar{background:var(--accent)}.hg-progress--success .hg-progress__bar{background:var(--success)}.hg-progress--lg{height:12px}.hg-skeleton{background:linear-gradient(90deg,var(--surface-sunken) 25%,var(--surface-hover) 50%,var(--surface-sunken) 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:hg-shimmer 1.4s ease-in-out infinite}@keyframes hg-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hg-alert{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-sunken)}.hg-alert__icon{flex:none;color:var(--text-muted);margin-top:1px}.hg-alert__title{font-weight:var(--fw-semibold);color:var(--text-strong);font-size:var(--text-base)}.hg-alert__body{font-size:var(--text-sm);color:var(--text-muted)}.hg-alert--info{background:var(--info-subtle);border-color:transparent}.hg-alert--info .hg-alert__icon{color:var(--info)}.hg-alert--success{background:var(--success-subtle);border-color:transparent}.hg-alert--success .hg-alert__icon{color:var(--success)}.hg-alert--warning{background:var(--warning-subtle);border-color:transparent}.hg-alert--warning .hg-alert__icon{color:var(--warning)}.hg-alert--danger{background:var(--danger-subtle);border-color:transparent}.hg-alert--danger .hg-alert__icon{color:var(--danger)}.hg-tabs{display:inline-flex;gap:var(--space-1);padding:var(--space-1);background:var(--surface-sunken);border-radius:var(--radius-lg)}.hg-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;cursor:pointer;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);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-tab:hover{color:var(--text-strong)}.hg-tab[aria-selected=true]{background:var(--surface-card);color:var(--text-strong);box-shadow:var(--shadow-xs)}.hg-tabs--underline{background:transparent;padding:0;gap:var(--space-5);border-bottom:1px solid var(--border-subtle);border-radius:0}.hg-tabs--underline .hg-tab{border-radius:0;padding:var(--space-3) var(--space-1);position:relative}.hg-tabs--underline .hg-tab[aria-selected=true]{background:transparent;box-shadow:none;color:var(--brand-text)}.hg-tabs--underline .hg-tab[aria-selected=true]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--brand);border-radius:var(--radius-pill)}.hg-tooltip-wrap{position:relative;display:inline-flex}.hg-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:var(--z-tooltip);padding:var(--space-1-5) var(--space-2-5);background:var(--surface-inverse);color:var(--text-inverse);font-size:var(--text-xs);font-weight:var(--fw-medium);white-space:nowrap;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);pointer-events:none;animation:hg-pop var(--dur-fast) var(--ease-out)}.hg-overlay{position:fixed;inset:0;z-index:var(--z-overlay);background:color-mix(in oklch,var(--stone-950) 55%,transparent);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:hg-fade var(--dur-base) var(--ease-out)}.hg-dialog{width:100%;max-width:460px;background:var(--surface-overlay);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-6);animation:hg-dialog-in var(--dur-base) var(--ease-out)}.hg-dialog__title{font-size:var(--text-xl);margin-bottom:var(--space-2)}.hg-dialog__body{color:var(--text-muted);font-size:var(--text-base)}.hg-dialog__foot{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-6)}@keyframes hg-fade{0%{opacity:0}}@keyframes hg-dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}.hg-toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:280px;animation:hg-toast-in var(--dur-base) var(--ease-out)}.hg-toast__icon{flex:none}.hg-toast--success .hg-toast__icon{color:var(--success)}.hg-toast--danger .hg-toast__icon{color:var(--danger)}.hg-toast__msg{font-size:var(--text-base);color:var(--text-strong);flex:1}@keyframes hg-toast-in{0%{opacity:0;transform:translateY(12px)}}.hg-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-12) var(--space-6)}.hg-empty__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-xl);background:var(--brand-subtle);color:var(--brand);margin-bottom:var(--space-1)}.hg-empty__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-strong)}.hg-empty__body{font-size:var(--text-base);color:var(--text-muted);max-width:360px}.hg-stat{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-5)}.hg-stat__label{font-size:var(--text-sm);color:var(--text-muted);display:flex;align-items:center;gap:var(--space-2)}.hg-stat__value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--fw-bold);color:var(--text-strong);letter-spacing:var(--tracking-tight);line-height:1}.hg-stat__sub{font-size:var(--text-sm);color:var(--text-subtle)}.hg-stat__value em{font-style:normal;color:var(--text-subtle);font-size:var(--text-lg)}@keyframes hg-enter{0%{opacity:0;transform:translateY(30px)}80%{opacity:1;transform:translateY(-1.25px);animation-timing-function:ease-out}to{opacity:1;transform:translateY(0);animation-timing-function:ease-in}}.hg-enter{animation:hg-enter .4s both}@media (prefers-reduced-motion:reduce){.hg-enter{animation:none}}.hg-course{display:flex;flex-direction:column;overflow:hidden}.hg-course__cover{position:relative;aspect-ratio:16/9;background:var(--_cat-subtle,var(--surface-sunken));display:flex;align-items:center;justify-content:center}.hg-course__cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hg-course__cover-mark{color:var(--_cat,var(--brand));opacity:.32}.hg-course__badges{position:absolute;top:var(--space-3);left:var(--space-3);display:flex;gap:var(--space-1-5)}.hg-course__body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);flex:1}.hg-course__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-strong);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.hg-course__desc{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hg-course__meta{display:flex;align-items:baseline;gap:var(--space-3);margin-top:auto;padding-top:var(--space-3);font-size:var(--text-xs);color:var(--text-subtle)}.hg-course__end,.hg-course__lessons{white-space:nowrap}.hg-course__end{margin-left:auto;display:inline-flex;align-items:center;gap:5px}.hg-course__price{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--text-base);color:var(--text-strong);letter-spacing:var(--tracking-tight)}.hg-course__pct{font-weight:var(--fw-semibold);color:var(--text-muted);font-variant-numeric:tabular-nums}.hg-course__acc{display:inline-flex;align-items:center;gap:5px;font-weight:var(--fw-semibold);white-space:nowrap}.hg-course__acc:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.hg-course__acc.is-free{color:var(--cat-mini-text)}.hg-course__acc.is-open{color:var(--success)}.hg-course__progress{padding:0 var(--space-4) var(--space-4);margin-top:var(--space-3)}.hg-course__foot{display:flex;align-items:center;gap:var(--space-3);margin-top:auto;padding-top:var(--space-3)}.hg-course__bar{flex:1;min-width:0}.hg-course__done,.hg-course__foot .hg-course__pct{font-size:var(--text-sm)}.hg-course__done{display:inline-flex;align-items:center;gap:5px;color:var(--success);font-weight:var(--fw-semibold)}.hg-cat-workbook{--_cat:var(--cat-workbook);--_cat-subtle:var(--cat-workbook-subtle);--_cat-text:var(--cat-workbook-text)}.hg-cat-mini{--_cat:var(--cat-mini);--_cat-subtle:var(--cat-mini-subtle);--_cat-text:var(--cat-mini-text)}.hg-cat-course{--_cat:var(--cat-course);--_cat-subtle:var(--cat-course-subtle);--_cat-text:var(--cat-course-text)}.hg-lock{border:1px solid var(--brand-border);border-radius:var(--radius-xl);background:radial-gradient(120% 100% at 100% 0,var(--brand-subtle) 0,transparent 60%),var(--surface-card);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.hg-lock__head{display:flex;align-items:center;gap:var(--space-3)}.hg-lock__badge{width:44px;height:44px;border-radius:var(--radius-md);background:var(--brand-subtle);color:var(--brand);display:inline-flex;align-items:center;justify-content:center;flex:none}.hg-lock__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-strong)}.hg-lock__sub{font-size:var(--text-sm);color:var(--text-muted)}.hg-lock__prices{display:flex;flex-direction:column;gap:var(--space-2)}.hg-price{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card);cursor:pointer;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.hg-price:hover{border-color:var(--brand-border);box-shadow:var(--shadow-sm)}.hg-price[data-selected=true]{border-color:var(--brand);box-shadow:var(--ring)}.hg-price--featured{border-color:var(--brand);background:var(--brand-subtle)}.hg-price__name{font-weight:var(--fw-semibold);color:var(--text-strong);font-size:var(--text-base)}.hg-price__note{font-size:var(--text-xs);color:var(--text-subtle)}.hg-price__amount{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-strong);letter-spacing:var(--tracking-tight);white-space:nowrap}.hg-price__amount em{font-style:normal;font-size:var(--text-sm);color:var(--text-subtle);font-family:var(--font-ui);font-weight:var(--fw-medium)}.hg-ex{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.hg-ex__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.hg-ex__kind{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-subtle)}.hg-ex__q{font-size:var(--text-md);color:var(--text-strong);font-weight:var(--fw-medium);line-height:var(--leading-snug)}.hg-ex__q .lang-en{font-family:var(--font-content)}.hg-ex__options{display:flex;flex-direction:column;gap:var(--space-2)}.hg-ex__opt{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:2px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:0 2px 0 var(--border-default);cursor:pointer;font-size:var(--text-base);color:var(--text-body);background:var(--surface-card);text-align:left;transition:border-color var(--dur-fast),background var(--dur-fast),box-shadow var(--dur-instant),transform var(--dur-instant)}.hg-ex__opt:hover{border-color:var(--border-strong);background:var(--surface-hover)}.hg-ex__opt:active{box-shadow:0 0 0 var(--border-default);transform:translateY(2px)}.hg-ex__opt[data-state]{box-shadow:none}.hg-ex__opt[data-state=selected]{border-color:var(--brand);color:var(--brand-text);background:linear-gradient(to bottom,color-mix(in srgb,var(--brand-subtle) 45%,#fff),var(--brand-subtle));box-shadow:inset 0 -3px 0 var(--brand-border)}.hg-ex__opt[data-state=correct]{border-color:var(--success);color:var(--success-text);background:linear-gradient(to bottom,color-mix(in srgb,var(--success-subtle) 45%,#fff),var(--success-subtle));box-shadow:inset 0 -3px 0 var(--success)}.hg-ex__opt[data-state=wrong]{border-color:var(--danger);color:var(--danger-text);background:linear-gradient(to bottom,color-mix(in srgb,var(--danger-subtle) 45%,#fff),var(--danger-subtle));box-shadow:inset 0 -3px 0 var(--danger)}.hg-ex__opt-mark{margin-left:auto;display:inline-flex}.hg-ex__opt-key{width:24px;height:24px;border-radius:var(--radius-sm);background:var(--surface-sunken);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-muted);flex:none}.hg-ex__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.hg-ex__points{font-size:var(--text-sm);color:var(--text-subtle)}.hg-ex__feedback{display:inline-flex;align-self:flex-start;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--fw-semibold);animation:hg-pop var(--dur-fast) var(--ease-spring)}.hg-ex__feedback:has(.hg-ex__explbtn){align-items:flex-start}.hg-ex__feedback--correct{background:var(--success-subtle);color:var(--success-text)}.hg-ex__feedback--wrong{background:var(--danger-subtle);color:var(--danger-text)}.hg-ex__feedback--pending{background:var(--info-subtle);color:var(--info-text)}.hg-ex__feedback strong{display:block;font-weight:var(--fw-semibold)}.hg-ex__explbtn{align-self:flex-start;margin-top:var(--space-1);padding:0;border:none;background:none;font:inherit;color:inherit;font-weight:var(--fw-semibold);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.hg-ex__explbtn:hover{opacity:.8}.hg-ex__blank{display:inline-flex;min-width:124px;height:34px;margin:0 var(--space-1);padding:0 var(--space-3);border:2px solid var(--border-default);background:var(--surface-sunken);border-radius:var(--radius-md);font-family:var(--font-content);font-weight:var(--fw-semibold);font-size:var(--text-md);color:var(--text-strong);text-align:center;vertical-align:middle;transition:border-color var(--dur-fast),background var(--dur-fast)}.hg-selfcheck{display:flex;flex-direction:column;gap:var(--space-3);animation:hg-pop var(--dur-base) var(--ease-spring)}.hg-selfcheck__ref{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-sunken);border:1px solid var(--border-default)}.hg-selfcheck__ref-label{display:block;font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:.03em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:var(--space-1)}.hg-selfcheck__ref-text{font-size:var(--text-md);color:var(--text-strong);line-height:var(--leading-snug)}.hg-selfcheck__ref-text .lang-en,.hg-selfcheck__ref-text.lang-en{font-family:var(--font-content)}.hg-selfcheck__grade{display:flex;flex-direction:column;gap:var(--space-2)}.hg-selfcheck__ask{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-body)}.hg-selfcheck__btns{display:flex;gap:var(--space-2);flex-wrap:wrap}.hg-selfcheck__gradebtn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1.5px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-body);font-size:var(--text-sm);font-weight:var(--fw-medium);cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast),color var(--dur-fast)}.hg-selfcheck__gradebtn:hover:not(:disabled){border-color:var(--border-strong)}.hg-selfcheck__gradebtn[data-tone=ok]:hover:not(:disabled){border-color:var(--success);background:var(--success-subtle);color:var(--success-text)}.hg-selfcheck__gradebtn[data-tone=bad]:hover:not(:disabled){border-color:var(--danger);background:var(--danger-subtle);color:var(--danger-text)}.hg-selfcheck__gradebtn:disabled{opacity:.55;cursor:default}.hg-selfcheck__verdict{font-size:var(--text-sm);font-weight:var(--fw-medium);margin:0}.hg-selfcheck__verdict[data-tone=ok]{color:var(--success-text)}.hg-selfcheck__verdict[data-tone=bad]{color:var(--danger-text)}.hg-ex__blank:focus{outline:none;border-color:var(--brand);background:var(--brand-subtle)}.hg-blanks{font-size:var(--text-md);line-height:2.5;color:var(--text-strong)}.hg-blanks>p:empty:last-child,.hg-richtext>p:empty:last-child{display:none}.hg-blanks>p:empty{line-height:var(--leading-snug)}.hg-blanks span[data-blank]{display:inline}.hg-blanksel__slot{display:inline-flex;align-items:center;justify-content:center;min-width:100px;height:34px;margin:0 var(--space-1);padding:0 var(--space-3);border:2px dashed var(--border-strong);background:var(--surface-sunken);border-radius:var(--radius-md);font-family:var(--font-content);font-size:var(--text-md);color:var(--text-subtle);cursor:pointer;transition:background var(--dur-fast),border-color var(--dur-fast)}.hg-blanksel__slot:hover:not(:disabled){background:var(--brand-subtle-hover)}.hg-blanksel__slot[data-filled]{color:var(--text-strong);font-weight:var(--fw-semibold);border-style:solid;border-color:var(--brand);background:var(--brand-subtle)}.hg-blanksel__slot[data-reveal=ok]{border-style:solid;border-color:var(--success);background:var(--success-subtle);color:var(--success-text)}.hg-blanksel__slot[data-reveal=bad]{border-style:solid;border-color:var(--danger);background:var(--danger-subtle);color:var(--danger-text)}.hg-blanksel__slot:disabled{cursor:default}.hg-blanksel__pop{position:absolute;top:calc(100% + 4px);left:0;z-index:var(--z-dropdown);min-width:140px;max-width:min(240px,calc(100vw - 24px));max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:var(--space-1);background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:hg-pop var(--dur-fast) var(--ease-out)}.hg-blanksel__pop[data-align=right]{left:auto;right:0}.hg-blanksel__opt{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;background:transparent;border-radius:var(--radius-sm);font-size:var(--text-base);color:var(--text-body);cursor:pointer;text-align:left;white-space:nowrap}.hg-blanksel__opt:hover{background:var(--surface-hover);color:var(--text-strong)}.hg-blanksel__opt[data-active]{background:var(--brand-subtle);color:var(--brand-text);font-weight:var(--fw-semibold)}.hg-blanksel__opt--clear{color:var(--text-subtle);border-top:1px solid var(--border-subtle);border-radius:0;margin-top:2px}.hg-blanksel__empty{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-subtle)}.hg-player{display:flex;flex-direction:column;gap:var(--space-5)}.hg-player__top{display:flex;align-items:center;gap:var(--space-3)}.hg-player__steps{flex:1;display:flex;gap:var(--space-1)}.hg-player__step{flex:1;height:6px;border-radius:var(--radius-pill);background:var(--surface-sunken);overflow:hidden}.hg-player__step[data-done=true]{background:var(--brand)}.hg-player__step[data-current=true]{background:var(--brand-subtle-hover);position:relative}.hg-player__step[data-current=true]:after{content:"";position:absolute;inset:0;width:50%;background:var(--brand);border-radius:var(--radius-pill)}.hg-player__count{font-size:var(--text-sm);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.hg-player__stage{min-height:320px}.hg-player__nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.hg-block-content{font-family:var(--font-ui);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--text-body);max-width:var(--reading-max)}.hg-callout{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border-left:3px solid var(--info);background:var(--info-subtle);font-family:var(--font-ui)}.hg-callout--tip{border-color:var(--success);background:var(--success-subtle)}.hg-callout--grammar{border-color:var(--brand);background:var(--brand-subtle)}.hg-callout--warn{border-color:var(--warning);background:var(--warning-subtle)}.hg-callout__label{font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps);margin-bottom:var(--space-1)}.hg-wordcard{display:inline-flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--surface-sunken);border:1px solid var(--border-subtle)}.hg-wordcard__term{font-family:var(--font-content);font-size:var(--text-2xl);font-weight:var(--fw-semibold);color:var(--text-strong)}.hg-wordcard__ipa{font-family:var(--font-mono);font-size:var(--text-base);color:var(--text-subtle)}.hg-wordcard__tr{font-size:var(--text-base);color:var(--text-muted)}.hg-review{flex-direction:column;padding:var(--space-5)}.hg-review,.hg-review__top{display:flex;gap:var(--space-3)}.hg-review__top{align-items:center}.hg-review__who{display:flex;flex-direction:column;gap:1px}.hg-review__name{font-weight:var(--fw-semibold);color:var(--text-strong);font-size:var(--text-base)}.hg-review__ctx{font-size:var(--text-xs);color:var(--text-subtle)}.hg-review__q{font-size:var(--text-sm);color:var(--text-muted)}.hg-review__answer{font-family:var(--font-content);font-size:var(--text-md);color:var(--text-strong);padding:var(--space-3) var(--space-4);background:var(--surface-sunken);border-radius:var(--radius-md);line-height:var(--leading-normal)}.hg-review__grade{display:flex;align-items:flex-end;gap:var(--space-3)}.dict-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4);align-items:start}@media (max-width:480px){.dict-grid{grid-template-columns:1fr}}.dict-tile{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);min-width:0;transition:box-shadow var(--dur-base) var(--ease-standard),border-color var(--dur-base)}.dict-tile:hover{box-shadow:var(--shadow-md);border-color:var(--border-default)}.dict-tile__top{display:flex;gap:var(--space-3);align-items:flex-start}.dict-tile__img{width:48px;height:48px;border-radius:var(--radius-md);-o-object-fit:cover;object-fit:cover;flex:none}.dict-tile__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.dict-tile__head{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.dict-tile__term{font-size:var(--text-xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);color:var(--text-strong);line-height:var(--leading-tight);overflow-wrap:anywhere}.dict-tile__pron{display:flex;align-items:center;gap:var(--space-2);min-width:0;margin-bottom:var(--space-1)}.dict-tile__ipa{font-family:Charis SIL,Doulos SIL,Gentium Plus,Segoe UI,system-ui,serif;font-size:var(--text-sm);color:var(--text-subtle);overflow-wrap:anywhere}.dict-tile__tr{font-size:var(--text-md);color:var(--text-body);line-height:var(--leading-snug)}.dict-tile__ex{font-style:italic;font-size:var(--text-sm);color:var(--text-muted);border-left:2px solid var(--border-subtle);padding-left:var(--space-3);margin-top:var(--space-2);overflow-wrap:anywhere}.dict-tile__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.dict-tile__done{display:inline-flex;align-items:center;gap:var(--space-1-5);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--success-text)}.dict-tile__actions{display:flex;gap:var(--space-1)}.dict-tile__left{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0}.dict-tile__left-label{font-size:var(--text-xs);color:var(--text-subtle);white-space:nowrap}.dict-dots{display:inline-flex;align-items:center;gap:4px;flex:none}.dict-dot{width:7px;height:7px;border-radius:var(--radius-pill);border:1.5px solid var(--brand-border);background:transparent;flex:none}.dict-dot--on{background:var(--brand);border-color:var(--brand)}.dict-act{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-muted);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.dict-act:hover{background:var(--surface-sunken);color:var(--text-strong)}.dict-act--learn:hover{color:var(--success-text);border-color:var(--success);background:var(--success-subtle)}.dict-act--danger:hover{color:var(--danger);border-color:var(--danger)}.dict-review__bar{display:flex;align-items:center;justify-content:space-between}.dict-review__bar,.dict-review__exit{font-size:var(--text-sm);color:var(--text-muted)}.dict-review__exit{background:transparent;border:0;cursor:pointer;text-decoration:underline}.dict-review__exit:hover{color:var(--text-strong)}.dict-card{gap:var(--space-4);padding:var(--space-6)}.dict-card,.dict-q{display:flex;flex-direction:column}.dict-q{gap:var(--space-1)}.dict-q__label{font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-muted)}.dict-q__word{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-content);font-size:var(--text-2xl);font-weight:var(--fw-semibold);color:var(--text-strong)}.dict-q__hint{font-size:var(--text-sm);color:var(--text-subtle)}.dict-mc{display:flex;flex-direction:column;gap:var(--space-2)}.dict-opt{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-md);color:var(--text-body);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:background .15s,border-color .15s}.dict-opt:hover:not(:disabled){background:var(--surface-sunken)}.dict-opt:disabled{cursor:default}.dict-opt[data-state=correct]{border-color:var(--success);background:var(--success-subtle);color:var(--success-text)}.dict-opt[data-state=wrong]{border-color:var(--danger);background:var(--danger-subtle);color:var(--danger-text)}.dict-match{display:flex;flex-direction:column;gap:var(--space-2)}.dict-match__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid transparent;border-radius:var(--radius-md)}.dict-match__row[data-state=correct]{border-color:var(--success);background:var(--success-subtle)}.dict-match__row[data-state=wrong]{border-color:var(--danger);background:var(--danger-subtle)}.dict-match__term{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--fw-semibold);color:var(--text-strong)}.dict-match__pick,.dict-match__term{flex:1;min-width:0}.dict-match__ans{font-size:var(--text-sm);color:var(--danger-text)}.dict-verdict{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding-top:var(--space-2);border-top:1px solid var(--border-subtle)}.dict-verdict__msg{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md);color:var(--danger-text)}.dict-verdict[data-correct] .dict-verdict__msg{color:var(--success-text)}