:root{--leaf:#a8c13a;--leaf-deep:#5f7a12;--leaf-mid:#8aa61f;--leaf-soft:#c7d979;--stone:#746e5f;--stone-soft:#cfc9bd;--cream:#f6f1e6;--cream-2:#efe8d6;--ink:#2f2d26;--ink-soft:#4f4b42;--paper:#fbf8f0;--accent:#b8632f;--accent-soft:#f0dfd2;--radius:18px;--shadow-sm:0 1px 2px #3c37280f, 0 2px 8px #3c37280a;--shadow-md:0 4px 16px #3c372814, 0 12px 40px #3c37280f}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:18px;line-height:1.7}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer}h1,h2,h3{letter-spacing:.01em;margin:0;font-weight:700}.panel{background:var(--paper);border:1px solid var(--cream-2);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.panelTitle{color:var(--stone);margin-bottom:14px;font-size:17px;font-weight:700}.pill{border:1px solid var(--stone-soft);background:var(--paper);border-radius:999px;align-items:center;gap:6px;padding:8px 18px;font-size:16px;line-height:1;transition:background .15s,border-color .15s;display:inline-flex}.pill:hover{background:var(--cream-2)}.pill[data-on=true]{background:var(--leaf-deep);border-color:var(--leaf-deep);color:#fff}.srOnly{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes arrive{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}