/* A small, animated invitation. All motion stops for reduced-motion users. */
.cookie-note{position:fixed;inset:auto auto max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));z-index:10000;width:min(484px,calc(100vw - 48px));max-height:calc(100dvh - 48px);overflow:auto;isolation:isolate;padding:28px;background:var(--surface,#fff);color:var(--ink,#15151c);border:1px solid var(--line,#dadae4);border-radius:12px 40px 12px 12px;box-shadow:0 20px 70px #15151c26,6px 6px 0 var(--accent-soft,#e7e5fb);font:400 14px/1.65 var(--body,system-ui,sans-serif);animation:cookie-arrive .85s cubic-bezier(.16,1,.3,1) both}
.cookie-note::before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#3a2fd0,#a997ff,#3a2fd0);transform-origin:left;animation:cookie-line 1s .25s both;pointer-events:none}
.cookie-note__top{display:flex;align-items:center;gap:18px;margin-bottom:20px}
.cookie-note__art{flex:0 0 76px;width:76px;height:76px;position:relative;display:grid;place-items:center;border-radius:24px;background:var(--accent-soft,#e7e5fb);color:var(--accent,#3a2fd0);animation:cookie-art-in 1.2s cubic-bezier(.16,1,.3,1) both}
.cookie-note__art svg{width:58px;height:58px;overflow:visible;animation:cookie-float 5s 1.2s ease-in-out 1;filter:drop-shadow(0 5px 4px #3a2fd022)}
.cookie-note__spark{position:absolute;font-size:20px;line-height:1;font-weight:500;animation:cookie-spark 2.8s 1s ease-in-out 2}
.cookie-note__spark--one{right:-5px;top:0}
.cookie-note__spark--two{left:-5px;bottom:3px;font-size:14px;animation-delay:1.5s}
.cookie-note__eyebrow{font:500 10px/1.5 var(--mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2,#56576b);margin:0 0 8px}
.cookie-note .cookie-note__title{font:550 clamp(19px,2vw,23px)/1.25 var(--display,system-ui,sans-serif);letter-spacing:-.045em;text-wrap:balance;margin:0;max-width:15ch}
.cookie-note__copy{margin:0;color:var(--ink-2,#56576b);text-wrap:pretty}
.cookie-note__link{display:inline-flex;align-items:center;gap:10px;color:var(--ink,#15151c);text-decoration:underline;text-underline-offset:4px;margin-top:12px;font-size:12px}
.cookie-note__link span{transition:transform .2s}
.cookie-note__link:hover span{transform:translate(2px,-2px)}
.cookie-note__actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.cookie-note__button{appearance:none;display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 14px;border:1px solid var(--accent,#3a2fd0);border-radius:7px 17px 7px 17px;background:var(--accent,#3a2fd0);color:var(--accent-ink,#fff);font:550 14px/1.3 var(--body,system-ui,sans-serif);cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}
.cookie-note__button:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--ink,#15151c)}
.cookie-note__button:active{transform:translate(0,0);box-shadow:none}
.cookie-note__button--no{background:var(--surface,#fff);color:var(--ink,#15151c);border-color:var(--line,#dadae4)}
.cookie-note__button--no:hover{background:var(--surface-2,#ebebf1)}
.cookie-note__button:focus-visible,.cookie-note__link:focus-visible{outline:2px solid var(--accent,#3a2fd0);outline-offset:4px}
.cookie-note__copy,.cookie-note__link,.cookie-note__actions{animation:cookie-content .65s .18s both}
.cookie-note__actions{animation-delay:.28s}
.cookie-note.is-leaving{pointer-events:none;animation:cookie-leave .36s cubic-bezier(.4,0,1,1) both}
.cookie-note.is-leaving .cookie-note__art{animation:cookie-art-out .36s ease-in both}
.cookie-preferences{margin:24px 0;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.cookie-preferences p{margin-bottom:14px}
@keyframes cookie-arrive{from{opacity:0;transform:translate3d(0,60px,0) rotate(-4deg) scale(.93)}to{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}}
@keyframes cookie-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes cookie-art-in{from{transform:rotate(-35deg) scale(.4);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}
@keyframes cookie-float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-6px) rotate(8deg)}}
@keyframes cookie-spark{0%,100%{transform:scale(.8) rotate(0);opacity:.5}50%{transform:scale(1.25) rotate(35deg);opacity:1}}
@keyframes cookie-content{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes cookie-leave{to{opacity:0;transform:translate3d(0,32px,0) scale(.96)}}
@keyframes cookie-art-out{to{transform:rotate(25deg) scale(.7)}}
@media(max-width:540px){.cookie-note{inset:auto 12px max(12px,env(safe-area-inset-bottom));width:auto;max-height:calc(100dvh - 24px);padding:22px;border-radius:10px 32px 10px 10px;box-shadow:0 12px 48px #15151c26,3px 3px 0 var(--accent-soft)}.cookie-note__top{gap:14px;margin-bottom:14px}.cookie-note__art{flex-basis:60px;width:60px;height:60px;border-radius:20px}.cookie-note__art svg{width:48px;height:48px}.cookie-note__eyebrow{font-size:9px}.cookie-note__copy{font-size:13px;line-height:1.6}.cookie-note__actions{gap:10px;margin-top:18px}.cookie-note__button{font-size:13px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.cookie-note,.cookie-note *,.cookie-note::before{animation:none!important;transition:none!important}.cookie-note.is-leaving{opacity:0}}
@media print{.cookie-note{display:none!important}}