*,:before,:after{box-sizing:border-box}html,body{background-color:var(--app-bg,#1a1612);height:100%;min-height:100dvh;margin:0;padding:0;transition:background-color .6s}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{background-color:#0000;min-height:100dvh}:root{--app-bg:#fff8ee}html,body,#root{background-color:var(--app-bg);overscroll-behavior:none;width:100%;height:100%;min-height:100dvh;margin:0;overflow:hidden}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button,[role=button],.chip,.pill{-webkit-user-select:none;user-select:none;touch-action:manipulation}@keyframes waterFlash{0%{opacity:0}30%{opacity:1}to{opacity:0}}@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}.template-scroll{-ms-overflow-style:none;scrollbar-width:none}.template-scroll::-webkit-scrollbar{display:none}@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}}@keyframes spin{to{transform:rotate(360deg)}}.app-root{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;width:100%;height:100dvh;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Inter,SF Pro Display,Segoe UI,Roboto,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:370px;padding:0 18px;display:flex;position:relative;transform:translateY(-24px)}.count-floor{pointer-events:none;width:220px;height:18px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.hero-number{letter-spacing:-.055em;font-feature-settings:"tnum", "cv11", "ss01", "ss03";font-variant-numeric:tabular-nums;text-align:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;font-size:clamp(140px,38vw,160px);font-weight:900;line-height:.94;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(max(env(safe-area-inset-bottom,0px), 16px) + 78px);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;min-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:max(env(safe-area-inset-bottom,0px), 16px);z-index:4;padding:0 16px;position:absolute}.cta-button{color:#fff;letter-spacing:-.1px;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;height:58px;font-family:inherit;font-size:17px;font-weight:700;transition:transform 90ms,box-shadow .15s;display:flex}