:root{--ink:#1f1d24;--muted:#6e6a78;--line:#efedf2;--pink:#db2777;--pink-hot:#ff4fa3;--pink-soft:#fdf2f8;--violet:#7c3aed;--radius:14px;color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:#fff;margin:0}h1,h2,p,figure{margin:0}button,input{font:inherit;color:inherit}.page{flex-direction:column;gap:28px;max-width:1040px;margin:0 auto;padding:20px 16px 80px;display:flex}.ai{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.ai-title{letter-spacing:-.02em;background:linear-gradient(90deg,#db2777,#ff4fa3,#c026d3,#db2777) 0 0/300% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,6vw,3.4rem);font-weight:800;animation:6s linear infinite shimmer}@keyframes shimmer{to{background-position:300% 0}}.sparkle-field{width:min(640px,100%);margin-top:6px;position:relative}.sparkle-canvas{pointer-events:none;width:calc(100% + 36px);height:calc(100% + 36px);position:absolute}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.sparkle-border{background:linear-gradient(#fff, #fff) padding-box, conic-gradient(from var(--angle), #ffc2e0, #ff4fa3, #fff0f7, #db2777, #ffc2e0) border-box;border:2px solid #0000;border-radius:999px;gap:6px;padding:6px;transition:box-shadow .2s;animation:4s linear infinite spin;display:flex;position:relative;box-shadow:0 6px 28px -8px #ff4fa373}.sparkle-border:focus-within{box-shadow:0 6px 34px -4px #ff4fa399}.sparkle-border.busy{animation-duration:1s}@keyframes spin{to{--angle:360deg}}.sparkle-border input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:10px 16px;font-size:1.05rem}.sparkle-border input::placeholder{color:#b39cb0}.sparkle-border button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff4fa3,#db2777);border:0;border-radius:999px;min-width:84px;padding:0 22px;font-weight:600}.sparkle-border button:disabled{opacity:.55;cursor:default}.ai-answer{border-radius:var(--radius);background:var(--pink-soft);text-align:left;white-space:pre-wrap;border:1px solid #fbcfe8;width:min(640px,100%);margin-top:8px;padding:16px 20px}.ai-answer.err{background:#fff7ed;border-color:#fed7aa}.caret{background:var(--pink);vertical-align:-2px;width:2px;height:1em;margin-left:2px;animation:.8s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.dots{gap:4px;display:inline-flex}.dots i{background:#fff;border-radius:50%;width:6px;height:6px;animation:.9s ease-in-out infinite bounce}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.picker{position:relative}.action{border:1.5px solid var(--ink);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:8px;padding:10px 18px;font-weight:600;transition:background .15s,color .15s,transform .1s;display:inline-flex}.picker:first-child .action{background:var(--ink);color:#fff}.action:hover{background:var(--pink-soft);color:var(--ink)}.picker:first-child .action:hover{color:#fff;background:#3a3642}.action:active{transform:scale(.97)}.action[aria-expanded=true]{outline:2px solid var(--pink-hot);outline-offset:2px}.action-icon{font-size:1.1rem}.badge{background:var(--violet);color:#fff;border-radius:999px;padding:0 8px;font-size:.8rem}.popover{z-index:20;border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:min(380px,100vw - 32px);padding:10px;animation:.14s ease-out pop;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 18px 50px -12px #1f1d2440}@keyframes pop{0%{opacity:0;transform:translate(-50%,-4px)}}.search{border:1.5px solid #fbcfe8;border-radius:10px;outline:0;width:100%;padding:10px 12px}.search:focus{border-color:var(--pink)}.drink-list{max-height:320px;margin:8px 0 0;padding:0;list-style:none;overflow-y:auto}.drink-list li{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;font-size:.92rem;display:flex}.drink-list li.active{background:var(--pink-soft)}.drink-list img{object-fit:contain;flex:none;width:32px;height:32px}.drink-name{flex:1;min-width:0}.drink-size{color:var(--muted);white-space:nowrap;font-size:.82rem}.drink-list .none{color:var(--muted);cursor:default;justify-content:center;padding:16px}.stepper-form{text-align:center;flex-direction:column;gap:12px;padding:8px;display:flex}.stepper-form label{font-weight:600}.stepper{justify-content:center;align-items:center;gap:10px;display:flex}.stepper button{cursor:pointer;background:#fff;border:1.5px solid #ddd6fe;border-radius:50%;width:44px;height:44px;font-size:1.4rem}.stepper button:hover{border-color:var(--violet);background:#f5f3ff}.stepper input{text-align:center;appearance:textfield;border:0;outline:0;width:90px;font-size:1.8rem;font-weight:700}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none}.stepper input::-webkit-outer-spin-button{-webkit-appearance:none}.hint{color:var(--muted);font-size:.85rem}.primary{color:#fff;cursor:pointer;background:linear-gradient(135deg, #a78bfa, var(--violet));border:0;border-radius:10px;padding:10px;font-weight:600}.primary:disabled{opacity:.6}.banner{text-align:center;color:#9a3412;background:#fff7ed;border-radius:10px;padding:10px}.stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat{border:1px solid #dcd8e2;border-left:3px solid var(--pink);background:#fff;border-radius:0;padding:12px 16px}.stat.violet{border-left-color:var(--violet)}.stat-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font:500 .72rem/1.4 ui-monospace,Cascadia Mono,Consolas,monospace}.stat-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:4px;font-size:2rem;font-weight:700;line-height:1.2}.stat-unit{color:var(--muted);font-size:1rem;font-weight:500}.stat-sub{color:var(--muted);margin-top:2px;font-size:.85rem}.doc-head{color:var(--muted);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-bottom:8px;font-size:.8rem;display:flex}.doc-section{flex-direction:column;gap:12px;display:flex}.doc-h{border-bottom:2px solid var(--ink);align-items:baseline;gap:12px;padding-bottom:6px;font-size:1.15rem;font-weight:650;display:flex}.doc-h span{color:var(--pink);font-variant-numeric:tabular-nums;font-weight:600}.lead{color:var(--muted)}.lead strong{color:var(--ink);font-weight:600}.cap{color:var(--muted);font-size:.82rem;font-style:italic}.cap b{color:var(--ink);font-style:normal;font-weight:600}.charts{grid-template-columns:1fr 1fr;gap:28px;display:grid}.charts figure,.doc-section figure{flex-direction:column;gap:8px;min-width:0;display:flex}.charts h3{margin:0;font-size:.95rem;font-weight:600}.chart-wrap{width:100%;position:relative}.chart-wrap canvas{display:block}.tooltip{pointer-events:none;border:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:8px;max-width:260px;padding:6px 10px;font-size:.82rem;position:absolute;overflow:hidden;box-shadow:0 8px 24px -8px #1f1d2440}.tooltip-title{color:var(--muted)}.tooltip-value{font-weight:650}.toast{background:var(--ink);color:#fff;border-radius:999px;max-width:calc(100vw - 32px);padding:10px 18px;font-size:.92rem;animation:.2s ease-out pop-up;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px -10px #0006}@keyframes pop-up{0%{opacity:0;transform:translate(-50%,8px)}}@media (width<=760px){.stats{grid-template-columns:1fr 1fr}.stat-value{font-size:1.6rem}.charts{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.history{text-align:left;width:min(640px,100%);margin-top:4px}.history-toggle{color:var(--ink);font:inherit;cursor:pointer;background:#fff;border:1px solid #fbcfe8;border-radius:999px;align-items:center;gap:8px;margin:0 auto;padding:6px 12px;font-size:.9rem;font-weight:600;display:inline-flex}.history{flex-direction:column;display:flex}.history-toggle:hover,.history-toggle[aria-expanded=true]{background:var(--pink-soft)}.history-count{background:var(--pink);color:#fff;border-radius:999px;padding:0 7px;font-size:.78rem}.chev{transition:transform .15s}.chev.up{transform:rotate(180deg)}.history-panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-top:10px;padding:10px;box-shadow:0 12px 36px -14px #1f1d2438}.history-list{max-height:420px;margin:8px 0 0;padding:0;list-style:none;overflow-y:auto}.history-list li{border-bottom:1px solid var(--line);padding:10px 8px}.history-list li:last-child{border-bottom:0}.history-q{justify-content:space-between;gap:12px;font-weight:600;display:flex}.history-q time{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:.8rem;font-weight:400}.history-a{color:var(--muted);white-space:pre-wrap;margin:4px 0 0}.history-list .none{color:var(--muted);text-align:center}.history .hint{text-align:center;margin:8px 0 0}@media (prefers-reduced-motion:reduce){.chev{transition:none}}
