:root{--bg-primary: #050508;--glass-bg: rgba(255, 255, 255, .03);--glass-bg-hover: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .08);--glass-border-light: rgba(255, 255, 255, .12);--glass-highlight: rgba(255, 255, 255, .2);--glass-shine: rgba(255, 255, 255, .25);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .4);--accent: #7c3aed;--accent-light: #a78bfa;--success: #10b981;--danger: #ef4444;--gold: #d4a855;--blur: blur(20px);--radius: 20px;--radius-sm: 14px;--tabbar-height: 70px}*{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}#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;overflow:hidden}.glass:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--glass-highlight),transparent);pointer-events:none}.glass-3d{background:linear-gradient(170deg,#ffffff0f,#ffffff08 30%,#ffffff03);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border-light);border-radius:var(--radius);position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.glass-3d:before{content:"";position:absolute;top:0;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,var(--glass-shine),transparent);pointer-events:none}.glass-3d:after{content:"";position:absolute;bottom:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),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));min-height:100vh;min-height:100dvh}.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:#050508e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);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(170deg,#ffffff0f,#ffffff05,#ffffff03);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border-light);border-radius:var(--radius);position:relative;overflow:hidden}.participant-card:before{content:"";position:absolute;top:0;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,var(--glass-shine),transparent);pointer-events:none}.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:8px;left:8px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;z-index:2;box-shadow:0 2px 8px #0000004d}.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:#000000d9;-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))}}.env-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.env-stat{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff08;border-radius:12px}.env-stat svg{width:20px;height:20px;color:var(--text-muted)}