@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/space-grotesk-500.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-grotesk-700.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0a10;--surface:#17141f;--surface-2:#201c2b;--surface-glass:#ffffff0b;--border:#2c2836;--border-strong:#423a58;--fg:#f5f3fa;--fg-muted:#9d96b0;--fg-dim:#6b6480;--accent:#8b5cf6;--accent-2:#6d28d9;--accent-bright:#b09aff;--accent-glow:#8b5cf666;--accent-hot:#f0399e;--accent-hot-bright:#ff7ecb;--accent-hot-glow:#f0399e66;--danger:#f87171;--danger-glow:#f871714d;--gold:#fbbf24;--gold-bright:#fde68a;--gold-glow:#fbbf2459;--gold-dim:#7a5f13;--font-display:"Space Grotesk", system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-lg:20px;--radius:14px;--radius-sm:10px;--radius-pill:999px;--shadow-card:0 1px 0 #ffffff0a inset, 0 10px 28px -10px #0009, 0 2px 10px -4px #5d2dff2e;--shadow-glow-accent:0 0 0 1px #8b5cf647, 0 10px 34px -8px #8b5cf673;--shadow-glow-gold:0 0 0 1px #fbbf2452, 0 10px 30px -6px #fbbf2466;--shadow-glow-cta:0 0 0 1px #f0399e38, 0 10px 32px -8px #8b5cf680, 0 6px 22px -10px #f0399e73;--nav-height:64px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}body{background:radial-gradient(ellipse 640px 420px at 15% -8%, var(--accent-glow), transparent 60%), radial-gradient(ellipse 520px 380px at 105% 12%, var(--accent-hot-glow), transparent 55%), radial-gradient(ellipse 500px 500px at 50% 115%, #8b5cf629, transparent 60%), var(--bg);color:var(--fg);-webkit-tap-highlight-color:transparent;background-attachment:fixed;margin:0;font-family:system-ui,sans-serif;position:relative}body:after{content:"";z-index:1;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:2;flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative}main{padding:var(--space-4);flex:1}main.has-bottom-nav{padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + var(--space-4))}h1{font-family:var(--font-display);letter-spacing:-.035em;margin:0 0 var(--space-2);text-wrap:balance;font-size:2.3rem;font-weight:700;line-height:1.05}h2{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 var(--space-3);font-size:1.15rem;font-weight:500}p{color:var(--fg-muted);max-width:42em;line-height:1.5}.subtitle{color:var(--fg-muted);margin:0 0 var(--space-5);font-size:.95rem}a{color:var(--accent-bright)}button{min-width:48px;min-height:48px;font-family:var(--font-display);background:linear-gradient(135deg, var(--accent) 0%, var(--accent-hot) 100%);color:var(--fg);border-radius:var(--radius-sm);cursor:pointer;padding:0 var(--space-4);box-shadow:var(--shadow-glow-cta);transition:transform .16s var(--ease-spring), box-shadow .16s var(--ease-out-expo), background-color .12s;border:none;font-size:1.05rem;font-weight:700}button:hover{transform:translateY(-1px)scale(1.01)}button:active{background:linear-gradient(135deg, var(--accent-2) 0%, var(--accent-hot) 100%);transform:scale(.96);box-shadow:0 0 0 1px #f0399e40,0 4px 16px -6px #8b5cf68c}button:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}button:disabled{background:var(--surface-2);color:var(--fg-dim);cursor:not-allowed;box-shadow:none;transform:none}@media (prefers-reduced-motion:reduce){button{transition:background-color .12s}button:active,button:hover{transform:none}}input{background:var(--surface);width:100%;min-height:48px;color:var(--fg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 var(--space-4);font-size:1.05rem;transition:border-color .16s,box-shadow .16s}input::placeholder{color:var(--fg-dim)}input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);outline:none}form{gap:var(--space-3);flex-direction:column;display:flex}ul,ol{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-delay:0s!important}}.app-header{padding:var(--space-4);padding-top:calc(var(--space-4) + env(safe-area-inset-top));-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);z-index:10;background:#0b0a10d1;align-items:center;display:flex;position:sticky;top:0}.app-title{align-items:center;gap:var(--space-1);font-family:var(--font-display);letter-spacing:-.01em;color:var(--fg);text-shadow:0 0 10px var(--accent-glow), 0 0 22px #8b5cf640;font-size:1.4rem;font-weight:700;animation:1.8s ease-out neon-flicker;display:inline-flex}.app-title-icon{width:1.5rem;height:1.5rem;filter:drop-shadow(0 0 8px var(--accent-hot-glow))}.app-title-accent{color:var(--accent-hot-bright);text-shadow:0 0 12px var(--accent-hot-glow), 0 0 26px #f0399e4d}@keyframes neon-flicker{0%,to{opacity:1}8%{opacity:.4}10%{opacity:1}12%{opacity:.55}14%{opacity:1}}.bottom-nav{-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);height:calc(var(--nav-height) + env(safe-area-inset-bottom));z-index:20;background:#17141fe0;justify-content:space-around;max-width:480px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{margin:var(--space-2) var(--space-1);border-radius:var(--radius-sm);color:var(--fg-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.7rem;font-weight:600;text-decoration:none;transition:background-color .16s,color .16s;display:flex}.bottom-nav-item img{opacity:.72;width:1.5rem;height:1.5rem;transition:transform .16s var(--ease-spring), filter .16s, opacity .16s}.bottom-nav-item.active{color:var(--accent-bright);background:var(--accent-glow);background:color-mix(in srgb, var(--accent) 16%, transparent)}.bottom-nav-item.active img{opacity:1;filter:drop-shadow(0 0 5px var(--accent-glow));transform:translateY(-1px)scale(1.08)}.toast{left:var(--space-4);right:var(--space-4);bottom:calc(env(safe-area-inset-bottom) + var(--space-3));align-items:flex-start;gap:var(--space-2);max-width:448px;color:var(--fg);border:1px solid #f8717159;border-left:3px solid var(--danger);border-radius:var(--radius-sm);padding:var(--space-3);box-shadow:0 12px 30px -8px #0000008c, 0 0 0 1px var(--danger-glow);z-index:30;animation:toast-in .22s var(--ease-spring);background:linear-gradient(155deg,#22131a,#1a1019);margin:0 auto;display:flex;position:fixed}.toast:before{content:"⚠";color:var(--danger);flex-shrink:0;line-height:1.5}.toast--above-nav{bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + var(--space-3))}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.join-code-card{align-items:center;gap:var(--space-1);background:linear-gradient(160deg, var(--surface) 0%, var(--surface-2) 100%);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4) var(--space-4);margin-bottom:var(--space-6);text-align:center;box-shadow:var(--shadow-card);animation:rise-in .32s var(--ease-out-expo);flex-direction:column;display:flex;position:relative;overflow:hidden;transform:rotate(-1.4deg)}.join-code-card:before{content:"";background:radial-gradient(ellipse, var(--accent-glow), transparent 70%);pointer-events:none;width:60%;height:140%;position:absolute;top:-40%;left:-20%}.join-code-card:after{content:"";background:radial-gradient(ellipse, var(--accent-hot-glow), transparent 70%);pointer-events:none;width:55%;height:130%;position:absolute;bottom:-40%;right:-20%}.join-code-card>span{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:600;position:relative}.join-code-card strong{font-family:var(--font-display);letter-spacing:.12em;font-variant-numeric:tabular-nums;background:linear-gradient(120deg, var(--accent-bright) 10%, var(--accent-hot-bright) 90%);color:#0000;margin:var(--space-1) 0;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;position:relative}.join-code-card small{width:100%;color:var(--fg-dim);word-break:break-all;padding-top:var(--space-3);margin-top:var(--space-2);border-top:1px dashed var(--border-strong);font-size:.78rem;display:block;position:relative}.join-code-actions{z-index:1;gap:var(--space-2);width:100%;margin-top:var(--space-3);display:flex;position:relative}.join-code-actions button{min-height:40px;padding:0 var(--space-2);flex:1;font-size:.8rem}.home,.home h1,.home .subtitle{text-align:center}.home-hero{padding:var(--space-5) 0 var(--space-4);flex-direction:column;align-items:center;display:flex}.home-hero-mark{width:88px;height:88px;margin-bottom:var(--space-3);filter:drop-shadow(0 0 18px var(--accent-hot-glow)) drop-shadow(0 0 30px var(--accent-glow));display:block}.home-hero-tagline{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-bright);margin-bottom:var(--space-2);font-size:.78rem;font-weight:700}.home-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-2);flex-direction:column;display:flex}.home-actions button{width:100%}.home-link-button{box-shadow:none;min-height:0;padding:var(--space-1);color:var(--fg-muted);text-underline-offset:3px;background:0 0;border:none;font-size:.85rem;font-weight:500;text-decoration:underline}.home-link-button:hover{color:var(--accent-bright);transform:none}.auth{text-align:center}.auth-hero{padding:var(--space-5) 0 var(--space-4);flex-direction:column;align-items:center;display:flex}.auth-hero .subtitle{margin-top:var(--space-2)}.auth-hero-mark{width:72px;height:72px;margin-bottom:var(--space-3);filter:drop-shadow(0 0 18px var(--accent-hot-glow)) drop-shadow(0 0 30px var(--accent-glow));display:block}.auth-card{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(160deg, var(--surface-2) 0%, var(--surface) 100%);border:1px solid var(--border);flex-direction:column;display:flex;box-shadow:inset 0 1px #ffffff08,0 18px 40px -20px #000000b3}.auth-card input{text-align:center}.auth-card button[type=submit]{margin-top:var(--space-1)}.auth-switch{text-align:center;margin-top:var(--space-4)}.friend-row{justify-content:space-between;align-items:center;display:flex}.friend-row-chevron{color:var(--fg-dim);font-size:1.4rem}.friend-stats-back{margin-bottom:var(--space-3);color:var(--fg-muted);font-size:.9rem;text-decoration:none;display:inline-block}.friend-stats-back:hover{color:var(--accent-bright)}.friend-stats-record{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(160deg, var(--surface-2) 0%, var(--surface) 100%);border:1px solid var(--border);display:flex;box-shadow:inset 0 1px #ffffff08,0 18px 40px -20px #000000b3}.friend-stats-record-side{align-items:center;gap:var(--space-1);flex-direction:column;flex:1;display:flex}.friend-stats-record-num{font-family:var(--font-display);font-variant-numeric:tabular-nums;background:linear-gradient(160deg, var(--accent-bright), var(--accent-hot-bright));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.6rem;font-weight:700;line-height:1}.friend-stats-record-label{color:var(--fg-muted);font-size:.85rem}.friend-stats-record-vs{font-family:var(--font-display);color:var(--fg-dim);font-size:1.5rem}.friend-stats-grid{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.friend-stats-tile{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);text-align:center;border-radius:var(--radius);background:var(--surface-glass);border:1px solid var(--border);flex-direction:column;display:flex}.friend-stats-tile-num{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--fg);font-size:1.5rem;font-weight:700}.friend-stats-tile-sub{color:var(--fg-dim);font-size:1rem}.friend-stats-tile-label{color:var(--fg-muted);font-size:.72rem;line-height:1.2}.friend-stats .participants-panel button.button-ghost{width:100%;margin-top:var(--space-2)}.landing{text-align:center;min-height:100dvh;padding:calc(var(--space-6) + env(safe-area-inset-top)) var(--space-5) calc(var(--space-6) + env(safe-area-inset-bottom));justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.landing-hero{margin-bottom:var(--space-1);justify-content:center;align-items:center;display:flex;position:relative}.landing-hero-glow{background:radial-gradient(circle at 50% 50%, var(--accent-glow), transparent 62%), radial-gradient(circle at 60% 60%, var(--accent-hot-glow), transparent 58%);filter:blur(8px);pointer-events:none;border-radius:50%;width:320px;height:320px;animation:5s ease-in-out infinite landing-pulse;position:absolute}.landing-mark{width:132px;height:132px;animation:rise-in .5s var(--ease-out-expo), landing-float 5s ease-in-out .5s infinite;position:relative}@keyframes landing-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes landing-pulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.landing-mark,.landing-hero-glow{animation:none}}.landing-body{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.landing-wordmark{font-family:var(--font-display);letter-spacing:-.03em;color:var(--fg);font-size:2.6rem;font-weight:700;line-height:1}.landing-tagline{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-bright);font-size:.78rem;font-weight:700}.landing-body h1{max-width:16ch;margin:var(--space-3) 0 0;font-size:1.9rem}.landing-body .subtitle{max-width:34ch;margin:var(--space-2) 0 var(--space-4)}.landing-cta{border-radius:var(--radius-pill);width:100%;max-width:320px}.landing-body .home-link-button{margin-top:var(--space-3)}.home-card{background:var(--surface-glass);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);text-align:left;gap:var(--space-2);flex-direction:column;align-items:center;display:flex}.home-card form{width:100%}.join-code-form{gap:var(--space-2);display:flex}.join-code-form input{text-transform:uppercase;letter-spacing:.08em;flex:1}.qr-code-wrap{padding:var(--space-4);margin-bottom:var(--space-5);border-radius:var(--radius);background:#f5f3fa;justify-content:center;display:flex}.qr-code-wrap canvas{border-radius:var(--radius-sm)}.participants-panel{background:var(--surface-glass);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-5)}.participants-panel h2{margin-bottom:var(--space-2)}.participants-row{width:100%;padding:var(--space-2) 0;border-bottom:1px solid var(--border);color:inherit;font-family:inherit;font-weight:500;font-size:inherit;text-align:left;cursor:pointer;background:0 0;border-top:none;border-left:none;border-right:none;align-items:center;display:flex}.participants-panel li:last-child .participants-row{border-bottom:none}.participant-timeline{padding:var(--space-1) 0 var(--space-2) var(--space-4)}.participant-timeline-row{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;font-size:.9rem;display:flex}.participant-timeline-name{flex:1}.participant-timeline-time{color:var(--fg-muted);font-variant-numeric:tabular-nums}.participant-timeline-empty{color:var(--fg-dim);padding:var(--space-1) 0;font-size:.9rem}.participants-panel .button-ghost{width:100%;margin-top:var(--space-3)}.leaderboard{background:linear-gradient(160deg, var(--surface) 0%, var(--surface-2) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-2);margin-bottom:var(--space-5);box-shadow:var(--shadow-card)}.leaderboard-row{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);animation:rise-in .36s var(--ease-out-expo) backwards;display:flex}.leaderboard-row:first-child{animation-delay:40ms}.leaderboard-row:nth-child(2){animation-delay:80ms}.leaderboard-row:nth-child(3){animation-delay:.12s}.leaderboard-row:nth-child(4){animation-delay:.16s}.leaderboard-row:nth-child(5){animation-delay:.2s}.leaderboard-row:nth-child(n+6){animation-delay:.24s}.leaderboard-row--you{background:linear-gradient(120deg,#8b5cf61f,#0000);border:1px solid #8b5cf666}.you-tag{font-family:var(--font-display);color:var(--accent-bright);border-radius:var(--radius-pill);margin-left:var(--space-2);letter-spacing:.04em;vertical-align:middle;background:#8b5cf62e;border:1px solid #8b5cf666;padding:1px 6px;font-size:.62rem;font-weight:700;display:inline-block}.rank-arrow{margin-left:var(--space-1);animation:rise-in .2s var(--ease-out-expo);font-size:.7rem;display:inline-block}.rank-arrow--up{color:#4ade80}.rank-arrow--down{color:var(--danger)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.leaderboard-row-skeleton{border-radius:var(--radius-sm);height:52px;margin:var(--space-2);background:linear-gradient(90deg, var(--surface) 25%, var(--surface-2) 50%, var(--surface) 75%);background-size:200% 100%;animation:1.6s ease-in-out infinite skeleton-shimmer}.log-grid-skeleton{aspect-ratio:1;border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--surface) 25%, var(--surface-2) 50%, var(--surface) 75%);background-size:200% 100%;animation:1.6s ease-in-out infinite skeleton-shimmer}.history-row-skeleton{border-radius:var(--radius-sm);height:52px;margin-bottom:var(--space-2);background:linear-gradient(90deg, var(--surface) 25%, var(--surface-2) 50%, var(--surface) 75%);background-size:200% 100%;animation:1.6s ease-in-out infinite skeleton-shimmer}.install-banner{align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border);padding:var(--space-3) var(--space-4);background:linear-gradient(120deg,#8b5cf629,#f0399e1a);display:flex}.install-banner-icon{flex-shrink:0;font-size:1.4rem}.install-banner-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.install-banner-text strong{font-family:var(--font-display);font-size:.88rem}.install-banner-text span{color:var(--fg-muted);font-size:.78rem}.install-banner button{min-height:36px;padding:0 var(--space-3);flex-shrink:0;font-size:.85rem}.install-banner-dismiss{box-shadow:none;color:var(--fg-dim);background:0 0;min-width:32px;padding:0}.install-banner-dismiss:hover{transform:none}.install-banner-dismiss:active{box-shadow:none;background:0 0;transform:scale(.9)}@media (prefers-reduced-motion:reduce){.leaderboard-row-skeleton,.log-grid-skeleton,.history-row-skeleton{background-position:0 0;animation:none}}.leaderboard-row--first{box-shadow:var(--shadow-glow-gold);margin:var(--space-1) 0 var(--space-2);background:linear-gradient(120deg,#fbbf2429,#fbbf240d);border:1px solid #fbbf2459;position:relative;overflow:hidden;transform:scale(1.035)}.leaderboard-row--first:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff29 50%,#0000 60%) 0 0/250% 100%;animation:3.2s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:140% 0}60%,to{background-position:-40% 0}}@media (prefers-reduced-motion:reduce){.leaderboard-row--first:after{display:none}}.leaderboard-rank{z-index:1;background:var(--surface-2);border-radius:30%;flex-shrink:0;justify-content:center;align-items:center;width:2.1em;height:2.1em;font-size:1.1rem;display:flex;position:relative}.leaderboard-row--first .leaderboard-rank{background:linear-gradient(155deg, var(--gold-bright), var(--gold));border-radius:26% 74% 30% 70%/70% 30% 74% 26%;font-size:1.3rem;transform:rotate(-6deg)}.leaderboard-name{z-index:1;font-family:var(--font-display);flex:1;font-weight:500;position:relative}.leaderboard-row--first .leaderboard-name{color:var(--gold-bright);font-weight:700}.leaderboard-score{z-index:1;color:var(--fg-muted);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:700;display:inline-block;position:relative}.leaderboard-row--first .leaderboard-score{color:var(--gold-bright);font-size:1.5rem}@keyframes score-pop{0%{transform:scale(1)}45%{color:var(--accent-hot-bright);transform:scale(1.3)}to{transform:scale(1)}}.leaderboard-score.pop{animation:score-pop .46s var(--ease-spring)}.log-grid{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.log-grid button{aspect-ratio:1;white-space:normal;justify-content:center;align-items:center;gap:var(--space-2);height:auto;color:var(--fg);background:linear-gradient(160deg, var(--surface-2) 0%, var(--surface) 100%);border:1px solid var(--border);animation:rise-in .32s var(--ease-out-expo) backwards;flex-direction:column;font-size:.85rem;font-weight:600;display:flex;position:relative;box-shadow:inset 0 1px #ffffff08,0 6px 16px -8px #00000080}.log-grid button:nth-child(3n+1){animation-delay:20ms}.log-grid button:nth-child(3n+2){animation-delay:60ms}.log-grid button:nth-child(3n+3){animation-delay:.1s}.log-grid button:hover:not(:disabled){border-color:var(--border-strong);transform:translateY(-2px)}.log-grid button:active{background:linear-gradient(155deg, var(--accent), var(--accent-2));border-color:var(--accent);box-shadow:var(--shadow-glow-accent)}.log-grid-icon-wrap{background:radial-gradient(circle at 32% 28%, color-mix(in srgb, var(--badge) 60%, white 12%), transparent 65%), linear-gradient(160deg, color-mix(in srgb, var(--badge) 34%, var(--surface-2)), color-mix(in srgb, var(--badge) 12%, var(--surface)));width:52px;height:52px;box-shadow:inset 0 1px 0 #ffffff1a, 0 6px 16px -8px color-mix(in srgb, var(--badge) 70%, transparent);border-radius:30% 70% 65% 35%/45% 40% 60% 55%;justify-content:center;align-items:center;display:flex}.log-grid button:nth-child(6n+2) .log-grid-icon-wrap,.log-grid button:nth-child(6n+5) .log-grid-icon-wrap{transform:rotate(-6deg)}.log-grid button:nth-child(6n+3) .log-grid-icon-wrap,.log-grid button:nth-child(6n+6) .log-grid-icon-wrap{transform:rotate(5deg)}.log-grid-icon{filter:drop-shadow(0 2px 6px #0006);font-size:1.6rem}.log-burst{font-family:var(--font-display);color:var(--accent-hot-bright);text-shadow:0 2px 10px #0009;pointer-events:none;animation:burst-rise .7s var(--ease-out-expo) forwards;font-size:1rem;font-weight:700;position:absolute;top:4px;left:50%}@keyframes burst-rise{0%{opacity:0;transform:translate(-50%)scale(.6)}25%{opacity:1;transform:translate(-50%,-8px)scale(1.15)}to{opacity:0;transform:translate(-50%,-38px)scale(1)}}.log-grid p{text-align:center;grid-column:1/-1}.log-grid-add{background:var(--surface-glass);border:1px dashed var(--border-strong);box-shadow:none;color:var(--fg-muted)}.log-grid-add:hover:not(:disabled){border-color:var(--accent);color:var(--fg)}.log-grid-add:active{background:var(--surface-glass);box-shadow:none}.log-grid-icon-wrap--add{box-shadow:none;border:1px dashed var(--border-strong);font-family:var(--font-display);color:var(--fg-muted);background:0 0;font-weight:700}.add-substance-form h2{margin-bottom:var(--space-2)}.icon-picker{gap:var(--space-3);margin:var(--space-2) 0 var(--space-1);grid-template-columns:repeat(4,1fr);display:grid}.icon-picker-option{aspect-ratio:1;background:linear-gradient(160deg, color-mix(in srgb, var(--badge) 20%, var(--surface-2)), color-mix(in srgb, var(--badge) 8%, var(--surface)));border:1px solid var(--border);height:auto;box-shadow:none;font-size:1.5rem}.icon-picker-option.selected{border-color:var(--badge);box-shadow:0 0 0 2px color-mix(in srgb, var(--badge) 55%, transparent), 0 6px 16px -8px color-mix(in srgb, var(--badge) 70%, transparent)}.icon-picker-option:active{background:linear-gradient(160deg, color-mix(in srgb, var(--badge) 20%, var(--surface-2)), color-mix(in srgb, var(--badge) 8%, var(--surface)))}.add-substance-actions{gap:var(--space-3);margin-top:var(--space-2);display:flex}.add-substance-actions button{flex:1}.button-ghost{box-shadow:none;border:1px solid var(--border-strong);color:var(--fg-muted);background:0 0}.button-ghost:hover{color:var(--fg);transform:none}.button-ghost:active{background:var(--surface-glass);box-shadow:none}.size-picker{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.size-picker button{justify-content:center;align-items:center;gap:var(--space-1);flex-direction:column;height:72px;display:flex}.size-picker-dots{gap:3px;display:flex}.size-picker-dots span{opacity:.55;background:currentColor;border-radius:50%;width:5px;height:5px}.size-picker-dots span.filled{opacity:1}.log-grid-count{min-width:18px;height:18px;font-family:var(--font-display);color:var(--fg-muted);background:var(--surface-glass);border:1px solid var(--border-strong);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:8px;right:8px}.variant-picker{gap:var(--space-2);margin-bottom:var(--space-5);animation:rise-in .28s var(--ease-out-expo) backwards;flex-direction:column;display:flex}.variant-picker-head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-1);display:flex}.variant-picker-head strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.15rem}.variant-picker-cancel{height:36px;padding:0 var(--space-3);margin-left:auto}.variant-picker-option{height:56px;padding:0 var(--space-4);color:var(--fg);text-align:left;justify-content:space-between;align-items:center;font-size:1rem;font-weight:600;display:flex}.variant-picker-points{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--accent-bright);font-weight:700}.recent-log{margin-bottom:var(--space-5)}.recent-log-row{background:var(--surface-glass);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);justify-content:space-between;align-items:center;display:flex}.recent-log-item{align-items:center;gap:var(--space-2);font-weight:500;display:flex}.recent-log-icon-wrap{background:radial-gradient(circle at 32% 28%, color-mix(in srgb, var(--badge) 55%, white 10%), transparent 65%), linear-gradient(160deg, color-mix(in srgb, var(--badge) 32%, var(--surface-2)), color-mix(in srgb, var(--badge) 12%, var(--surface)));border-radius:30% 70% 65% 35%/45% 40% 60% 55%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;display:flex}.recent-log-row button{min-height:32px;padding:0 var(--space-2);box-shadow:none;color:var(--accent-bright);text-underline-offset:2px;background:0 0;font-size:.82rem;font-weight:600;text-decoration:underline}.recent-log-row button:hover{transform:none}.recent-log-row button:active{box-shadow:none;background:0 0;transform:scale(.96)}.end-night-button{background:linear-gradient(155deg, var(--danger) 0%, #c23f3f 100%);width:100%;box-shadow:0 0 0 1px #f871714d,0 10px 30px -8px #f8717166}.end-night-button:active{background:#c23f3f}.callout{border-radius:var(--radius);padding:var(--space-4);color:var(--fg);background:linear-gradient(160deg,#fbbf2424,#fbbf240a);border:1px solid #fbbf244d;font-weight:500;position:relative}.history-row a{justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);color:var(--fg);transition:transform .16s var(--ease-out-expo), border-color .16s;text-decoration:none;display:flex}.history-row a:hover{border-color:var(--border-strong);transform:translate(2px)}.history-row a:after{content:"›";color:var(--fg-dim);font-size:1.2rem}.history-row-text{flex-direction:column;gap:2px;min-width:0;display:flex}.history-row-date{font-weight:600}.history-row-score{color:var(--fg-muted);font-size:.82rem;font-weight:500}.button-danger{color:var(--danger);border-color:#f8717159}.button-danger:hover{color:#ff9d9d}.account-card{background:linear-gradient(160deg, var(--surface) 0%, var(--surface-2) 100%);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-3)}.account-nickname{box-shadow:none;color:var(--fg);font-family:var(--font-display);background:0 0;justify-content:flex-start;width:100%;padding:0;font-size:1.3rem;font-weight:700}.account-nickname:hover{color:var(--accent-bright);transform:none}.account-nickname:active{box-shadow:none;background:0 0}.account-upgrade{margin-bottom:var(--space-5);text-decoration:none;display:block}.stats-grid{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.stat-tile{align-items:center;gap:var(--space-1);background:var(--surface-glass);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4) var(--space-2);text-align:center;flex-direction:column;display:flex}.stat-tile strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;background:linear-gradient(120deg, var(--accent-bright) 10%, var(--accent-hot-bright) 90%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:700}.stat-tile span{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.your-substances{margin-bottom:var(--space-5)}.share-recap-buttons{gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.share-recap-buttons button{flex:1}.export-log-button{width:100%;margin-bottom:var(--space-5)}.share-card-personal-name{margin-top:var(--space-5);font-size:1.6rem;font-weight:700}.share-card-personal-score{font-variant-numeric:tabular-nums;color:var(--accent-hot-bright);margin:var(--space-2) 0 var(--space-5);font-size:2.4rem;font-weight:700}.share-card-stat-grid{gap:var(--space-2);flex:1;grid-template-columns:1fr 1fr;width:100%;display:grid}.share-card-stat{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;display:flex}.share-card-stat span{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700}.share-card-stat small{color:var(--fg-muted);font-family:system-ui,sans-serif}.share-card-offscreen{pointer-events:none;position:fixed;top:-9999px;left:-9999px}.share-card{width:360px;height:450px;padding:var(--space-6) var(--space-5);background:radial-gradient(ellipse 400px 300px at 20% -10%, var(--accent-glow), transparent 60%), radial-gradient(ellipse 350px 260px at 100% 15%, var(--accent-hot-glow), transparent 55%), var(--bg);font-family:var(--font-display);color:var(--fg);flex-direction:column;align-items:center;display:flex}.share-card-header{align-items:center;gap:var(--space-1);font-size:1.4rem;font-weight:700;display:flex}.share-card-accent{color:var(--accent-hot-bright)}.share-card-night-title{color:var(--fg-muted);font-family:system-ui,sans-serif;font-size:.9rem}.share-card-row--rest{padding:var(--space-2) var(--space-3);opacity:.8}.share-card-trophy{margin:var(--space-5) 0 var(--space-4);font-size:3rem}.share-card-list{gap:var(--space-2);flex-direction:column;flex:1;width:100%;display:flex}.share-card-row{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex}.share-card-row--first{background:linear-gradient(120deg,#fbbf242e,#fbbf240f);border-color:#fbbf2466}.share-card-rank{font-size:1.2rem}.share-card-name{text-align:left;flex:1;font-weight:600}.share-card-score{font-variant-numeric:tabular-nums;font-weight:700}.share-card-date{margin-top:var(--space-4);color:var(--fg-muted);font-family:system-ui,sans-serif;font-size:.78rem}.empty-state{color:var(--fg-muted);text-align:center;padding:var(--space-6) var(--space-4);background:var(--surface-glass);border:1px dashed var(--border-strong);border-radius:var(--radius)}.recap-hero{text-align:center;margin-bottom:var(--space-5)}.recap-hero span{margin-bottom:var(--space-2);filter:drop-shadow(0 4px 12px var(--accent-glow));font-size:2.4rem;display:block}.confetti{pointer-events:none;z-index:5;position:fixed;inset:0;overflow:hidden}.confetti span{opacity:.9;border-radius:2px;width:7px;height:13px;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.4,0,.6,1);animation-fill-mode:forwards;position:absolute;top:-24px}@keyframes confetti-fall{0%{opacity:.9;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(115vh)rotate(560deg)}}.start-night-form{gap:var(--space-2);flex-direction:column;display:flex}.night-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700}.night-locked-tag{color:var(--fg-muted)}.app-header{justify-content:space-between}.app-header-resume-button{color:var(--fg);background:linear-gradient(135deg, var(--accent) 0%, var(--accent-hot) 100%);box-shadow:0 0 12px var(--accent-glow);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);border:none;font-size:.78rem;font-weight:600}.participant-host-actions{gap:var(--space-2);padding:0 0 var(--space-2) var(--space-4);display:flex}.edited-tag{color:var(--fg-muted);font-size:.68rem;font-style:italic;font-weight:400}.recent-log-actions{gap:var(--space-1);display:flex}.history-row{align-items:center;gap:var(--space-2);display:flex}.history-row a{flex:1}.history-row-title{font-weight:600}.history-row-delete{box-shadow:none;border:1px solid var(--border);min-height:40px;padding:0 var(--space-3);background:0 0}.history-row-winner{color:var(--fg-muted);font-size:.82rem}.history-filters{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.history-filters input{flex:1;min-width:140px}.recent-log-row-wrap{gap:var(--space-1);flex-direction:column;display:flex}.recent-log-note-form{gap:var(--space-2);padding:0 var(--space-3) var(--space-2);display:flex}.recent-log-note-form input{flex:1;min-height:34px;font-size:.85rem}.recent-log-note-form button{min-height:34px;font-size:.82rem}.awards-list{gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column;display:flex}.award-tile{align-items:center;gap:var(--space-3);background:linear-gradient(120deg, #fbbf241a, var(--surface-glass));border-radius:var(--radius);padding:var(--space-4);text-align:left;border:1px solid #fbbf2459;display:flex;box-shadow:0 0 16px #fbbf2414}.award-tile-emoji{flex-shrink:0;font-size:2rem}.award-tile-body{flex-direction:column;gap:2px;display:flex}.award-tile-label{color:var(--gold-bright);font-size:.95rem}.award-tile-nickname{color:var(--fg-muted);font-size:.85rem;font-weight:500}.award-tile-description{color:var(--fg-muted);font-size:.85rem}.night-story{gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface-glass);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg-muted);flex-direction:column;font-size:.88rem;display:flex}.callout-warning{background:linear-gradient(160deg,#f8717124,#f871710a);border-color:#f871714d}.export-log-buttons{gap:var(--space-2);margin-bottom:var(--space-5);display:flex}.export-log-buttons .export-log-button{flex:1;margin-bottom:0}.reopen-night-button{width:100%;margin-bottom:var(--space-5)}.connection-status{text-align:center;padding:var(--space-2);border-radius:var(--radius-sm);margin-bottom:var(--space-3);font-size:.82rem}.connection-status--offline{color:#ffb4b4;background:#f8717124;border:1px solid #f871714d}.connection-status--syncing{color:#fbbf24;background:#fbbf2424;border:1px solid #fbbf244d}.pending-tag{color:#fbbf24;font-size:.68rem;font-style:italic;font-weight:400}.invite-friends{margin-top:var(--space-3)}.invite-friends h3{color:var(--fg-muted);margin-bottom:var(--space-2);font-size:.9rem}.sign-out-others-button{width:100%;margin-bottom:var(--space-4)}.account-danger-zone{gap:var(--space-2);margin-top:var(--space-5);flex-direction:column;display:flex}.spectate-setting{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.spectate-setting p{margin-top:2px}@media (prefers-reduced-motion:reduce){.confetti{display:none}}