:root{--neon-pink:#ff006e;--neon-magenta:#ff10f0;--neon-cyan:#00f0ff;--neon-yellow:#ffd60a;--neon-purple:#8338ec;--bg-deep:#0d0221;--bg-mid:#1d0c3f}*{box-sizing:border-box}html,body,#root{background:var(--bg-deep);color:#fff;-webkit-tap-highlight-color:transparent;min-height:100vh;margin:0;padding:0;font-family:Outfit,-apple-system,sans-serif}button{font-family:inherit}.synth-bg{z-index:-1;background:linear-gradient(#0d0221 0%,#1a0533 22%,#2d0a52 45%,#5a0e75 65%,#c31432 88%,#2a0845 100%);position:fixed;inset:0;overflow:hidden}.stars{background-image:radial-gradient(1px 1px at 20% 30%,#fff,#0000),radial-gradient(1px 1px at 60% 10%,#fff,#0000),radial-gradient(1px 1px at 80% 25%,#fff,#0000),radial-gradient(2px 2px at 15% 60%,#fff,#0000),radial-gradient(1px 1px at 45% 45%,#00f0ff,#0000),radial-gradient(1px 1px at 90%,#fff,#0000),radial-gradient(2px 2px at 30% 15%,#ffd60a,#0000),radial-gradient(1px 1px at 70% 70%,#fff,#0000),radial-gradient(1px 1px at 5% 80%,#fff,#0000),radial-gradient(1px 1px at 50% 80%,#ff10f0,#0000);animation:4s ease-in-out infinite alternate twinkle;position:absolute;inset:0 0 50%}@keyframes twinkle{0%{opacity:.3}to{opacity:1}}.sun{background:linear-gradient(#0000 0% 52%,#0d0221f2 52% 56%,#0000 56% 62%,#0d0221f2 62% 67%,#0000 67% 75%,#0d0221f2 75% 81%,#0000 81% 90%,#0d0221f2 90% 100%),linear-gradient(#ffd60a 0%,#ff10f0 55%,#8338ec 100%);border-radius:50%;width:220px;height:220px;animation:3s ease-in-out infinite sun-pulse;position:absolute;bottom:38%;left:50%;transform:translate(-50%)}@keyframes sun-pulse{0%,to{box-shadow:0 0 60px 10px #ff10f080,0 0 120px 30px #ff10f04d}50%{box-shadow:0 0 90px 20px #ff10f0b3,0 0 180px 60px #ff10f066}}.grid-floor{transform-origin:top;background-image:linear-gradient(#ff10f0b3 2px,#0000 2px),linear-gradient(90deg,#ff10f080 2px,#0000 2px);background-size:60px 60px;height:70%;animation:3s linear infinite grid-scroll;position:absolute;bottom:-10%;left:-50%;right:-50%;transform:perspective(500px)rotateX(70deg);-webkit-mask-image:linear-gradient(#0000 0%,#000 30% 100%);mask-image:linear-gradient(#0000 0%,#000 30% 100%)}@keyframes grid-scroll{0%{background-position:0 0}to{background-position:0 60px}}.scanlines{z-index:100;pointer-events:none;background:repeating-linear-gradient(#0000 0 3px,#00000014 3px 4px);position:fixed;inset:0}.loading-screen{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-text{letter-spacing:6px;color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan);font-family:Orbitron,sans-serif;font-size:14px;animation:1s ease-in-out infinite alternate blink}@keyframes blink{0%{opacity:.55}to{opacity:1}}.auth-screen{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.auth-card{border:2px solid var(--neon-magenta);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#0d0221d9;border-radius:18px;width:100%;max-width:380px;padding:28px 22px 24px;box-shadow:0 0 30px #ff10f066,inset 0 0 20px #ff10f014}.hint-box{color:var(--neon-cyan);text-align:left;background:#00f0ff14;border:1px solid #00f0ff66;border-radius:8px;margin-top:16px;padding:10px 12px;font-size:12px}.hint-box strong{letter-spacing:1.5px;font-family:Orbitron;font-size:11px}.auth-tabs{background:#00000080;border:1px solid #ff10f04d;border-radius:8px;margin-top:16px;display:flex;overflow:hidden}.auth-tabs button{color:#ffffff8c;letter-spacing:1.5px;cursor:pointer;background:0 0;border:none;flex:1;padding:10px 8px;font-family:Orbitron;font-size:11px}.auth-tabs button.active{background:var(--neon-magenta);color:#fff;font-weight:700}.invite-row{background:#0006;border:1px solid #00f0ff33;border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.invite-code{letter-spacing:3px;color:var(--neon-cyan);cursor:pointer;background:#00f0ff14;border:1px solid #00f0ff66;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-family:Orbitron;font-size:14px;font-weight:700;display:flex}.invite-code:active{background:#00f0ff33}.invite-meta{letter-spacing:1px;color:#ffffff80;text-align:right;flex:1;font-family:Orbitron;font-size:10px}.synth-app{min-height:100vh;padding:18px 14px 110px;position:relative;overflow-x:hidden}.header{text-align:center;padding:8px 0 14px;position:relative}.title{letter-spacing:6px;background:linear-gradient(#fff 0%,#ff10f0 50%,#8338ec 100%);color:#0000;filter:drop-shadow(0 0 10px #ff10f0b3);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Monoton,cursive;font-size:56px;line-height:.95}.subtitle{letter-spacing:5px;color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan);margin-top:4px;font-family:Orbitron,sans-serif;font-size:10px}.user-pill{border:1.5px solid var(--user-color,var(--neon-magenta));color:#fff;letter-spacing:1.5px;cursor:pointer;box-shadow:0 0 10px var(--user-color,var(--neon-magenta)), inset 0 0 8px #ff10f01a;background:#00000080;border-radius:999px;align-items:center;gap:10px;margin-top:8px;padding:7px 16px 7px 10px;font-family:Orbitron,sans-serif;font-size:13px;transition:transform .12s;display:inline-flex}.user-pill:active{transform:scale(.96)}.user-pill-emoji{font-size:20px;line-height:1}.user-pill-name{letter-spacing:1.5px}.mascot-box{flex-direction:column;align-items:center;display:flex;position:absolute;top:4px;right:4px}.mascot{filter:drop-shadow(0 0 10px var(--neon-magenta));font-size:30px;animation:2s ease-in-out infinite float}.mascot-label{letter-spacing:1.5px;color:var(--neon-cyan);white-space:nowrap;margin-top:2px;font-family:Orbitron;font-size:10px}@keyframes float{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-6px)rotate(3deg)}}.menu-btn{width:36px;height:36px;color:var(--neon-cyan);cursor:pointer;background:#0006;border:1px solid #00f0ff4d;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;left:0}.menu-btn:active{transform:scale(.92)}.menu-backdrop{z-index:80;position:fixed;inset:0}.menu-dropdown{z-index:90;border:1px solid var(--neon-magenta);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;background:#0d0221fa;border-radius:10px;min-width:160px;padding:6px;position:absolute;top:50px;left:0;box-shadow:0 8px 24px #0009,0 0 16px #ff10f066}.menu-item{color:#fff;letter-spacing:1.5px;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:Orbitron,sans-serif;font-size:11px;display:flex}.menu-item:hover,.menu-item:active{color:var(--neon-magenta);background:#ff10f026}.rush-meter{border:1px solid var(--neon-magenta);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0221b3;border-radius:12px;margin:14px 0;padding:12px;box-shadow:0 0 16px #ff10f04d,inset 0 0 12px #ff10f01a}.rush-label{letter-spacing:2px;color:var(--neon-cyan);text-shadow:0 0 6px var(--neon-cyan);justify-content:space-between;margin-bottom:8px;font-family:Orbitron;font-size:11px;display:flex}.rush-bar{background:#0009;border:1px solid #ff10f04d;border-radius:8px;height:14px;overflow:hidden}.rush-fill{background:linear-gradient(90deg,#00f0ff 0%,#ffd60a 50%,#ff10f0 100%);height:100%;transition:width .4s;animation:.8s ease-in-out infinite alternate rush-pulse}.rush-sublabel{letter-spacing:1.5px;color:#ffffff73;text-align:center;margin-top:6px;font-family:Orbitron;font-size:10px}@keyframes rush-pulse{0%{filter:brightness()saturate()}to{filter:brightness(1.4)saturate(1.4)}}.rush-overdrive{box-shadow:0 0 calc(16px * var(--rush-intensity,1)) rgba(255, 0, 110, calc(.3 * var(--rush-intensity,1))), inset 0 0 calc(12px * var(--rush-intensity,1)) rgba(255, 0, 110, calc(.15 * var(--rush-intensity,1)));border-color:#ff006e;animation:.6s ease-in-out infinite alternate overdrive-glow}.rush-overdrive .rush-fill{background:linear-gradient(90deg,#ff006e 0%,#ff10f0 50%,#ff006e 100%);animation:.4s ease-in-out infinite alternate rush-pulse}.rush-overdrive .rush-label{color:#ff006e;text-shadow:0 0 8px #ff006e}.rush-coma{animation:.3s ease-in-out infinite alternate coma-glow}.rush-coma .rush-fill{background:linear-gradient(90deg,#ff006e 0%,#ffd60a 30%,#ff10f0 60%,#ff006e 100%) 0 0/200% 100%;animation:1s linear infinite rush-sweep}@keyframes overdrive-glow{0%{box-shadow:0 0 16px #ff006e66,inset 0 0 12px #ff006e26}to{box-shadow:0 0 32px #ff006eb3,0 0 60px #ff10f04d,inset 0 0 20px #ff006e40}}@keyframes coma-glow{0%{box-shadow:0 0 24px #ff006e99,0 0 50px #ff10f066,inset 0 0 16px #ff006e33}to{box-shadow:0 0 48px #ff006ee6,0 0 100px #ff10f099,0 0 140px #ffd60a33,inset 0 0 30px #ff006e59}}@keyframes rush-sweep{0%{background-position:0 0}to{background-position:200% 0}}.grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px;display:grid}.card{border:2px solid var(--card-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 20px #00000080, 0 0 14px var(--card-glow);background:linear-gradient(135deg,#1d0c3fd9,#0d0221d9);border-radius:16px;padding:14px 12px 12px;position:relative;overflow:hidden}.card.low{animation:1.2s ease-in-out infinite low-pulse}@keyframes low-pulse{0%,to{box-shadow:0 0 20px #00000080, 0 0 14px var(--card-glow)}50%{box-shadow:0 0 20px #00000080,0 0 32px #ff006e,0 0 60px #ff006e99}}.card-glow-bg{background:radial-gradient(ellipse at center, var(--card-color) 0%, transparent 60%);opacity:.22;pointer-events:none;width:140%;height:90%;position:absolute;top:-40%;left:-20%}.item-emoji{filter:drop-shadow(0 0 10px var(--card-color));z-index:1;font-size:34px;line-height:1;position:relative}.item-name{letter-spacing:1.5px;text-transform:uppercase;color:#fff;word-break:break-word;z-index:1;min-height:26px;margin:6px 0;font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;position:relative}.item-count{letter-spacing:2px;color:#fff;text-shadow:0 0 14px var(--card-color);z-index:1;font-family:Orbitron,sans-serif;font-size:38px;font-weight:900;line-height:1;position:relative}.item-unit{color:#ffffffb3;letter-spacing:1px;text-transform:lowercase;margin-left:8px;font-family:Outfit;font-size:13px}.low-badge{color:#ff006e;letter-spacing:1.5px;z-index:2;background:#ff006e2e;border:1px solid #ff006e;border-radius:4px;padding:2px 6px;font-family:Orbitron;font-size:10px;font-weight:700;animation:1s ease-in-out infinite alternate blink;position:absolute;top:8px;right:8px}.item-actions{z-index:1;align-items:center;gap:6px;margin-top:10px;display:flex;position:relative}.btn-take{border:1.5px solid var(--card-color);color:#fff;letter-spacing:1px;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#00000080;border-radius:8px;flex:1;justify-content:center;align-items:center;height:38px;font-family:Orbitron;font-size:11px;font-weight:700;transition:all .12s;display:flex}.btn-take:active{background:var(--card-color);box-shadow:0 0 18px var(--card-color);transform:scale(.92)}.btn-take-quarter{border-color:#ffffff40;font-size:11px}.btn-edit{color:#ffffffd9;cursor:pointer;background:#0006;border:1px solid #ffffff2e;border-radius:6px;justify-content:center;align-items:center;width:36px;height:28px;display:flex}.btn-edit:active{transform:scale(.92)}.float-indicator{pointer-events:none;z-index:5;font-family:Orbitron;font-size:26px;font-weight:900;animation-duration:.8s;animation-timing-function:ease-out;animation-fill-mode:forwards;position:absolute;top:50%;left:50%}.float-pos{color:#00f0ff;text-shadow:0 0 14px #00f0ff,0 0 24px #00f0ff;animation-name:float-up}.float-neg{color:#ff006e;text-shadow:0 0 14px #ff006e,0 0 24px #ff006e;animation-name:float-down}@keyframes float-up{0%{opacity:0;transform:translate(-50%)scale(.6)}15%{opacity:1}to{opacity:0;transform:translate(-50%,-55px)scale(1.5)}}@keyframes float-down{0%{opacity:0;transform:translate(-50%)scale(1.4)rotate(0)}15%{opacity:1}to{opacity:0;transform:translate(-50%,30px)scale(.4)rotate(20deg)}}.chart-section{border:1px solid var(--neon-cyan);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0221b3;border-radius:12px;margin-top:22px;padding:14px;box-shadow:0 0 16px #00f0ff33}.chart-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.chart-title{letter-spacing:3px;color:var(--neon-cyan);text-shadow:0 0 6px var(--neon-cyan);font-family:Orbitron;font-size:11px}.chart-toggle{background:#00000080;border:1px solid #00f0ff4d;border-radius:6px;display:flex;overflow:hidden}.chart-toggle button{color:#ffffff8c;letter-spacing:1.5px;cursor:pointer;background:0 0;border:none;padding:5px 10px;font-family:Orbitron;font-size:11px}.chart-toggle button.active{background:var(--neon-cyan);color:#0d0221;font-weight:700}.chart-empty{text-align:center;color:#fff6;letter-spacing:2px;padding:30px 10px;font-family:Orbitron;font-size:11px}.empty-state{text-align:center;color:#ffffffa6;padding:60px 20px}.empty-icon{filter:drop-shadow(0 0 20px var(--neon-magenta));font-size:56px}.empty-title{letter-spacing:3px;color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan);margin-top:12px;font-family:Orbitron;font-size:12px}.fab{color:#fff;cursor:pointer;z-index:50;background:linear-gradient(135deg,#ff006e 0%,#8338ec 100%);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;animation:2s ease-in-out infinite alternate fab-glow;display:flex;position:fixed;bottom:24px;right:20px}@keyframes fab-glow{0%{box-shadow:0 0 20px #ff006e,0 0 40px #ff006e66}to{box-shadow:0 0 32px #ff006e,0 0 80px #ff10f099}}.fab:active{transform:scale(.92)}.modal-bg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200;background:#0d0221d9;justify-content:center;align-items:flex-end;animation:.2s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{border-top:2px solid var(--neon-magenta);background:linear-gradient(#1d0c3f 0%,#0d0221 100%);border-radius:20px 20px 0 0;width:100%;max-width:500px;max-height:92vh;padding:22px 18px 36px;animation:.28s cubic-bezier(.4,0,.2,1) slide-up;overflow-y:auto;box-shadow:0 -10px 40px #ff10f066}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-title{color:var(--neon-cyan);letter-spacing:4px;text-shadow:0 0 12px var(--neon-cyan);margin:0;font-family:Monoton,cursive;font-size:24px}.btn-close{color:#fff;cursor:pointer;background:#00000080;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.field{margin-bottom:14px}.field label{letter-spacing:2px;color:var(--neon-cyan);margin-bottom:6px;font-family:Orbitron;font-size:11px;display:block}.field input{color:#fff;background:#00000080;border:1.5px solid #ff10f066;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:Outfit;font-size:16px}.field input:focus{border-color:var(--neon-magenta);box-shadow:0 0 12px #ff10f066}.field input:disabled{opacity:.5}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:34px;height:34px;transition:transform .15s}.swatch.active{border-color:#fff;transform:scale(1.15)}.units{gap:8px;display:flex}.unit-btn{color:#fff;letter-spacing:1.5px;cursor:pointer;text-transform:uppercase;background:#00000080;border:1.5px solid #fff3;border-radius:8px;flex:1;padding:10px;font-family:Orbitron;font-size:11px}.unit-btn.active{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 8px #00f0ff66}.modal-actions{gap:10px;margin-top:20px;display:flex}.btn-primary{cursor:pointer;color:#fff;letter-spacing:2px;background:linear-gradient(135deg,#ff006e,#8338ec);border:2px solid #fff;border-radius:10px;flex:1;padding:13px;font-family:Orbitron;font-size:12px;font-weight:700;box-shadow:0 0 16px #ff006e80}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{cursor:pointer;color:#fff;letter-spacing:1.5px;background:#00000080;border:1.5px solid #ffffff4d;border-radius:10px;padding:13px 18px;font-family:Orbitron;font-size:11px}.btn-danger{cursor:pointer;color:#ff006e;letter-spacing:1.5px;background:#ff006e26;border:1.5px solid #ff006e;border-radius:10px;justify-content:center;align-items:center;padding:13px;font-family:Orbitron;font-size:11px;display:flex}.btn-danger-small{color:#ff006e;cursor:pointer;letter-spacing:1.5px;background:#ff006e26;border:1px solid #ff006e;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-family:Orbitron;font-size:11px;display:flex}.btn-secondary-small{color:#fff;cursor:pointer;letter-spacing:1.5px;background:#00000080;border:1px solid #ffffff4d;border-radius:6px;height:32px;padding:0 10px;font-family:Orbitron;font-size:11px}.user-list{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.user-row{background:#0006;border:1px solid #00f0ff33;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.user-icon{border:1px solid var(--neon-magenta);width:36px;height:36px;color:var(--neon-magenta);background:#ff10f026;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-info{flex:1;min-width:0}.user-name{letter-spacing:1px;color:#fff;align-items:center;gap:8px;font-family:Orbitron;font-size:13px;font-weight:700;display:flex}.user-self-tag{letter-spacing:1.5px;color:var(--neon-cyan);border:1px solid var(--neon-cyan);background:#00f0ff26;border-radius:4px;padding:2px 6px;font-size:10px}.user-meta{color:#ffffff80;margin-top:2px;font-size:11px}.create-user-card{background:#ff10f00d;border:1px solid #ff10f066;border-radius:10px;margin-top:16px;padding:14px}.checkbox-label{letter-spacing:1.5px;color:var(--neon-cyan);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-family:Orbitron;font-size:11px;display:flex}.checkbox-label input{cursor:pointer;width:16px;height:16px;accent-color:var(--neon-magenta)}.error-msg{color:#ff006e;background:#ff006e26;border:1px solid #ff006e;border-radius:8px;margin:8px 0;padding:8px 12px;font-size:12px}.success-msg{text-align:center;color:#06ffa5;letter-spacing:2px;padding:30px 20px;font-family:Orbitron;font-size:12px}.toast{letter-spacing:1px;z-index:300;border-radius:10px;max-width:90%;padding:12px 18px;font-family:Orbitron;font-size:11px;animation:.25s ease-out toast-in;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000080}.toast.error{color:#fff;background:#ff006ef2;border:1px solid #fff}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.emoji-presets{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.emoji-preset{cursor:pointer;background:#00000080;border:1.5px solid #ffffff26;border-radius:8px;padding:6px 0;font-size:22px;line-height:1}.emoji-preset.active{border-color:var(--neon-cyan);box-shadow:0 0 8px #00f0ff80}.emoji-preset:active{transform:scale(.94)}.decay-units{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.decay-units .unit-btn{letter-spacing:.5px;padding:6px 2px;font-size:10px}