.freibier-experience{background:var(--forest);color:var(--on-dark);flex-direction:column;align-items:center;min-height:calc(100svh - 100px);padding:20px 24px 36px;display:flex}:root{--photo-edge-dark:oklch(15% .025 45/.62);--photo-edge-light:oklch(98% .008 90/.35);--photo-reflection-soft:oklch(99% .005 90/.12);--photo-reflection-bright:oklch(100% 0 0/.65);--photo-reflection-clear:oklch(100% 0 0/0);--photo-droplet-shadow:oklch(12% .015 45/.36);--photo-softbox:oklch(100% 0 0/.065)}.photo-edge-dark{stop-color:var(--photo-edge-dark)}.photo-edge-light{stop-color:var(--photo-edge-light)}.photo-reflection-soft{stop-color:var(--photo-reflection-soft)}.photo-reflection-bright{stop-color:var(--photo-reflection-bright)}.photo-reflection-clear{stop-color:var(--photo-reflection-clear)}.photo-softbox{fill:var(--photo-softbox)}.photo-reflection{opacity:.9}.photo-reflection-right{opacity:.65}.photo-droplet{fill:var(--glass-clear);stroke:var(--photo-droplet-shadow);stroke-width:.5px}.photo-droplet-glint{fill:var(--glass-highlight)}.photo-condensation{opacity:.8}.photo-glass-logo{opacity:.9}.photo-carbonation{fill:var(--photo-reflection-soft);stroke:var(--beer-foam-shine);stroke-width:.3px}.freibier-svg .glass-body{stroke-width:1.2px}.freibier-svg .glass-highlight{stroke-width:1.3px;opacity:.65}.freibier-svg .glass-rim{stroke-width:1.5px}.freibier-svg .glass-base{stroke-width:2px}.freibier-topline{justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:1040px;display:flex}.freibier-tools{gap:4px;display:flex}.freibier-topline a,.freibier-tools button{color:var(--on-dark)}.freibier-tools button[aria-pressed=true]{color:var(--primary)}.freibier-heading{text-align:center;margin-top:24px}.freibier-heading>span{color:var(--on-dark-muted);letter-spacing:0;font-size:10px}.freibier-heading h1{margin:8px 0;font-size:64px;line-height:1.1}.freibier-heading p{height:24px;color:var(--primary);font-size:16px}.freibier-glass-button{--glass-room:calc(100svh - 320px);box-shadow:none;width:min(100%, max(360px, calc(var(--glass-room) * .598)));aspect-ratio:256/428;touch-action:manipulation;background:0 0;border:0;border-radius:0;flex-shrink:0;height:auto;margin:8px 0 0;padding:0}.freibier-glass-button:hover{background:0 0}.freibier-glass-button:disabled{opacity:1}.freibier-glass-button .freibier-svg{pointer-events:none;width:100%;height:100%;overflow:visible}.glass-brand{fill:var(--on-dark);font-family:var(--font-display);opacity:.8;font-size:23px;font-weight:700}.glass-brand-small{font-size:16px}.glass-brand-line{stroke:var(--primary)}.freibier-bottom{flex-direction:column;gap:16px;width:min(340px,100%);display:flex}.freibier-fill{color:var(--primary);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.freibier-tilt{color:var(--on-dark-muted);grid-template-columns:auto minmax(0,1fr) 40px;align-items:center;gap:12px;font-size:12px;display:grid}.freibier-tilt input{width:100%;accent-color:var(--primary);touch-action:pan-y}.freibier-tilt output{text-align:right;font-variant-numeric:tabular-nums}.freibier-error{color:var(--on-dark-muted);text-align:center;font-size:12px;line-height:1.5}@media (width<=600px){.freibier-experience{min-height:calc(100svh - 90px);padding:16px 12px 28px}.freibier-heading{margin-top:16px}.freibier-heading h1{font-size:52px}.freibier-glass-button{--glass-room:calc(100svh - 280px);width:min(100%, max(300px, calc(var(--glass-room) * .598)))}.freibier-topline a{padding-inline:6px;font-size:12px}.freibier-tools{gap:0}}.freibier-glass-row{justify-content:center;width:100%;display:flex;position:relative}.freibier-odometer{background:oklch(12% .01 160);border-radius:6px;align-items:flex-end;gap:3px;padding:6px;display:flex;position:absolute;bottom:4%;left:calc(50% + min(46%,max(180px,29.9svh - 95.68px)) + 8px);box-shadow:inset 0 2px 6px oklch(0% 0 0/.7),0 0 0 2px oklch(45% .02 90)}.freibier-odometer small{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark);opacity:.75;margin-top:4px;font-size:11px;position:absolute;top:100%;left:0;right:0}.odo-digit{background:linear-gradient(oklch(8% 0 0),oklch(28% 0 0) 50%,oklch(8% 0 0));border-radius:3px;width:26px;height:38px;display:block;overflow:hidden}.odo-reel{flex-direction:column;transition:transform .7s cubic-bezier(.3,1.4,.5,1);display:flex}.odo-reel span{text-align:center;color:oklch(97% .01 90);height:38px;font:700 24px/38px ui-monospace,monospace}@media (width<=600px){.freibier-odometer{padding:4px;bottom:2%;left:auto;right:2px}.odo-digit{width:18px;height:28px}.odo-reel span{height:28px;font-size:17px;line-height:28px}}@media (prefers-reduced-motion:reduce){.odo-reel{transition:none}}