@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Inter:ital,opsz,wght@0,14..32,300..800;1,14..32,300..800&family=Newsreader:ital,opsz,wght@0,6..72,400..700;1,6..72,400..700&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,600&display=swap");:root{--color-white:#FFFFFF;--color-black:#000000;--gray-50:#FAFAFA;--gray-100:#F4F4F5;--gray-200:#E4E4E7;--gray-300:#D4D4D8;--gray-400:#A1A1AA;--gray-500:#71717A;--gray-600:#52525B;--gray-700:#3F3F46;--gray-800:#27272A;--gray-900:#18181B;--gray-950:#09090B;--color-paper:#F7F3EC;--color-ink:#191715;--color-clay:#A76B55;--color-thread:#D8C8B6;--color-cream:#FFFDF8;--color-error-studio:#B42318;--color-success-studio:#2F6B45;--font-editorial:"Newsreader",Georgia,serif;--font-plex:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-heading:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"Fira Code","Courier New",monospace;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-display:40px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-xl:8px;--radius-pill:9999px;--color-bg:var(--color-white);--color-surface:var(--gray-50);--color-surface-raised:var(--color-white);--color-border:var(--gray-200);--color-border-strong:var(--color-black);--color-border-subtle:var(--gray-100);--color-border-focus:var(--color-black);--color-text-primary:var(--color-black);--color-text-secondary:var(--gray-600);--color-text-disabled:var(--gray-400);--color-text-inverse:var(--color-white);--color-fill-primary:var(--color-black);--color-fill-primary-hover:var(--gray-900);--color-fill-primary-active:var(--gray-800);--color-fill-primary-subtle:var(--gray-100);--color-fill-primary-muted:var(--gray-200);--color-fill-inverse:var(--color-white);--color-accent:var(--color-black);--color-accent-hover:var(--gray-900);--color-accent-active:var(--gray-800);--color-accent-subtle:var(--gray-100);--color-accent-muted:var(--gray-200);--color-success:#16A34A;--color-success-bg:rgba(22,163,74,0.08);--color-success-subtle:rgba(22,163,74,0.08);--color-success-muted:#BBF7D0;--color-warning:#D97706;--color-warning-bg:rgba(217,119,6,0.08);--color-warning-subtle:rgba(217,119,6,0.08);--color-warning-muted:#FDE68A;--color-error:#DC2626;--color-error-bg:rgba(220,38,38,0.08);--color-error-subtle:rgba(220,38,38,0.08);--color-error-muted:#FECACA;--btn-primary-bg:var(--color-fill-primary);--btn-primary-text:var(--color-text-inverse);--btn-secondary-bg:transparent;--btn-secondary-border:var(--color-border);--btn-secondary-text:var(--color-text-primary);--btn-radius:var(--radius-md);--input-bg:var(--color-bg);--input-border:var(--color-border);--input-border-focus:var(--color-text-primary);--input-text:var(--color-text-primary);--input-radius:var(--radius-md);--card-bg:var(--color-surface);--card-border:var(--color-border);--card-radius:var(--radius-lg);--shadow-xs:0 1px 2px rgba(0,0,0,0.04);--shadow-sm:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.06),0 2px 4px -1px rgba(0,0,0,0.04);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.06),0 4px 6px -2px rgba(0,0,0,0.03);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.07),0 10px 10px -5px rgba(0,0,0,0.03);--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-in-out:cubic-bezier(0.77,0,0.175,1);--ease-drawer:cubic-bezier(0.32,0.72,0,1);--dur-press:120ms;--dur-fast:160ms;--dur-base:200ms;--dur-slow:300ms;--z-dropdown:200;--z-sidebar:100;--z-modal:1000;--z-toast:1100}.dark,[data-theme=dark],html.dark{--color-bg:var(--color-black);--color-surface:var(--gray-950);--color-surface-raised:var(--gray-900);--color-border:var(--gray-800);--color-border-strong:var(--color-white);--color-border-subtle:rgba(255,255,255,0.08);--color-border-focus:var(--color-white);--color-text-primary:var(--color-white);--color-text-secondary:var(--gray-400);--color-text-disabled:var(--gray-600);--color-text-inverse:var(--color-black);--color-fill-primary:var(--color-white);--color-fill-primary-hover:var(--gray-100);--color-fill-primary-active:var(--gray-200);--color-fill-primary-subtle:rgba(255,255,255,0.12);--color-fill-primary-muted:rgba(255,255,255,0.20);--color-fill-inverse:var(--color-black);--color-accent:var(--color-white);--color-accent-hover:var(--gray-100);--color-accent-active:var(--gray-200);--color-accent-subtle:rgba(255,255,255,0.12);--color-accent-muted:rgba(255,255,255,0.20);--color-error:#EF4444;--color-error-bg:rgba(239,68,68,0.12);--color-success:#22C55E;--color-success-bg:rgba(34,197,94,0.12);--shadow-xs:0 1px 2px rgba(0,0,0,0.5);--shadow-sm:0 1px 3px rgba(0,0,0,0.6);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.6);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.7);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.8)}.theme-hooked-by-mel,[data-theme=hooked-by-mel]{--color-bg:var(--color-paper);--color-surface:var(--color-cream);--color-surface-raised:#FFFFFF;--color-border:var(--color-thread);--color-border-strong:var(--color-clay);--color-border-subtle:#EAE1D5;--color-border-focus:var(--color-clay);--color-text-primary:var(--color-ink);--color-text-secondary:#5E564F;--color-text-disabled:#9C9288;--color-text-inverse:#FFFDF8;--color-fill-primary:var(--color-ink);--color-fill-primary-hover:#2C2825;--color-fill-primary-active:#3E3834;--color-fill-primary-subtle:#EFE8DC;--color-fill-primary-muted:#E4DACB;--color-fill-inverse:#FFFDF8;--color-accent:var(--color-clay);--color-accent-hover:#915945;--color-accent-active:#7D4937;--color-accent-subtle:rgba(167,107,85,0.10);--color-accent-muted:rgba(167,107,85,0.20);--color-success:var(--color-success-studio);--color-success-bg:rgba(47,107,69,0.08);--color-success-subtle:rgba(47,107,69,0.08);--color-success-muted:#C8E4D2;--color-error:var(--color-error-studio);--color-error-bg:rgba(180,35,24,0.08);--color-error-subtle:rgba(180,35,24,0.08);--color-error-muted:#FECDCA;--font-heading:var(--font-editorial);--font-sans:var(--font-plex);--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-xl:8px}*,:after,:before{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body,html{height:100%}body{margin:0;padding:0;background-color:var(--color-bg,#FAFAFA);color:var(--color-text-primary,#111827);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:contain}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border,#E5E7EB);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary,#71717A)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--color-text-primary,#111827);margin:0}a{color:inherit;text-decoration:none}button{font-family:var(--font-sans)}img{display:block;max-width:100%}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:4px}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}