body{min-height:100vh}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brown:#111;--caramel:#fff;--cream:#f5f5f5;--sand:#e0e0e0;--text:#1a1a1a;--muted:#666;--white:#fff;--radius:12px;color:var(--text);background:var(--cream);scroll-behavior:smooth;font-family:system-ui,Segoe UI,sans-serif}.navbar{background:var(--brown);height:64px;color:var(--white);z-index:100;justify-content:space-between;align-items:center;padding:0 48px;display:flex;position:sticky;top:0}.nav-brand{letter-spacing:-.5px;font-size:1.3rem;font-weight:700}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{color:var(--sand);font-size:.95rem;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--white)}.nav-right{align-items:center;gap:12px;display:flex}.audio-controls{align-items:center;gap:6px;display:flex}.audio-btn{color:var(--white);cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:background .2s;display:flex}.audio-btn:hover{background:#ffffff26}.cart-btn{background:var(--white);color:#111;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:8px 20px;font-size:.95rem;font-weight:600;transition:background .2s;display:flex}.cart-btn:hover{background:#ddd}.cart-badge{color:var(--white);background:#111;border-radius:999px;padding:1px 8px;font-size:.8rem;font-weight:700}.hero-logo{flex-shrink:0;width:auto;height:320px}.hero-dance{object-fit:cover;width:100%;height:auto;display:block}.hero-logo-white{flex-shrink:0;width:auto;height:320px}.hero{color:var(--white);background:#1a1a1a;justify-content:center;align-items:center;width:100%;padding:0;display:flex}.hero-content{max-width:540px}.hero h1{letter-spacing:-1px;margin-bottom:20px;font-size:3.2rem;font-weight:800;line-height:1.1}.hero-mascot{object-fit:contain;filter:drop-shadow(0 8px 24px #00000080);width:420px;height:auto;margin-top:16px;margin-left:auto;margin-right:auto;display:block}.hero-sho{letter-spacing:-1px;text-align:center;margin-top:-12px;margin-bottom:20px;font-size:3.2rem;font-weight:800;line-height:1.1}.hero p{color:var(--sand);margin-bottom:36px;font-size:1.15rem;line-height:1.6}.hero-ctas{flex-direction:column;gap:12px;display:flex}.hero-ctas-row{justify-content:center;gap:16px;display:flex}.hero-ctas-center{justify-content:center}.hero-cta{background:var(--white);color:#111;border-radius:999px;padding:14px 36px;font-size:1rem;font-weight:700;text-decoration:none;transition:background .2s;display:inline-block}.hero-cta:hover{background:#ddd}.hero-cta-outline{border:2px solid var(--white);color:var(--white);background:0 0}.hero-cta-outline:hover{background:#ffffff26}.hero-art{font-size:10rem;line-height:1;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.intro-section{text-align:center;background:#1a1a1a;padding:60px 48px}.intro-text{max-width:900px;color:var(--caramel);margin:0 auto;font-size:1.6rem;font-weight:500;line-height:1.7}.menu-section{text-align:center;padding:80px 48px;position:relative;overflow:hidden}.menu-bg{pointer-events:none;perspective:800px;z-index:0;position:absolute;inset:0}.menu-bg-shape{opacity:.12;transform-style:preserve-3d;filter:blur(.5px);border-radius:50%;justify-content:center;align-items:center;animation:linear infinite float3d;display:flex;position:absolute}@keyframes float3d{0%{opacity:.35;transform:rotateX(0)rotateY(0)rotate(0)translateZ(0)}25%{opacity:.55;transform:rotateX(90deg)rotateY(45deg)rotate(30deg)translateZ(60px)}50%{opacity:.35;transform:rotateX(180deg)rotateY(90deg)rotate(60deg)translateZ(0)}75%{opacity:.55;transform:rotateX(270deg)rotateY(135deg)rotate(90deg)translateZ(-60px)}to{opacity:.35;transform:rotateX(360deg)rotateY(180deg)rotate(120deg)translateZ(0)}}.menu-section>:not(.menu-bg){z-index:1;position:relative}.menu-section h2{color:var(--brown);margin-bottom:8px;font-size:2.2rem;font-weight:800}.section-sub{color:var(--muted);margin-bottom:48px;font-size:1.05rem}.category{margin-bottom:56px}.category-title{color:#111;text-align:center;text-transform:uppercase;letter-spacing:2px;border-bottom:2px solid var(--sand);max-width:1100px;margin:0 auto 24px;padding-bottom:10px;font-size:1.6rem;font-weight:800}.category-desc{text-align:center;color:#555;max-width:700px;margin:-12px auto 20px;font-size:1rem}.dough-tabs{flex-wrap:wrap;justify-content:center;gap:10px;max-width:1100px;margin:0 auto 10px;display:flex}.dough-tabs-specials{margin-bottom:28px}.dough-tab{border:2px solid var(--sand);background:var(--white);color:var(--muted);cursor:pointer;border-radius:999px;padding:8px 22px;font-size:.9rem;font-weight:600;transition:all .2s}.dough-tab:hover{color:#111;border-color:#111}.dough-tab.active{background:var(--brown);border-color:var(--brown);color:var(--white)}.cookie-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px;max-width:1100px;margin:0 auto;display:grid}.card-wrap{position:relative}.cookie-card{background:var(--white);border-radius:var(--radius);text-align:left;flex-direction:column;gap:10px;padding:28px 24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 12px #4a2c0a14}.cookie-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #4a2c0a24}.cookie-emoji{font-size:3rem}.variant-image{aspect-ratio:4/3;object-fit:cover;cursor:zoom-in;border-radius:8px;width:100%;transition:transform .3s,box-shadow .3s;position:relative}.variant-image:hover{z-index:999;transform:scale(1.5);box-shadow:0 12px 36px #00000040}.gallery{flex-direction:column;gap:8px;display:flex}.gallery-main{aspect-ratio:4/3;object-fit:cover;cursor:zoom-in;border-radius:8px;width:100%;transition:transform .3s,box-shadow .3s}.gallery-main:hover{z-index:999;position:relative;transform:scale(1.5);box-shadow:0 12px 36px #00000040}.gallery-thumbs{flex-wrap:wrap;gap:6px;display:flex}.gallery-thumb{object-fit:cover;cursor:pointer;opacity:.7;border:2px solid #0000;border-radius:6px;width:44px;height:44px;transition:all .2s}.gallery-thumb:hover{opacity:1}.gallery-thumb.active{opacity:1;border-color:#111}.cookie-video{object-fit:contain;cursor:pointer;background:#000;border-radius:8px;width:100%;transition:transform .3s,box-shadow .3s;display:block;position:relative}.cookie-video:hover{z-index:999;transform:scale(1.5);box-shadow:0 12px 36px #00000040}.cookie-card h3{color:var(--brown);font-size:1.1rem;font-weight:700}.cookie-card p{color:var(--muted);flex:1;font-size:.9rem;line-height:1.5}.variant-toggle{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.variant-btn{border:2px solid var(--sand);background:var(--white);color:var(--muted);cursor:pointer;border-radius:8px;flex:1;padding:6px 0;font-size:.82rem;font-weight:600;transition:all .2s}.variant-btn:hover{color:#111;border-color:#111}.variant-btn.active{color:var(--white);background:#111;border-color:#111}.style-toggle{gap:8px;margin-top:4px;display:flex}.style-btn{border:2px solid var(--sand);background:var(--white);color:var(--muted);cursor:pointer;border-radius:999px;flex:1;padding:6px 0;font-size:.82rem;font-weight:600;transition:all .2s}.style-btn:hover{color:#111;border-color:#111}.style-btn.active{background:var(--brown);border-color:var(--brown);color:var(--white)}.style-price{opacity:.75;margin-top:1px;font-size:.72rem;font-weight:500;display:block}.qty-row{align-items:center;gap:12px;margin-top:4px;display:flex}.qty-btn{border:2px solid var(--sand);background:var(--white);width:30px;height:30px;color:var(--brown);cursor:pointer;border-radius:50%;font-size:1.1rem;font-weight:700;line-height:1;transition:all .2s}.qty-btn:hover{background:var(--brown);border-color:var(--brown);color:var(--white)}.qty-display{color:var(--brown);text-align:center;min-width:24px;font-size:1rem;font-weight:700}.cookie-footer{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.price{color:#111;font-size:1.15rem;font-weight:700}.add-btn{background:var(--brown);color:var(--white);cursor:pointer;border:none;border-radius:999px;padding:8px 18px;font-size:.875rem;font-weight:600;transition:background .2s}.add-btn:hover{background:#444}.added-toast{color:#fff;background:#22c55e;border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:700;animation:1.2s forwards fadeInOut;position:absolute;top:12px;right:12px}@keyframes fadeInOut{0%{opacity:0;transform:scale(.8)}20%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0}}.merch-section{text-align:center;background:#f5f5f5;padding:80px 48px}.merch-section h2{color:#111;margin-bottom:8px;font-size:2.2rem;font-weight:800}.merch-category-title{color:var(--caramel);text-align:center;letter-spacing:1px;margin:32px 0 16px;font-size:1.6rem;font-weight:700}.merch-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px;max-width:1100px;margin:0 auto;display:grid}.merch-card{background:var(--white);border-radius:var(--radius);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 12px #00000014}.merch-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000024}.merch-img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius) var(--radius) 0 0;cursor:zoom-in;width:100%;transition:transform .3s,box-shadow .3s;position:relative}.merch-img:hover{z-index:999;transform:scale(1.5);box-shadow:0 12px 36px #00000040}.merch-info{justify-content:space-between;align-items:center;padding:14px 16px 8px;display:flex}.merch-info h3{color:#111;font-size:1rem;font-weight:700}.size-selector{flex-wrap:wrap;gap:6px;padding:0 16px 10px;display:flex}.size-btn{border:1.5px solid var(--sand);background:var(--white);color:var(--muted);cursor:pointer;border-radius:6px;flex:1;min-width:36px;padding:5px 0;font-size:.78rem;font-weight:700;transition:all .2s}.size-btn:hover{color:#111;border-color:#111}.size-btn.active{color:var(--white);background:#111;border-color:#111}.merch-add{border-radius:var(--radius);text-align:center;width:calc(100% - 32px);margin:0 16px 16px;padding:10px}.addict-section{text-align:center;color:var(--white);background:#111;padding:80px 48px}.addict-section h2{color:var(--white);margin-bottom:12px;font-size:2.2rem;font-weight:800}.addict-section>p{color:#aaa;margin-bottom:36px;font-size:1.05rem}.addict-form{flex-direction:column;gap:14px;max-width:480px;margin:0 auto;display:flex}.addict-form input{border-radius:var(--radius);color:var(--white);background:#1a1a1a;border:1.5px solid #333;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.addict-form input::placeholder{color:#666}.addict-form input:focus{border-color:var(--white);outline:none}.addict-form button{background:var(--white);color:#111;border-radius:var(--radius);cursor:pointer;border:none;padding:14px;font-size:1rem;font-weight:700;transition:background .2s}.addict-form button:hover{background:#ddd}.about-section{background:var(--sand);justify-content:center;align-items:center;gap:40px;padding:40px 48px;display:flex}.about-content{max-width:360px}.about-content h2{color:var(--brown);margin-bottom:16px;font-size:2rem;font-weight:800}.about-content p{color:var(--muted);font-size:1rem;line-height:1.7}.about-art{font-size:7rem}.about-mascot{object-fit:contain;width:auto;height:420px}.contact-section{text-align:center;padding:80px 48px}.contact-section h2{color:var(--brown);margin-bottom:8px;font-size:2rem;font-weight:800}.contact-section>p{color:var(--muted);margin-bottom:36px}.contact-form{flex-direction:column;gap:14px;max-width:480px;margin:0 auto;display:flex}.contact-form input,.contact-form textarea{border-radius:var(--radius);background:var(--white);color:var(--text);resize:vertical;border:1.5px solid #d4b896;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:#111;outline:none}.contact-form button{background:var(--brown);color:var(--white);border-radius:var(--radius);cursor:pointer;border:none;padding:14px;font-size:1rem;font-weight:700;transition:background .2s}.contact-form button:hover{background:#444}.schedule-section{text-align:center;background:var(--white);padding:80px 48px}.schedule-section h2{color:#111;margin-bottom:8px;font-size:2.2rem;font-weight:800}.schedule-form-inner{flex-direction:column;gap:20px;max-width:520px;margin:0 auto;display:flex}.method-toggle{gap:12px;display:flex}.method-btn{border-radius:var(--radius);border:2px solid var(--sand);background:var(--white);color:var(--muted);cursor:pointer;flex:1;padding:14px;font-size:1rem;font-weight:700;transition:all .2s}.method-btn:hover{color:#111;border-color:#111}.method-btn.active{color:var(--white);background:#111;border-color:#111}.delivery-notice{color:#b45309;border-radius:var(--radius);text-align:center;background:#fffbeb;border:1.5px solid #fde68a;padding:10px 14px;font-size:.82rem}.fee-status{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;margin-top:6px;padding:8px 12px;font-size:.85rem}.fee-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-top:6px;padding:8px 12px;font-size:.85rem}.fee-tiers{color:#888;margin-top:6px;font-size:.75rem;line-height:1.4}.schedule-fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.schedule-field{text-align:left;flex-direction:column;gap:6px;display:flex}.schedule-field label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.schedule-field input{border-radius:var(--radius);background:var(--cream);color:var(--text);border:1.5px solid #d4d4d4;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.schedule-field input:focus{border-color:#111;outline:none}.schedule-submit{color:var(--white);border-radius:var(--radius);cursor:pointer;background:#111;border:none;padding:16px;font-size:1rem;font-weight:700;transition:background .2s}.schedule-submit:hover{background:#333}.schedule-confirm{color:#16a34a;border-radius:var(--radius);background:#f0fdf4;border:1.5px solid #bbf7d0;padding:16px;font-size:.95rem;font-weight:600}.float-nav{z-index:150;background:#111;border-radius:999px;gap:8px;padding:10px 20px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000059}.float-nav-item{border-radius:999px;flex-direction:column;align-items:center;gap:3px;padding:8px 16px;text-decoration:none;transition:background .2s;display:flex}.float-nav-item:hover{background:#ffffff26}.float-nav-icon{font-size:1.2rem;line-height:1}.float-nav-label{color:#fff;letter-spacing:.5px;text-transform:uppercase;font-size:.7rem;font-weight:700}.footer{background:var(--brown);color:var(--sand);text-align:center;padding:24px;font-size:.9rem}.cart-overlay{z-index:200;background:#0006;justify-content:flex-end;display:flex;position:fixed;inset:0}.cart-drawer{background:var(--white);flex-direction:column;width:380px;max-width:100%;height:100%;padding:28px;display:flex;overflow-y:auto}.cart-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.cart-header h2{color:var(--brown);font-size:1.4rem;font-weight:800}.close-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:1.2rem}.cart-empty{color:var(--muted);text-align:center;margin-top:48px}.cart-list{flex-direction:column;flex:1;gap:16px;list-style:none;display:flex}.cart-item{background:var(--cream);border-radius:var(--radius);align-items:center;gap:12px;padding:12px;display:flex}.cart-item-emoji{font-size:1.8rem}.cart-item-info{flex-direction:column;flex:1;gap:2px;display:flex}.cart-item-name{color:var(--brown);font-size:.9rem;font-weight:600}.cart-item-qty{color:var(--muted);font-size:.82rem}.remove-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:.85rem}.remove-btn:hover{color:#ef4444}.cart-footer{border-top:1px solid var(--sand);flex-direction:column;gap:12px;margin-top:20px;padding-top:20px;display:flex}.cart-subtotal{color:var(--muted);font-size:.95rem}.cart-tax{color:var(--muted);border-bottom:1px solid var(--sand);padding-bottom:8px;font-size:.95rem}.cart-total{color:var(--text);font-size:1.1rem}.checkout-btn{background:var(--brown);color:var(--white);border-radius:var(--radius);cursor:pointer;border:none;padding:14px;font-size:1rem;font-weight:700;transition:background .2s}.checkout-btn:hover{background:#444}.clear-btn{color:var(--muted);border-radius:var(--radius);cursor:pointer;background:0 0;border:1.5px solid #d4b896;padding:10px;font-size:.9rem;transition:border-color .2s}.clear-btn:hover{color:#ef4444;border-color:#ef4444}.cart-schedule{border-top:1px solid var(--sand);margin-top:8px;padding-top:24px}.cart-schedule-title{color:#111;margin-bottom:4px;font-size:1.1rem;font-weight:800}.cart-schedule-sub{color:var(--muted);margin-bottom:16px;font-size:.85rem}.cart-schedule .schedule-form-inner{max-width:100%}.cart-schedule .method-btn{padding:10px;font-size:.88rem}.cart-schedule .schedule-field input{background:var(--white);font-size:.88rem}.cart-schedule .schedule-submit{padding:12px;font-size:.95rem}@media (width<=768px){.navbar{padding:0 20px}.nav-links{display:none}.hero{text-align:center;flex-direction:column;padding:60px 24px}.hero h1{font-size:2.2rem}.hero-art{font-size:6rem}.menu-section,.contact-section{padding:60px 24px}.about-section{text-align:center;flex-direction:column;padding:60px 24px}}