@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Onest:wght@400..800&family=Source+Serif+4:ital,opsz,wght@0,8..60,400..600;1,8..60,400..500&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:#f4f6f9;--stone-100:#eceef3;--stone-150:#dfe3ea;--stone-200:#cdd3dd;--stone-300:#b2bac7;--stone-400:#8a93a2;--stone-500:#656d7c;--stone-600:#4b5260;--stone-700:#383e49;--stone-800:#262b33;--stone-900:#161a20;--stone-950:#0c0f13;--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:var(--stone-50);--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:var(--stone-900);--text-body:var(--stone-800);--text-muted:var(--stone-600);--text-subtle:var(--stone-500);--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(--violet-500);--brand:var(--violet-600);--brand-hover:var(--violet-700);--brand-active:var(--violet-800);--brand-subtle:var(--violet-50);--brand-subtle-hover:var(--violet-100);--brand-border:var(--violet-200);--brand-text:var(--violet-700);--accent:var(--coral-500);--accent-hover:var(--coral-600);--accent-subtle:var(--coral-50);--accent-text:var(--coral-700);--cat-workshop:var(--coral-500);--cat-workshop-subtle:var(--coral-50);--cat-workshop-text:var(--coral-700);--cat-mini:var(--teal-600);--cat-mini-subtle:var(--teal-50);--cat-mini-text:var(--teal-700);--cat-course:var(--violet-600);--cat-course-subtle:var(--violet-50);--cat-course-text:var(--violet-700);--success:var(--green-600);--success-subtle:var(--green-50);--success-text:var(--green-700);--warning:var(--amber-600);--warning-subtle:var(--amber-50);--warning-text:var(--amber-700);--danger:var(--red-600);--danger-subtle:var(--red-50);--danger-text:var(--red-700);--info:var(--blue-600);--info-subtle:var(--blue-50);--info-text:var(--blue-700);--ring:0 0 0 3px color-mix(in oklch,var(--violet-500) 35%,transparent)}[data-theme=dark]{color-scheme:dark;--surface-canvas:#15130f;--surface-card:#211e18;--surface-sunken:#1a1712;--surface-raised:#2a261f;--surface-overlay:#262219;--surface-inverse:var(--stone-50);--surface-hover:#2a261f;--surface-active:#332e25;--text-strong:#f6f2ea;--text-body:#e6e0d5;--text-muted:#b3ab9b;--text-subtle:#8c8474;--text-disabled:#635c4f;--text-on-brand:#fff;--text-inverse:var(--stone-900);--border-subtle:#2c2820;--border-default:#3a3528;--border-strong:#4c4536;--border-focus:var(--violet-400);--brand:var(--violet-400);--brand-hover:var(--violet-300);--brand-active:var(--violet-200);--brand-subtle:color-mix(in oklch,var(--violet-500) 18%,#211e18);--brand-subtle-hover:color-mix(in oklch,var(--violet-500) 28%,#211e18);--brand-border:color-mix(in oklch,var(--violet-400) 40%,#211e18);--brand-text:var(--violet-300);--accent:var(--coral-400);--accent-hover:var(--coral-300);--accent-subtle:color-mix(in oklch,var(--coral-500) 18%,#211e18);--accent-text:var(--coral-300);--cat-workshop:var(--coral-400);--cat-workshop-subtle:color-mix(in oklch,var(--coral-500) 16%,#211e18);--cat-workshop-text:var(--coral-300);--cat-mini:var(--teal-400);--cat-mini-subtle:color-mix(in oklch,var(--teal-500) 16%,#211e18);--cat-mini-text:var(--teal-300);--cat-course:var(--violet-400);--cat-course-subtle:color-mix(in oklch,var(--violet-500) 18%,#211e18);--cat-course-text:var(--violet-300);--success:var(--green-500);--success-subtle:color-mix(in oklch,var(--green-500) 16%,#211e18);--success-text:#5fd3a0;--warning:var(--amber-500);--warning-subtle:color-mix(in oklch,var(--amber-500) 16%,#211e18);--warning-text:#f0c06a;--danger:var(--red-500);--danger-subtle:color-mix(in oklch,var(--red-500) 16%,#211e18);--danger-text:#f0888c;--info:var(--blue-500);--info-subtle:color-mix(in oklch,var(--blue-500) 16%,#211e18);--info-text:#82b4e0;--ring:0 0 0 3px color-mix(in oklch,var(--violet-400) 45%,transparent)}:root{--font-display:"Bricolage Grotesque","Onest",system-ui,sans-serif;--font-ui:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;--font-content:"Source Serif 4",Georgia,"Times New Roman",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-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:22px;--radius-2xl:28px;--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(40,32,20,.06);--shadow-sm:0 1px 2px rgba(40,32,20,.05),0 2px 6px rgba(40,32,20,.05);--shadow-md:0 2px 4px rgba(40,32,20,.05),0 6px 16px rgba(40,32,20,.08);--shadow-lg:0 4px 8px rgba(40,32,20,.06),0 14px 32px rgba(40,32,20,.1);--shadow-xl:0 8px 16px rgba(40,32,20,.08),0 24px 56px rgba(40,32,20,.14);--shadow-brand:0 6px 20px color-mix(in oklch,var(--violet-600) 30%,transparent);--shadow-inset:inset 0 1px 2px rgba(40,32,20,.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}.collapse{visibility:collapse}.fixed{position:fixed}.relative{position:relative}.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}.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);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:scale(.97)}.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--primary{background:var(--brand);color:var(--text-on-brand);box-shadow:var(--shadow-brand)}.hg-btn--primary:hover{background:var(--brand-hover)}.hg-btn--primary:active{background:var(--brand-active)}.hg-btn--secondary{background:var(--surface-card);color:var(--text-strong);border-color:var(--border-default);box-shadow:var(--shadow-xs)}.hg-btn--secondary:hover{background:var(--surface-hover);border-color:var(--border-strong)}.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}.hg-btn--danger:hover{filter:brightness(.93)}.hg-btn--accent{background:var(--accent);color:#fff}.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}.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)}@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--workshop{background:var(--cat-workshop-subtle);color:var(--cat-workshop-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(--brand);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)}.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(--brand-text);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-cat-workshop{--_cat:var(--cat-workshop);--_cat-subtle:var(--cat-workshop-subtle);--_cat-text:var(--cat-workshop-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-4)}.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:1.5px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);color:var(--text-body);background:var(--surface-card);transition:border-color var(--dur-fast),background var(--dur-fast);text-align:left}.hg-ex__opt:hover{border-color:var(--border-strong);background:var(--surface-hover)}.hg-ex__opt[data-state=selected]{border-color:var(--brand);background:var(--brand-subtle);color:var(--text-strong)}.hg-ex__opt[data-state=correct]{border-color:var(--success);background:var(--success-subtle);color:var(--success-text)}.hg-ex__opt[data-state=wrong]{border-color:var(--danger);background:var(--danger-subtle);color:var(--danger-text)}.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:flex;align-items:flex-start;gap:var(--space-2-5);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);animation:hg-pop var(--dur-base) var(--ease-spring)}.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__blank{display:inline-flex;min-width:120px;height:34px;margin:0 4px;padding:0 var(--space-2);border:none;border-bottom:2px solid var(--brand);background:var(--brand-subtle);border-radius:var(--radius-xs) var(--radius-xs) 0 0;font-family:var(--font-content);font-size:var(--text-md);color:var(--text-strong);text-align:center}.hg-ex__blank:focus{outline:none;background:var(--brand-subtle-hover)}.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-content);font-size:var(--text-lg);line-height:var(--leading-relaxed);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)}