:root, [data-theme="light"] {
      --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
      --text-sm: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);
      --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
      --text-lg: clamp(1.125rem, 1rem + 0.75vw, 1.5rem);
      --text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);
      --text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.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;
      --color-bg: #8f0f55;
      --color-surface: #b5176a;
      --color-surface-2: #c91f79;
      --color-surface-offset: #db3890;
      --color-border: rgba(255, 196, 226, .22);
      --color-text: #fff1f8;
      --color-text-muted: #ffd2e8;
      --color-text-faint: #ffacd2;
      --color-primary: #ffd43b;
      --color-primary-hover: #ffe57d;
      --color-accent: #ffe066;
      --color-card-glow: rgba(255, 110, 196, .30);
      --radius-sm: 0.5rem; --radius-md: 0.9rem; --radius-lg: 1.25rem; --radius-xl: 1.75rem; --radius-full: 9999px;
      --shadow-sm: 0 10px 30px rgba(255, 47, 146, 0.18);
      --shadow-lg: 0 20px 60px rgba(255, 47, 146, 0.22);
      --font-display: 'Instrument Serif', Georgia, serif;
      --font-body: 'Work Sans', Arial, sans-serif;
    }
    [data-theme="dark"] {
      --color-bg: #2a0618;
      --color-surface: #3a0d24;
      --color-surface-2: #521338;
      --color-surface-offset: #661946;
      --color-border: rgba(255, 129, 196, .28);
      --color-text: #ffe6f4;
      --color-text-muted: #ffbfdc;
      --color-text-faint: #d992b8;
      --color-primary: #ff5cab;
      --color-primary-hover: #ff82c0;
      --color-accent: #ffd34d;
      --color-card-glow: rgba(255, 92, 171, .18);
      --shadow-sm: 0 10px 30px rgba(0,0,0,.30);
      --shadow-lg: 0 20px 60px rgba(0,0,0,.42);
    }
    @media (prefers-color-scheme: dark) {
      :root:not([data-theme]) {
        --color-bg: #2a0618; --color-surface: #3a0d24; --color-surface-2: #521338; --color-surface-offset: #661946; --color-border: rgba(255, 129, 196, .28); --color-text: #ffe6f4; --color-text-muted: #ffbfdc; --color-text-faint: #d992b8; --color-primary: #ff5cab; --color-primary-hover: #ff82c0; --color-accent: #ffd34d; --color-card-glow: rgba(255, 92, 171, .18); --shadow-sm: 0 10px 30px rgba(0,0,0,.30); --shadow-lg: 0 20px 60px rgba(0,0,0,.42);
      }
    }
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth}
    body{min-height:100vh;font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;background:radial-gradient(circle at top left, var(--color-card-glow), transparent 32%), radial-gradient(circle at 85% 15%, rgba(255, 164, 214, 0.16), transparent 24%), var(--color-bg);color:var(--color-text)}
    img,svg{display:block;max-width:100%;height:auto}
    button,input{font:inherit;color:inherit}
    a,button{transition:all 180ms cubic-bezier(.16,1,.3,1)}
    .skip-link{position:absolute;left:-999px;top:auto}.skip-link:focus{left:1rem;top:1rem;background:var(--color-surface);padding:.75rem 1rem;border-radius:var(--radius-full);z-index:100}
    .shell{width:min(1180px, calc(100% - 2rem));margin:0 auto}
    .topbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb, var(--color-bg) 84%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}
    .topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0}
    .brand{display:flex;align-items:center;gap:var(--space-3)}
    .brand-mark{width:2.5rem;height:2.5rem;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 50%, white));color:white;box-shadow:var(--shadow-sm)}
    .brand-title{font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}
    .theme-toggle{min-width:44px;min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius-full);display:grid;place-items:center;background:var(--color-surface)}
    .hero{position:relative;padding:clamp(var(--space-8), 7vw, var(--space-16)) 0 var(--space-12)}
    .hero-grid{display:grid;gap:var(--space-8);align-items:center}
    .hero-copy{display:grid;gap:var(--space-5)}
    .eyebrow{font-size:var(--text-sm);letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent);font-weight:700}
    h1{font-family:var(--font-display);font-size:var(--text-2xl);line-height:1.02;max-width:12ch;font-weight:400}
    .lead{max-width:58ch;color:var(--color-text-muted)}
    .question-row{display:flex;flex-wrap:wrap;gap:var(--space-3);padding-top:var(--space-3)}
    .pill{padding:.8rem 1rem;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);font-size:var(--text-sm)}
    .hero-photo-wrap{position:relative}
    .photo-frame{border-radius:clamp(var(--radius-lg), 3vw, 2.4rem);overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}
    .photo-frame img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center}
    .photo-badge{position:absolute;left:1rem;bottom:1rem;padding:.75rem 1rem;border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-surface) 82%, transparent);backdrop-filter:blur(10px);border:1px solid var(--color-border);font-size:var(--text-sm)} .rubber-duck-badge{position:absolute;right:-18px;top:-18px;width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid color-mix(in srgb, var(--color-primary) 55%, white);background:#ffd83d;box-shadow:var(--shadow-lg);transform:rotate(10deg);z-index:3}.rubber-duck-badge svg{width:100%;height:100%;display:block}
    .grid{display:grid;gap:var(--space-6);padding-bottom:var(--space-16)}
    .card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}
    .card h2{font-size:var(--text-lg);line-height:1.15;margin-bottom:var(--space-3)}
    .sub{color:var(--color-text-muted);margin-bottom:var(--space-5)}
    .forecast{display:grid;gap:var(--space-4)}
    .forecast-main{display:flex;justify-content:space-between;gap:var(--space-4);align-items:end;padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}
    .temp{font-family:var(--font-display);font-size:clamp(2.2rem, 4vw, 4rem);line-height:1}
    .details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
    .mini{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-2)}
    .mini span{display:block;color:var(--color-text-faint);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em}
    .mini strong{display:block;margin-top:.35rem;font-size:var(--text-base)}
    .list{display:grid;gap:var(--space-4)}
    .list article,.fact{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-2);border:1px solid color-mix(in srgb, var(--color-border) 85%, transparent)}
    .tag{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));color:var(--color-primary);font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--space-3)}
    .news-title{font-weight:700;margin-bottom:.35rem}
    .meta{font-size:var(--text-sm);color:var(--color-text-muted)}
    .fun-grid{display:grid;gap:var(--space-4)}
    .cta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3)}
    .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.85rem 1.2rem;border-radius:var(--radius-full);text-decoration:none;border:1px solid var(--color-border)}
    .button.primary{background:var(--color-primary);color:#65113b;border-color:transparent;font-weight:700}.button.primary:hover{background:var(--color-primary-hover)}
    .button.ghost{background:transparent;color:var(--color-text)}
    footer{padding:0 0 var(--space-12);color:var(--color-text-muted);font-size:var(--text-sm)} .duck-corners{position:fixed;inset:0;pointer-events:none;z-index:2}.duck-corners span{position:absolute;font-size:3rem;opacity:.16;filter:drop-shadow(0 10px 20px rgba(0,0,0,.18))}.duck-corners span:nth-child(1){top:92px;left:18px}.duck-corners span:nth-child(2){top:150px;right:24px}.duck-corners span:nth-child(3){bottom:40px;left:26px}.duck-corners span:nth-child(4){bottom:56px;right:22px}
    @media (min-width: 880px){
      .hero-grid{grid-template-columns:1.02fr 1.15fr;gap:var(--space-10)}
      .grid{grid-template-columns:1.1fr .9fr}
      .fun-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    }
    @media (max-width: 639px){
      .shell{width:min(100% - 1rem, 1180px)}
      .card{padding:var(--space-5)}
      .forecast-main{flex-direction:column;align-items:flex-start}
      .details{grid-template-columns:1fr}
      .photo-badge{right:1rem;left:auto;max-width:70%}
    }
    .duck-field{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:80}
    .duck{position:fixed;width:44px;height:44px;line-height:1;pointer-events:none;animation:duckFall 2200ms ease-out forwards;filter:drop-shadow(0 8px 14px rgba(0,0,0,.28));z-index:9999;opacity:1;will-change:transform,opacity}.duck svg{width:100%;height:100%;display:block;overflow:visible}
    .brand-title::after{content:" 🐤"}
    .tag::before{content:"🐤";margin-right:.35rem}
    .hero::before{content:"🐤 🫧 🐤 🫧 🐤";display:block;font-size:1.35rem;margin-bottom:var(--space-4);letter-spacing:.35rem}.hero::after{content:"🐤";position:absolute;right:4%;top:8%;font-size:4rem;opacity:.22;transform:rotate(-12deg)}
    @keyframes duckFall{0%{transform:translate(-50%,-10px) rotate(0deg) scale(.85);opacity:1}75%{opacity:1}100%{transform:translate(calc(-50% + var(--drift, 0px)),150px) rotate(var(--spin, 180deg)) scale(1.28);opacity:0}}
    @media (prefers-red