.live-chat{display:flex;flex-direction:column;height:100%;background:#000000f2;margin:0}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}.chat-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.chat-title{font-size:14px;font-weight:700;margin:0;color:#fff;text-transform:uppercase;letter-spacing:.08em}.chat-count{background:#ffffff1a;color:#fffc;padding:2px 8px;border-radius:0;font-size:11px;font-weight:600;font-family:monospace}.chat-toggle-btn{background:transparent;border:none;padding:0;width:auto;height:auto;color:#ffffffb3;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-toggle-btn:hover{color:#fff}.chat-toggle-icon{font-size:14px;transition:transform .3s;font-weight:700}:global(.sidebar-closed) .chat-toggle-icon{transform:rotate(-180deg)}.chat-messages{flex:1;overflow-y:auto;padding:8px 8px 16px;display:flex;flex-direction:column;gap:4px}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#ffffff0d}.chat-messages::-webkit-scrollbar-thumb{background:#fff3;border-radius:0}.chat-messages::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.chat-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#fff6;font-size:14px;min-height:200px}.chat-message{display:flex;gap:6px;padding:4px 6px;border-radius:2px;transition:background .2s}.chat-message:hover{background:#ffffff0d}.message-wrapper{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.message-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.message-username{font-size:11px;font-weight:600;flex-shrink:0;white-space:nowrap}.message-time{font-size:9px;color:#fff6;font-family:monospace;margin-left:auto;flex-shrink:0}.message-delete{background:none;border:none;color:#fff6;font-size:14px;cursor:pointer;padding:0 2px;line-height:1;transition:color .2s;flex-shrink:0}.message-delete:hover{color:#f44}.message-content{font-size:12px;color:#ffffffe6;line-height:1.3;word-wrap:break-word}.chat-form{padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.1);display:flex;gap:8px;background:#000000f2;position:sticky;bottom:0;z-index:2}.chat-input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:0;padding:10px 12px;color:#fff;font-size:16px;font-family:inherit;-webkit-appearance:none;appearance:none}.chat-input:focus{outline:none;border-color:#ffffff4d;background:#ffffff14}.chat-input::placeholder{color:#fff6}.chat-send{background:#ffffffe6;border:none;border-radius:0;padding:10px 20px;color:#000;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:all .2s}.chat-send:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.chat-send:disabled{opacity:.4;cursor:not-allowed}.chat-signin{width:100%;text-align:center;padding:12px;background:#ffffff0d;border-radius:0}.chat-signin p{margin:0;font-size:14px;color:#fff9}.share-btn{background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:0;padding:0;color:#fffc;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:44px;height:44px;flex-shrink:0}.share-btn svg{display:block}.share-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}@media (max-width: 768px){.share-btn{flex:0 0 auto}}.follow-button-split{display:flex;align-items:stretch;border:1px solid rgba(255,255,255,.2);border-radius:0;overflow:hidden;height:44px;width:100%}.follow-button-split__count{display:flex;align-items:center;padding:0 16px;background:#ffffff0d;border-right:1px solid rgba(255,255,255,.2);font-size:14px;font-weight:500;color:#fffc;white-space:nowrap;min-width:120px;justify-content:center}.follow-button-split__action{display:flex;align-items:center;justify-content:center;padding:0 24px;background:transparent;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px;flex:1;color:#fffc;position:relative;overflow:hidden}.follow-button-split__action--follow{background:linear-gradient(90deg,#ff000014,#ff7f0014,#ffff0014,#00ff0014,#0000ff14,#4b008214,#9400d314);background-size:200% 100%;animation:rainbow-shift 6s ease infinite;color:#ffffffd9;gap:8px}.follow-button-split__action--follow:hover{background:linear-gradient(90deg,#ff00001f,#ff7f001f,#ffff001f,#00ff001f,#0000ff1f,#4b00821f,#9400d31f);background-size:200% 100%;color:#fff}.follow-button-split__action--following{background:#000;color:#fff;gap:8px}.follow-button-split__action--following:hover{background:#000000e6;color:#fff}.follow-button-split__cube{font-size:16px;display:inline-flex;align-items:center;margin-left:6px}.follow-button-split__cube--filled{color:#fff}.follow-button-split__cube--unfilled{color:#ffffffd9}@keyframes rainbow-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.follow-button--sign-in{padding:12px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:0;color:#fff9;font-size:14px;text-align:center;cursor:default;height:44px;display:flex;align-items:center;justify-content:center}.follow-button--skeleton{width:120px;height:42px;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:0}.follow-button__follower-count--skeleton{width:80px;height:18px;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:0}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.stream-actions{display:flex;align-items:center;gap:8px}@media (max-width: 768px){.stream-actions{width:100%;gap:8px}.stream-actions>:last-child{flex:1}}