:root{color-scheme:light;--paper:#f7f3eb;--ink:#292237;--muted:#655c6f;--purple:#563b88;--purple-deep:#402865;--lavender:#eee7fa;--white:#fffdf9;--line:#d8d0df;--error:#9d332c;--success:#285c48;--radius:16px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,label,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}a{color:inherit}button,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--purple);outline-offset:5px}::selection{background:#d6c4ed;color:var(--ink)}textarea{caret-color:var(--purple)}html{scrollbar-color:#9c8baa var(--paper);scroll-padding-bottom:120px}svg{flex-shrink:0}button svg,.choice-check svg,.choice-hint svg,.expand-icon,.help-default svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}
.page{max-width:1120px;margin:0 auto;padding:0 40px}.skip-link{position:fixed;top:12px;left:12px;z-index:10;background:var(--white);padding:12px 18px;transform:translateY(-150%);border-radius:8px}.skip-link:focus{transform:none}.topbar{display:flex;justify-content:space-between;align-items:center;padding:27px 0 26px;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;color:var(--purple);text-decoration:none;font-size:17px;font-weight:850;line-height:1.2;letter-spacing:-.025em}.brand-small{display:block;margin-top:4px;font-size:11px;font-weight:650;letter-spacing:.02em;color:var(--muted)}.help-link{display:flex;align-items:center;gap:7px;background:none;border:1px solid #b7a8c6;border-radius:10px;min-height:44px;padding:10px 15px;font-size:14px;font-weight:750;color:var(--purple)}.help-link:hover{background:var(--lavender)}.intro{padding:40px 0 24px}.intro h1{font-size:clamp(2.1rem,5vw,3.8rem);font-weight:800;letter-spacing:-.035em;line-height:1.06;margin:0;text-wrap:balance}.intro p{font-size:19px;color:var(--muted);margin:15px 0 0;line-height:1.5}.mobile-break{display:none}.activities{padding:0;margin:0;border:0;min-width:0}.activities legend{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.choice-hint{display:flex;align-items:center;gap:7px;font-size:14px;color:var(--muted);margin:0 0 14px}.choice-hint svg{stroke:var(--purple)}.activity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.activity{position:relative;display:flex;flex-direction:column;border:2px solid transparent;background:var(--white);border-radius:var(--radius);overflow:hidden;cursor:pointer;min-width:0;transition:border-color .18s ease-out,background-color .18s ease-out;touch-action:manipulation}.activity input{position:absolute;top:14px;right:14px;opacity:0;width:28px;height:28px;margin:0;z-index:1;cursor:pointer}.activity-face{position:relative;display:block;overflow:hidden}.activity-face img{display:block;width:100%;height:auto;aspect-ratio:240/148;object-fit:contain}.bike{background:#e6ebd7}.holland{background:#f4e2d6}.food{background:#f3e9c9}.boat{background:#dce8ec}.fishing{background:#dce9e2}.park{background:#e6e8d5}.skating{background:#e6e2f0}.idea{background:#efe4d9}.choice-check{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:28px;height:28px;background:rgba(255,253,249,.94);color:transparent;border:1.5px solid #9586a1;border-radius:8px}.choice-check svg{width:20px;height:20px;stroke-width:2.7}.activity-name{display:flex;align-items:center;padding:13px 12px 14px;min-height:55px;font-size:16px;line-height:1.25;font-weight:750;letter-spacing:-.018em}.activity:has(input:checked){border-color:var(--purple);background:var(--lavender)}.activity:has(input:checked) .choice-check{background:var(--purple);color:white;border-color:var(--purple)}.activity:has(input:focus-visible){outline:3px solid var(--purple);outline-offset:4px}.activity:hover{border-color:#b5a1cd}.activity:has(input:checked):hover{border-color:var(--purple-deep)}.idea-input{padding-top:24px}.idea-input label,.help-content label{display:block;font-size:16px;font-weight:700;margin-bottom:9px}.help-content label span{font-size:14px;font-weight:400;color:var(--muted)}textarea{width:100%;padding:14px 16px;background:var(--white);border:1.5px solid #b7a8c6;border-radius:12px;resize:vertical;min-height:86px;line-height:1.5;color:var(--ink);font-size:16px}textarea::placeholder{color:#716379;opacity:1}.char-count{display:block;text-align:right;margin-top:6px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.submit-bar{position:sticky;bottom:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--paper);padding:20px 0;margin-top:18px;border-top:1px solid var(--line)}.selection-copy strong{display:block;font-size:16px;font-weight:750}.selection-copy span{display:block;font-size:13px;color:var(--muted);margin-top:4px}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;border:0;border-radius:12px;min-height:54px;padding:14px 22px;font-size:16px;font-weight:750;line-height:1.35;text-decoration:none}.primary-button{background:var(--purple);color:white}.primary-button:hover:not(:disabled){background:var(--purple-deep)}.primary-button:disabled{background:#d4cbdc;color:#62536d}.primary-button[aria-busy=true]{background:var(--purple);color:#fff}.secondary-button{background:var(--lavender);color:var(--purple)}.secondary-button:hover{background:#e0d1f1}.text-button{background:transparent;color:var(--purple);padding:10px 4px;min-height:44px;text-decoration:underline;text-underline-offset:4px}.notice{padding:14px 16px;border-radius:12px;font-size:15px;line-height:1.5;margin:18px 0}.error{color:var(--error);background:#fff0e9}.connection-notice{background:#fff0e9;color:var(--error);padding:12px 16px;border-radius:12px;margin:0 0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.connection-notice p{margin:0;font-size:14px;line-height:1.4}.connection-notice button{font-size:14px;white-space:nowrap}.help-panel{border-top:1px solid var(--line);margin-top:16px;padding-top:8px;scroll-margin-top:24px}.help-panel summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;min-height:64px;font-size:16px;font-weight:700;color:var(--purple)}.help-panel summary::-webkit-details-marker{display:none}.help-symbol{width:27px;height:27px;border:1.5px solid #a593b6;display:grid;place-items:center;border-radius:50%;font-size:17px}.expand-icon{margin-left:auto}.help-panel[open] .expand-icon{transform:rotate(180deg)}.help-content{max-width:680px;padding:10px 0 24px}.help-content h2{font-size:24px;letter-spacing:-.025em;margin:0 0 18px}.help-default{display:flex;align-items:center;gap:10px;font-size:16px;margin:0 0 24px;color:var(--purple);font-weight:650}.help-default svg{background:var(--lavender);padding:3px;border-radius:6px;width:29px;height:29px}.help-content .primary-button{margin-top:16px}.help-success{padding:16px 0;color:var(--success)}.help-success p{line-height:1.5}.success-panel{text-align:center;padding:28px 0 40px}.success-panel h2{font-size:clamp(1.5rem,3vw,2.3rem);letter-spacing:-.025em;margin:20px 0 10px;line-height:1.2}.success-panel p{max-width:48ch;margin:0 auto 22px;line-height:1.55;color:var(--muted)}.saved-choices{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;max-width:640px;margin:0 auto 28px}.saved-choice{background:#e9e3ee;color:var(--ink);padding:8px 13px;border-radius:9px;font-size:14px;max-width:100%;overflow-wrap:anywhere}.success-illustration{animation:check-arrives .4s cubic-bezier(.16,1,.3,1)}@keyframes check-arrives{from{transform:scale(.8)}to{transform:scale(1)}}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:24px 0 30px;font-size:12px;color:var(--muted)}footer p{margin:0}
@media(max-width:900px){.page{padding:0 28px}.activity-name{font-size:15px;padding:12px 10px}.activity-grid{gap:12px}.intro{padding-top:34px}.choice-check{width:25px;height:25px;top:8px;right:8px}}
@media(max-width:650px){.page{padding:0 20px}.topbar{padding:19px 0;gap:12px}.brand{font-size:15px;gap:9px}.brand svg{width:25px}.brand-small{font-size:10px}.help-link{padding:9px 12px;font-size:13px}.intro{padding:27px 0 20px}.intro h1{font-size:38px;letter-spacing:-.035em}.mobile-break{display:initial}.intro p{font-size:16px;margin-top:12px}.choice-hint{font-size:12px;margin-bottom:12px}.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.activity-name{font-size:15px;min-height:54px;padding:11px 10px}.activity-face img{aspect-ratio:240/148}.submit-bar{display:grid;grid-template-columns:1fr;gap:11px;padding:13px 0 max(14px,env(safe-area-inset-bottom));margin-top:18px}.selection-copy{display:flex;justify-content:space-between;gap:10px;align-items:center}.selection-copy strong{font-size:13px}.selection-copy span{font-size:11px;margin:0}.submit-bar .primary-button{width:100%;min-height:54px;justify-content:space-between;padding-left:20px;padding-right:20px}.help-panel{margin-top:12px}.help-panel summary{font-size:15px}.help-content h2{font-size:22px}.help-content label{font-size:15px}.help-content .primary-button{width:100%}.help-default{font-size:14px;gap:8px}.connection-notice{display:block}.connection-notice .text-button{margin-top:5px}.success-panel{padding:15px 0 28px}.success-illustration{width:82px;height:82px}.success-panel p{font-size:15px}.success-panel h2{font-size:25px}.success-panel .button{width:100%}footer{font-size:11px;align-items:flex-start;gap:14px;padding-bottom:22px}footer span{white-space:nowrap}}
@media(max-width:360px){.page{padding:0 16px}.intro h1{font-size:34px}.brand-small{font-size:9px}.activity-name{font-size:14px}.selection-copy span{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.archery{background:#f0e0d8}.idea-card{margin-top:16px;flex-direction:row;align-items:center}.idea-card .activity-face{width:102px;flex-shrink:0;position:static;background:none}.idea-card .activity-face img{width:102px;height:74px}.idea-card .choice-check{top:50%;right:16px;transform:translateY(-50%)}.idea-card .activity-name{padding:14px 52px 14px 8px;font-size:16px}.idea-card input{top:calc(50% - 14px);right:16px}@media(max-width:650px){.idea-card{margin-top:12px}.idea-card .activity-face,.idea-card .activity-face img{width:80px}.idea-card .activity-face img{height:68px}.idea-card .activity-name{font-size:15px}}
:root{--paper:#f7f0e3}.intro{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px}.intro-copy{position:relative;z-index:1}.season-picture{width:180px;height:auto;flex-shrink:0}.holland,.archery{background:#f2dece}.food{background:#f0e4bd}.idea-card{background:#f8e6cb}@media(max-width:650px){.intro{display:block}.intro h1{max-width:265px}.intro-copy p{position:relative;z-index:1}.season-picture{position:absolute;width:92px;right:-8px;top:20px}.intro-copy{z-index:0}.intro h1{position:relative;z-index:1}}@media(max-width:360px){.season-picture{width:72px;right:-8px;top:25px}.intro h1{max-width:245px}}