:root{--color-ocean-primary:#186663;--color-ocean-hover:#124d4a;--color-ocean-active:#0f3f3c;--color-ocean-disabled:#93b5a8;--color-ocean-light:#eaf4f4;--color-midnight:#002d37;--color-midnight-light:#003845;--color-midnight-deep:#001a20;--color-surface-clean:#fefcfb;--color-surface-subtle:#faf5f1;--color-sand-50:#fdfaf8;--color-sand-100:#f7f0eb;--color-sand-200:#e0cec0;--color-sand-300:#eae0d6;--color-gold-500:#c4a47c;--color-gold-600:#b08a5c;--color-coral-50:#fef7f4;--color-coral-100:#fae8e0;--color-coral-200:#f5d0c3;--color-coral-300:#f4a389;--color-coral-500:#d4694d;--color-coral-600:#c25d41;--color-coral-700:#a84a32;--color-coral-800:#8b3a26;--color-text-primary:#002d37;--color-text-body:#334155;--color-text-subtle:#475569;--color-text-muted:#64748b;--color-text-inverse:#fff;--color-success:#059669;--color-success-light:#d1fae5;--color-warning:#d97706;--color-warning-light:#fef3c7;--color-error:#dc2626;--color-error-light:#fee2e2;--color-info:#0891b2;--color-info-light:#cffafe;--color-wybuchy:#e11d48;--color-wybuchy-hover:#be123c;--color-wybuchy-light:rgba(225,29,72,.1);--glow-wybuchy:0 4px 16px rgba(225,29,72,.15);--color-nuda:#ea580c;--color-nuda-hover:#c2410c;--color-nuda-light:rgba(234,88,12,.1);--glow-nuda:0 4px 16px rgba(234,88,12,.15);--color-komunikacja:#0891b2;--color-komunikacja-hover:#0e7490;--color-komunikacja-light:rgba(8,145,178,.1);--glow-komunikacja:0 4px 16px rgba(8,145,178,.15);--color-chaos:#059669;--color-chaos-hover:#047857;--color-chaos-light:rgba(5,150,105,.1);--glow-chaos:0 4px 16px rgba(5,150,105,.15);--color-ekrany:#7c3aed;--color-ekrany-hover:#6d28d9;--color-ekrany-light:rgba(124,58,237,.1);--glow-ekrany:0 4px 16px rgba(124,58,237,.15);--color-rodzenstwo:#d97706;--color-rodzenstwo-hover:#b45309;--color-rodzenstwo-light:rgba(217,119,6,.1);--glow-rodzenstwo:0 4px 16px rgba(217,119,6,.15);--shadow-wybuchy:0 4px 12px rgba(225,29,72,.12);--shadow-nuda:0 4px 12px rgba(234,88,12,.12);--shadow-komunikacja:0 4px 12px rgba(8,145,178,.12);--shadow-chaos:0 4px 12px rgba(5,150,105,.12);--shadow-ekrany:0 4px 12px rgba(124,58,237,.12);--shadow-rodzenstwo:0 4px 12px rgba(217,119,6,.12);--ctx-light-bg:var(--color-sand-50);--ctx-light-bg-subtle:var(--color-sand-100);--ctx-light-bg-card:#fff;--ctx-light-text-primary:var(--color-text-primary);--ctx-light-text-secondary:var(--color-text-body);--ctx-light-text-muted:var(--color-text-muted);--ctx-light-accent:var(--color-ocean-primary);--ctx-light-accent-hover:var(--color-ocean-hover);--ctx-light-border:var(--color-sand-300);--ctx-light-border-subtle:rgba(0,45,55,.08);--ctx-dark-bg:var(--color-midnight);--ctx-dark-bg-subtle:var(--color-midnight-light);--ctx-dark-bg-card:var(--color-sand-200);--ctx-dark-text-primary:#fff;--ctx-dark-text-secondary:hsla(0,0%,100%,.8);--ctx-dark-text-muted:hsla(0,0%,100%,.6);--ctx-dark-accent:var(--color-coral-300);--ctx-dark-accent-hover:var(--color-coral-200);--ctx-dark-border:hsla(0,0%,100%,.1);--ctx-dark-border-subtle:hsla(0,0%,100%,.05);--ctx-card-on-dark-bg:#f7f0ea;--ctx-card-on-dark-bg-hover:#fbf5ef;--ctx-card-on-dark-text-primary:var(--color-text-primary);--ctx-card-on-dark-text-secondary:var(--color-text-body);--ctx-card-on-dark-accent:hsla(15,83%,75%,.4);--shadow-xs:0 1px 2px rgba(30,25,20,.04);--shadow-sm:0 2px 8px rgba(30,25,20,.06);--shadow-md:0 4px 16px rgba(30,25,20,.08);--shadow-lg:0 8px 32px rgba(30,25,20,.1);--shadow-xl:0 16px 48px rgba(30,25,20,.12);--shadow-2xl:0 24px 64px rgba(30,25,20,.14);--shadow-card-subtle:0 2px 8px rgba(30,25,20,.05);--shadow-primary:0 4px 16px rgba(0,0,0,.1);--shadow-primary-lg:0 8px 32px rgba(0,0,0,.12);--shadow-coral:0 4px 16px rgba(0,0,0,.1);--shadow-midnight:0 4px 16px rgba(0,0,0,.15);--shadow-heva-soft:0 4px 20px rgba(30,25,20,.06);--shadow-heva-medium:0 8px 32px rgba(30,25,20,.08);--shadow-heva-strong:0 16px 48px rgba(30,25,20,.1);--shadow-heva-dramatic:0 24px 64px rgba(30,25,20,.14);--gradient-ocean:linear-gradient(135deg,#186663,#124d4a);--gradient-coral:linear-gradient(135deg,#ffab94,#ff9b84);--gradient-sage:linear-gradient(135deg,#eaf4f4,#f2f8f8);--gradient-warm:linear-gradient(135deg,#ff9b7a,#e8b4a4);--gradient-cool:linear-gradient(135deg,#93b5a8,#2c5f63);--gradient-sand:linear-gradient(135deg,#f5f3ed,#f5ede5);--gradient-hero:linear-gradient(135deg,#ff9b7a,#e8b4a4 25%,#f5f3ed 50%,#93b5a8 75%,#186663);--gradient-premium:linear-gradient(135deg,#186663,#002d37);--radius-sm:0.375rem;--radius-2xl:1.25rem;--radius-3xl:1.5rem;--space-1:0.25rem;--space-2:0.5rem;--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;--space-section-y:clamp(3rem,8vw,6.5rem);--space-section-x:clamp(1rem,5vw,2rem);--space-card:clamp(1.25rem,3vw,2rem);--card-bg:#fff;--card-border:var(--color-sand-200);--card-radius:var(--radius-2xl);--card-slowo-bubble-bg:var(--color-ocean-light);--card-slowo-bubble-border:rgba(24,102,99,.15);--card-czytanka-bg:var(--color-sand-100);--card-czytanka-text:var(--color-text-primary);--card-typografia-border-width:4px;--card-instrukcja-header-height:4px;--pill-active-bg:var(--color-midnight);--pill-active-text:#fff;--pill-inactive-bg:transparent;--pill-inactive-text:var(--color-text-body);--pill-hover-bg:var(--color-sand-100);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-display:clamp(2.5rem,8vw,4rem);--text-h1:clamp(2rem,6vw,3rem);--text-h2:clamp(1.5rem,4vw,2.25rem);--text-h3:clamp(1.25rem,3vw,1.5rem);--text-h4:clamp(1.125rem,2.5vw,1.25rem);--leading-none:1;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--duration-base:200ms;--duration-slow:300ms;--duration-slower:500ms;--ease-default:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--z-tooltip:90;--z-max:9999;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--color-primary:var(--color-ocean-primary);--color-primary-hover:var(--color-ocean-hover);--color-primary-active:var(--color-ocean-active);--color-primary-light:var(--color-ocean-light);--color-primary-dark:var(--color-midnight);--color-bg-sand:var(--color-sand-50);--color-bg-sand-light:var(--color-sand-100);--color-bg-white:#fff;--color-bg-universal:var(--color-sand-50);--color-text-secondary:var(--color-text-body);--color-text-tertiary:var(--color-text-subtle);--color-interactive-primary:var(--color-ocean-primary);--color-interactive-primary-hover:var(--color-ocean-hover);--focus-ring:2px solid var(--color-ocean-primary);--focus-offset:2px;--focus-color:var(--color-ocean-primary);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--container:1120px;--max-width:clamp(1200px,90vw,2400px)}.dark,[data-theme=dark]{--ctx-light-bg:#0f172a;--ctx-light-bg-subtle:#1e293b;--ctx-light-bg-card:#1e293b;--color-bg-sand:#0f172a;--color-bg-white:#1e293b;--ctx-light-text-primary:#fff;--ctx-light-text-secondary:#e2e8f0;--ctx-light-text-muted:#64748b;--color-text-primary:#fff;--color-text-body:#cbd5e1;--color-text-subtle:#94a3b8;--ctx-light-border:hsla(0,0%,100%,.1);--ctx-light-border-subtle:hsla(0,0%,100%,.05);--color-wybuchy:#fb7185;--color-wybuchy-bg:rgba(251,113,133,.15);--color-nuda:#fb923c;--color-nuda-bg:rgba(251,146,60,.15);--color-komunikacja:#22d3ee;--color-komunikacja-bg:rgba(34,211,238,.15);--color-chaos:#34d399;--color-chaos-bg:rgba(52,211,153,.15);--color-ekrany:#a78bfa;--color-ekrany-bg:rgba(167,139,250,.15);--color-rodzenstwo:#fbbf24;--color-rodzenstwo-bg:rgba(251,191,36,.15);--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 4px 16px rgba(0,0,0,.4);--shadow-lg:0 8px 32px rgba(0,0,0,.5)}:root{--bp-mobile:0;--bp-tablet:640px;--bp-laptop:768px;--bp-desktop:1024px;--bp-wide:1440px;--vh-small:100svh;--vh-large:100lvh;--vh-dynamic:100dvh;--vh-safe:100vh;--header-height-mobile:clamp(3rem,8vh,4rem);--header-height-tablet:clamp(4rem,10vh,5rem);--header-height-desktop:clamp(5rem,12vh,6rem);--safe-top:calc(var(--header-height-mobile) + var(--space-xs));--safe-bottom:clamp(2rem,5vh,4rem);--safe-sides:clamp(1rem,4vw,2rem);--content-narrow:45ch;--content-medium:70ch;--content-wide:90ch;--content-full:1200px;--content-ultra:1440px;--space-unit:0.25rem;--space-3xs:calc(var(--space-unit) * 1);--space-2xs:calc(var(--space-unit) * 2);--space-xs:calc(var(--space-unit) * 3);--space-sm:calc(var(--space-unit) * 4);--space-md:calc(var(--space-unit) * 6);--space-lg:calc(var(--space-unit) * 8);--space-xl:calc(var(--space-unit) * 12);--space-2xl:calc(var(--space-unit) * 16);--space-3xl:calc(var(--space-unit) * 24);--space-fluid-sm:clamp(var(--space-sm),3vw,var(--space-md));--space-fluid-md:clamp(var(--space-md),5vw,var(--space-xl));--space-fluid-lg:clamp(var(--space-xl),8vw,var(--space-3xl));--z-background:-10;--z-behind:-1;--z-base:0;--z-content:1;--z-elevated:10;--z-sticky:20;--z-fixed:30;--z-drawer:40;--z-overlay:50;--z-modal:60;--z-popover:70;--z-toast:80;--z-dropdown:90;--z-emergency:9999;--text-3xs:clamp(0.694rem,0.83vi,0.75rem);--text-2xs:clamp(0.833rem,0.96vi,0.875rem);--text-xs:clamp(0.875rem,1.09vi,1rem);--text-sm:clamp(1rem,1.22vi,1.125rem);--text-base:clamp(1.125rem,1.36vi,1.25rem);--text-lg:clamp(1.25rem,1.51vi,1.375rem);--text-xl:clamp(1.375rem,1.68vi,1.5rem);--text-2xl:clamp(1.5rem,1.85vi,1.875rem);--text-3xl:clamp(1.875rem,2.23vi,2.25rem);--text-4xl:clamp(2.25rem,2.64vi,2.625rem);--text-5xl:clamp(2.625rem,3.08vi,3rem);--text-6xl:clamp(3rem,3.54vi,3.75rem);--leading-tight:1.1;--leading-normal:1.4;--leading-relaxed:1.6;--leading-loose:1.8;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--ease-linear:linear;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.175,0.885,0.32,1.275);--duration-instant:0ms;--duration-fast:150ms;--duration-medium:250ms;--duration-slow:400ms;--duration-slower:600ms;--icon-xs:16px;--icon-sm:20px;--icon-md:24px;--icon-lg:32px;--icon-xl:48px;--text-display:var(--text-6xl);--text-h1:var(--text-5xl);--text-h2:var(--text-4xl);--text-h3:var(--text-3xl);--text-h4:var(--text-2xl);--text-body:var(--text-base);--text-caption:var(--text-sm)}@supports (container-type:inline-size){.responsive-container{container-type:inline-size}@container (min-width: 640px){.responsive-container{--header-height:var(--header-height-tablet)}}@container (min-width: 1024px){.responsive-container{--header-height:var(--header-height-desktop)}}}@supports not (container-type:inline-size){@media (min-width:640px){:root{--safe-top:calc(var(--header-height-tablet) + 1rem)}}@media (min-width:1024px){:root{--safe-top:calc(var(--header-height-desktop) + 1rem)}}}.safe-container{container-type:inline-size;width:100%;max-width:none;margin:0;padding:0;box-sizing:border-box}.stack>*+*{margin-top:var(--space,var(--space-md))}.cluster{display:flex;flex-wrap:wrap;gap:var(--gap,var(--space-md));align-items:var(--align,center);justify-content:var(--justify,flex-start)}.center{max-width:var(--max-width,var(--content-medium));margin-inline:auto;padding-inline:var(--padding,var(--safe-sides))}.full-bleed{width:100%;margin-left:0}.safe-layout{padding-bottom:var(--safe-bottom);padding-inline:var(--safe-sides);min-height:var(--vh-dynamic);box-sizing:border-box}.pt-safe,.safe-layout{padding-top:var(--safe-top)}.fluid-text{font-size:var(--font-size,var(--text-base));line-height:var(--line-height,var(--leading-normal))}.component-isolated{contain:layout style;container-type:inline-size;position:relative;z-index:var(--z-level,var(--z-content))}.bg-base{background-color:var(--bg-color,var(--color-sand-100))}.bg-overlay{position:relative}.bg-overlay:before{content:"";position:absolute;inset:0;background:var(--overlay-bg,transparent);pointer-events:none;z-index:var(--z-behind)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:var(--duration-instant)!important;animation-iteration-count:1!important;transition-duration:var(--duration-instant)!important}}:focus{outline:none}:focus-visible{outline:3px solid var(--color-primary,var(--color-ocean-primary));outline-offset:2px;border-radius:var(--radius-sm);transition:outline var(--duration-fast) var(--ease-out)}.skip-link{position:absolute;top:var(--space-sm);left:var(--space-sm);z-index:var(--z-emergency);padding:var(--space-xs) var(--space-sm);background:var(--color-primary,var(--color-ocean-primary));color:#fff;text-decoration:none;border-radius:var(--radius-md);transform:translateY(-200%);transition:transform var(--duration-fast) var(--ease-out)}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.contain-layout{contain:layout}.contain-strict{contain:layout style paint}.gpu-accelerated{transform:translateZ(0);will-change:transform}.optimized-repaint{backface-visibility:hidden;perspective:1000px}.debug-layout *{outline:1px solid rgba(255,0,0,.3)!important}.debug-container{outline:2px solid blue!important;background:rgba(0,0,255,.1)!important}.debug-spacing{background:linear-gradient(90deg,transparent,rgba(255,0,0,.1) 25%,transparent 50%,rgba(0,255,0,.1) 75%,transparent)!important}:root{--bg-layer-0:var(--color-bg-sand);--bg-layer-1:transparent;--bg-layer-2:hsla(0,0%,100%,.6);--bg-layer-3:hsla(0,0%,100%,.9);--bg-theme-neutral:var(--color-bg-sand);--bg-theme-cool:var(--color-bg-white);--bg-theme-premium:var(--color-bg-cream)}.site-frame{background:var(--bg-theme-neutral);position:relative}.site-frame--gradient:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--color-bg-cream) 0,var(--color-bg-sand) 100%);pointer-events:none;z-index:var(--z-background)}.section-base,.section-overlay{background:var(--bg-layer-1);position:relative}.section-overlay:before{background:hsla(0,0%,100%,.3)}.section-overlay:before,.section-pattern:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:var(--z-background)}.section-pattern:before{background-image:radial-gradient(circle at 2px 2px,hsla(0,0%,100%,.15) 1px,transparent 0);background-size:20px 20px}.card-elevated{background:var(--bg-layer-2);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);box-shadow:var(--shadow-soft-md)}.card-on-colored{background:hsla(0,0%,100%,.8);backdrop-filter:blur(15px);border:1px solid hsla(0,0%,100%,.3)}.slider-item{background:var(--bg-layer-2);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.15)}.modal-backdrop{background:rgba(0,0,0,.4);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-layer-3);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2)}.bg-transparent{background:transparent!important}.bg-inherit{background:inherit!important}.bg-safe{background:var(--bg-layer-2);backdrop-filter:blur(10px)}.bg-none{background:none!important}@media (max-width:768px){.card-elevated,.slider-item{backdrop-filter:none;background:hsla(0,0%,100%,.8)}}@media (min-width:1024px){.card-elevated{backdrop-filter:blur(15px);background:hsla(0,0%,100%,.5)}.slider-item{backdrop-filter:blur(12px);background:hsla(0,0%,100%,.6)}}[data-theme=cool]{--bg-layer-0:var(--color-bg-white);--bg-layer-1:transparent;--bg-layer-2:rgba(248,250,252,.8)}[data-theme=premium]{--bg-layer-0:var(--color-bg-cream);--bg-layer-1:transparent;--bg-layer-2:hsla(57,91%,91%,.6)}[data-theme=dark]{--bg-layer-0:var(--color-midnight);--bg-layer-1:transparent;--bg-layer-2:hsla(0,0%,100%,.1);--bg-layer-3:hsla(0,0%,100%,.15)}.debug-backgrounds .site-frame{outline:3px solid red}.debug-backgrounds .section-base,.debug-backgrounds .section-overlay{outline:2px solid blue}.debug-backgrounds .card-elevated,.debug-backgrounds .slider-item{outline:1px solid green}