.tonic{--tf-bg:#f19b37;--tf-deep:#e65000;--tf-label:#f9ad26;--tf-text:#221b2f;background:var(--tf-bg);color:var(--tf-text);transition:background .7s;overflow-x:clip}@supports (color:lab(0% 0 0)){.tonic{--tf-bg:lab(71.705% 27.764 62.7903);--tf-deep:lab(55.4305% 58.0119 67.9822);--tf-label:lab(76.6366% 21.5807 73.1029);--tf-text:lab(11.3105% 7.94318 -12.5695)}}.tonic[data-flavor=berry]{--tf-bg:#7b38a3;--tf-deep:#541791;--tf-label:#cc54c5;--tf-text:#f7f2e3}@supports (color:lab(0% 0 0)){.tonic[data-flavor=berry]{--tf-bg:lab(36.8773% 43.2135 -46.4995);--tf-deep:lab(24.6697% 44.9869 -55.4033);--tf-label:lab(55.2177% 58.3367 -36.0819);--tf-text:lab(95.4589% .0415742 7.69171)}}.tonic[data-flavor=lime]{--tf-bg:#96d448;--tf-deep:#438f31;--tf-label:#c2e233;--tf-text:#221b2f}@supports (color:lab(0% 0 0)){.tonic[data-flavor=lime]{--tf-bg:lab(78.6091% -36.2193 59.6474);--tf-deep:lab(52.9792% -38.3661 40.9264);--tf-label:lab(85.3355% -26.6455 74.2277);--tf-text:lab(11.3105% 7.94318 -12.5695)}}.tonic-hero{min-height:100svh;padding:7rem var(--space-gutter) 4rem;place-items:center;display:grid;position:relative;overflow:hidden}.tonic-outline{font-family:var(--font-display), sans-serif;text-align:center;color:#0000;-webkit-text-stroke:2px color-mix(in oklch, var(--tf-text) 38%, transparent);pointer-events:none;-webkit-user-select:none;user-select:none;place-content:center;gap:.1em;font-size:clamp(5rem,18vw,16rem);font-weight:800;line-height:.86;display:grid;position:absolute;inset:0}.tonic-bubbles{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tonic-hero-inner{justify-items:center;gap:1.5rem;display:grid;position:relative}.tonic-kicker{background:var(--color-surface-raised);color:var(--color-ink);border:var(--border-ink);border-radius:var(--radius-sticker);font-family:var(--font-mono), monospace;font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;box-shadow:var(--shadow-sticker);align-items:center;gap:.6rem;padding:.4rem 1rem;font-weight:600;display:inline-flex;transform:rotate(-1.5deg)}.tonic-hero h1{font-size:var(--text-2xl);text-align:center;text-wrap:balance;max-width:18ch;font-weight:800}.tonic-scroll-hint{font-family:var(--font-marker), cursive;font-size:1.4rem;transform:rotate(-2deg)}.soda-can{width:clamp(190px,26vw,270px);filter:drop-shadow(.5rem .75rem 0 color-mix(in oklch, var(--tf-deep) 55%, transparent));will-change:transform;display:grid;position:relative}.can-lid,.can-base{z-index:2;width:100%;position:relative}.can-base{margin-top:-.4rem}.can-body{background:var(--tf-label);border-inline:3px solid #2a2d38;border-inline:3px solid lab(18.6704% .472084 -7.41397);height:clamp(280px,38vw,400px);margin:-.8rem 2% 0;transition:background .7s;position:relative;overflow:hidden}.can-label{will-change:transform;width:500%;animation:7s linear infinite can-spin;display:flex;position:absolute;inset:0}.label-panel{background:radial-gradient(circle at 20% 80%, color-mix(in oklch, var(--tf-deep) 30%, transparent) 0 12%, transparent 13%), radial-gradient(circle at 80% 16%, color-mix(in oklch, var(--tf-deep) 24%, transparent) 0 9%, transparent 10%);flex:none;align-content:center;justify-items:center;gap:.3rem;width:20%;display:grid}.label-wordmark{font-family:var(--font-display), sans-serif;letter-spacing:-.02em;color:var(--tf-deep);text-shadow:2px 2px 0 color-mix(in oklch, var(--tf-text) 30%, transparent);font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:.9;transition:color .7s}.label-amp{font-family:var(--font-mono), monospace;letter-spacing:.3em;color:var(--tf-deep);font-size:.8rem;font-weight:600}.label-flavor{background:var(--tf-deep);color:#faf5e6;color:lab(96.6189% .0403821 7.69081);border-radius:var(--radius-sticker);font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;margin-top:.4rem;padding:.25rem .8rem;font-size:.72rem;font-weight:600;transition:background .7s}.label-bubbles{letter-spacing:.5em;color:color-mix(in oklch, var(--tf-deep) 70%, transparent);font-size:1rem}.can-shine{z-index:3;pointer-events:none;background:linear-gradient(90deg,#16161647 0%,#0000 12%,#ffffff6b 22%,#0000 38% 68%,#16161657 100%);background:linear-gradient(90deg,lab(7.22637% -.0000149012 0/.28) 0%,#0000 12%,lab(100% 0 0/.42) 22%,#0000 38% 68%,lab(7.22637% -.0000149012 0/.34) 100%);position:absolute;inset:0}@keyframes can-spin{to{transform:translate(-80%)}}.can3d{place-items:center;display:grid;position:relative}.can3d-canvas{cursor:grab;touch-action:pan-y;width:clamp(260px,32vw,360px);height:clamp(360px,46vw,500px);display:none}.can3d.is-3d .can3d-canvas{display:block}.can3d-hint{font-family:var(--font-marker), cursive;white-space:nowrap;opacity:.8;font-size:1.15rem;position:absolute;bottom:-1.6rem;left:50%;transform:translate(-50%)rotate(-2deg)}.tonic-spin{position:relative}.spin-stage{min-height:100svh;padding:4rem var(--space-gutter);grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(1rem,3vw,4rem);max-width:90rem;margin-inline:auto;display:grid}.flavor-copy{gap:.8rem;max-width:26rem;display:grid}.flavor-num{font-family:var(--font-mono), monospace;font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;opacity:.75;font-weight:600}.flavor-copy h2{font-size:var(--text-2xl);font-weight:800;line-height:.95}.flavor-copy p{font-size:var(--text-lg);max-width:30ch;font-weight:600}.flavor-meta{font-family:var(--font-mono), monospace;font-size:var(--text-sm);opacity:.85}.tonic[data-enhanced=true] .spin-copies{display:grid;position:relative}.tonic[data-enhanced=true] .flavor-copy{opacity:0;transition:opacity .45s ease, transform .45s var(--ease-out-expo);pointer-events:none;grid-area:1/1;transform:translateY(18px)}.tonic[data-enhanced=true][data-flavor=citrus] .flavor-copy.f-citrus,.tonic[data-enhanced=true][data-flavor=berry] .flavor-copy.f-berry,.tonic[data-enhanced=true][data-flavor=lime] .flavor-copy.f-lime{opacity:1;pointer-events:auto;transform:translateY(0)}.spin-copies{gap:2.5rem;display:grid}.spin-aside{justify-items:start;gap:1rem;display:grid}.spin-aside .tonic-chip{background:var(--color-surface-raised);color:var(--color-ink);border:var(--border-ink);border-radius:var(--radius-sticker);font-family:var(--font-mono), monospace;font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;box-shadow:var(--shadow-sticker);padding:.35rem .9rem;font-weight:600}.tonic-type{padding:var(--space-section) var(--space-gutter);text-align:center;background:var(--tf-deep);color:#faf5e6;color:lab(96.6189% .0403821 7.69081);border-block:var(--border-ink);justify-items:center;gap:.2em;transition:background .7s;display:grid;overflow:hidden}.kinetic-word{font-family:var(--font-display), sans-serif;letter-spacing:-.02em;font-size:clamp(3rem,11vw,9rem);font-weight:800;line-height:.92;display:inline-flex}.kinetic-word .ch{white-space:pre;display:inline-block}.tonic-type .type-note{font-family:var(--font-marker), cursive;margin-top:1.5rem;font-size:1.5rem;transform:rotate(-1.5deg)}.tonic-posters{padding:var(--space-section) var(--space-gutter);max-width:82rem;margin-inline:auto}.tonic-posters .section-head h2{color:var(--tf-text)}.poster-row{grid-template-columns:repeat(3,1fr);align-items:start;gap:clamp(1rem,2vw,2rem);display:grid}.tonic-poster{border:var(--border-ink);border-radius:var(--radius-card);box-shadow:var(--shadow-sticker-lg);background:var(--color-surface-raised);will-change:transform;overflow:hidden}.tonic-poster svg{width:100%;height:auto;display:block}.tonic-shelf{padding:var(--space-section) var(--space-gutter);max-width:82rem;margin-inline:auto}.tonic-shelf .section-head h2{color:var(--tf-text)}.shelf-honesty{opacity:.85;max-width:58ch;margin:-1.5rem 0 2.25rem;font-weight:600}.shelf-grid{grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,2rem);display:grid}.shelf-shot{border:var(--border-ink);border-radius:var(--radius-card);box-shadow:var(--shadow-sticker-lg);background:var(--color-surface-raised);transition:transform var(--duration-fast) var(--ease-spring);margin:0;overflow:hidden}.shelf-shot:hover{transform:translate(-3px,-3px)rotate(-.5deg)}.shelf-shot img{object-fit:cover;width:100%;height:100%;display:block}.shelf-shot.wide{grid-column:span 3}@media (max-width:900px){.shelf-grid{grid-template-columns:1fr}.shelf-shot.wide{grid-column:auto}}.tonic-facts{background:var(--color-surface);color:var(--color-text);border-top:var(--border-ink);padding:var(--space-section) var(--space-gutter)}.tonic-facts-inner{gap:clamp(2rem,1rem + 3vw,3.5rem);max-width:70rem;margin-inline:auto;display:grid}@media (max-width:900px){.spin-stage{text-align:center;grid-template-columns:1fr;justify-items:center}.flavor-copy p{margin-inline:auto}.spin-aside{justify-items:center}.poster-row{grid-template-columns:1fr;max-width:24rem;margin-inline:auto}.tonic[data-enhanced=true] .flavor-copy{opacity:1;pointer-events:auto;position:static;transform:none}.tonic[data-enhanced=true] .spin-copies{gap:2.5rem;display:grid}.tonic[data-enhanced=true] .flavor-copy{grid-area:auto}}@media (prefers-reduced-motion:reduce){.can-label{animation:none}.tonic,.can-body,.label-wordmark,.label-flavor,.tonic-type{transition:none}}