*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{color:#244e38;background:#f8eee8;font-family:Arial,sans-serif;overflow:hidden}#app{background:radial-gradient(circle at 15% 35%,#ffffffb3,#0000 26%),#f8eee8;min-height:100vh;position:relative;overflow:hidden}canvas{display:block}.site-header{z-index:2;justify-content:space-between;align-items:center;width:100%;padding:1.5rem clamp(1.5rem,6vw,5rem);display:flex;position:absolute;top:0;left:0}.brand{letter-spacing:.12em;margin:0;font-size:.85rem;font-weight:900}.header-text{margin:0;font-size:.9rem}.hero-copy{z-index:1;pointer-events:none;width:min(320px,35vw);position:absolute;top:22%;left:clamp(1.5rem,8vw,8rem)}.eyebrow{color:#c25883;letter-spacing:.14em;margin:0 0 .45rem;font-size:.7rem;font-weight:700}h1{letter-spacing:-.07em;margin:0;font-size:clamp(2.4rem,5vw,4.5rem);line-height:.93}h1 em{color:#c25883}.hero-copy>p:last-child{color:#5f735f;max-width:240px;margin-top:1rem;line-height:1.5}.customisation-panel{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fffc;border-radius:20px;width:min(92vw,920px);padding:1.1rem 1.25rem;position:absolute;bottom:1.2rem;right:50%;transform:translate(50%);box-shadow:0 18px 40px #462d1e24}.panel-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}h2{margin:0;font-size:1.25rem}.selection-note{color:#718071;margin:0;font-size:.8rem}.choice-section{margin-top:1rem}.choice-title{color:#5f735f;margin:0 0 .5rem;font-size:.8rem;font-weight:700}.option-grid{gap:.65rem;display:grid}.flavour-options{grid-template-columns:repeat(4,1fr)}.topping-options{grid-template-columns:repeat(3,1fr)}.flavour-button,.topping-button{color:#244e38;text-align:left;cursor:pointer;background:#fff;border:1px solid #e8ddd6;border-radius:12px;align-items:center;gap:.65rem;min-width:0;padding:.7rem;transition:transform .15s,border-color .15s;display:flex}.topping-button{gap:.15rem;display:grid}.flavour-button:hover,.topping-button:hover{border-color:#c25883;transform:translateY(-3px)}.flavour-button.active,.topping-button.active{border-color:#c25883;box-shadow:0 0 0 2px #f6c8da}.flavour-button span:last-child{gap:.15rem;display:grid}.flavour-button strong,.topping-button strong{font-size:.85rem}.flavour-button small,.topping-button small{color:#718071;font-size:.7rem}.flavour-dot{border:2px solid #244e3826;border-radius:50%;flex:none;width:28px;height:28px;display:block}.vanilla{background:#fff1bd}.strawberry{background:#f58baa}.chocolate{background:#6b351f}.mint{background:#9edbc1}@media (width<=700px){body{overflow:auto}.hero-copy{width:240px;top:15%;left:1.5rem}.flavour-options,.topping-options{grid-template-columns:repeat(2,1fr)}.selection-note{display:none}.order-button{color:#fff;width:100%;font:inherit;cursor:pointer;background:#c25883;border:0;border-radius:12px;justify-content:space-between;align-items:center;margin-top:1rem;padding:.9rem 1rem;font-weight:700;display:flex}.order-button span{background:#fff3;border-radius:999px;padding:.25rem .5rem}.order-modal{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#391a2873;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.order-modal.hidden{display:none}.order-form{background:#fff;border-radius:20px;gap:.65rem;width:min(100%,420px);padding:2rem;display:grid;position:relative;box-shadow:0 20px 60px #461e324d}.order-form h2{margin:0 0 .5rem}.order-form label{font-size:.8rem;font-weight:700}.order-form input,.order-form textarea,.order-form select{width:100%;font:inherit;border:1px solid #e8c7d5;border-radius:8px;padding:.75rem}.order-form textarea{resize:vertical;min-height:90px}.close-button{color:#c25883;cursor:pointer;background:0 0;border:0;font-size:1.8rem;position:absolute;top:.75rem;right:.9rem}.order-summary{color:#5f735f;margin:.5rem 0 0;font-size:.9rem}.order-message{color:#b42318;margin:0;font-size:.9rem}.submit-order-button{color:#fff;font:inherit;cursor:pointer;background:#c25883;border:0;border-radius:10px;margin-top:.5rem;padding:.9rem;font-weight:700}}