:root{--cream: #fbf4e3;--paper: #fffaf0;--ink: #0b0b0b;--brown: #634126;--orange: #eda25c;--yellow: #f3d7a5;--pink: #d88742;--green: #292620;--line: rgba(11, 11, 11, .14);--shadow: 0 18px 50px rgba(66, 49, 29, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:DM Sans,sans-serif}body::selection{background:var(--yellow);color:var(--ink)}a{color:inherit}button,input,select,textarea{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);background:var(--cream);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-family:Fredoka,sans-serif;font-size:1.1rem;line-height:.95}.brand>span{display:none}.brand:before{content:"";display:block;width:76px;height:68px;flex:0 0 auto;background:transparent url(/assets/choppos-logo-transparent-BNZbO-2U.png) center / contain no-repeat}.brand strong{display:block;color:var(--pink);font-size:1.28em}.mini-cookie{position:relative;display:inline-block;width:42px;height:42px;border-radius:50%;background:var(--orange);border:3px solid var(--ink);transform:rotate(-12deg)}.mini-cookie:after{content:"";position:absolute;right:-3px;top:-4px;width:17px;height:20px;background:var(--cream);border-radius:50%;border-left:3px solid var(--ink)}.mini-cookie i{position:absolute;width:5px;height:5px;background:var(--ink);border-radius:50%}.mini-cookie i:nth-child(1){left:8px;top:11px}.mini-cookie i:nth-child(2){left:19px;top:24px}.mini-cookie i:nth-child(3){left:7px;top:29px}nav{display:flex;align-items:center;gap:clamp(22px,3vw,44px)}nav a{text-decoration:none;font-size:.9rem;font-weight:700}nav a:not(.nav-order):hover{color:var(--pink)}nav a[aria-current=page]:not(.nav-order){color:var(--pink)}.nav-order{background:var(--ink);color:#fff;border-radius:999px;padding:13px 22px;transition:transform .2s,background .2s}.nav-order:hover{background:var(--pink);transform:translateY(-2px)}.menu-toggle{display:none;border:0;background:transparent;padding:8px}.menu-toggle>span:not(.sr-only){display:block;width:24px;height:2px;margin:5px;background:var(--ink)}.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:1.02fr .98fr;align-items:center;overflow:hidden;position:relative;padding:75px clamp(24px,7vw,112px)}.hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:#eadfc8;right:-190px;top:-180px;opacity:.72}.hero-copy{position:relative;z-index:2;max-width:670px}.eyebrow{margin:0 0 18px;text-transform:uppercase;letter-spacing:.16em;color:var(--pink);font-weight:800;font-size:.75rem}h1,h2,h3{font-family:Fredoka,sans-serif;margin:0}h1{font-size:clamp(3.7rem,7.2vw,7rem);line-height:.88;letter-spacing:-.055em}h1 em{color:var(--orange);font-style:normal}.hero-text{max-width:570px;font-size:1.09rem;line-height:1.75;margin:32px 0;color:#5d504b}.hero-actions{display:flex;align-items:center;gap:28px}.button{border:0;border-radius:999px;padding:16px 25px;display:inline-flex;justify-content:center;align-items:center;gap:16px;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{color:#fff;background:var(--pink);box-shadow:0 9px 20px #e85b7940}.primary:hover{box-shadow:0 12px 26px #e85b7952}.text-button{border-radius:0;padding:8px 0;border-bottom:2px solid var(--ink)}.hero-note{margin-top:32px;font-size:.82rem;font-weight:700;color:#71615a}.hero-note span{color:var(--orange);margin-right:6px}.hero-art{position:relative;height:min(570px,60vw);min-height:440px;display:grid;place-items:center}.big-cookie{position:relative;z-index:2;width:clamp(320px,34vw,510px);aspect-ratio:1;border-radius:48% 52% 46% 54%/53% 45% 55% 47%;background:radial-gradient(circle at 36% 31%,#ffc966 0 4%,transparent 4.5%),radial-gradient(circle at 58% 63%,#dda249 0 3%,transparent 3.5%),radial-gradient(circle at 72% 27%,#ffd675 0 2.8%,transparent 3.2%),#e7a23f;border:clamp(9px,1vw,14px) solid var(--ink);box-shadow:inset -22px -28px #723e181f,inset 20px 18px #ffe08959;transform:rotate(10deg)}.big-cookie:before,.big-cookie:after{content:"";position:absolute;background:#f3b953;border:4px solid rgba(94,47,32,.25);border-radius:50%}.big-cookie:before{width:14%;height:9%;left:27%;top:48%;transform:rotate(20deg)}.big-cookie:after{width:9%;height:7%;left:61%;top:43%}.chip{position:absolute;width:8%;aspect-ratio:1;background:var(--brown);border:4px solid var(--ink);border-radius:42% 58% 50% 50%}.c1{left:26%;top:18%;transform:rotate(12deg)}.c2{left:54%;top:16%;transform:rotate(35deg)}.c3{left:73%;top:42%}.c4{left:49%;top:36%;transform:rotate(22deg)}.c5{left:20%;top:60%}.c6{left:48%;top:72%;transform:rotate(60deg)}.c7{left:70%;top:68%}.c8{left:34%;top:40%;width:6%}.c9{left:13%;top:35%;width:5%}.crumb{position:absolute;border:3px solid #9c642c;border-radius:50%;width:3%;aspect-ratio:1}.cr1{left:30%;top:76%}.cr2{left:65%;top:56%}.cr3{left:45%;top:11%}.cookie-shadow{position:absolute;width:72%;height:20%;border-radius:50%;background:#56301c26;bottom:7%;filter:blur(9px);transform:rotate(5deg)}.floating-crumb{position:absolute;background:var(--brown);border:3px solid var(--ink);border-radius:45%}.fc1{width:25px;height:21px;top:9%;right:9%;transform:rotate(28deg)}.fc2{width:16px;height:14px;bottom:16%;left:4%;transform:rotate(50deg)}.fc3{width:12px;height:12px;top:25%;left:3%}.sprinkle{position:absolute;width:30px;height:7px;border-radius:8px;background:var(--pink)}.s1{top:15%;left:4%;transform:rotate(25deg)}.s2{bottom:15%;left:48%;transform:rotate(-45deg);background:var(--green)}.s3{top:17%;left:48%;transform:rotate(70deg);background:var(--yellow)}.marquee{overflow:hidden;background:var(--ink);color:#fff;padding:17px 0;white-space:nowrap;font-family:Fredoka,sans-serif;font-size:.82rem;letter-spacing:.15em}.marquee div{width:max-content;animation:ticker 28s linear infinite}.marquee span{color:var(--orange);margin:0 30px}@keyframes ticker{to{transform:translate(-35%)}}.page-hero{padding:90px clamp(24px,7vw,112px) 75px;text-align:center;background:var(--cream);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(3.6rem,7vw,6.8rem)}.page-hero p:last-child{max-width:650px;margin:26px auto 0;color:#6b5c55;line-height:1.75}.page-hero.order-page-hero{background:var(--green);color:#fff}.page-hero.order-page-hero p:last-child{color:#ffffffbf}.page-hero.contact-page-hero{background:#f4e3c7}.page-hero.about-page-hero{background:#f2d3a6}.inner-page .cookies-section,.inner-page .contact-section{padding-top:85px}.inner-page .about-section{min-height:640px}.inner-page .order-section{padding-top:85px}.page-end-cta{padding:75px 24px;text-align:center;background:var(--cream)}.page-end-cta h2{font-size:clamp(2.4rem,4vw,4rem);margin-bottom:25px}.cookies-section{padding:110px clamp(24px,7vw,112px);background:var(--paper)}.section-heading{display:grid;grid-template-columns:1fr .65fr;align-items:end;gap:40px;margin-bottom:52px}h2{font-size:clamp(2.7rem,5vw,4.9rem);line-height:.98;letter-spacing:-.045em}.section-heading>p{color:#6b5c55;line-height:1.7;margin:0;max-width:500px}.cookie-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.cookie-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:24px;transition:transform .25s,box-shadow .25s}.cookie-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.cookie-photo{height:270px;display:grid;place-items:center;overflow:hidden}.cookie-shape{width:180px;aspect-ratio:1;border-radius:48% 52% 45% 55%;transform:rotate(-8deg);box-shadow:inset -12px -15px #501e0a1f,0 15px 22px #56301c29;transition:transform .25s}.cookie-card:hover .cookie-shape{transform:rotate(3deg) scale(1.04)}.choc-chip{background:#f7d6b0}.choc-chip .cookie-shape{background:radial-gradient(circle at 30% 23%,#4a271c 0 4%,transparent 4.5%),radial-gradient(circle at 68% 25%,#4a271c 0 5%,transparent 5.5%),radial-gradient(circle at 43% 55%,#4a271c 0 5%,transparent 5.5%),radial-gradient(circle at 72% 70%,#4a271c 0 4%,transparent 4.5%),radial-gradient(circle at 22% 72%,#4a271c 0 3.5%,transparent 4%),#e8a949}.double-choc{background:#d9b6a7}.double-choc .cookie-shape{background:radial-gradient(circle at 28% 28%,#eac3a1 0 4%,transparent 4.5%),radial-gradient(circle at 66% 31%,#eac3a1 0 5%,transparent 5.5%),radial-gradient(circle at 45% 68%,#eac3a1 0 5%,transparent 5.5%),radial-gradient(circle at 76% 69%,#1f1715 0 3.5%,transparent 4%),#633528}.snickerdoodle{background:#f7e1ae}.snickerdoodle .cookie-shape{background:radial-gradient(ellipse at 35% 30%,rgba(118,64,31,.42) 0 2%,transparent 2.5%),radial-gradient(ellipse at 67% 58%,rgba(118,64,31,.42) 0 2%,transparent 2.5%),radial-gradient(ellipse at 28% 72%,rgba(118,64,31,.35) 0 1.5%,transparent 2%),#e7b763}.birthday{background:#f0d8b9}.birthday .cookie-shape{background:linear-gradient(22deg,transparent 44%,#d88742 45% 48%,transparent 49%) 23px 8px/45px 45px,linear-gradient(-38deg,transparent 45%,#b8ad98 46% 49%,transparent 50%) 4px 1px/52px 50px,linear-gradient(62deg,transparent 45%,#7e7568 46% 49%,transparent 50%) 0 0/58px 56px,#e9bd71}.cookies-cream{background:#d8d4ca}.cookies-cream .cookie-shape{background:radial-gradient(circle at 25% 22%,#312824 0 7%,transparent 7.5%),radial-gradient(circle at 65% 28%,#312824 0 5%,transparent 5.5%),radial-gradient(circle at 43% 61%,#312824 0 8%,transparent 8.5%),radial-gradient(circle at 76% 73%,#312824 0 4%,transparent 4.5%),#e3c887}.oatmeal{background:#dbe3bc}.oatmeal .cookie-shape{background:radial-gradient(ellipse at 28% 26%,#7c4e2c 0 5%,transparent 5.5%),radial-gradient(ellipse at 68% 28%,#7c4e2c 0 4%,transparent 4.5%),radial-gradient(ellipse at 46% 62%,#7c4e2c 0 5%,transparent 5.5%),radial-gradient(ellipse at 76% 70%,#7c4e2c 0 4%,transparent 4.5%),repeating-linear-gradient(35deg,transparent 0 14px,rgba(132,88,44,.18) 15px 17px),#d7a755}.cookie-photo{background-position:center;background-repeat:no-repeat;background-size:cover;transition:background-size .35s ease}.cookie-card:hover .cookie-photo{background-size:108%}.cookie-photo .cookie-shape{display:none}.cookie-photo.choc-chip{background-image:url(/assets/chocolate-chip-m8hdUHng.jpg)}.cookie-photo.double-choc{background-image:url(/assets/double-chocolate-CXObZmKN.jpg)}.cookie-photo.snickerdoodle{background-image:url(/assets/snickerdoodle-DM1u8a9i.jpg)}.cookie-photo.birthday{background-image:url(/assets/birthday-cake-D08_E33S.jpg)}.cookie-photo.cookies-cream{background-image:url(/assets/cookies-and-cream-8vcL1fEY.jpg)}.cookie-photo.oatmeal{background-image:url(/assets/oatmeal-raisin-VBGpqJjs.jpg)}.card-content{padding:25px 26px 30px}.tag{color:var(--pink);font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.card-content h3{font-size:1.65rem;margin:8px 0 10px}.card-content p{color:#6b5c55;line-height:1.65;margin:0;font-size:.93rem}.menu-cta{margin-top:50px;padding-top:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.menu-cta p{font-weight:700}.menu-cta a{color:var(--pink);font-weight:800;text-underline-offset:5px}.menu-cta a span{margin-left:8px}.about-section{display:grid;grid-template-columns:1fr 1fr;min-height:720px}.about-art{position:relative;min-height:600px;background:var(--orange);display:grid;place-items:center;overflow:hidden}.about-art:before,.about-art:after{content:"";position:absolute;border-radius:50%;border:50px solid rgba(255,255,255,.14)}.about-art:before{width:300px;height:300px;top:-140px;left:-120px}.about-art:after{width:190px;height:190px;right:-100px;bottom:-100px}.quote-card{width:min(390px,72%);padding:50px;background:var(--cream);border:3px solid var(--ink);box-shadow:14px 14px 0 var(--ink);transform:rotate(-4deg);position:relative;z-index:2}.quote-mark{font-family:Georgia,serif;color:var(--pink);font-size:5rem;line-height:.5}.quote-card p{font-family:Fredoka,sans-serif;font-size:clamp(2rem,3vw,3rem);line-height:1.05;margin:22px 0 28px}.quote-card>span:last-child{font-size:.77rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.about-copy{padding:100px clamp(35px,7vw,105px);align-self:center}.about-copy>p:not(.eyebrow){color:#6b5c55;line-height:1.8;margin:30px 0 44px}.features{display:grid;grid-template-columns:1fr 1fr;gap:28px}.features>div{border-top:2px solid var(--ink);padding-top:20px}.features span{color:var(--pink);font-size:.72rem;font-weight:800}.features strong{display:block;margin:9px 0}.features p{margin:0;font-size:.85rem;line-height:1.5;color:#71615a}.order-section{background:var(--green);color:#fff;padding:110px clamp(24px,7vw,112px);display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(50px,8vw,125px);align-items:start}.eyebrow.light{color:#ffcc73}.order-intro{position:sticky;top:135px}.order-intro>p:not(.eyebrow){color:#ffffffbf;line-height:1.75;max-width:520px;margin:28px 0 44px}.order-steps{border-top:1px solid rgba(255,255,255,.25)}.order-steps>div{display:flex;align-items:center;gap:18px;padding:21px 0;border-bottom:1px solid rgba(255,255,255,.25)}.order-steps span{flex:0 0 40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:var(--ink);font-weight:800}.order-steps p{margin:0;color:#ffffffb3;line-height:1.6;font-size:.88rem}.order-steps strong{color:#fff}.order-form{background:var(--paper);color:var(--ink);border-radius:28px;padding:clamp(28px,4vw,52px);box-shadow:0 25px 60px #182b1d40}.form-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:30px;border-bottom:1px solid var(--line);padding-bottom:20px}.form-heading span{font-family:Fredoka,sans-serif;font-size:1.7rem}.form-heading p{margin:0;color:#7b6b64;font-size:.76rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label,legend{display:block;font-size:.78rem;font-weight:800;margin-bottom:20px}input,select,textarea{display:block;width:100%;margin-top:8px;border:1px solid #d6cec1;border-radius:11px;background:#fff;padding:13px 14px;color:var(--ink);outline:none;transition:border .2s,box-shadow .2s}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ef8f3229}fieldset{border:0;padding:0;margin:5px 0 20px}legend{margin-bottom:11px}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.checks label{margin:0}.checks input{position:absolute;opacity:0;width:0}.checks span{display:block;padding:11px 13px;background:#f4eee3;border:1px solid transparent;border-radius:9px;cursor:pointer;text-align:center;font-size:.74rem}.checks input:checked+span{background:#fff0d3;border-color:var(--orange);color:#844313}.checks input:focus-visible+span{outline:3px solid rgba(239,143,50,.3)}.submit{width:100%;background:var(--pink);color:#fff;margin-top:5px}.submit:hover{background:#d94d6c}.form-status{margin:12px 0 0;text-align:center;color:var(--green);font-size:.8rem;font-weight:700;min-height:1em}.form-status[data-state=error]{color:#a93333}.form-status[data-state=sending]{color:#71615a}.button:disabled{cursor:wait;opacity:.65;transform:none}.contact-section{padding:110px clamp(24px,7vw,112px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,10vw,150px);background:#f4e3c7}.contact-copy>p:not(.eyebrow){color:#6b5c55;line-height:1.75;max-width:500px}.contact-details{margin-top:38px;display:grid;grid-template-columns:1fr 1fr;gap:0}.contact-details a,.contact-details div{padding:20px 16px 20px 0;border-top:1px solid rgba(34,27,25,.18);text-decoration:none;font-weight:700;font-size:.9rem;overflow-wrap:anywhere}.contact-details span{display:block;color:var(--pink);text-transform:uppercase;letter-spacing:.1em;font-size:.62rem;margin-bottom:6px}.contact-details a:hover{color:var(--pink)}.contact-form{background:#fff;border:1px solid rgba(34,27,25,.12);border-radius:24px;padding:clamp(28px,4vw,48px);box-shadow:var(--shadow)}.dark-submit{width:100%;background:var(--ink);color:#fff}.dark-submit:hover{background:var(--brown)}footer{min-height:130px;padding:35px clamp(24px,5vw,80px);background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-brand{color:#fff}.footer-brand:before{width:92px;height:82px;padding:5px;background-color:var(--cream);border-radius:50%}.footer-brand .mini-cookie:after{background:var(--ink)}.footer-brand strong{color:var(--orange)}footer p{margin:0;color:#fff9;font-size:.78rem}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}@media (max-width: 1000px){.hero{grid-template-columns:1fr 1fr;padding-inline:45px}.cookie-grid{grid-template-columns:repeat(2,1fr)}.order-section{grid-template-columns:1fr}.order-intro{position:static}.order-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:0;gap:15px}.order-steps>div{display:block;border:1px solid rgba(255,255,255,.25);padding:20px;border-radius:14px}.order-steps span{margin-bottom:14px}.contact-section{gap:50px}}@media (max-width: 760px){.site-header{height:72px}.site-header .brand:before{width:63px;height:57px;border-radius:13px}.menu-toggle{display:block;z-index:3}.site-header nav{position:absolute;top:71px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:16px 24px 25px;background:var(--cream);border-bottom:1px solid var(--line);box-shadow:0 15px 20px #321e1414}.site-header nav.open{display:flex}.site-header nav a{padding:14px 5px}.nav-order{text-align:center;margin-top:6px}.hero{min-height:auto;grid-template-columns:1fr;padding:70px 24px 45px;text-align:center}.hero-copy{margin:0 auto}.hero-text{font-size:1rem}.hero-actions{justify-content:center}.hero-art{min-height:340px;height:390px}.big-cookie{width:min(330px,82vw)}.sprinkle.s2{left:8%}.sprinkle.s3{left:85%}.hero-note{margin-bottom:5px}.cookies-section,.order-section,.contact-section{padding:78px 24px}.section-heading{grid-template-columns:1fr;gap:20px}.cookie-grid{grid-template-columns:1fr}.cookie-photo{height:230px}.menu-cta{align-items:flex-start;flex-direction:column;gap:8px}.about-section{grid-template-columns:1fr}.about-art{min-height:480px}.about-copy{padding:75px 24px}.features,.order-steps{grid-template-columns:1fr}.field-row{grid-template-columns:1fr;gap:0}.checks{grid-template-columns:1fr 1fr}.form-heading{display:block}.form-heading p{margin-top:7px}.contact-section,.contact-details{grid-template-columns:1fr}footer{flex-direction:column;text-align:center;padding-block:45px}}@media (max-width: 430px){h1{font-size:3.35rem}.hero-actions{flex-direction:column;gap:15px}.hero-art{height:340px;min-height:300px}.checks{grid-template-columns:1fr}.quote-card{width:78%;padding:35px}.cookie-shape{width:165px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}#toast-container{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;min-width:260px;max-width:380px;padding:14px 18px;border-radius:14px;font-size:.85rem;font-weight:600;line-height:1.4;background:var(--ink);color:#fff;box-shadow:0 8px 30px #221b1940;pointer-events:auto;cursor:pointer;opacity:0;transform:translate(20px);transition:opacity .28s ease,transform .28s ease}.toast.visible{opacity:1;transform:none}.toast-success{background:#2a6343}.toast-error{background:#8b2a2a}.toast-info{background:var(--ink)}.toast-icon{flex:0 0 20px;height:20px;width:20px;border-radius:50%;display:grid;place-items:center;font-size:.75rem;background:#fff3}.toast-msg{flex:1}@media (max-width: 500px){#toast-container{top:16px;right:12px;left:12px}.toast{min-width:unset;max-width:100%}}.nav-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#221b1973;z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}body.nav-open .nav-overlay{display:block}body.nav-open{overflow:hidden}input.field-error,select.field-error,textarea.field-error{border-color:#c03030;box-shadow:0 0 0 3px #c0303026}.field-error-msg{display:block;color:#c03030;font-size:.74rem;font-weight:600;margin-top:5px;margin-bottom:14px}.char-counter{display:block;text-align:right;font-size:.72rem;color:#9e8f87;margin-top:4px;margin-bottom:18px;font-weight:500}.char-counter.near-limit{color:#c05010}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px;margin-right:4px}@keyframes spin{to{transform:rotate(360deg)}}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;gap:16px;color:#9e8f87}.loading-spinner{width:36px;height:36px;border:3px solid rgba(239,143,50,.2);border-top-color:var(--orange);border-radius:50%;animation:spin .8s linear infinite}.custom-color .cookie-shape{background:inherit;border-radius:50%;width:200px;height:200px}.admin-layout{display:flex;min-height:100vh;background:#f5f2ed}.admin-sidebar{width:260px;flex-shrink:0;background:var(--ink);display:flex;flex-direction:column;padding:0;position:sticky;top:0;height:100vh;overflow-y:auto}.admin-sidebar-brand{display:flex;align-items:center;gap:12px;padding:28px 22px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-sidebar-brand .mini-cookie:before{background:var(--cream);border-radius:50%;width:42px;height:38px}.admin-sidebar-brand .mini-cookie:after{background:var(--ink)}.admin-sidebar-title{display:block;font-family:Fredoka,sans-serif;font-size:1rem;color:#fff;line-height:1.2}.admin-sidebar-sub{display:block;font-size:.68rem;color:#fff6;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.admin-nav{display:flex;flex-direction:column;padding:16px 12px;gap:4px;flex:1}.admin-nav-item{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;font-size:.85rem;font-weight:600;color:#fff9;background:none;border:none;cursor:pointer;text-decoration:none;text-align:left;transition:background .15s,color .15s;width:100%}.admin-nav-item:hover{background:#ffffff14;color:#ffffffe6}.admin-nav-item.active{background:#ffffff1f;color:#fff}.admin-nav-icon{font-size:1rem;width:20px;text-align:center}.admin-sidebar-footer{padding:12px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:2px}.admin-logout{color:#ff6464b3!important}.admin-logout:hover{background:#ff50501f!important;color:#ff6464!important}.admin-main{flex:1;padding:40px clamp(24px,4vw,56px);overflow-y:auto;min-height:100vh}.admin-page-header{margin-bottom:28px}.admin-page-header h1{font-size:2rem;color:var(--ink);margin:0 0 4px}.admin-page-header p{color:#9e8f87;margin:0;font-size:.88rem}.admin-two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.admin-card{background:#fff;border-radius:18px;padding:28px;box-shadow:0 2px 12px #221b1912}.admin-card-title{font-family:Fredoka,sans-serif;font-size:1.3rem;color:var(--ink);margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid var(--line)}.admin-cookie-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.admin-cookie-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:#f9f6f2;transition:background .15s}.admin-cookie-item:hover{background:#f4ede0}.admin-cookie-swatch{width:36px;height:36px;border-radius:50%;flex-shrink:0;position:relative;overflow:hidden;background:var(--cream)}.admin-cookie-swatch.choc-chip{background:radial-gradient(circle at 40% 35%,#f5c87a,#d48a3a 60%,#b5671e)}.admin-cookie-swatch.double-choc{background:radial-gradient(circle at 40% 35%,#6b3a1f,#3d1f0d 70%)}.admin-cookie-swatch.snickerdoodle{background:radial-gradient(circle at 40% 35%,#f0d080,#c8823a 60%,#a05a20)}.admin-cookie-swatch.birthday{background:radial-gradient(circle at 40% 35%,#f9f0c8,#e8c870 60%,#c8a030)}.admin-cookie-swatch.cookies-cream{background:radial-gradient(circle at 40% 35%,#f5f0e8,#d8cfc0 60%,#b8a890)}.admin-cookie-swatch.oatmeal{background:radial-gradient(circle at 40% 35%,#e8d090,#c0943c 60%,#9a6e20)}.admin-cookie-info{flex:1;min-width:0}.admin-cookie-info strong{display:block;font-size:.88rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-cookie-tag{font-size:.72rem;color:#9e8f87}.admin-confirm{display:flex;align-items:center;gap:6px;font-size:.78rem;color:#a93333;font-weight:600}.admin-loading{display:flex;align-items:center;gap:10px;color:#9e8f87;padding:20px 0}.admin-empty{color:#9e8f87;font-size:.88rem;padding:20px 0;text-align:center}.admin-form{display:flex;flex-direction:column;gap:0}.admin-label{display:flex;flex-direction:column;gap:6px;font-size:.78rem;font-weight:700;color:var(--ink);margin-bottom:16px}.admin-hint{font-weight:400;color:#9e8f87;font-size:.72rem}.admin-input{display:block;width:100%;padding:11px 13px;border:1px solid #d6cec1;border-radius:10px;background:#fff;color:var(--ink);font-size:.88rem;font-family:inherit;outline:none;transition:border .2s,box-shadow .2s;box-sizing:border-box}.admin-input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ef8f3229}.admin-textarea{resize:vertical;min-height:90px}.admin-color-row{display:flex;align-items:center;gap:12px;margin-top:6px}.admin-color-picker{width:48px;height:40px;border:1px solid #d6cec1;border-radius:8px;cursor:pointer;padding:2px;background:#fff}.admin-color-value{font-size:.8rem;color:#9e8f87;font-family:monospace}.admin-error{color:#a93333;font-size:.8rem;font-weight:600;margin:0 0 12px}.admin-success{color:#2a6343;font-size:.8rem;font-weight:600;margin:0 0 12px}.admin-btn-primary{background:var(--orange);color:#fff;border:none;border-radius:10px;padding:12px 20px;font-weight:700;font-size:.88rem;font-family:inherit;cursor:pointer;transition:background .2s;width:100%}.admin-btn-primary:hover{background:#d07c28}.admin-btn-primary:disabled{opacity:.6;cursor:wait}.admin-btn-ghost-sm{background:none;border:1px solid #d6cec1;border-radius:7px;padding:5px 11px;font-size:.75rem;font-weight:600;color:#7b6b64;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}.admin-btn-ghost-sm:hover{background:#f4ede0;color:var(--ink)}.admin-btn-danger-sm{background:#a93333;border:none;border-radius:7px;padding:5px 11px;font-size:.75rem;font-weight:600;color:#fff;cursor:pointer;font-family:inherit;transition:background .15s}.admin-btn-danger-sm:hover{background:#8b2a2a}.admin-submissions{display:flex;flex-direction:column;gap:16px}.admin-submission-card{border-radius:12px;border:1px solid var(--line);padding:18px 20px;background:#fdfaf7}.admin-submission-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.admin-sub-badge{font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:20px;background:var(--cream)}.admin-sub-badge.order{background:#fff0d3;color:#844313}.admin-sub-badge.contact{background:#d3eaff;color:#134484}.admin-sub-date{font-size:.72rem;color:#9e8f87}.admin-sub-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 20px;margin:0}.admin-sub-field dt{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9e8f87;margin-bottom:2px}.admin-sub-field dd{margin:0;font-size:.83rem;color:var(--ink);line-height:1.5}.admin-login-page{min-height:100vh;background:var(--ink);display:flex;align-items:center;justify-content:center;padding:24px}.admin-login-card{background:var(--paper);border-radius:24px;padding:44px 40px;width:100%;max-width:400px;box-shadow:0 25px 60px #00000059}.admin-login-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);margin-bottom:32px;font-family:Fredoka,sans-serif;font-size:1.2rem}.admin-login-brand strong{color:var(--orange)}.admin-login-card h1{font-size:1.8rem;margin:0 0 6px}.admin-login-card>p{color:#9e8f87;font-size:.88rem;margin:0 0 24px}.admin-login-card form{display:flex;flex-direction:column;gap:0}.admin-back-link{display:block;text-align:center;margin-top:20px;font-size:.8rem;color:#9e8f87;text-decoration:none}.admin-back-link:hover{color:var(--orange)}@media (max-width: 900px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;height:auto;position:static;flex-direction:row;flex-wrap:wrap}.admin-sidebar-brand{flex:1;border-bottom:none;border-right:1px solid rgba(255,255,255,.1)}.admin-nav{flex-direction:row;padding:8px;flex:2;gap:4px}.admin-sidebar-footer{flex-direction:row;padding:8px;border-top:none;border-left:1px solid rgba(255,255,255,.1)}.admin-two-col,.admin-sub-fields{grid-template-columns:1fr}}.admin-btn-google{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 20px;background:#fff;border:1.5px solid #dadce0;border-radius:10px;font-family:inherit;font-size:.9rem;font-weight:600;color:#3c4043;text-decoration:none;cursor:pointer;transition:background .15s,box-shadow .15s;margin-bottom:8px}.admin-btn-google:hover{background:#f8f9fa;box-shadow:0 2px 8px #0000001f}.admin-btn-google svg{width:20px;height:20px;flex-shrink:0}.admin-signed-in-as{font-size:.75rem;color:#ffffff80;padding:12px 16px 4px}.admin-signed-in-as strong{color:#fffc}