*,:before,:after{box-sizing:border-box}html,body{background:#fffbf5;height:100%;margin:0;padding:0;overflow-x:hidden}body{font-feature-settings:"cv11", "ss01", "ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overscroll-behavior:none;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{min-height:100dvh}@keyframes tap-ripple{0%{opacity:.18;transform:scale(.1)}to{opacity:0;transform:scale(5)}}@keyframes vibeShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.vibe-shift{background-size:180% 180%;animation:9s ease-in-out infinite vibeShift}@keyframes bump{0%{transform:scale(1)}35%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes vibe-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.vibe-label{animation:.18s ease-out vibe-in}@keyframes level-up{0%{opacity:0;transform:scale(.8)}20%{opacity:1;transform:scale(1.06)}60%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.94)}}.level-up-overlay{animation:1.1s cubic-bezier(.2,.8,.3,1) forwards level-up}@keyframes hintFade{0%{opacity:0;transform:translateY(4px)}15%{opacity:1;transform:translateY(0)}75%{opacity:1}to{opacity:0}}.app-root{-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:hidden}.app-header{z-index:2;padding-top:calc(18px + env(safe-area-inset-top,0px));justify-content:center;align-items:center;gap:10px;padding-bottom:10px;display:flex;position:relative}.app-icon{-webkit-user-select:none;user-select:none;pointer-events:none;display:block}.app-name{letter-spacing:-.45px;font-size:18px;font-weight:600}.session-meta{z-index:2;text-align:center;margin-top:-4px;margin-bottom:14px;font-size:13px;font-weight:400;position:relative}.hero-area{pointer-events:none;z-index:2;place-items:center;display:grid;position:absolute;inset:0}.hero-content{pointer-events:auto;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:0 24px;display:flex;position:relative;transform:translateY(-32px)}.count-floor{pointer-events:none;width:220px;height:18px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.hero-number{letter-spacing:-8px;font-feature-settings:"tnum", "cv11", "ss01", "ss03";font-variant-numeric:tabular-nums;text-align:center;font-size:180px;font-weight:800;line-height:.9;animation:.36s cubic-bezier(.2,.9,.2,1) bump}.drankjes-label{letter-spacing:-.4px;margin-top:4px;font-size:17px;font-weight:600}.toast-area{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 24px + 64px + 20px);pointer-events:none;z-index:5;justify-content:center;display:flex;position:absolute}.toast-button{letter-spacing:-.1px;cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:8px;height:42px;padding:0 18px 0 14px;font-family:inherit;font-size:14px;font-weight:500;transition:opacity .22s cubic-bezier(.2,.7,.2,1),transform .22s cubic-bezier(.2,.7,.2,1);display:inline-flex}.cta-wrapper{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);z-index:4;padding:0 20px;position:absolute}.cta-button{color:#fff;letter-spacing:-.1px;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:20px;justify-content:center;align-items:center;gap:10px;width:100%;height:64px;font-family:inherit;font-size:17px;font-weight:600;transition:transform 90ms,box-shadow .15s;display:flex}.iphone-wrap{flex-shrink:0;width:280px}@media (width>=768px){.iphone-wrap{width:320px}}.iphone-screen-area{height:560px}@media (width>=768px){.iphone-screen-area{height:620px}}@keyframes iphone-float{0%,to{transform:translateY(0)rotate(-.6deg)}50%{transform:translateY(-4px)rotate(.6deg)}}.iphone-float{animation:9s ease-in-out infinite iphone-float}@keyframes heroBreath{0%{background-position:20% 0}50%{background-position:80% 100%}to{background-position:20% 0}}.hero-breathe{background-size:160% 160%;animation:8s ease-in-out infinite heroBreath}button{transition:filter .15s,transform .15s}button:hover{filter:brightness(.93)}button:active{transform:scale(.98)}a{transition:opacity .15s}a:hover{opacity:.75}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.hero-breathe{background-size:100% 100%}}.chips-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}@media (width>=380px){.chips-grid{grid-template-columns:repeat(4,1fr)}}