:root{--bg-primary: #050508;--bg-secondary: #0a0a0f;--glass-bg: rgba(255, 255, 255, .02);--glass-bg-hover: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .06);--glass-border-light: rgba(255, 255, 255, .1);--glass-highlight: rgba(255, 255, 255, .15);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .65);--text-muted: rgba(255, 255, 255, .35);--accent: #7c3aed;--accent-light: #a78bfa;--success: #10b981;--danger: #ef4444;--gold: #d4a855;--blur: blur(24px);--radius: 20px;--radius-sm: 14px;--tabbar-height: 72px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;min-height:100dvh;line-height:1.5;overflow-x:hidden}#root{min-height:100vh;min-height:100dvh}.glass{background:var(--glass-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius);position:relative}.glass:before{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,var(--glass-highlight),transparent);pointer-events:none}.glass-3d{background:linear-gradient(168deg,#ffffff0d,#ffffff05 40%,#ffffff03);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border-light);border-radius:var(--radius);position:relative;transition:transform .2s ease,border-color .2s ease}.glass-3d:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--glass-highlight),transparent);pointer-events:none;border-radius:var(--radius) var(--radius) 0 0}.glass-3d:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border)}.btn:hover{background:var(--glass-bg-hover)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-light)}.btn-success{background:var(--success);border-color:var(--success)}.btn-danger{background:var(--danger);border-color:var(--danger)}.btn-icon{width:44px;height:44px;padding:0;border-radius:50%}.btn-icon.large{width:52px;height:52px}.btn-icon.small{width:36px;height:36px}input{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:14px 16px;color:var(--text-primary);font-size:16px;width:100%;transition:border-color .2s ease}input:focus{outline:none;border-color:var(--accent)}input::placeholder{color:var(--text-muted)}.container{max-width:500px;margin:0 auto;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.container.with-tabbar{padding-bottom:calc(var(--tabbar-height) + 16px + env(safe-area-inset-bottom))}.header{text-align:center;padding:12px 0;margin-bottom:12px}.header h1{font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.header p{color:var(--text-muted);margin-top:4px;font-size:13px}.tab-bar{position:fixed;bottom:0;left:0;right:0;height:var(--tabbar-height);padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(180deg,transparent,rgba(5,5,8,.95) 20%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;justify-content:center;gap:8px;padding-top:8px;z-index:50}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 24px;border:none;background:none;color:var(--text-muted);font-size:11px;font-weight:500;cursor:pointer;transition:color .2s ease;border-radius:var(--radius-sm)}.tab-item.active{color:var(--accent-light);background:#7c3aed1a}.tab-item svg{width:22px;height:22px}.card{padding:16px;margin-bottom:12px}.participant-card{display:flex;align-items:center;padding:14px 16px;margin-bottom:12px;gap:12px;background:linear-gradient(168deg,#ffffff0d,#ffffff05 40%,#ffffff03);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border-light);border-radius:var(--radius);position:relative;transition:transform .15s ease;touch-action:pan-y}.participant-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--glass-highlight),transparent);pointer-events:none}.participant-card.swiped{transform:translate(-70px)}.participant-delete{position:absolute;right:-70px;top:0;bottom:0;width:60px;display:flex;align-items:center;justify-content:center;color:var(--danger);cursor:pointer}.participant-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.participant-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-light));display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;flex-shrink:0}.participant-avatar.gold{background:linear-gradient(135deg,var(--gold),#c9a227)}.participant-details{flex:1;min-width:0}.participant-name{font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-you{color:var(--accent-light);font-size:11px}.participant-count{font-size:26px;font-weight:700;color:var(--accent-light);min-width:36px;text-align:center;flex-shrink:0;margin-right:8px}.participant-actions{display:flex;gap:8px;flex-shrink:0}.rank-badge{position:absolute;top:-4px;left:-4px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;z-index:2}.rank-1{background:linear-gradient(135deg,#d4a855,#c9a227);color:#000}.rank-2{background:linear-gradient(135deg,#a8a8a8,#888);color:#000}.rank-3{background:linear-gradient(135deg,#cd7f32,sienna);color:#fff}.session-item{display:flex;align-items:center;padding:16px;margin-bottom:12px;cursor:pointer;gap:12px}.session-item:active{transform:scale(.98)}.session-info{flex:1;min-width:0}.session-info h3{font-size:16px;font-weight:500;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-meta{font-size:12px;color:var(--text-muted);display:flex;gap:10px}.session-meta span{display:flex;align-items:center;gap:4px}.session-stats{text-align:right;flex-shrink:0}.session-prout-count{font-size:24px;font-weight:700;color:var(--accent-light)}.session-prout-label{font-size:10px;color:var(--text-muted);text-transform:uppercase}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px}.stat-card{padding:16px;text-align:center}.stat-value{font-size:28px;font-weight:700;color:var(--accent-light)}.stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;margin-top:4px}.stat-header{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--text-secondary)}.stat-header svg{width:18px;height:18px;color:var(--gold)}.daily-row{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid var(--glass-border);gap:12px}.daily-row:last-child{border-bottom:none}.history-date{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:capitalize;margin-bottom:8px;padding-left:4px}.history-item{display:flex;align-items:center;padding:12px 16px;gap:12px}.history-delta{width:32px;font-weight:700;font-size:14px}.history-delta.positive{color:var(--success)}.history-delta.negative{color:var(--danger)}.empty-state{text-align:center;padding:40px 24px;color:var(--text-secondary)}.empty-state svg{width:48px;height:48px;margin-bottom:12px;opacity:.4}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100;animation:fadeIn .15s ease}.modal{width:100%;max-width:340px;padding:24px;animation:slideUp .2s ease}.modal h2{margin-bottom:16px;font-size:18px;font-weight:600}.modal input{margin-bottom:16px}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.toast{position:fixed;bottom:calc(var(--tabbar-height) + 16px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);padding:10px 18px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;z-index:200;animation:slideUpToast .2s ease,fadeOut .2s ease 2s forwards;display:flex;align-items:center;gap:8px}.toast-success{background:var(--success);color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpToast{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.fade-in{animation:fadeIn .2s ease}@media(max-width:380px){.participant-card{padding:12px}.btn-icon{width:40px;height:40px}.btn-icon.large{width:46px;height:46px}.participant-count{font-size:22px;min-width:30px}.participant-avatar{width:36px;height:36px;font-size:14px}}@supports (padding: env(safe-area-inset-bottom)){.container{padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right))}}