:root{--color-bg: #f8fafc;--color-bg-card: #ffffff;--color-text: #0f172a;--color-text-muted: #64748b;--color-accent: #0ea5e9;--color-accent-2: #6366f1;--zone-red: #0ea5e9;--zone-yellow: #166534;--zone-blue: #f97316;--zone-green: #eab308;--zone-red-light: #e0f2fe;--zone-yellow-light: #dcfce7;--zone-blue-light: #ffedd5;--zone-green-light: #fef9c3;--pastel-blue: #e0f2fe;--pastel-peach: #ffedd5;--pastel-yellow: #fef9c3;--pastel-pink: #fce7f3;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(15, 23, 42, .08);--glass-blur: 16px;--font-title: "Fredoka One", cursive;--font-body: "Nunito", sans-serif;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:700;background:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-title);line-height:1.2}a{color:var(--color-accent);text-decoration:none;transition:all .2s}a:hover{color:var(--color-accent-2)}.container{width:100%;max-width:1300px;margin:0 auto;padding:0 24px}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 20%,var(--pastel-blue) 0%,transparent 40%),radial-gradient(ellipse at 80% 80%,var(--pastel-peach) 0%,transparent 40%),radial-gradient(ellipse at 50% 50%,var(--pastel-yellow) 0%,transparent 50%);opacity:.5;pointer-events:none;z-index:-1}.app-header.svelte-12qhfyh{position:sticky;top:0;z-index:100;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(15,23,42,.08)}.nav.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;height:72px}.logo.svelte-12qhfyh{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--color-text)}.logo-text.svelte-12qhfyh{font-family:Fredoka One,cursive;font-size:22px;letter-spacing:.5px}.nav-links.svelte-12qhfyh{display:flex;gap:12px}.nav-link.svelte-12qhfyh{padding:10px 20px;border-radius:999px;font-size:14px;font-weight:800;color:#475569;text-decoration:none;transition:all .2s;background:#0f172a0a}.nav-link.svelte-12qhfyh:hover{background:#0f172a14;color:var(--color-text)}.nav-highlight.svelte-12qhfyh{background:var(--color-accent);color:#fff}.nav-highlight.svelte-12qhfyh:hover{background:var(--color-accent-2);color:#fff}main.svelte-12qhfyh{min-height:calc(100vh - 64px)}