:root{color-scheme:light;--ink:#222;--muted:#6b6b67;--line:#dddcd5;--paper:#f7f7f3;--card:#fff;--on:#276449;--off:#d7ddd8}
    *{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7}
    main{max-width:760px;margin:0 auto;padding:48px 18px 72px}h1{font-size:clamp(1.55rem,4vw,2.1rem);line-height:1.35;margin:0 0 10px}p{margin:.4rem 0 1.2rem}
    textarea{width:100%;min-height:8rem;border:1px solid var(--line);border-radius:10px;padding:14px;font:inherit;background:#fff;resize:vertical}
    button{border:0;border-radius:999px;padding:.75rem 1.2rem;background:#202521;color:#fff;font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}
    .turnstile{margin:14px 0}.status{margin:18px 0;color:var(--muted)}.dots span{display:inline-block;opacity:0;animation:dot 1.2s infinite}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}
    @keyframes dot{0%,20%{opacity:0;transform:translateX(-.08em)}40%,80%{opacity:1;transform:none}100%{opacity:0;transform:translateX(.08em)}}
    .cards{display:grid;gap:18px;margin-top:24px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.card-body{padding:16px}.card h2{font-size:1.08rem;margin:0 0 8px}.quote{margin:.5rem 0}.summary{color:#444}.gauge{letter-spacing:.12em}.gauge .on{color:var(--on)}.gauge .off{color:var(--off)}
    .feedback{margin:24px 0;padding:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feedback button{margin-right:8px}.feedback button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 2px var(--muted)}.site-nav{margin-top:36px}.site-nav a{color:var(--muted)}.privacy{font-size:.86rem;color:var(--muted);margin-top:24px}.error{color:#8a2b2b}
    [hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.dots span{animation:none;opacity:1}}