.cookie-card{--cookie-panel:var(--navy);--cookie-text:var(--cream);z-index:90;border:4px solid var(--ink);background:var(--cookie-panel);width:380px;max-width:calc(100vw - 32px);max-height:calc(100svh - 160px);color:var(--cookie-text);box-shadow:var(--shadow-chunky-lg);font-family:var(--font-hand);border-radius:8px;outline:none;flex-direction:column;padding:18px;animation:.25s ease-out cookie-arrive;display:flex;position:fixed;bottom:16px;left:16px;overflow-y:auto}.cookie-content{display:contents}.cookie-intro{order:1}.cookie-controls{order:2}.cookie-categories{order:3}.cookie-save{flex-shrink:0;order:4}.cookie-card[data-mode=day]{--cookie-panel:var(--cream);--cookie-text:var(--ink)}.cookie-heading{font-family:var(--font-display);margin:0;font-size:34px;line-height:1}.cookie-scene{align-items:center;gap:10px;margin:8px 0 12px;display:flex}.cookie-peek{flex:0 0 76px;height:88px;position:relative}.cookie-peek img{object-fit:contain;width:78px;height:74px;position:absolute;top:-6px;left:0}.cookie-jar{width:67px;height:58px;position:absolute;bottom:0;left:5px;overflow:visible}.cookie-jar-body{fill:var(--wood);stroke:var(--ink);stroke-width:4px}.cookie-jar-label{fill:var(--cream);stroke:var(--ink);stroke-width:3px}.cookie-jar-lid{fill:var(--gold);stroke:var(--ink);stroke-width:4px;transform-origin:50%}.cookie-flying-cookie{fill:var(--wood);stroke:var(--ink);stroke-width:3px;opacity:0}.cookie-chip{fill:var(--ink)}.cookie-speech{border:3px solid var(--ink);background:var(--cream);color:var(--ink);border-radius:8px;margin:0;padding:7px 9px;font-size:15px;line-height:1.15;position:relative}.cookie-speech:before{content:"";background:var(--cream);border-left:3px solid var(--ink);border-bottom:3px solid var(--ink);width:10px;height:10px;position:absolute;top:50%;left:-8px;transform:rotate(45deg)}.cookie-body{margin:0 0 14px;font-size:16px;line-height:1.25}.cookie-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cookie-card .cookie-choice{white-space:normal;background:var(--gold);height:auto;min-height:62px;color:var(--ink);border:3px solid var(--ink);box-shadow:var(--shadow-chunky);border-radius:6px;padding:8px;font-size:17px;font-weight:700;line-height:1.1}.cookie-links{justify-content:space-between;align-items:center;gap:18px;margin-top:12px;display:flex}.cookie-card .cookie-link{height:auto;color:var(--cookie-text);background:0 0;padding:0;font-size:16px;text-decoration:underline}.cookie-categories{border-top:2px solid var(--cookie-text);margin-top:14px;padding-top:4px}.cookie-category{justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.cookie-category strong{align-items:center;gap:6px;font-size:18px;display:flex}.cookie-category small{margin-top:3px;font-size:14px;line-height:1.2;display:block}.cookie-category .cookie-toggle{border:3px solid var(--ink);background:var(--cream);width:50px;height:30px}.cookie-category .cookie-toggle[data-state=checked]{background:var(--gold)}.cookie-category .cookie-toggle>span{background:var(--ink);width:20px;height:20px;translate:none}.cookie-category .cookie-toggle>span[data-state=checked]{transform:translate(24px)}.cookie-save{width:100%;margin-top:8px}.cookie-card[data-outcome]{pointer-events:none;animation:.25s .5s both cookie-depart}.cookie-card[data-outcome=accept] .cookie-jar-lid{animation:.65s both cookie-lid-pop}.cookie-card[data-outcome=accept] .cookie-flying-cookie{animation:.7s both cookie-pop}.cookie-card[data-outcome=reject] .cookie-peek img{animation:.6s both cookie-shrug}body[data-cookie-open] .mission-widget,body[data-cookie-open] [data-scroll-guide]{visibility:hidden}.pen-cookie-links{justify-content:center;align-items:center;gap:18px;margin-top:12px;display:flex;position:relative}.pen-cookie-links .cookie-settings-link{height:auto;color:inherit;font-family:var(--font-hand);background:0 0;padding:0;font-size:16px;text-decoration:underline}.privacy-page{--privacy-panel:var(--navy);--privacy-text:var(--cream);background:var(--privacy-panel);color:var(--privacy-text);min-height:100svh;font-family:var(--font-hand)}.privacy-page[data-mode=day]{--privacy-panel:var(--cream);--privacy-text:var(--ink)}.privacy-page h1,.privacy-page h2{font-family:var(--font-display)}.privacy-page a{text-decoration:underline}.privacy-draft{border:3px solid var(--ink);background:var(--gold);color:var(--ink);border-radius:6px;padding:12px 16px}@keyframes cookie-arrive{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes cookie-depart{to{opacity:0;transform:translateY(30px)}}@keyframes cookie-lid-pop{35%{transform:translateY(-20px)rotate(-15deg)}to{transform:none}}@keyframes cookie-pop{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translate(24px,-85px)rotate(110deg)}}@keyframes cookie-shrug{30%,70%{transform:translateY(-4px)rotate(-5deg)}}@media (width<=640px){.cookie-card{left:8px;bottom:max(8px, env(safe-area-inset-bottom));width:calc(100vw - 16px);max-width:none;max-height:calc(100svh - 180px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:14px;overflow:hidden}.cookie-content{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:2px 2px 0;display:block;overflow-y:auto}.cookie-controls{flex-shrink:0;padding-top:8px}.cookie-heading{font-size:30px}.cookie-scene{margin:8px 0}.cookie-body{margin-bottom:4px}.cookie-actions{gap:8px}.cookie-card .cookie-choice{overflow-wrap:break-word;min-width:0;min-height:58px;font-size:16px}.cookie-links{gap:10px;min-height:44px;margin-top:6px}.cookie-card .cookie-link,.cookie-links a{align-items:center;min-height:44px;display:inline-flex}.cookie-category>div{min-width:0}.cookie-category .cookie-toggle{flex-shrink:0}.cookie-categories{margin-top:10px}.cookie-card .cookie-save{min-height:44px;margin-top:6px}body[data-cookie-open] .mode-toggle.fixed{bottom:calc(var(--cookie-height,400px) + 24px)}}@media (width<=640px) and (height<=600px){.cookie-card{max-height:calc(100svh - 88px - env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.cookie-card,.cookie-card[data-outcome],.cookie-card[data-outcome] .cookie-jar-lid,.cookie-card[data-outcome] .cookie-flying-cookie,.cookie-card[data-outcome] .cookie-peek img{animation:none}}
