:root{--bg: #fff4e6;--card: #ffffff;--ink: #35201b;--muted: #8a6f64;--line: #f3ddca;--c-guests: #e8562d;--c-arches: #f5a623;--c-centerpieces: #18a8a0;--c-clusters: #9b51e0;--accent: #e8562d;--accent-ink: #ffffff;--radius: 18px;--radius-sm: 12px;--gap: 14px;--shadow: 0 12px 32px rgba(53, 32, 27, .14);--focus-ring: 0 0 0 3px rgba(232, 86, 45, .35);--font: "Baloo 2", "Comic Sans MS", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;display:flex;justify-content:center;align-items:flex-start;padding:24px 16px 40px;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.45;overflow-x:hidden}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.balloon{position:absolute;width:54px;height:66px;border-radius:50%/46% 46% 54% 54%;opacity:.16}.balloon:after{content:"";position:absolute;left:50%;bottom:-12px;width:1.5px;height:46px;background:currentColor;transform:translate(-50%)}.balloon.b1{top:6%;left:5%;background:var(--c-guests);color:var(--c-guests)}.balloon.b2{top:18%;right:8%;background:var(--c-arches);color:var(--c-arches);width:42px;height:52px}.balloon.b3{bottom:12%;left:9%;background:var(--c-centerpieces);color:var(--c-centerpieces);width:66px;height:80px}.balloon.b4{bottom:22%;right:5%;background:var(--c-clusters);color:var(--c-clusters)}.balloon.b5{top:44%;left:-14px;background:var(--c-arches);color:var(--c-arches);width:36px;height:44px}.balloon.b6{top:55%;right:-10px;background:var(--c-guests);color:var(--c-guests);width:40px;height:48px}.confetti{position:absolute;width:10px;height:14px;border-radius:3px;opacity:.35}.confetti.c1{top:24%;left:22%;background:var(--c-arches);transform:rotate(24deg)}.confetti.c2{top:64%;left:30%;background:var(--c-clusters);transform:rotate(-18deg)}.confetti.c3{top:12%;right:30%;background:var(--c-centerpieces);transform:rotate(40deg)}.confetti.c4{bottom:8%;right:26%;background:var(--c-guests);transform:rotate(-30deg)}.card{position:relative;z-index:1;width:100%;max-width:560px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 24px 24px}h1{margin:0 0 6px;font-size:clamp(1.45rem,5vw,1.9rem);line-height:1.15;text-align:center}.intro{margin:0 0 20px;text-align:center;color:var(--muted);font-size:.95rem}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.field{display:flex;flex-direction:column;gap:6px}label{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-weight:700;font-size:.9rem}.hint{font-weight:600;font-size:.72rem;color:var(--muted);white-space:nowrap}input{width:100%;min-height:44px;padding:10px 12px;font:inherit;font-size:1.1rem;font-weight:600;color:var(--ink);background:#fffdf9;border:2px solid var(--line);border-radius:var(--radius-sm);transition:border-color .15s ease,box-shadow .15s ease}input:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}input.invalid{border-color:#d93025;background:#fff1f0}input.invalid:focus-visible{box-shadow:0 0 0 3px #d930254d}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.results{margin-top:20px;padding:18px 16px;background:linear-gradient(135deg,#fff7ec,#fdeee6);border-radius:var(--radius-sm);border:1px solid var(--line)}.hero{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.total{display:flex;flex-direction:column}.total-number{font-size:clamp(2.4rem,9vw,3.4rem);font-weight:800;line-height:1;color:var(--c-guests)}.total-caption{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.bags{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.bags-number{font-size:clamp(1.7rem,6vw,2.3rem);font-weight:800;line-height:1;color:var(--c-clusters)}.bags-caption{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.bags-caption small{text-transform:none;letter-spacing:0;font-weight:600}.breakdown{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid var(--line)}.dot{width:14px;height:14px;border-radius:50%;flex:none}.row[data-row=guests] .dot{background:var(--c-guests)}.row[data-row=arches] .dot{background:var(--c-arches)}.row[data-row=centerpieces] .dot{background:var(--c-centerpieces)}.row[data-row=clusters] .dot{background:var(--c-clusters)}.row[data-row=guests]{border-left:4px solid var(--c-guests)}.row[data-row=arches]{border-left:4px solid var(--c-arches)}.row[data-row=centerpieces]{border-left:4px solid var(--c-centerpieces)}.row[data-row=clusters]{border-left:4px solid var(--c-clusters)}.row-label{font-weight:700;font-size:.92rem}.row-count{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums;font-size:.95rem}.reset{display:block;width:100%;min-height:48px;margin-top:18px;padding:12px 20px;font:inherit;font-size:1.05rem;font-weight:800;color:var(--accent-ink);background:var(--accent);border:none;border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 4px #b93c1b;transition:transform .12s ease,box-shadow .12s ease}.reset:hover{filter:brightness(1.05)}.reset:active{transform:translateY(3px);box-shadow:0 1px #b93c1b}.reset:focus-visible{outline:none;box-shadow:var(--focus-ring)}.card,.row,.results,input,.reset{animation:pop-in .35s ease both}.row:nth-child(2){animation-delay:.05s}.row:nth-child(3){animation-delay:.1s}.row:nth-child(4){animation-delay:.15s}@keyframes pop-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.inputs{grid-template-columns:1fr}.bags{align-items:flex-start;text-align:left}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}