:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--twitch: #9146FF;--kick: #53FC18;--x-accent: #f0f0f0}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0c0c0f;color:#e8e8ed}.app-shell{display:flex;flex-direction:column;height:100vh;max-width:720px;margin:0 auto;border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.07);background:#0c0c0fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10;flex-wrap:wrap}.header-left{display:flex;align-items:center;gap:.6rem}.logo-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--twitch),var(--kick));display:grid;place-items:center;color:#fff;flex-shrink:0}.app-title{font-size:1.05rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.app-subtitle{font-size:.7rem;color:#fff6;letter-spacing:.01em}.header-controls{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.filter-btn{display:inline-flex;align-items:center;gap:4px;padding:.3rem .6rem;border:1.5px solid transparent;border-radius:6px;background:#ffffff0a;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}.filter-btn:hover{background:#ffffff14}.filter-btn.active{background:#ffffff0f}.count-badge{font-size:.6rem;padding:0 4px;border-radius:4px;background:#ffffff14;min-width:18px;text-align:center;font-variant-numeric:tabular-nums}.pause-btn{display:inline-flex;align-items:center;gap:5px;padding:.3rem .7rem;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#ffffff0a;color:#ffffff8c;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.pause-btn:hover{background:#ffffff14;color:#fff}.pause-btn.paused{border-color:#53fc1866;color:var(--kick)}.feed-container{flex:1;overflow-y:auto;padding:.5rem 0;scroll-behavior:smooth}.feed-container::-webkit-scrollbar{width:5px}.feed-container::-webkit-scrollbar-track{background:transparent}.feed-container::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.message-row{display:flex;align-items:baseline;gap:.5rem;padding:.35rem 1rem;transition:background .15s;animation:slideIn .2s ease-out both}@keyframes slideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.message-row:hover{background:#ffffff06}.platform-badge{display:inline-flex;align-items:center;padding:1px 7px;border-radius:4px;border:1px solid;font-size:.6rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.msg-username{font-weight:700;font-size:.82rem;flex-shrink:0}.msg-text{font-size:.82rem;color:#ffffffd1;word-break:break-word;flex:1;min-width:0}.msg-time{font-size:.6rem;color:#ffffff38;font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto}.empty-state{display:grid;place-items:center;height:100%;color:#ffffff40;font-size:.85rem}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:.45rem 1rem;border-top:1px solid rgba(255,255,255,.06);background:#0c0c0fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.status-dot-group{display:flex;gap:5px}.status-dot{width:7px;height:7px;border-radius:50%;transition:background .3s}.status-text{font-size:.65rem;color:#ffffff4d;display:flex;align-items:center;gap:6px}.paused-tag{font-size:.55rem;font-weight:700;letter-spacing:.12em;color:var(--kick);border:1px solid rgba(83,252,24,.3);padding:0 4px;border-radius:3px}.tip-header-btn{display:inline-flex;align-items:center;gap:5px;padding:.3rem .7rem;border:1px solid rgba(255,100,100,.3);border-radius:6px;background:#ff646414;color:#ff6b6b;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.tip-header-btn:hover{background:#ff646426;border-color:#ff646480}.tip-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:1rem;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tip-modal{position:relative;width:100%;max-width:380px;background:#16161a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:2rem 1.5rem 1.5rem;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tip-close{position:absolute;top:12px;right:12px;width:30px;height:30px;display:grid;place-items:center;border:none;background:transparent;color:#ffffff59;cursor:pointer;border-radius:6px;transition:all .15s}.tip-close:hover{background:#ffffff0f;color:#fff}.tip-phase{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem}.tip-icon-circle{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#ff64641a;color:#ff6b6b;margin-bottom:.25rem}.tip-icon-confirm{background:#53fc181a;color:#53fc18}.tip-icon-success{background:#53fc1826;color:#53fc18}.tip-icon-warn{background:#ffc8321f;color:#ffc832}.tip-title{font-size:1.1rem;font-weight:700;margin:0;letter-spacing:-.01em}.tip-desc{font-size:.78rem;color:#ffffff73;margin:0;line-height:1.5}.tip-wallet-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);font-size:.7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff9}.tip-wallet-dot{width:6px;height:6px;border-radius:50%;background:#53fc18}.tip-disconnect{border:none;background:transparent;color:#ffffff4d;font-size:.62rem;cursor:pointer;text-decoration:underline;font-family:inherit;padding:0}.tip-disconnect:hover{color:#ff6b6b}.tip-presets{display:flex;gap:.4rem;width:100%}.tip-preset{flex:1;padding:.55rem 0;border:1.5px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff08;color:#ffffff8c;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.tip-preset:hover{border-color:#ffffff26;background:#ffffff0d;color:#fff}.tip-preset.active{border-color:#ff6b6b;background:#ff64641a;color:#ff6b6b}.tip-custom-row{display:flex;align-items:center;gap:.4rem;width:100%;padding:.5rem .75rem;border:1.5px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff08}.tip-currency-sign{font-size:.9rem;font-weight:600;color:#ffffff59}.tip-custom-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:1rem;font-weight:600;font-family:inherit;width:100%}.tip-custom-input::placeholder{color:#fff3}.tip-custom-input::-webkit-inner-spin-button,.tip-custom-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tip-custom-input[type=number]{-moz-appearance:textfield}.tip-currency-label{font-size:.7rem;font-weight:600;color:#ffffff4d;letter-spacing:.04em}.tip-confirm-details{width:100%;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.tip-confirm-row{display:flex;justify-content:space-between;align-items:center;font-size:.78rem}.tip-confirm-row span{color:#fff6}.tip-confirm-row strong{color:#fff;font-weight:600}.tip-addr{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.tip-btn{width:100%;padding:.65rem 1rem;border:none;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.tip-btn:disabled{opacity:.45;cursor:not-allowed}.tip-btn-primary{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.tip-btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.tip-btn-ghost{background:transparent;color:#fff6;border:1px solid rgba(255,255,255,.08)}.tip-btn-ghost:hover{color:#fff;border-color:#ffffff26}.tip-link{font-size:.72rem;color:#74b9ff;text-decoration:none;font-weight:500}.tip-link:hover{text-decoration:underline}.tip-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.08);border-top-color:#ff6b6b;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:.5rem}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:540px){.app-header{flex-direction:column;align-items:flex-start;gap:.5rem}.header-controls{width:100%}.filter-btn{flex:1;justify-content:center}.tip-modal{padding:1.5rem 1.25rem 1.25rem}}