:root{--bg: #0b0f1a;--bg-raised: #111827;--panel: #0f1524;--cyan: #00e5ff;--gold: #ffd600;--text: #eaf2ff;--dim: #8fa3bf;--danger: #ff4d6d;--ok: #2ee6a8;--accent: var(--cyan)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;overscroll-behavior:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}.screen{min-height:100%;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:max(env(safe-area-inset-top),16px) 20px max(env(safe-area-inset-bottom),20px);position:relative;background-size:cover;background-position:center}.screen:before{content:"";position:absolute;inset:0;background:rgba(11,15,26,var(--dim-level, 0));pointer-events:none}.screen>*{position:relative;z-index:1}.brand-logo{max-height:56px;max-width:60vw;object-fit:contain;margin-bottom:8px}.event-name{font-size:15px;font-weight:600;color:var(--dim);letter-spacing:.06em;text-transform:uppercase}.title{font-size:26px;font-weight:800;text-align:center;line-height:1.15;margin:10px 0 4px}.subtitle{font-size:15px;color:var(--dim);text-align:center;max-width:320px}.grow{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.btn{border:none;border-radius:16px;background:var(--accent);color:#06121f;font-family:inherit;font-size:17px;font-weight:700;padding:16px 28px;width:100%;max-width:340px;cursor:pointer;transition:transform .08s ease,opacity .15s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4}.btn.secondary{background:var(--bg-raised);color:var(--text);border:1px solid #223}.input{width:100%;max-width:340px;border:1.5px solid #26314a;background:var(--panel);color:var(--text);font-family:inherit;font-size:17px;border-radius:14px;padding:15px 18px;outline:none;text-align:center}.input:focus{border-color:var(--accent)}.pill{display:inline-flex;align-items:center;gap:6px;background:var(--panel);border:1px solid #223;border-radius:999px;padding:6px 14px;font-size:13px;color:var(--dim)}.fade-in{animation:fadeIn .35s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.emoji-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;width:100%;max-width:360px}.emoji-grid.three{grid-template-columns:repeat(3,1fr)}.emoji-btn{font-size:44px;background:var(--panel);border:1.5px solid #223;border-radius:20px;padding:20px 0;cursor:pointer;transition:transform .07s ease;line-height:1}.emoji-btn:active{transform:scale(.92);border-color:var(--accent)}.float-layer{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:5}.float-emoji{position:absolute;bottom:80px;animation:floatUp 1.6s ease-out forwards;font-size:34px}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(.9)}to{opacity:0;transform:translateY(-45vh) scale(1.4)}}.mood-list{display:flex;flex-direction:column;gap:12px;width:100%;max-width:340px}.mood-btn{border:2px solid #26314a;background:var(--panel);color:var(--text);font-family:inherit;font-size:18px;font-weight:600;border-radius:16px;padding:16px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:border-color .15s ease,background .15s ease}.mood-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0}.mood-btn.sel{background:#14203a}.tap-big{width:min(78vw,320px);height:min(78vw,320px);border-radius:50%;border:none;background:radial-gradient(circle at 35% 30%,#123047,var(--panel) 70%);box-shadow:0 0 0 3px #16324a,0 0 60px #00e5ff2e;color:var(--text);font-family:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:transform .06s ease}.tap-big:active{transform:scale(.95);box-shadow:0 0 0 4px var(--accent),0 0 80px #00e5ff66}.tap-big .big-emoji{font-size:72px;line-height:1}.tap-big .big-label{font-size:15px;font-weight:700;letter-spacing:.12em;color:var(--dim)}.gauge-row{display:flex;gap:16px;width:100%;max-width:380px}.hold-btn{flex:1;border:none;border-radius:22px;padding:34px 8px;font-family:inherit;font-size:17px;font-weight:800;cursor:pointer;color:#06121f;transition:transform .08s ease,filter .1s ease}.hold-btn:active,.hold-btn.holding{transform:scale(.96);filter:brightness(1.2)}.progress-track{width:100%;max-width:340px;height:10px;border-radius:999px;background:#16203a;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:var(--accent);transition:width .25s ease}.pix-wrap{width:100%;max-width:380px}.pix-canvas{width:100%;border-radius:12px;border:1px solid #223;touch-action:none;image-rendering:pixelated}.palette-row{display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap}.pal-swatch{width:34px;height:34px;border-radius:10px;border:2px solid transparent;cursor:pointer}.pal-swatch.sel{border-color:#fff;transform:scale(1.1)}.toast{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--bg-raised);border:1px solid #223;color:var(--text);border-radius:12px;padding:12px 20px;font-size:14px;z-index:50;animation:fadeIn .25s ease both;max-width:88vw;text-align:center}.toast.ok{border-color:var(--ok)}.toast.error{border-color:var(--danger)}