.tip-jar-toggle-button{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg, #f39c12 0%, #e67e22 100%);color:white;border:none;padding:10px 14px;font-size:14px;font-weight:600;cursor:pointer;border-radius:6px;transition:all 0.3s ease;box-shadow:0 0 8px rgba(243,156,18,0.6);position:relative;overflow:hidden}.tip-jar-toggle-button:hover{background:linear-gradient(135deg, #e67e22 0%, #d35400 100%);box-shadow:0 0 12px rgba(243,156,18,0.9);transform:scale(1.05)}.tip-jar-toggle-button:active{transform:translateY(0)}.tip-jar-icon{font-size:20px;animation:jar-wiggle 2s infinite ease-in-out}@keyframes jar-wiggle{0%,100%{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.tip-jar-badge{display:none;min-width:20px;height:20px;background:#e74c3c;border-radius:50%;font-size:11px;line-height:20px;text-align:center;position:absolute;top:-8px;right:-8px;border:2px solid #1a1a1a}.tip-jar-badge.pulse{animation:pulse-badge 0.5s ease;display:inline-block}@keyframes pulse-badge{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}.tip-jar-modal{z-index:10000;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px)}.tip-jar-modal .modal-dialog{max-width:1000px}.tip-jar-modal.show{display:flex !important;animation:modal-fade-in 0.3s ease}@keyframes modal-fade-in{from{opacity:0}to{opacity:1}}.tip-jar-content{background:linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);border:2px solid #f39c12;border-radius:16px;max-height:90vh;transform:scale(1) !important;overflow-y:auto;box-shadow:0 10px 40px rgba(0,0,0,0.5);animation:modal-slide-in 0.3s ease}@keyframes modal-slide-in{from{opacity:0;transform:translateY(-50px) scale(0.9)}to{opacity:1;transform:translateY(0) scale(1)}}.tip-jar-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #f39c12;position:sticky;top:0;background:#1a1a1a;z-index:10}.tip-jar-header h3{margin:0;color:#f39c12;font-size:24px !important;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,0.3)}.tip-jar-close{background:none;border:none;color:#fff;font-size:32px;cursor:pointer;line-height:1;transition:all 0.2s;padding:0;width:32px;height:32px}.tip-jar-close:hover{color:#e74c3c;transform:rotate(90deg)}.tip-jar-body{padding:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch;min-height:600px}.tip-jar-body-left{display:flex;flex-direction:column;gap:20px}.tip-jar-body-right{display:flex;flex-direction:column;height:100%}.active-moderator-section{min-height:80px}.loading-state{text-align:center;padding:20px;color:#95a5a6}.spinner{border:3px solid rgba(255,255,255,0.1);border-top:3px solid #f39c12;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 10px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.moderator-card{display:flex;align-items:center;gap:15px;padding:15px;background:rgba(255,255,255,0.05);border-radius:12px;border:2px solid rgba(243,156,18,0.3);transition:all 0.3s}.moderator-card:hover{border-color:#f39c12;background:rgba(255,255,255,0.08)}.moderator-avatar{width:60px;height:60px;border-radius:50%;border:3px solid #f39c12;object-fit:cover}.moderator-details{flex:1}.moderator-details h4{margin:0 0 5px 0;color:#fff;font-size:18px;font-weight:600}.moderator-level{display:inline-block;padding:4px 8px;background:#f39c12;color:#1a1a1a;border-radius:4px;font-size:12px;font-weight:600;margin-right:10px}.shift-countdown{color:#95a5a6;font-size:12px;display:block;margin-top:5px}.no-moderator{text-align:center;padding:30px;color:#95a5a6}.no-moderator p{margin:0 0 10px 0;font-size:18px}.no-moderator small{font-size:14px;opacity:0.7}.tip-type-tabs{display:flex;gap:10px}.tip-tab{flex:1;padding:12px;background:rgba(255,255,255,0.05);border:2px solid transparent;color:#fff;cursor:pointer;border-radius:8px;transition:all 0.2s;font-weight:600}.tip-tab:hover{background:rgba(255,255,255,0.1);border-color:rgba(243,156,18,0.5)}.tip-tab.active{background:#f39c12;color:#1a1a1a;border-color:#f39c12;box-shadow:0 2px 8px rgba(243,156,18,0.3)}.amount-selection{margin-bottom:15px}.amount-selection label{display:block;color:#fff;margin-bottom:10px;font-weight:600;font-size:14px}.quick-amounts{display:grid;grid-template-columns:repeat(5, 1fr);gap:10px;margin-bottom:15px}.quick-amount-btn{padding:12px;background:rgba(255,255,255,0.05);border:2px solid #f39c12;color:#f39c12;border-radius:8px;cursor:pointer;transition:all 0.2s;font-weight:600;font-size:14px;display:flex;align-items:center}.quick-amount-btn:hover{background:rgba(243,156,18,0.2);transform:translateY(-2px)}.quick-amount-btn.selected,.quick-amount-btn:active{background:#f39c12;color:#1a1a1a;transform:scale(0.95)}.quick-amount-btn .crypto-currency-icon{margin-left:5px}.amount-selection input[type="number"]{width:100%;padding:12px;background:rgba(255,255,255,0.05);border:2px solid #f39c12;border-radius:8px;color:#fff;font-size:16px;transition:all 0.2s}.amount-selection input[type="number"]:focus{outline:none;border-color:#e67e22;background:rgba(255,255,255,0.08);box-shadow:0 0 0 3px rgba(243,156,18,0.1)}.balance-info{padding:12px;background:rgba(46,204,113,0.1);border:1px solid #2ecc71;border-radius:8px;color:#2ecc71;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.balance-info .balance-info-strong{display:flex;align-items:center}.tip-message-input-group{margin-bottom:15px}.tip-message-input-group label{display:block;color:#fff;margin-bottom:8px;font-weight:600;font-size:14px}.tip-message-input-group textarea{width:100%;padding:12px;background:rgba(255,255,255,0.05);border:2px solid #f39c12;border-radius:8px;color:#fff;resize:vertical;min-height:80px;max-height:150px;font-family:inherit;font-size:14px;transition:all 0.2s}.tip-message-input-group textarea:focus{outline:none;border-color:#e67e22;background:rgba(255,255,255,0.08);box-shadow:0 0 0 3px rgba(243,156,18,0.1)}.tip-submit-btn{width:100%;padding:16px;background:linear-gradient(135deg, #2ecc71 0%, #27ae60 100%);border:none;color:#fff;font-size:18px;font-weight:600;border-radius:8px;cursor:pointer;transition:all 0.3s;margin-top:20px;box-shadow:0 4px 12px rgba(46,204,113,0.3)}.tip-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(46,204,113,0.4);background:linear-gradient(135deg, #27ae60 0%, #229954 100%)}.tip-submit-btn:active{transform:translateY(0)}.tip-submit-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none}.recent-tips-section{padding:20px;background:rgba(255,255,255,0.03);border-radius:12px;border:2px solid rgba(243,156,18,0.2);flex:1;display:flex;flex-direction:column;min-height:0}.recent-tips-section h5{color:#f39c12;margin:0 0 15px 0;font-size:16px;font-weight:600;flex-shrink:0}.recent-tips-list{flex:1;overflow-y:auto;list-style:none;padding:0;margin:0}.recent-tip-item{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:center;padding:10px;background:rgba(255,255,255,0.03);border-radius:6px;margin-bottom:8px;color:#fff;font-size:13px}.recent-tip-item.fade-in{animation:fade-in 0.5s ease}@keyframes fade-in{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.recent-tip-item .tipper{font-weight:600;color:#3498db}.recent-tip-item .recipient{font-size:12px;color:#95a5a6}.recent-tip-item .amount{color:#2ecc71;font-weight:600}.recent-tip-item .time{color:#95a5a6;font-size:12px}.no-tips-yet{text-align:center;padding:20px;color:#95a5a6;font-style:italic}.tip-message-display{margin-top:15px;padding:15px;border-radius:8px;text-align:center;font-weight:600;animation:message-slide-in 0.3s ease}@keyframes message-slide-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tip-message-display.success{background:rgba(46,204,113,0.2);border:2px solid #2ecc71;color:#2ecc71}.tip-message-display.error{background:rgba(231,76,60,0.2);border:2px solid #e74c3c;color:#e74c3c}.tip-success-animation .tip-jar-content{animation:tip-success-pulse 0.5s ease}@keyframes tip-success-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.falling-coin{position:absolute;font-size:24px;pointer-events:none;animation:coin-fall 1s ease-in forwards;z-index:1000}@keyframes coin-fall{0%{transform:translateY(-100px) rotate(0deg);opacity:1}50%{opacity:1}100%{transform:translateY(400px) rotate(360deg);opacity:0}}.not-logged-in-message{text-align:center;padding:40px 20px;grid-column:1 / -1}.not-logged-in-message p{font-size:18px;color:#95a5a6;margin-bottom:20px}.tip-jar-modal::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}@media (max-width: 992px){.tip-jar-modal .modal-dialog{max-width:90%}.tip-jar-body{grid-template-columns:1fr;gap:20px;min-height:auto}.tip-jar-body-right{height:400px}.recent-tips-section{height:100%}}@media (max-width: 768px){.tip-jar-modal .modal-dialog{max-width:95%;margin:10px}.tip-jar-content{max-height:90vh}.quick-amounts{grid-template-columns:repeat(2, 1fr)}.moderator-card{flex-direction:column;text-align:center}.tip-jar-header h3{font-size:20px}.recent-tip-item{grid-template-columns:1fr;gap:5px}.recent-tip-item .recipient{display:none}}@media (max-width: 576px){.tip-jar-toggle-button{padding:8px 12px;font-size:13px}.tip-jar-icon{font-size:18px}.tip-jar-header{padding:15px}.tip-jar-body{padding:15px}.quick-amount-btn{padding:10px;font-size:13px}}.tip-jar-content::-webkit-scrollbar,.recent-tips-section::-webkit-scrollbar{width:8px}.tip-jar-content::-webkit-scrollbar-track,.recent-tips-section::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);border-radius:10px}.tip-jar-content::-webkit-scrollbar-thumb,.recent-tips-section::-webkit-scrollbar-thumb{background:#f39c12;border-radius:10px}.tip-jar-content::-webkit-scrollbar-thumb:hover,.recent-tips-section::-webkit-scrollbar-thumb:hover{background:#e67e22}