*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth}body{min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}:root{--gray-100: hsl(0, 0%, 98%);--gray-150: hsl(0, 0%, 96%);--gray-200: hsl(0, 0%, 94%);--gray-250: hsl(0, 0%, 91%);--gray-300: hsl(0, 0%, 88%);--gray-350: hsl(0, 0%, 84%);--gray-400: hsl(0, 0%, 80%);--gray-450: hsl(0, 0%, 75%);--gray-500: hsl(0, 0%, 70%);--gray-550: hsl(0, 0%, 65%);--gray-600: hsl(0, 0%, 60%);--gray-650: hsl(0, 0%, 52%);--gray-700: hsl(0, 0%, 45%);--gray-750: hsl(0, 0%, 40%);--gray-800: hsl(0, 0%, 30%);--gray-850: hsl(0, 0%, 21%);--gray-900: hsl(0, 0%, 15%);--gray-950: hsl(0, 0%, 11%);--primary-100: hsl(210, 65%, 97%);--primary-200: hsl(210, 65%, 91%);--primary-300: hsl(210, 65%, 80%);--primary-400: hsl(210, 65%, 68%);--primary-500: hsl(210, 65%, 55%);--primary-600: hsl(210, 65%, 45%);--primary-700: hsl(210, 65%, 37%);--primary-800: hsl(210, 65%, 30%);--primary-900: hsl(210, 65%, 22%);--success-bg: hsl(80, 60%, 94%);--success-500: hsl(80, 60%, 45%);--success-text: hsl(80, 60%, 30%);--warning-bg: hsl(47, 80%, 94%);--warning-500: hsl(47, 80%, 52%);--warning-text: hsl(47, 80%, 30%);--danger-bg: hsl(0, 80%, 97%);--danger-500: hsl(0, 80%, 48%);--danger-text: hsl(0, 80%, 33%);--c-bg: hsl(0, 0%, 100%);--c-bg-alt: var(--gray-200);--c-bg-elevated: hsl(0, 0%, 100%);--c-text: hsl(0, 0%, 0%);--c-text-light: var(--gray-700);--c-text-muted: var(--gray-500);--c-border: var(--gray-300);--c-border-light: var(--gray-200);--c-primary: var(--primary-600);--c-primary-hover: var(--primary-700);--c-primary-light: var(--primary-100);--c-primary-text: hsl(0, 0%, 100%);--c-success: var(--success-500);--c-success-bg: var(--success-bg);--c-success-text: var(--success-text);--c-warning: var(--warning-500);--c-warning-bg: var(--warning-bg);--c-warning-text: var(--warning-text);--c-danger: var(--danger-500);--c-danger-bg: var(--danger-bg);--c-danger-text: var(--danger-text);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .04);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .04);--c-shadow: var(--shadow-md);--c-sidebar-bg: var(--gray-250);--c-sidebar-text: hsl(0, 0%, 0%);--c-sidebar-dimmed: var(--gray-900);--c-sidebar-muted: var(--gray-650);--c-sidebar-active: var(--gray-350);--c-sidebar-border: var(--gray-350);--c-sidebar-hover: var(--gray-300)}[data-theme=dark]{--c-bg: var(--gray-900);--c-bg-alt: var(--gray-850);--c-bg-elevated: var(--gray-850);--c-text: hsl(0, 0%, 100%);--c-text-light: var(--gray-400);--c-text-muted: var(--gray-500);--c-border: var(--gray-800);--c-border-light: var(--gray-850);--c-primary: var(--primary-400);--c-primary-hover: var(--primary-300);--c-primary-light: hsla(210, 65%, 45%, .15);--c-primary-text: hsl(0, 0%, 0%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .35), 0 1px 3px rgba(0, 0, 0, .2);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .4), 0 2px 6px rgba(0, 0, 0, .25);--c-sidebar-bg: var(--gray-900);--c-sidebar-text: hsl(0, 0%, 100%);--c-sidebar-dimmed: var(--gray-400);--c-sidebar-muted: var(--gray-500);--c-sidebar-active: var(--gray-800);--c-sidebar-border: var(--gray-800);--c-sidebar-hover: var(--gray-850)}:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2.5rem;--text-5xl: 3rem;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.4;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--font-thin: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 600;--space-0: 0;--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-24: 6rem;--radius-xs: 1px;--radius-sm: .125rem;--radius: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-full: 9999px;--transition-fast: .1s ease;--transition: .15s ease;--transition-slow: .3s ease;--height-xs: 1.5rem;--height-sm: 1.75rem;--height-md: 2rem;--height-lg: 2.25rem;--height-xl: 2.5rem}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--c-text)}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);font-weight:var(--font-bold)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}small{font-size:var(--text-sm)}code{font-family:var(--font-mono);font-size:.9em}@media(max-width:768px){:root{--text-4xl: 2rem;--text-5xl: 2.5rem}}:root{--w-content: 1140px;--w-narrow: 720px;--w-sidebar: 220px;--h-navbar: 64px}@media(max-width:768px){:root{--h-navbar: 56px}}#app{display:grid;grid-template-rows:auto 1fr auto;grid-template-areas:"navbar" "main" "footer";min-height:100vh}.navbar{grid-area:navbar;position:sticky;top:0;z-index:100;height:var(--h-navbar);background:var(--c-bg);border-bottom:1px solid var(--c-border)}.main{grid-area:main;background:var(--c-bg)}.footer{grid-area:footer;border-top:1px solid var(--c-border);background:var(--c-bg)}.container{max-width:var(--w-content);margin:0 auto;padding:0 var(--space-6)}.container--narrow{max-width:var(--w-narrow);margin:0 auto;padding:0 var(--space-6)}@media(max-width:768px){.container,.container--narrow{padding:0 var(--space-4)}}.panel-layout{display:grid;grid-template-columns:var(--w-sidebar) 1fr;min-height:100vh}.panel-sidebar{position:fixed;top:0;left:0;width:var(--w-sidebar);height:100vh;overflow-y:auto;background:var(--c-sidebar-bg);color:var(--c-sidebar-text);z-index:50}.panel-main{grid-column:2;padding:var(--space-8);background:var(--c-bg-alt);min-height:100vh}.section{padding:var(--space-12) 0}.section--sm{padding:var(--space-8) 0}.section--lg{padding:var(--space-16) 0}@media(max-width:1024px){.panel-layout{grid-template-columns:1fr}.panel-sidebar{position:relative;width:100%;height:auto}.panel-main{grid-column:1;padding:var(--space-4)}}.form-group{margin-bottom:var(--space-5)}.form-group label,.form-group__label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-1);color:var(--c-text)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);color:var(--c-text);font-size:var(--text-base);transition:border-color var(--transition),box-shadow var(--transition)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-light)}.form-group input::placeholder,.form-group textarea::placeholder,.form-group select::placeholder{color:var(--c-text-muted)}.form-group textarea{resize:vertical;min-height:200px;line-height:var(--leading-relaxed)}.form-group select{cursor:pointer}.form-group input[type=checkbox],.form-group input[type=radio]{width:auto;margin-right:var(--space-2)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius);font-weight:var(--font-medium);font-size:var(--text-sm);cursor:pointer;border:1px solid transparent;transition:all var(--transition);white-space:nowrap;line-height:var(--leading-snug)}.btn--primary{background:var(--c-primary);color:var(--c-primary-text)}.btn--primary:hover{background:var(--c-primary-hover)}.btn--secondary{background:var(--c-bg);color:var(--c-text);border-color:var(--c-border)}.btn--secondary:hover{background:var(--c-bg-alt)}.btn--danger{background:var(--c-danger);color:#fff}.btn--danger:hover{opacity:.9}.btn--ghost{background:none;color:var(--c-text-light)}.btn--ghost:hover{color:var(--c-text)}.btn--small{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.badge{display:inline-block;padding:.15rem var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.badge--published{background:var(--c-success-bg);color:var(--c-success-text)}.badge--draft{background:var(--c-warning-bg);color:var(--c-warning-text)}.card{background:var(--c-bg-elevated);border:1px solid var(--c-border-light);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}body{background:var(--c-bg)}.navbar__inner.svelte-rfuq4y{display:flex;align-items:center;height:100%;gap:var(--space-8)}.navbar--center.svelte-rfuq4y{justify-content:center}.navbar__logo.svelte-rfuq4y{font-weight:var(--font-bold);font-size:var(--text-xl);color:var(--c-text)}.navbar--center.svelte-rfuq4y .navbar__logo:where(.svelte-rfuq4y){position:absolute;left:var(--space-6)}.navbar__menu.svelte-rfuq4y{display:flex;gap:var(--space-1)}.navbar__link.svelte-rfuq4y{padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:var(--text-base);font-weight:450;color:var(--c-text-light);transition:all var(--transition)}.navbar__link.svelte-rfuq4y:hover{color:var(--c-text);background:var(--c-bg-alt)}.navbar__toggle.svelte-rfuq4y{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--space-2);margin-left:auto}.navbar__bar.svelte-rfuq4y{display:block;width:22px;height:2px;background:var(--c-text);border-radius:1px;transition:all var(--transition)}@media(max-width:768px){.navbar__toggle.svelte-rfuq4y{display:flex}.navbar__menu.svelte-rfuq4y{display:none;position:absolute;top:var(--h-navbar);left:0;right:0;background:var(--c-bg);border-bottom:1px solid var(--c-border);flex-direction:column;padding:var(--space-2) var(--space-4)}.navbar__menu--open.svelte-rfuq4y{display:flex}.navbar--center.svelte-rfuq4y .navbar__logo:where(.svelte-rfuq4y){position:static}}.footer.svelte-jz8lnl{padding:var(--space-8) 0;color:var(--c-text-light);font-size:var(--text-sm);text-align:center}