@import "https://use.typekit.net/yuf7hbi.css";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
@font-face{font-family:Hack;src:url(../media/hack-regular.02acwg4n0zdhv.woff2)format("woff2"),url(../media/hack-regular.0i5~k~d0k.tww.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--color-primary-050:#f9fdfd;--color-primary-100:#dff3f6;--color-primary-200:#c1e4ee;--color-primary-300:#93bdcc;--color-primary-400:#64889a;--color-primary-500:#2f4858;--color-primary-600:#22394b;--color-primary-700:#172b3f;--color-primary-800:#0e1e33;--color-primary-900:#09152a;--color-secondary-100:#f5fecf;--color-secondary-200:#e9fd9f;--color-secondary-300:#d7f96f;--color-secondary-400:#c4f34a;--color-secondary-500:#a8eb12;--color-secondary-600:#89ca0d;--color-secondary-700:#6da909;--color-secondary-800:#538805;--color-secondary-900:#417003;--color-system-danger-100:#ffe8d8;--color-system-danger-200:#ffcbb2;--color-system-danger-300:#ffa88b;--color-system-danger-400:#ff866f;--color-system-danger-500:#ff4f3f;--color-system-danger-600:#db2e2e;--color-system-danger-700:#b71f2b;--color-system-danger-800:#931428;--color-system-danger-900:#7a0c27;--color-system-info-100:#ceeffe;--color-system-info-200:#9edafe;--color-system-info-300:#6dc1fd;--color-system-info-400:#49a8fb;--color-system-info-500:#0e80f9;--color-system-info-600:#0a63d6;--color-system-info-700:#0749b3;--color-system-info-800:#043390;--color-system-info-900:#022477;--color-system-success-100:#effdda;--color-system-success-200:#dbfbb6;--color-system-success-300:#bef38f;--color-system-success-400:#a1e771;--color-system-success-500:#78d845;--color-system-success-600:#58b932;--color-system-success-700:#3d9b22;--color-system-success-800:#267d16;--color-system-success-900:#15670d;--color-system-warning-100:#fef7d3;--color-system-warning-200:#feeea8;--color-system-warning-300:#fde27d;--color-system-warning-400:#fbd55c;--color-system-warning-500:#f9c127;--color-system-warning-600:#d69f1c;--color-system-warning-700:#b37f13;--color-system-warning-800:#90620c;--color-system-warning-900:#774d07;--color-tag-theme-100:#e7d1fb;--color-tag-theme-200:#cea5f7;--color-tag-theme-300:#aa75e9;--color-tag-theme-400:#8750d4;--color-tag-theme-500:#6417f0;--color-tag-theme-600:#44179e;--color-tag-theme-700:#321084;--color-tag-theme-800:#230a6a;--color-tag-theme-900:#180658;--color-grey-050:#fafbfc;--color-grey-100:#e4ebf1;--color-grey-200:#dbe4e9;--color-grey-300:#ccd6dd;--color-grey-400:#bac4cc;--color-grey-500:#a8b2ba;--color-grey-600:#959798;--color-grey-700:#404042;--color-grey-800:#202021;--color-primary:var(--color-secondary-500);--color-primary-dark:var(--color-secondary-700);--color-primary-light:var(--color-secondary-300);--color-accent:var(--color-secondary-400);--color-bg:var(--color-primary-900);--color-bg-secondary:var(--color-primary-800);--color-bg-tertiary:var(--color-primary-700);--color-surface:var(--color-primary-600);--color-surface-hover:var(--color-primary-700);--color-border:var(--color-primary-500);--color-border-subtle:var(--color-primary-700);--color-text:var(--color-primary-100);--color-text-secondary:var(--color-primary-200);--color-text-muted:var(--color-primary-300);--color-text-inverse:var(--color-primary-900);--color-success:var(--color-system-success-500);--color-success-light:var(--color-system-success-100);--color-warning:var(--color-system-warning-500);--color-warning-light:var(--color-system-warning-100);--color-error:var(--color-system-danger-500);--color-error-light:var(--color-system-danger-100);--color-info:var(--color-system-info-500);--color-info-light:var(--color-system-info-100);--color-type-hubl:#00bcd4;--color-type-react:#61dafb;--color-type-css:#e44d26;--color-type-js:#f7df1e;--color-type-macro:#ab47bc;--font-sans:"Europa", system-ui, -apple-system, sans-serif;--font-mono:"Hack", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.75rem;--font-size-4xl:3.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.2;--line-height-snug:1.4;--line-height-normal:1.6;--line-height-relaxed:1.8;--space-1:.25rem;--space-2:.5rem;--space-3:.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-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #172b3f33;--shadow-md:0 4px 12px #172b3f33;--shadow-lg:0 8px 24px #172b3f33;--shadow-xl:0 16px 48px #172b3f1a;--shadow-glow:0 0 20px #172b3f33;--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.35s ease;--container-max:1280px;--container-narrow:800px;--nav-height:64px;--toggle-thumb:var(--color-primary-800);--toggle-track:var(--color-primary-600);--toggle-icon-muted:var(--color-primary-300);--toggle-icon-on:var(--color-primary-100);--toggle-inner-w:calc(5rem - 2px - 2 * var(--space-1));--color-button-primary-bg:var(--color-secondary-500);--color-button-primary-bg-hover:var(--color-secondary-700);--color-button-primary-text:var(--color-primary-800);--color-button-primary-hover-text:var(--color-primary-200);--color-button-secondary-bg:var(--color-secondary-500);--color-button-secondary-bg-hover:var(--color-secondary-400);--color-button-secondary-text:var(--color-primary-800);--color-button-secondary-hover-text:var(--color-secondary-500);--color-button-danger-bg:var(--color-system-danger-500);--color-button-danger-hover:var(--color-system-danger-400);--color-button-danger-text:var(--color-primary-050);--color-required:var(--color-system-danger-500)}[data-theme=light]{--color-bg:var(--color-primary-050);--color-primary:var(--color-primary-500);--color-bg-secondary:var(--color-primary-050);--color-bg-tertiary:var(--color-primary-200);--color-surface:var(--color-primary-050);--color-surface-hover:var(--color-primary-100);--color-border:var(--color-primary-200);--color-border-subtle:var(--color-primary-300);--color-text:var(--color-primary-800);--color-text-secondary:var(--color-primary-700);--color-text-muted:var(--color-primary-600);--color-text-inverse:var(--color-primary-050);--toggle-track:var(--color-primary-200);--color-button-primary-bg:var(--color-primary-800);--color-button-primary-bg-hover:var(--color-primary-500);--color-button-primary-text:var(--color-primary-100);--color-button-primary-hover-text:var(--color-primary-200);--color-button-secondary-bg:var(--color-secondary-500);--color-button-secondary-bg-hover:var(--color-secondary-500);--color-button-secondary-hover:var(--color-secondary-500);--color-button-secondary-text:var(--color-primary-800);--color-required:var(--color-system-danger-400)}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-base)}p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}code,pre{font-family:var(--font-mono)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:var(--font-sans)}input,textarea,select{font-family:var(--font-sans)}.container{max-width:var(--container-max);padding:0 var(--space-6);width:100%;margin:0 auto}.container--narrow{max-width:var(--container-narrow);padding:0 var(--space-6);width:100%;margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-8{margin-bottom:var(--space-8)}.text-center{text-align:center}.text-sm{font-size:var(--font-size-sm)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.font-mono{font-family:var(--font-mono)}.font-bold{font-weight:var(--font-weight-bold)}.font-semibold{font-weight:var(--font-weight-semibold)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.page-enter{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.badge--hubl{color:var(--color-type-hubl);background:#00bcd426;border-color:#00bcd44d}.badge--react{color:var(--color-type-react);background:#61dafb26;border-color:#61dafb4d}.badge--css{color:var(--color-type-css);background:#e44d2626;border-color:#e44d264d}.badge--js{color:#c9a900;background:#f7df1e26;border-color:#f7df1e4d}.badge--macro{color:var(--color-type-macro);background:#ab47bc26;border-color:#ab47bc4d}
.ThemeToggle-module__5O8JPW__track{width:5rem;padding:var(--space-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);background:var(--toggle-track);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);flex-shrink:0;align-items:center;line-height:0;display:inline-flex;position:relative}.ThemeToggle-module__5O8JPW__track:hover{border-color:var(--color-border)}.ThemeToggle-module__5O8JPW__track:focus-visible{outline:2px solid var(--color-system-info-500);outline-offset:2px}.ThemeToggle-module__5O8JPW__thumb{top:0;bottom:0;left:calc(var(--space-1) + (var(--toggle-inner-w) / 4 - var(--space-6) / 2));width:var(--space-6);height:var(--space-6);border-radius:var(--radius-full);background:var(--toggle-thumb);box-shadow:var(--shadow-sm);transition:transform var(--transition-base) cubic-bezier(.4, 0, .2, 1);z-index:0;pointer-events:none;margin-top:auto;margin-bottom:auto;position:absolute}.ThemeToggle-module__5O8JPW__thumb--light{transform:translate(0)}.ThemeToggle-module__5O8JPW__thumb--dark{transform:translateX(calc(var(--toggle-inner-w) / 2))}.ThemeToggle-module__5O8JPW__icons{z-index:1;width:100%;height:var(--space-8);pointer-events:none;grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.ThemeToggle-module__5O8JPW__slot{min-width:0;height:100%;color:var(--toggle-icon-muted);transition:color var(--transition-base);justify-content:center;align-items:center;display:flex}.ThemeToggle-module__5O8JPW__slot--active{color:var(--toggle-icon-on)}.ThemeToggle-module__5O8JPW__iconSvg{flex-shrink:0;display:block}[data-theme=light] .ThemeToggle-module__5O8JPW__track{--toggle-track:var(--color-surface)}
.Navbar-module__OwHo2W__header{z-index:100;height:var(--nav-height);background:var(--color-bg-secondary);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle);position:sticky;top:0}.Navbar-module__OwHo2W__nav{max-width:var(--container-max);padding:0 var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-8);height:100%;margin:0 auto;display:flex}.Navbar-module__OwHo2W__brand{flex-shrink:0}.Navbar-module__OwHo2W__logo{align-items:center;gap:var(--space-2);color:var(--color-text);text-decoration:none;display:flex}.Navbar-module__OwHo2W__logoIcon{color:var(--color-primary);font-size:1.5rem;line-height:1}.Navbar-module__OwHo2W__logoText{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);letter-spacing:-.02em}.Navbar-module__OwHo2W__links{align-items:center;gap:var(--space-1);list-style:none;display:flex}.Navbar-module__OwHo2W__link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:color var(--transition-fast), background var(--transition-fast);text-decoration:none}.Navbar-module__OwHo2W__link:hover{color:var(--color-text);background:var(--color-bg-tertiary)}.Navbar-module__OwHo2W__link--active,.Navbar-module__OwHo2W__link--active:hover{color:var(--color-primary);background:var(--color-bg-tertiary)}.Navbar-module__OwHo2W__actions{align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.Navbar-module__OwHo2W__guestActions{align-items:center;gap:var(--space-2);display:flex}.Navbar-module__OwHo2W__loginBtn{padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:background var(--transition-fast), box-shadow var(--transition-fast);align-items:center;text-decoration:none;display:inline-flex}.Navbar-module__OwHo2W__loginBtn:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-glow);color:var(--color-text-inverse)}.Navbar-module__OwHo2W__userMenu{position:relative}.Navbar-module__OwHo2W__avatar{border-radius:var(--radius-full);border:2px solid var(--color-border);background:var(--color-surface);cursor:pointer;width:36px;height:36px;transition:border-color var(--transition-fast);justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.Navbar-module__OwHo2W__avatar:hover{border-color:var(--color-primary)}.Navbar-module__OwHo2W__avatarImg{object-fit:cover;width:100%;height:100%}.Navbar-module__OwHo2W__avatarInitial{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary)}.Navbar-module__OwHo2W__dropdown{top:calc(100% + var(--space-2));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:200px;box-shadow:var(--shadow-lg);animation:.15s Navbar-module__OwHo2W__dropIn;position:absolute;right:0;overflow:hidden}@keyframes Navbar-module__OwHo2W__dropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.Navbar-module__OwHo2W__dropdownHeader{padding:var(--space-4);border-bottom:1px solid var(--color-border-subtle);gap:var(--space-1);flex-direction:column;display:flex}.Navbar-module__OwHo2W__dropdownEmail{font-size:var(--font-size-xs);color:var(--color-text-muted)}.Navbar-module__OwHo2W__dropdownItem{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:left;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;text-decoration:none;display:block}.Navbar-module__OwHo2W__dropdownItem:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.Navbar-module__OwHo2W__dropdownLogout{color:var(--color-error);border-top:1px solid var(--color-border-subtle)}.Navbar-module__OwHo2W__dropdownLogout:hover{color:var(--color-error);background:#e05c5c1a}@media (max-width:900px){.Navbar-module__OwHo2W__nav{padding:0 var(--space-4);gap:var(--space-4)}.Navbar-module__OwHo2W__logoText{font-size:var(--font-size-sm)}.Navbar-module__OwHo2W__links{gap:0}.Navbar-module__OwHo2W__link{padding:var(--space-2);font-size:var(--font-size-xs)}.Navbar-module__OwHo2W__actions{gap:var(--space-2)}}@media (max-width:760px){.Navbar-module__OwHo2W__header{height:auto;min-height:var(--nav-height)}.Navbar-module__OwHo2W__nav{padding-top:var(--space-3);padding-bottom:var(--space-2);align-items:center;row-gap:var(--space-2);flex-wrap:wrap}.Navbar-module__OwHo2W__brand{order:1}.Navbar-module__OwHo2W__actions{order:2;margin-left:auto}.Navbar-module__OwHo2W__links{width:100%;padding-bottom:var(--space-1);scrollbar-width:thin;order:3;overflow-x:auto}.Navbar-module__OwHo2W__dropdown{right:0}}@media (max-width:520px){.Navbar-module__OwHo2W__nav{padding-left:var(--space-3);padding-right:var(--space-3)}.Navbar-module__OwHo2W__logoText{display:none}.Navbar-module__OwHo2W__logo{gap:0}.Navbar-module__OwHo2W__guestActions{gap:var(--space-1)}.Navbar-module__OwHo2W__dropdown{min-width:180px;right:-4px}}