*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:0;height:auto}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0d0d0d;color:#fce4ec;position:relative;zoom:1.33}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:url(/assets/wall-DDNppQl-.png);z-index:-1;pointer-events:none;filter:brightness(.4)}.auth-nav{display:flex;align-items:center;padding:14px 24px;border-bottom:1px solid #222;background:#000000d9}.auth-nav a{color:#e5e5e5;font-size:18px;font-weight:600;text-decoration:none}.auth-form{max-width:380px;margin:48px auto 0;padding:24px;background:#000000b3;border-radius:12px}.auth-form h1{font-size:24px;font-weight:600;text-align:center;margin-bottom:32px}.auth-input{width:100%;padding:14px 16px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;color:#e5e5e5;font-size:15px;outline:none;transition:border-color .15s;margin-bottom:12px}.auth-input:focus{border-color:#e5e5e5}.auth-input::placeholder{color:#555}.auth-btn{width:100%;padding:14px;background:#e5e5e5;color:#0d0d0d;border:none;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:background .15s;margin-top:4px}.auth-btn:hover:not(:disabled){background:#d4d4d4}.auth-btn:disabled{opacity:.6;cursor:default}.auth-error{display:none;text-align:center;margin-top:16px;padding:12px;background:#1a0a0a;color:#c44;border-radius:12px;font-size:14px;line-height:1.5}.auth-switch{text-align:center;margin-top:24px;color:#555;font-size:14px}.auth-switch a{color:#888;text-decoration:none;transition:color .15s}.auth-switch a:hover{color:#e5e5e5}.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid #222;background:#000000d9}.nav-left{display:flex;align-items:center;gap:24px}.nav-logo{color:#ff80ab;font-size:18px;font-weight:600;text-decoration:none}.nav-link{color:#880e4f;font-size:14px;text-decoration:none;transition:color .15s}.nav-link:hover,.nav-link.active{color:#ff80ab}.nav-right{display:flex;align-items:center;gap:12px}.nav-username{color:#880e4f;font-size:14px}.page{max-width:700px;margin:16px auto;padding:32px 24px;background:linear-gradient(135deg,#1a0a14b3,#2d1a24b3);border:1px solid #880e4f;border-radius:12px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-title{font-size:22px;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;border:none;text-decoration:none;transition:background .15s;white-space:nowrap}.btn-primary{background:#ff80ab;color:#1a0a14}.btn-primary:hover:not(:disabled){background:#ff4081}.btn-secondary{background:#1a0a14;color:#ff80ab;border:1px solid #880e4f}.btn-secondary:hover:not(:disabled){background:#2d1a24;border-color:#ff80ab}.btn-danger{background:#2a0a0a;color:#c44;border:1px solid #3a1a1a}.btn-danger:hover:not(:disabled){background:#3a0a0a}.btn-sm{padding:6px 14px;font-size:13px}.btn:disabled{opacity:.5;cursor:default}.room-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:linear-gradient(135deg,#1a0a14,#2d1a24);border:1px solid #880e4f;border-radius:12px;margin-bottom:8px;gap:16px}.room-info{min-width:0}.room-info h3{font-size:16px;font-weight:500;margin-bottom:4px}.room-meta{font-size:13px;color:#ce93d8}.room-code{display:inline-block;padding:1px 8px;background:#1a0a14;border:1px dashed #880e4f;border-radius:4px;font-family:monospace;font-size:12px;color:#ff80ab;cursor:pointer;transition:border-color .15s;vertical-align:middle}.room-code:hover{border-color:#ff4081;color:#ff4081}.room-actions{display:flex;gap:6px;flex-shrink:0}.source-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;margin-bottom:8px;gap:16px}.source-item-info{min-width:0;flex:1}.source-item-name{font-size:16px;font-weight:500;margin-bottom:4px}.source-item-url{font-size:13px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40%}.source-item-actions{display:flex;gap:6px;flex-shrink:0}.source-item-active .source-item-name:after{content:" (активен)";color:#4a8;font-size:12px;font-weight:400}.source-btn-link{display:inline-flex;align-items:center;padding:8px 16px;background:#e5e5e5;color:#0d0d0d;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:background .15s;white-space:nowrap}.source-btn-link:hover{background:#d4d4d4}.join-row{display:flex;gap:8px;margin-bottom:16px}.join-row input{flex:1;padding:12px 14px;background:#1a0a14;border:1px solid #880e4f;border-radius:10px;color:#fce4ec;font-size:14px;outline:none;transition:border-color .15s}.join-row input:focus{border-color:#ff80ab}.join-row input::placeholder{color:#880e4f}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:linear-gradient(135deg,#1a0a14,#2d1a24);border:1px solid #880e4f;border-radius:16px;padding:24px;width:90%;max-width:400px}.modal h2{font-size:18px;font-weight:600;margin-bottom:20px;text-align:center}.modal-input{width:100%;padding:12px 14px;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:10px;color:#e5e5e5;font-size:14px;outline:none;transition:border-color .15s;margin-bottom:12px}.modal-input:focus{border-color:#e5e5e5}.modal-input::placeholder{color:#555}.modal-btns{display:flex;gap:8px}.modal-btns .btn{flex:1}.empty{text-align:center;padding:48px 24px;color:#555;font-size:14px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#1a1a1a;border:1px solid #2a2a2a;color:#e5e5e5;padding:12px 24px;border-radius:12px;font-size:14px;z-index:200;transition:opacity .3s;pointer-events:none}.room-body{height:100dvh;overflow:hidden;display:flex;zoom:1}.room-video{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:#000000a6}.room-video-inner{flex:1;background:#000;position:relative;margin:8px;border-radius:12px;overflow:hidden}.room-video-inner iframe{width:100%;height:100%;border:0}.room-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#555;font-size:14px;text-align:center;padding:24px}.room-placeholder a{color:#888;text-decoration:none;transition:color .15s}.room-placeholder a:hover{color:#e5e5e5}.room-chat{width:320px;display:flex;flex-direction:column;border-left:1px solid #222;flex-shrink:0;background:#0000001a}.room-chat-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #222;font-size:13px;color:#888;flex-shrink:0;position:relative}.room-chat-header-right{margin-left:auto;display:flex;align-items:center;gap:4px}.room-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.room-status-dot.online{background:#4a8}.room-status-dot.offline{background:#c44}.room-msg-count{color:#555;font-size:12px}.room-chat-header-btn{background:none;border:none;color:#555;cursor:pointer;padding:4px;border-radius:4px;font-size:16px;line-height:1;transition:color .15s}.room-chat-header-btn:hover{color:#e5e5e5}.room-source-name{color:#555;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;min-width:0}.room-source-name:not(:empty):before{content:"| ";color:#333}.room-header-menu{display:none;position:absolute;top:100%;right:8px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:4px;z-index:20;min-width:180px}.room-header-menu.open{display:block}.room-header-menu-item{display:block;width:100%;padding:8px 12px;background:none;border:none;color:#ccc;font-size:13px;text-align:left;cursor:pointer;border-radius:4px;transition:background .15s}.room-header-menu-item:hover{background:#2a2a2a;color:#e5e5e5}.room-header-menu-item.danger{color:#c44}.room-header-menu-item.danger:hover{background:#2a0a0a}.modal-source-list{max-height:280px;overflow-y:auto;margin-bottom:12px}.modal-source-item{display:block;width:100%;padding:10px 14px;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:8px;color:#ccc;font-size:14px;text-align:left;cursor:pointer;margin-bottom:4px;transition:border-color .15s,color .15s}.modal-source-item:hover{border-color:#e5e5e5;color:#e5e5e5}.room-messages{flex:1;overflow-y:auto;padding:8px 16px;min-height:0}.room-msg{display:flex;flex-direction:row;align-items:flex-end;gap:8px;padding:2px 0 2px 8px;font-size:14px;line-height:1.5;word-break:break-word}.room-msg.system{text-align:center;color:#555;font-style:italic;font-size:12px;padding:4px 0;display:block}.room-msg-main{display:flex;flex-direction:column;gap:4px;border-left:3px solid transparent;padding-left:6px;flex:1;min-width:0}.room-msg-username{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.room-msg-text{color:#ccc;word-break:break-word}.room-msg-sticker{max-width:130px;max-height:130px;display:block;margin-top:4px}.room-chat-form{position:relative;display:flex;border-top:1px solid #222;flex-shrink:0}.room-chat-input{flex:1;padding:12px 16px;background:#0d0d0d;border:none;color:#e5e5e5;font-size:14px;outline:none;min-width:0}.room-chat-input::placeholder{color:#555}.room-chat-send-btn{padding:12px 16px;background:none;border:none;border-left:1px solid #222;color:#555;cursor:pointer;font-size:16px;transition:color .15s}.room-chat-send-btn:hover{color:#e5e5e5}.room-chat-send-btn:disabled{opacity:.3;cursor:default}.room-chat-stickers-btn{padding:12px 16px;background:none;border:none;border-left:1px solid #222;color:#555;cursor:pointer;font-size:16px;transition:color .15s}.room-chat-stickers-btn:hover{color:#e5e5e5}.room-chat-stickers-btn:disabled{opacity:.3;cursor:default}.room-top-left{position:fixed;top:12px;left:12px;z-index:10}.room-top-left a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#00000080;color:#888;border-radius:8px;text-decoration:none;font-size:16px;transition:background .15s,color .15s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.room-top-left a:hover{background:#000000b3;color:#e5e5e5}@media (max-width: 1023px){body{zoom:1}.nav{position:relative;justify-content:center;padding:10px 12px}.nav-left{gap:12px;min-width:0}.nav-logo{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:16px}.nav-link{font-size:13px;white-space:nowrap}.nav-right{position:absolute;right:12px;top:50%;transform:translateY(-50%);gap:6px}.nav-username{display:none}.room-body{flex-direction:column}.room-video{flex:0 0 35dvh}.room-video-inner{margin:4px}.room-chat{width:100%;flex:1;border-left:none;border-top:1px solid #222;min-height:0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0d0d0d}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3a3a3a}@media (pointer: fine){*{scrollbar-width:thin;scrollbar-color:#2a2a2a #0d0d0d}}.sakura{position:fixed;pointer-events:none;z-index:0;border-radius:100% 0;background:linear-gradient(135deg,#ffcdd2,#f8bbd9,#fce4ec);box-shadow:0 0 10px #ffc0cb80}.room-chat-sticker-panel{display:none;position:absolute;bottom:100%;margin-bottom:8px;right:0;background:linear-gradient(180deg,#1a1a1a,#151515);border:1px solid #2a2a2a;border-radius:12px;z-index:20;min-width:220px;max-width:280px;max-height:260px;overflow:hidden;box-shadow:0 4px 24px #0006,0 0 0 1px #ffffff0d inset}.room-chat-sticker-panel.open{display:flex;flex-direction:column;animation:stickerPanelIn .2s ease}@keyframes stickerPanelIn{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.room-chat-sticker-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px;border-bottom:1px solid #2a2a2a;flex-shrink:0}.room-chat-sticker-header span{font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}.room-chat-sticker-scroll{flex:1;overflow-y:auto;padding:8px;min-height:0}.room-chat-sticker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.room-chat-sticker-item{width:100%;aspect-ratio:1;object-fit:contain;cursor:pointer;transition:all .15s ease;border-radius:6px;background:#ffffff05}.room-chat-sticker-item:hover{transform:scale(1.1);background:#ff80ab1a;box-shadow:0 2px 8px #ff80ab33}.room-chat-sticker-item:active{transform:scale(.95)}.room-chat-sticker-scroll::-webkit-scrollbar{width:6px}.room-chat-sticker-scroll::-webkit-scrollbar-track{background:transparent}.room-chat-sticker-scroll::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:3px}.room-chat-sticker-scroll::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.room-chat-sticker-scroll{scrollbar-width:thin;scrollbar-color:#3a3a3a transparent}.room-msg-time{font-size:11px;font-weight:400;opacity:.8;flex-shrink:0}