@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Poppins:wght@500;600&display=swap";*,*:before,*:after{box-sizing:border-box}:root{color-scheme:dark;font-family:Manrope,Poppins,Segoe UI,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink: #fffff5;--ink-soft: rgba(255, 255, 245, .65);--accent: #f5d867;--accent-strong: #e49b56;--accent-2: #e49b56;--muted: #ccd5af;--bg: #241f1f;--surface: #312c2c;--surface-soft: rgba(49, 44, 44, .7);--card-grad: linear-gradient(165deg, rgba(49, 44, 44, .95), rgba(36, 31, 31, .98))}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 10%,#f5d8672e,#241f1fe6 45%,#241f1f);color:var(--ink)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}#root{min-height:100vh}.page{position:relative;overflow:hidden;padding:0 6vw 6rem}.bg-glow{position:absolute;inset:-20% -10% auto;height:70vh;background:radial-gradient(circle at 15% 30%,rgba(245,216,103,.22),rgba(36,31,31,0) 55%,transparent 70%),radial-gradient(circle at 70% 10%,rgba(49,44,44,.6),transparent 60%);pointer-events:none;z-index:0}.site-header{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding:2rem 0 1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{font-family:Manrope,Poppins,Segoe UI,sans-serif;font-size:1.5rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}.nav{display:flex;justify-content:center;gap:2rem;font-weight:500;color:var(--ink-soft)}.nav a{color:inherit;transition:color .2s ease}.nav a:hover{color:var(--ink)}.cta,.ghost{border:none;font-family:Manrope,Poppins,Segoe UI,sans-serif;font-weight:600;border-radius:999px;padding:.85rem 1.8rem;letter-spacing:.01em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.cta{background:var(--accent);color:#2b1d12;box-shadow:0 18px 45px #f5d86740}.cta:hover{transform:translateY(-1px);box-shadow:0 20px 55px #f5d86766}.ghost{background:transparent;color:var(--ink);border:1px solid rgba(255,255,245,.2)}.ghost:hover{background:#ffffff14}.hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:4rem;padding:4rem 0 6rem;align-items:center}.hero-copy{display:flex;flex-direction:column;gap:1.5rem;animation:rise .8s ease forwards;opacity:0}.eyebrow{text-transform:uppercase;font-weight:600;letter-spacing:.2em;color:var(--ink-soft)}.hero-copy h1{font-family:Manrope,Poppins,Segoe UI,sans-serif;font-size:clamp(2.6rem,4vw,4.6rem);line-height:1;color:var(--ink);margin:0}.hero-copy h1 span{display:block;color:var(--accent-strong)}.lead{font-size:1.1rem;color:var(--ink-soft);max-width:34rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.hero-foot{display:grid;gap:.4rem;color:#fff3df99;font-size:.95rem}.hero-visual{position:relative;animation:floatIn 1s ease forwards;opacity:0;transform:translateY(25px)}.phone{width:100%;max-width:414px;background:var(--surface);border-radius:40px;padding:1.2rem 1.1rem 1.7rem;color:#fff3df;box-shadow:0 28px 70px #0006;position:relative;overflow:hidden;margin:0 auto}.phone:after{content:none}.phone-top{display:flex;gap:.4rem;justify-content:flex-end;margin-bottom:1.5rem}.dot{width:10px;height:10px;border-radius:999px;background:#ffffff4d}.screen{display:grid;gap:1rem;padding:.6rem;border-radius:22px;background:var(--surface-soft)}.card{border-radius:24px;padding:1.2rem 1.3rem;background:#332d2d;border:1px solid rgba(255,255,255,.06);box-shadow:0 16px 32px #0000004d}.card-promille{background:#332d2d;color:var(--ink);border:1px solid rgba(255,255,255,.06);box-shadow:none}.promille-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.card-label{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.6rem;color:var(--accent);opacity:1;font-weight:700}.card-count{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;margin-left:.45rem;border-radius:999px;border:1px solid rgba(255,255,245,.5);font-weight:700;letter-spacing:.05em}.label-eq{display:inline-block;min-width:16ch;text-align:left}.nowrap{white-space:nowrap}.card-topline{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin-bottom:1rem}.card-meta{font-size:.85rem;color:var(--ink-soft)}.bac-pill{background:#f1cca5;color:#312c2c;border-radius:18px;padding:1rem 1.1rem;display:flex;flex-direction:column;align-items:center;gap:.7rem;box-shadow:none;border:1px solid rgba(0,0,0,.08);text-align:center;position:relative}.bac-pill>div{text-align:center}.pill-label{margin:0;font-size:.82rem;letter-spacing:.2em;text-transform:uppercase;color:#312c2cb3}.bac-pill h2{margin:.2rem 0 .3rem;font-size:2.1rem}.pill-sub{margin:0;font-size:.85rem;color:#312c2cb3}.card-promille h2{font-size:2.2rem;margin:0}.trend{font-size:.95rem;font-weight:600;position:absolute;top:12px;right:12px;display:inline-flex;gap:.35rem;align-items:center;border-radius:999px;background:#ffffff73;border:none;padding:.2rem .55rem}.trend svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.trend.up{color:#312c2c}.trend.down{color:#312c2c;background:#ffffff73}.card-activity h3,.card-activity p{margin:0}.card-activity .row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:.9rem;text-align:center}.stat-row span{display:block;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c}.stat-row strong{display:block;font-size:1.05rem;margin-top:.2rem}.stat-row em{display:block;font-size:.82rem;color:#ffffff73;font-style:normal;margin-top:.2rem}.card-foot{margin:.8rem 0 0;font-size:.82rem;color:#ffffff8c;text-align:center}.quick-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.quick-title{margin:0;font-size:1.05rem;font-weight:700}.mini-pill{border:none;background:#ffffff1f;color:#ffffffd9;padding:.45rem .8rem;border-radius:999px;font-size:.7rem;cursor:pointer}.mini-pill.accent{background:var(--accent);color:#2b1d12}.quick-icons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-top:1rem}.quick-pill{padding:.7rem .6rem;border-radius:14px;background:#ffffff1f;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;text-align:center;color:#312c2c;font-weight:700}.quick-pill.active{background:#ccd5af}.quick-pill:nth-child(2){background:#f9ebad}.quick-pill:nth-child(3){background:#f1cca5}.quick-pill:nth-child(4){background:#f3c6d2}.card-activity h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#fff9}.card-activity p{font-size:1.1rem;font-weight:600}.card-quick,.card-friends{background:#332d2d;border:1px solid rgba(255,255,255,.06)}.log-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.log-head.centered-head{position:relative;justify-content:center}.log-head.centered-head>div{flex:1;text-align:center}.log-head.centered-head .mini-pill,.log-head.centered-head .log-actions{position:absolute;right:0}.log-actions{display:flex;gap:.4rem}.icon-btn{border:none;background:#ffffff1f;color:#fffc;border-radius:10px;width:30px;height:30px;display:grid;place-items:center;cursor:pointer}.icon-btn.light{background:#ffffffe6;color:#312c2c}.recent-item{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;background:#ffffff14;border-radius:18px;padding:.7rem .8rem;box-shadow:0 8px 20px #00000040}.recent-item:nth-child(2){background:#f3c6d2;color:#312c2c}.recent-item:nth-child(3){background:#f1cca5;color:#312c2c}.recent-item:nth-child(4){background:#f9ebad;color:#312c2c}.recent-item:nth-child(5){background:#ccd5af;color:#312c2c}.recent-item+.recent-item{margin-top:.6rem}.recent-item p{margin:0;font-size:.85rem}.recent-item span{display:block;font-size:.7rem;color:#312c2c99}.log-icon{width:34px;height:34px;border-radius:12px;background:#ffffff80;display:grid;place-items:center;color:#312c2c}.log-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.floating-card{position:absolute;right:-20px;bottom:-10px;background:var(--accent);color:#2b1d12;border-radius:20px;padding:1rem 1.2rem;box-shadow:0 22px 60px #27140a40;animation:float 4s ease-in-out infinite}.section{margin:0 auto;padding:3.8rem 0;position:relative;z-index:1}.friends-showcase{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:3rem;align-items:center}.friends-copy{display:grid;gap:1.4rem}.friends-copy h2{font-family:Manrope,Poppins,Segoe UI,sans-serif;font-size:clamp(2.6rem,4vw,4.6rem);line-height:1;color:var(--ink);margin:0}.friends-copy h2 span{display:block;color:var(--accent-strong)}.friends-visual{display:grid;gap:1.2rem}.stats-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;align-items:center}.stats-copy{display:grid;gap:1.4rem}.stats-copy h2{font-family:Manrope,Poppins,Segoe UI,sans-serif;font-size:clamp(2.6rem,4vw,4.6rem);line-height:1;color:var(--ink);margin:0}.stats-copy h2 span{display:block;color:var(--accent-strong)}.stats-visual{display:grid;gap:1rem}.stats-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:0 .6rem}.stats-header h3{margin:0;font-size:1.1rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink)}.phone-stats{background:var(--surface);box-shadow:0 30px 70px #00000059}.screen-stats{background:var(--surface-soft);padding:.8rem}.card-stats-summary{background:#332d2d;text-align:center;border:1px solid rgba(255,255,255,.06)}.card-stats-summary .card-label,.card-stats-summary .quick-title{text-align:center;width:100%}.stats-tabs{display:flex;gap:.5rem;margin:.8rem 0 1.2rem;justify-content:center}.stats-tab{padding:.32rem .75rem;border-radius:999px;background:#ffffff1f;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#ffffffbf}.stats-tab.active{background:var(--accent);color:#312c2c;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-bottom:1.2rem}.stats-tile{background:#ffffff14;border-radius:14px;padding:.7rem .6rem;text-align:center}.stats-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;margin:0 auto;background:transparent;color:#f5d867}.stats-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.stats-tile span{display:block;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:#fff9}.stats-tile strong{display:block;margin-top:.25rem;font-size:1.1rem;color:var(--ink)}.stats-type{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.type-pill{border-radius:14px;padding:.65rem .5rem;text-align:center;color:#312c2c;font-weight:700}.type-pill span{display:block;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase}.type-pill strong{display:block;margin-top:.3rem;font-size:1rem}.type-pill.beer{background:#ccd5af}.type-pill.wine{background:#f9ebad}.type-pill.shot{background:#f1cca5}.type-pill.drink{background:#f3c6d2}.stats-subtitle{margin-top:1rem;margin-bottom:.6rem}.card-stats-calendar{background:#332d2d;border:1px solid rgba(255,255,255,.06)}.stats-calendar-head{display:grid;gap:.5rem;margin-bottom:.6rem}.stats-month{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.stats-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.45rem;justify-items:stretch;font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:#fff9;margin-bottom:.6rem}.stats-weekdays span{display:block;text-align:center}.stats-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.45rem;justify-items:stretch}.stats-day{display:grid;place-items:center;background:#ffffff1a;border-radius:14px;padding:.4rem 0;font-size:.7rem;color:#fffc;width:100%}.stats-day.active{background:#f5d867;color:#312c2c;font-weight:600}.stats-day.active-green{background:#ccd5af;color:#312c2c;font-weight:600}.stats-day.empty{background:transparent}.card-stats-day{background:#332d2d;text-align:center;border:1px solid rgba(255,255,255,.06)}.stats-day-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-bottom:.8rem}.stats-inline-drinks{margin-top:.6rem;display:grid;gap:.6rem}.stats-day-tile{border-radius:14px;border:1px solid rgba(255,255,255,.35);padding:.6rem .4rem}.stats-day-grid span{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:#fff9}.stats-day-grid strong{display:block;margin-top:.3rem;font-size:1rem}.card-stats-log{background:var(--card-grad);display:grid;gap:.6rem}.stats-log-item{display:grid;grid-template-columns:auto 1fr;gap:.6rem;align-items:center;padding:.65rem .75rem;border-radius:16px;background:#ffffff1a;font-size:.75rem;text-align:left}.stats-log-item span{color:#ffffffd9}.stats-log-item em{color:#ffffff80;font-style:normal}.stats-log-icon{width:34px;height:34px;border-radius:12px;background:#ffffffb3;display:grid;place-items:center;color:#312c2c}.stats-log-icon.beer{background:#ccd5af}.stats-log-icon.wine{background:#f9ebad}.stats-log-icon.shot{background:#f1cca5}.stats-log-icon.drink{background:#f3c6d2}.stats-log-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.friends-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:0 .6rem}.friends-header h3{margin:0;font-size:1.1rem;text-transform:uppercase;letter-spacing:.08em}.phone-friends{padding-bottom:2.4rem}.card-friends-block{background:#332d2d;border:1px solid rgba(255,255,255,.06)}.empty-pill{background:#ffffff14;border-radius:16px;padding:.7rem .9rem;color:#ffffffbf;font-size:.8rem;display:flex;flex-direction:column;gap:.2rem}.empty-pill.muted{color:#ffffffb3}.empty-pill span{font-size:.7rem;color:#ffffff80}.live-list{display:grid;gap:.7rem}.live-item{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;background:#ccd5af;border-radius:16px;padding:.7rem .85rem;font-size:.8rem;color:#312c2c}.live-avatar{width:34px;height:34px;border-radius:50%;background:#ffffffb3;display:grid;place-items:center;font-weight:700}.live-meta strong{display:block;font-size:.85rem}.live-meta span{display:block;font-size:.7rem;color:#312c2cb3}.live-value{text-align:right}.live-value strong{display:block;font-size:1rem}.live-value em{font-style:normal;font-weight:600;color:#312c2cb3;font-size:.7rem}.friend-row{display:flex;justify-content:space-between;align-items:center;background:#ffffff14;border-radius:14px;padding:.7rem .85rem;margin-top:.6rem}.friend-row strong{display:block;font-size:.85rem}.friend-row span{display:block;font-size:.7rem;color:#fff9}.leader-row{display:flex;justify-content:space-between;align-items:center;border-radius:16px;padding:.65rem .85rem;margin-top:.6rem;font-size:.8rem;color:#312c2c}.leader-row span{color:#312c2ca6;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.leader-row strong{display:block;margin-top:.15rem;font-size:.9rem;color:#312c2c}.leader-left{display:flex;align-items:center;gap:.7rem}.leader-icon{width:34px;height:34px;border-radius:12px;background:#ffffff80;display:grid;place-items:center;color:#312c2c}.leader-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.leader-arrow{font-weight:700;color:#312c2cb3}.leader-green{background:#ccd5af}.leader-yellow{background:#f9ebad}.leader-orange{background:#f1cca5}.friends-nav{position:absolute;left:50%;bottom:1rem;transform:translate(-50%);display:flex;gap:.6rem;background:var(--accent);padding:.6rem .8rem;border-radius:20px;color:#2b1d12;font-size:.7rem;box-shadow:0 20px 40px #0000004d}.nav-pill{padding:.35rem .6rem;border-radius:12px;background:#ffffff4d}.nav-pill.active,.nav-pill.add{background:var(--surface);color:var(--ink)}.section-title p{text-transform:uppercase;letter-spacing:.2em;color:var(--ink-soft);margin:0 0 .6rem}.section-title h2{font-family:Manrope,Poppins,Segoe UI,sans-serif;font-size:clamp(2rem,3vw,3rem);margin:0;color:var(--ink)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.8rem;margin-top:2.5rem}.feature-card{padding:2rem;border-radius:24px;background:#312c2cb3;box-shadow:0 18px 40px #00000040;opacity:0;transform:translateY(30px);animation:rise .8s ease forwards}.feature-card:nth-child(2){animation-delay:.15s}.feature-card:nth-child(3){animation-delay:.3s}.feature-icon{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#f5d867f2,#e49b56bf);margin-bottom:1.2rem}.feature-card h3{margin:0 0 .6rem;color:var(--ink)}.feature-card p{margin:0;color:var(--ink-soft)}.steps{background:linear-gradient(120deg,#312c2cd9,#241f1fd9);border-radius:36px;padding:4rem 3rem}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;margin-top:2rem}.step-card{padding:1.8rem;border-radius:22px;background:#312c2cd9;color:var(--ink);box-shadow:0 16px 40px #0000004d}.step-number{font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:#ffffff80}.metrics{display:grid;gap:2rem}.metrics-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:2rem}.metric{padding:2rem;border-radius:24px;background:#312c2cb3;text-align:center;box-shadow:inset 0 0 0 1px #ffffff14}.metric h3{margin:0;font-size:2.2rem;color:var(--accent-strong)}.metric p{margin:.4rem 0 0;color:var(--ink-soft)}.safety-card{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:3rem;border-radius:30px;background:var(--card-grad);color:#fff3df}.footer{display:flex;justify-content:space-between;align-items:flex-start;padding:4rem 0 2rem;gap:2rem}.footer strong{font-family:Manrope,Poppins,Segoe UI,sans-serif;font-size:1.2rem}.footer-links{display:flex;gap:1.5rem;color:var(--ink-soft)}.footer-links a{color:inherit}.footer-legal{display:grid;gap:.6rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.footer-legal a{text-transform:none;letter-spacing:0;font-size:.95rem;color:var(--ink)}.modal-backdrop{position:fixed;inset:0;background:#000c;display:grid;place-items:center;padding:1.5rem;z-index:10}.modal-card{width:min(420px,100%);background:var(--surface);border-radius:24px;padding:2rem;display:grid;gap:.8rem;text-align:center;box-shadow:0 30px 80px #00000073}.modal-card h3{margin:0;font-family:Manrope,Poppins,Segoe UI,sans-serif;font-size:2rem;color:var(--ink)}.modal-card p{margin:0;color:#fffff5b3}@keyframes rise{to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatIn{to{opacity:1;transform:translateY(0)}}@media(max-width:1080px){.hero{grid-template-columns:1fr}.site-header{grid-template-columns:auto auto;justify-content:space-between}.nav{display:none}.friends-showcase,.stats-showcase{grid-template-columns:1fr}}@media(max-width:900px){.card-grid,.steps-grid,.metrics-row{grid-template-columns:1fr}.steps{padding:3rem 2rem}.safety-card{flex-direction:column;align-items:flex-start}.footer{flex-direction:column}.friends-showcase,.stats-showcase{gap:2.2rem}.stats-type{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.page{padding:0 1.4rem 4rem}.site-header{grid-template-columns:1fr auto;padding:1.5rem 0 1rem}.hero{grid-template-columns:1fr;padding-top:2rem;gap:2.5rem}.friends-showcase,.stats-showcase{grid-template-columns:1fr;gap:2rem}.friends-copy,.stats-copy,.hero-copy{align-items:flex-start;text-align:left;order:1}.hero-visual,.friends-visual,.stats-visual{order:2;justify-self:center}.hero-actions{flex-direction:row;align-items:stretch;flex-wrap:nowrap}.hero-actions .cta,.hero-actions .ghost{flex:1;text-align:center}.section{padding:3.5rem 0}.phone{width:100%;max-width:420px;margin:0 auto}.hero-visual,.friends-visual,.stats-visual{width:100%;display:grid;justify-items:center}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-day{padding:.32rem 0;font-size:.65rem}.floating-card{position:static;margin-top:1.5rem}}