*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #08080f;--bg-card: #10101e;--bg-card2: #181828;--bg-input: #1c1c2e;--border: #2a2a45;--border-light: #3a3a55;--accent: #f59e0b;--accent-hover: #d97706;--accent-glow: rgba(245, 158, 11, .25);--green: #22c55e;--green-glow: rgba(34, 197, 94, .2);--red: #ef4444;--red-glow: rgba(239, 68, 68, .2);--text: #f0f0f8;--text-muted: #7070a0;--text-dim: #4a4a70;--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 24px rgba(0, 0, 0, .5);--tabbar-height: 64px}html{background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;min-height:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}@media (max-width: 600px){.admin-stats{grid-template-columns:repeat(2,1fr)}}.admin-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;text-align:center}.admin-stat-value{font-size:1.8rem;font-weight:700;color:var(--accent)}.admin-stat-label{font-size:.75rem;color:var(--text-muted);margin-top:2px}.admin-tabs{display:flex;gap:8px;margin-bottom:16px}.admin-tab{padding:8px 20px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);cursor:pointer;font-size:.9rem;transition:all .15s}.admin-tab.active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.admin-table{width:100%;border-collapse:collapse;font-size:.875rem}.admin-table th{text-align:left;padding:10px 14px;color:var(--text-muted);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.admin-table td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:var(--bg-card2)}.admin-row-me{background:#f59e0b0d}.admin-you-badge{display:inline-block;margin-left:6px;font-size:.65rem;padding:1px 6px;border-radius:99px;background:var(--accent-glow);color:var(--accent);vertical-align:middle}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;height:100dvh;background:var(--bg);flex-direction:column;gap:16px}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.navbar{background:#08080ff7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;padding-top:env(safe-area-inset-top)}.navbar-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;gap:12px}.navbar-brand{font-size:1.3rem;font-weight:900;color:var(--accent);letter-spacing:-.5px;flex-shrink:0}.navbar-user{display:flex;align-items:center;gap:12px;font-size:.875rem;color:var(--text-muted)}.navbar-user strong{color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;height:44px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:all .15s ease;white-space:nowrap;font-family:inherit;-webkit-tap-highlight-color:rgba(245,158,11,.15)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#000}.btn-primary:active:not(:disabled){background:var(--accent-hover)}@media (hover: hover){.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-glow)}}.btn-secondary{background:var(--bg-card2);color:var(--text);border:1px solid var(--border)}@media (hover: hover){.btn-secondary:hover:not(:disabled){background:var(--bg-input);border-color:var(--border-light)}}.btn-danger{background:transparent;color:var(--red);border:1px solid var(--red)}@media (hover: hover){.btn-danger:hover:not(:disabled){background:var(--red-glow)}}.btn-green{background:var(--green);color:#000}@media (hover: hover){.btn-green:hover:not(:disabled){background:#16a34a;box-shadow:0 4px 16px var(--green-glow)}}.btn-sm{height:36px;padding:0 12px;font-size:.8rem}.btn-full{width:100%}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card-title{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:16px}.form-group{margin-bottom:14px}.form-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.form-input{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:11px 14px;font-size:16px;font-family:inherit;transition:border-color .15s;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder{color:var(--text-dim)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.error-msg{background:var(--red-glow);border:1px solid var(--red);color:var(--red);padding:10px 14px;border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:14px}.success-msg{background:var(--green-glow);border:1px solid var(--green);color:var(--green);padding:10px 14px;border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:14px}.landing{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;padding-bottom:max(32px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% -20%,rgba(245,158,11,.12) 0%,transparent 65%)}.landing-hero{text-align:center;margin-bottom:32px}.landing-hero h1{font-size:clamp(2.8rem,12vw,5.5rem);font-weight:900;color:var(--accent);letter-spacing:-2px;line-height:1;margin-bottom:10px}.landing-hero p{font-size:1rem;color:var(--text-muted);max-width:340px;margin:0 auto}.auth-box{width:100%;max-width:440px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.auth-tabs{display:flex;border-bottom:1px solid var(--border)}.auth-tab{flex:1;padding:14px;background:none;border:none;color:var(--text-muted);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;min-height:48px}.auth-tab.active{color:var(--accent);background:var(--bg-card2);border-bottom:2px solid var(--accent)}.auth-form{padding:24px}.dashboard-content{padding:24px 16px;max-width:1100px;margin:0 auto}.dashboard-greeting{margin-bottom:24px}.dashboard-greeting h2{font-size:1.5rem;font-weight:800}.dashboard-greeting p{color:var(--text-muted);margin-top:4px;font-size:.9rem}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}.sessions-section{margin-bottom:24px}.sessions-section h3{font-weight:700;margin-bottom:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.session-list{display:flex;flex-direction:column;gap:8px}.session-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .15s;text-decoration:none;color:inherit;gap:12px;-webkit-tap-highlight-color:rgba(245,158,11,.1)}@media (hover: hover){.session-item:hover{border-color:var(--border-light);background:var(--bg-card2)}}.session-item:active{background:var(--bg-card2)}.session-item-name{font-weight:600;font-size:.95rem}.session-item-meta{font-size:.78rem;color:var(--text-muted);margin-top:3px}.session-item-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.session-item-code{font-family:monospace;font-size:1rem;font-weight:700;color:var(--accent);letter-spacing:2px}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:20px;font-size:.7rem;font-weight:600;white-space:nowrap}.badge-active{background:var(--green-glow);color:var(--green);border:1px solid var(--green)}.badge-ended{background:#4646644d;color:var(--text-dim);border:1px solid var(--border)}.empty-state{text-align:center;padding:28px;color:var(--text-muted);font-size:.9rem}.session-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.session-header{background:var(--bg-card);border-bottom:1px solid var(--border);padding:12px 16px;flex-shrink:0}.session-header-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.session-title{font-size:1.15rem;font-weight:800;line-height:1.2}.session-meta-row{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}.session-code-badge{background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 10px;font-family:monospace;font-size:1rem;font-weight:700;color:var(--accent);letter-spacing:3px;cursor:pointer;transition:border-color .15s;-webkit-tap-highlight-color:transparent}.session-code-badge:active{border-color:var(--accent)}.session-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.session-content{max-width:1100px;width:100%;margin:0 auto;padding:20px 16px;display:grid;grid-template-columns:1fr 380px;gap:20px;align-items:start;flex:1}.session-sidebar{display:flex;flex-direction:column;gap:16px}.tab-panel{display:block}.session-ended-banner{padding:12px 16px 0;max-width:1100px;margin:0 auto;width:100%}.ended-banner{background:#ef44441a;border:1px solid var(--red);border-radius:var(--radius-sm);padding:12px 16px;color:var(--red);font-weight:600;display:flex;align-items:center;gap:8px;font-size:.9rem;flex-wrap:wrap}.notification-toast{position:fixed;top:16px;right:16px;z-index:999;background:var(--bg-card2);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:10px 16px;font-size:.875rem;font-weight:600;color:var(--accent);box-shadow:var(--shadow);max-width:calc(100vw - 32px)}.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.chart-title{font-size:1rem;font-weight:700}.chart-subtitle{font-size:.75rem;color:var(--text-muted);margin-bottom:16px}.chart-wrapper{height:280px;position:relative}.live-dot{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;color:var(--green);font-weight:700;letter-spacing:.5px;flex-shrink:0}.live-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 1.5s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.scores-list{margin-top:16px;display:flex;flex-direction:column;gap:8px}.score-row{display:flex;align-items:center;gap:10px}.score-row-name{width:110px;font-size:.82rem;font-weight:600;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-row-name.me{color:var(--accent)}.score-bar-bg{flex:1;height:26px;background:var(--bg-input);border-radius:6px;overflow:hidden;position:relative}.score-bar-fill{height:100%;border-radius:6px;transition:width .6s cubic-bezier(.4,0,.2,1);min-width:4px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px}.score-bar-value{font-size:.75rem;font-weight:700;color:#000;white-space:nowrap}.score-bar-value.outside{color:var(--text-muted);padding-left:8px;padding-right:0}.drink-form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.drink-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.input-unit{position:relative}.input-unit .form-input{padding-right:36px}.unit-label{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:.8rem;color:var(--text-muted);pointer-events:none}.drink-history-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.drinks-scroll{max-height:260px;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:8px}.drinks-scroll::-webkit-scrollbar{width:4px}.drinks-scroll::-webkit-scrollbar-track{background:var(--bg-input);border-radius:2px}.drinks-scroll::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.drink-entry{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;gap:8px}.drink-entry-info{flex:1;min-width:0}.drink-entry-name{font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drink-entry-meta{font-size:.72rem;color:var(--text-muted);margin-top:2px}.drink-entry-score{font-size:.8rem;font-weight:700;color:var(--accent);flex-shrink:0}.delete-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;width:32px;height:32px;border-radius:6px;transition:color .15s,background .15s;font-size:1.1rem;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-tap-highlight-color:transparent}.delete-btn:active{color:var(--red);background:var(--red-glow)}.my-score-display{text-align:center;padding:14px;background:var(--bg-card2);border-radius:var(--radius-sm);border:1px solid var(--border);margin-bottom:14px}.my-score-label{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}.my-score-value{font-size:2.8rem;font-weight:900;color:var(--accent);line-height:1.1}.my-score-unit{font-size:1rem;font-weight:600;color:var(--text-muted)}.preset-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.btn-preset{background:var(--bg-input);border:1px solid var(--border);border-radius:20px;color:var(--text-muted);font-size:.75rem;font-weight:600;padding:5px 11px;cursor:pointer;font-family:inherit;transition:all .15s;-webkit-tap-highlight-color:transparent;height:30px}.btn-preset:active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}@media (hover: hover){.btn-preset:hover{border-color:var(--accent);color:var(--accent)}}.players-mini{display:flex;flex-wrap:wrap;gap:8px}.player-chip{display:flex;align-items:center;gap:6px;background:var(--bg-input);border:1px solid var(--border);border-radius:20px;padding:5px 12px;font-size:.78rem;font-weight:500}.player-chip .dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.player-chip.active{border-color:var(--green);color:var(--green)}.player-chip.left{color:var(--text-muted);opacity:.55}.player-chip.me{border-color:var(--accent);color:var(--accent)}.contribution-hint{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-size:.8rem;color:var(--text-muted);margin-bottom:12px}.mobile-tabbar{display:none}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-sm{font-size:.875rem}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mt-4{margin-top:16px}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:0}.dashboard-grid{grid-template-columns:1fr;gap:14px}.session-content{grid-template-columns:1fr;padding:16px;gap:16px;padding-bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 12px)}.session-sidebar{display:contents}.tab-panel{display:none}.tab-panel.tab-active{display:block}.score-row-name{width:80px}.drinks-scroll{max-height:calc(100dvh - 320px)}.chart-wrapper{height:220px}.mobile-tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--bg-card);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.mobile-tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 4px;background:none;border:none;color:var(--text-muted);font-size:.68rem;font-weight:600;cursor:pointer;gap:4px;min-height:var(--tabbar-height);font-family:inherit;transition:color .15s;-webkit-tap-highlight-color:transparent;letter-spacing:.2px}.mobile-tab-btn.active{color:var(--accent)}.mobile-tab-btn svg{width:22px;height:22px}.mobile-tab-btn.active svg{filter:drop-shadow(0 0 4px var(--accent-glow))}.nav-sep,.nav-weight{display:none}.session-title{font-size:1rem}.session-code-badge{font-size:.9rem;letter-spacing:2px}.session-actions .btn-logout-mobile{display:none}}@media (max-width: 480px){.landing{padding:24px 14px;justify-content:flex-start;padding-top:max(40px,8vh)}.landing-hero{margin-bottom:24px}.auth-form{padding:18px}.drink-inputs{grid-template-columns:1fr 1fr}.my-score-value{font-size:3rem}.chart-card,.drink-form-card,.drink-history-card,.card{border-radius:10px;padding:16px}.session-header{padding:10px 14px}.navbar-inner{padding:0 14px}.dashboard-content{padding:16px 14px}.session-item-meta{display:none}.delete-btn{width:36px;height:36px;font-size:1.2rem}}