@keyframes reaction-float-down{0%{opacity:0;transform:scale(.3) translateY(0)}10%{opacity:1;transform:scale(1.2) translateY(5px)}20%{transform:scale(1) translateY(10px)}75%{opacity:1;transform:scale(1) translateY(80px)}to{opacity:0;transform:scale(.8) translateY(100px)}}@keyframes reaction-float-up{0%{opacity:0;transform:scale(.3) translateY(0)}10%{opacity:1;transform:scale(1.2) translateY(-5px)}20%{transform:scale(1) translateY(-10px)}75%{opacity:1;transform:scale(1) translateY(-80px)}to{opacity:0;transform:scale(.8) translateY(-100px)}}@keyframes reaction-float-right{0%{opacity:0;transform:scale(.3) translateX(0)}10%{opacity:1;transform:scale(1.2) translateX(5px)}20%{transform:scale(1) translateX(10px)}75%{opacity:1;transform:scale(1) translateX(80px)}to{opacity:0;transform:scale(.8) translateX(100px)}}@keyframes reaction-float-left{0%{opacity:0;transform:scale(.3) translateX(0)}10%{opacity:1;transform:scale(1.2) translateX(-5px)}20%{transform:scale(1) translateX(-10px)}75%{opacity:1;transform:scale(1) translateX(-80px)}to{opacity:0;transform:scale(.8) translateX(-100px)}}@keyframes reaction-bar-in{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.reaction-bubble{position:absolute;font-size:2em;pointer-events:none;z-index:50;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));will-change:transform,opacity}.reaction-bubble.reaction-from-top{animation:reaction-float-down 2s ease-out forwards}.reaction-bubble,.reaction-bubble.reaction-from-bottom{animation:reaction-float-up 2s ease-out forwards}.reaction-bubble.reaction-from-left{animation:reaction-float-right 2s ease-out forwards}.reaction-bubble.reaction-from-right{animation:reaction-float-left 2s ease-out forwards}.reaction-bubble.reaction-phrase{font-size:.9em;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:4px 12px;color:#fff;font-weight:600;white-space:nowrap}.reaction-bar{position:absolute;bottom:170px;left:10px;background:rgba(0,0,0,.65);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:6px 10px;display:none;gap:2px;z-index:40;align-items:center;flex-wrap:wrap;justify-content:center;max-width:380px;animation:reaction-bar-in .2s ease-out}.reaction-bar.show{display:flex}.reaction-bar-btn{background:0 0;border:0;font-size:1.5em;cursor:pointer;padding:4px 6px;border-radius:8px;transition:all .12s;line-height:1;user-select:none;-webkit-tap-highlight-color:transparent}.reaction-bar-btn:hover{background:rgba(255,255,255,.12);transform:scale(1.2)}.reaction-bar-btn:active{transform:scale(.9)}.reaction-bar-btn.phrase-btn{font-size:.75em;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:3px 10px;font-weight:600}.reaction-bar-btn.phrase-btn:hover{background:rgba(255,255,255,.2);border-color:var(--gold);color:var(--gold)}.reaction-bar-sep{width:1px;height:24px;background:rgba(255,255,255,.12);margin:0 4px;flex-shrink:0}.reaction-bar-settings{font-size:.7em;color:var(--text-dim);cursor:pointer;padding:3px 6px;border-radius:6px;transition:all .12s;border:0;background:0 0;line-height:1}.reaction-bar-btn.phrase-btn,.reaction-bar-settings:hover{color:var(--text);background:rgba(255,255,255,.08)}.reaction-trigger{position:absolute;bottom:130px;left:10px;background:rgba(0,0,0,.4);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:5px 14px;font-size:.78em;color:var(--text-dim);cursor:pointer;z-index:35;transition:all .15s;user-select:none;-webkit-tap-highlight-color:transparent}.reaction-trigger:hover{background:rgba(0,0,0,.55);border-color:rgba(255,255,255,.2);color:var(--text)}.reaction-trigger.active{background:rgba(240,192,64,.15);border-color:rgba(240,192,64,.3);color:var(--gold)}.reaction-trigger.rate-limited{opacity:.4;pointer-events:none}.phrases-editor-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:200;align-items:center;justify-content:center}.phrases-editor-overlay.show{display:flex}.phrases-editor{background:rgba(13,31,22,.95);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;max-width:340px;width:90vw;text-align:center}.phrases-editor h3{color:var(--gold);margin-bottom:12px;font-size:1em}.phrases-editor input{width:100%;padding:8px 12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:8px;color:var(--text);font-size:.9em;outline:0;margin-bottom:8px}.phrases-editor input:focus{border-color:var(--gold)}.phrases-editor .phrase-list{list-style:none;text-align:left;margin:8px 0;max-height:200px;overflow-y:auto}.phrases-editor .phrase-item{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;background:rgba(255,255,255,.04);border-radius:6px;margin-bottom:4px;font-size:.85em}.phrases-editor .phrase-remove{background:0 0;border:0;color:var(--danger);cursor:pointer;font-size:1em;padding:0 4px;opacity:.6;transition:opacity .15s}.phrases-editor .phrase-remove:hover{opacity:1}.phrases-editor .editor-actions{display:flex;gap:8px;margin-top:12px}@media (max-width:768px){.reaction-bar{bottom:120px;max-width:320px;padding:5px 8px}.reaction-bar-btn{font-size:1.3em;padding:3px 5px}.reaction-bar-btn.phrase-btn{font-size:.68em;padding:2px 8px}.reaction-trigger{bottom:88px;font-size:.72em;padding:4px 10px}.reaction-bubble{font-size:1.6em}.reaction-bubble.reaction-phrase{font-size:.78em}}@media (max-width:480px){.reaction-bar{bottom:100px;max-width:280px;padding:4px 6px;border-radius:12px}.reaction-bar-btn{font-size:1.1em;padding:2px 4px}.reaction-bar-btn.phrase-btn{font-size:.62em;padding:2px 6px}.reaction-trigger{bottom:90px;font-size:.65em;padding:3px 8px}.reaction-bubble{font-size:1.3em}.reaction-bubble.reaction-phrase{font-size:.7em}}@media (max-height:500px) and (orientation:landscape){.reaction-bar{bottom:90px;max-width:400px}.reaction-trigger{bottom:64px;font-size:.62em}}