*{box-sizing:border-box;margin:0;padding:0}body{color:#0f0;background:#0a0e27;min-height:100vh;padding:20px;font-family:Courier New,Courier,monospace;overflow-x:hidden}.console-container{background:#0d1117;border:2px solid #30363d;border-radius:8px;max-width:1400px;margin:0 auto;padding:20px;box-shadow:0 0 30px #00ff001a}.console-header{background:#161b22;border:1px solid #30363d;border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;padding:10px 15px;display:flex}.header-left{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.header-info{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.user-welcome{color:#58a6ff;background:#58a6ff1a;border:1px solid #58a6ff4d;border-radius:4px;padding:4px 12px;font-size:.85rem;font-weight:700}.logout-btn{color:#fff;cursor:pointer;background:#da3633;border:1px solid #f85149;border-radius:4px;align-items:center;gap:6px;padding:6px 14px;font-family:Courier New,Courier,monospace;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.logout-btn:hover{background:#f85149;transform:translateY(-1px);box-shadow:0 0 10px #f8514966}.logout-btn:active{transform:translateY(0)}.version-badge{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:3px;padding:3px 10px;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px #667eea4d}.console-title{color:#58a6ff;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex}.tikdev-logo{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;justify-content:center;align-items:center;padding:4px;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #667eea66}.tikdev-logo:before{content:"";background:linear-gradient(45deg,#0000,#ffffff1a,#0000);width:200%;height:200%;animation:3s infinite logoShine;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}@keyframes logoShine{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}.tikdev-logo:hover{transform:scale(1.1)rotate(-5deg);box-shadow:0 6px 20px #667eea99}.tikdev-logo img{z-index:1;display:block;position:relative}.console-status{color:#ef4444;background:#1f2937;border-radius:3px;padding:4px 12px;font-size:.85rem;font-weight:700}.console-status.connected{color:#10b981;background:#065f46}.console-section{background:#161b22;border:1px solid #30363d;border-radius:4px;margin-bottom:15px;padding:15px}.connection-panel-fixed{background:linear-gradient(135deg,#58a6ff0d 0%,#58a6ff05 100%);border:2px solid #58a6ff4d;animation:.3s ease-out slideDown;box-shadow:0 2px 10px #58a6ff1a}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.console-line,.console-line form{align-items:center;gap:10px;margin-bottom:8px;font-size:.95rem;display:flex}.console-line:last-child,.console-line form:last-child{margin-bottom:0}.connection-panel-fixed form{width:100%;margin-bottom:0}.console-prompt{color:#58a6ff;margin-right:5px;font-weight:700}.console-input{color:#0f0;background:#0d1117;border:1px solid #30363d;border-radius:3px;outline:none;flex:1;padding:8px 12px;font-family:Courier New,Courier,monospace;font-size:.95rem}.console-input:focus{border-color:#58a6ff;box-shadow:0 0 5px #58a6ff4d}.console-input::placeholder{color:#484f58}.console-input:disabled{opacity:.5;cursor:not-allowed}.console-btn{color:#fff;cursor:pointer;background:#238636;border:1px solid #2ea043;border-radius:3px;justify-content:center;align-items:center;gap:8px;padding:8px 20px;font-family:Courier New,Courier,monospace;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.console-btn:hover{background:#2ea043;box-shadow:0 0 10px #2ea04366}.console-btn:disabled{color:#6b7280;cursor:not-allowed;opacity:.6;background:#1f2937;border-color:#30363d}.btn-disconnect{background:#da3633;border-color:#f85149}.btn-disconnect:hover{background:#f85149;box-shadow:0 0 10px #f8514966}.console-btn-small{color:#c9d1d9;cursor:pointer;background:#21262d;border:1px solid #30363d;border-radius:3px;margin-left:auto;padding:4px 12px;font-family:Courier New,Courier,monospace;font-size:.75rem;font-weight:700}.console-btn-small:hover{background:#30363d}.comment-counter{color:#58a6ff;white-space:nowrap;background:#58a6ff1a;border:1px solid #58a6ff4d;border-radius:3px;padding:4px 10px;font-size:.75rem;font-weight:700}.limit-dropdown{z-index:100;background:#161b22;border:2px solid #30363d;border-radius:6px;min-width:180px;padding:8px;animation:.2s ease-out dropdownSlide;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 8px 24px #0006}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.limit-dropdown-header{color:#8b949e;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #21262d;margin-bottom:6px;padding:6px 8px;font-size:.7rem;font-weight:700}.limit-option{color:#c9d1d9;cursor:pointer;text-align:left;background:#0d1117;border:1px solid #30363d;border-radius:4px;justify-content:space-between;align-items:center;width:100%;margin-bottom:4px;padding:8px 12px;font-family:Courier New,Courier,monospace;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.limit-option:last-child{margin-bottom:0}.limit-option:hover{color:#58a6ff;background:#21262d;border-color:#58a6ff;transform:translate(3px)}.limit-option.active{color:#58a6ff;background:linear-gradient(135deg,#58a6ff33 0%,#58a6ff1a 100%);border-color:#58a6ff;box-shadow:0 0 10px #58a6ff33}.limit-option.active:hover{transform:translate(0)}.stats-section{background:#0d1117;border-color:#21262d}.stats-line{flex-wrap:wrap;justify-content:space-around;gap:20px}.current-stream{background:#58a6ff1a;border:1px solid #58a6ff;border-radius:3px;gap:8px;margin-top:10px;padding:8px 12px}.stream-label{color:#8b949e;font-weight:700}.stream-user{color:#58a6ff;font-weight:700}.stat-item{color:#c9d1d9;background:#30363d4d;border-radius:4px;flex-direction:column;align-items:center;gap:5px;min-width:100px;padding:8px 12px;font-size:.95rem;display:flex}.stat-icon{font-size:1.5rem}.stat-label{color:#8b949e;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.stat-value{color:#58a6ff;font-size:1.3rem;font-weight:700}.feed-section{flex-direction:column;min-height:400px;max-height:500px;display:flex}.feed-header{justify-content:space-between;align-items:center}.console-label{color:#8b949e;font-size:.9rem;font-weight:700}.empty-icon{margin-right:10px;font-size:1.5rem}.console-feed{background:#0d1117;border:1px solid #21262d;border-radius:3px;flex:1;max-height:400px;margin-top:10px;padding:10px;overflow-y:auto}.console-feed::-webkit-scrollbar{width:8px}.console-feed::-webkit-scrollbar-track{background:#161b22}.console-feed::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}.console-feed::-webkit-scrollbar-thumb:hover{background:#484f58}.feed-item{border-left:2px solid #0000;border-radius:2px;gap:10px;margin-bottom:6px;padding:8px;animation:.2s ease-out slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.feed-time{color:#6e7681;min-width:70px;font-size:.85rem}.feed-type{min-width:80px;font-size:.85rem;font-weight:700}.feed-content{color:#c9d1d9;flex:1}.feed-content img{vertical-align:middle;background:#ffffff0d;border-radius:4px;width:auto;height:32px;margin-left:6px;padding:2px;transition:transform .2s;box-shadow:0 2px 8px #0000004d}.feed-content img:hover{z-index:10;cursor:pointer;transform:scale(1.5)}.feed-item.chat{background:#2188ff0d;border-left-color:#2188ff}.feed-item.chat .feed-type{color:#2188ff}.feed-item.share{background:#10b9810d;border-left-color:#10b981}.feed-item.share .feed-type{color:#10b981}.feed-item.system{background:#8b949e0d;border-left-color:#8b949e}.feed-item.system .feed-type{color:#8b949e}.text-dim{color:#6e7681}.notification{color:#0f0;z-index:1000;background:#161b22;border:2px solid #30363d;border-radius:6px;align-items:center;gap:10px;padding:12px 25px;font-size:.95rem;font-weight:700;display:flex;position:fixed}.notif-icon{font-size:1.3rem}.gift-notification{border-color:#f90;animation:.3s ease-out slideInLeft;top:20px;left:20px;box-shadow:0 0 20px #f906}.gift-notification .notif-icon{animation:.6s ease-in-out infinite bounce}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.like-notification{border-color:#ed436a;animation:.3s ease-out slideInRight;top:20px;right:20px;box-shadow:0 0 20px #ed436a66}.like-notification .notif-icon{animation:.8s ease-in-out infinite pulse}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.follow-notification{border-color:#a855f7;animation:.3s ease-out slideInBottomRight;bottom:20px;right:20px;box-shadow:0 0 20px #a855f766}.follow-notification .notif-icon{animation:.5s ease-in-out infinite shake}@keyframes slideInBottomRight{0%{opacity:0;transform:translate(50px,50px)}to{opacity:1;transform:translate(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.share-notification{border-color:#10b981;animation:.3s ease-out slideInBottomLeft;bottom:20px;left:20px;box-shadow:0 0 20px #10b98166}.share-notification .notif-icon{animation:1s linear infinite rotate}@keyframes slideInBottomLeft{0%{opacity:0;transform:translate(-50px,50px)}to{opacity:1;transform:translate(0)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.join-notification{animation:.3s ease-out slideUp;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #00ff004d}.join-notification .notif-icon{animation:1s ease-in-out infinite wave}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(50px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.activities-summary{background:#0d1117;border-color:#21262d}.activities-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px;margin-top:10px;display:grid}.activity-card{background:#161b22;border:1px solid #30363d;border-radius:6px;padding:15px;transition:all .3s}.activity-card:hover{border-color:#58a6ff;box-shadow:0 0 10px #58a6ff33}.activity-header{border-bottom:1px solid #21262d;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;display:flex}.activity-icon{font-size:1.5rem}.activity-title{color:#c9d1d9;flex:1;font-size:.9rem;font-weight:700}.activity-count{color:#fff;text-align:center;background:#58a6ff;border-radius:12px;min-width:30px;padding:3px 10px;font-size:.85rem;font-weight:700}.activity-users{flex-wrap:wrap;gap:6px;max-height:150px;padding:5px 0;display:flex;overflow-y:auto}.activity-users::-webkit-scrollbar{width:4px}.activity-users::-webkit-scrollbar-track{background:#0d1117}.activity-users::-webkit-scrollbar-thumb{background:#30363d;border-radius:2px}.activity-users::-webkit-scrollbar-thumb:hover{background:#484f58}.user-tag{color:#58a6ff;cursor:default;background:#21262d;border:1px solid #30363d;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;transition:all .2s;display:inline-flex}.user-tag:hover{background:#30363d;border-color:#58a6ff}.rank-badge{color:#8b949e;text-align:center;background:#30363d;border-radius:3px;min-width:20px;padding:2px 6px;font-size:.7rem;font-weight:700}.user-tag.rank-1{color:#1a1a1a;background:linear-gradient(135deg,gold 0%,#ffed4e 100%);border-color:gold;font-weight:700;box-shadow:0 0 15px #ffd7004d}.user-tag.rank-1 .rank-badge{color:#1a1a1a;background:#f4c430}.user-tag.rank-1 .user-count{color:#4a4a4a}.user-tag.rank-1:hover{background:linear-gradient(135deg,#ffed4e 0%,gold 100%);box-shadow:0 0 20px #ffd70080}.user-tag.rank-2{color:#1a1a1a;background:linear-gradient(135deg,silver 0%,#e8e8e8 100%);border-color:silver;font-weight:700;box-shadow:0 0 15px #c0c0c04d}.user-tag.rank-2 .rank-badge{color:#1a1a1a;background:#a8a8a8}.user-tag.rank-2 .user-count{color:#4a4a4a}.user-tag.rank-2:hover{background:linear-gradient(135deg,#e8e8e8 0%,silver 100%);box-shadow:0 0 20px #c0c0c080}.user-tag.rank-3{color:#1a1a1a;background:linear-gradient(135deg,#cd7f32 0%,#e8a87c 100%);border-color:#cd7f32;font-weight:700;box-shadow:0 0 15px #cd7f324d}.user-tag.rank-3 .rank-badge{color:#1a1a1a;background:#b8722e}.user-tag.rank-3 .user-count{color:#4a4a4a}.user-tag.rank-3:hover{background:linear-gradient(135deg,#e8a87c 0%,#cd7f32 100%);box-shadow:0 0 20px #cd7f3280}.user-count{color:#8b949e;font-size:.75rem;font-weight:400}.no-data{color:#6e7681;font-size:.85rem;font-style:italic}.auth-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:#0d1117;border:2px solid #30363d;border-radius:8px;width:100%;max-width:450px;padding:40px;animation:.4s ease-out fadeInUp;box-shadow:0 0 30px #00ff001a}.auth-card-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:25px;display:flex}.back-home-btn{color:#58a6ff;cursor:pointer;background:#58a6ff1a;border:1px solid #58a6ff4d;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-family:Courier New,Courier,monospace;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.back-home-btn:hover:not(:disabled){background:#58a6ff33;border-color:#58a6ff;transform:translate(-3px)}.back-home-btn:disabled{opacity:.5;cursor:not-allowed}.lang-switcher-auth{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-family:Courier New,Courier,monospace;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.lang-switcher-auth:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:30px}.auth-logo{justify-content:center;margin-bottom:20px;display:flex}.auth-logo .tikdev-logo{padding:8px}.auth-logo .tikdev-logo img{filter:drop-shadow(0 4px 12px #667eea99)}.auth-title{color:#58a6ff;margin-bottom:10px;font-size:1.8rem;font-weight:700}.auth-subtitle{color:#8b949e;font-size:.95rem}.auth-phone{color:#58a6ff;margin-top:8px;font-size:1.1rem;font-weight:700}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-success{color:#7ee787;background:#2ea0431a;border:1px solid #2ea043;border-radius:6px;align-items:center;gap:10px;padding:12px 15px;font-size:.9rem;animation:.3s slideInDown;display:flex}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.success-icon{flex-shrink:0;font-size:1.2rem}.auth-error{color:#ffa198;background:#f851491a;border:1px solid #f85149;border-radius:6px;align-items:center;gap:10px;padding:12px 15px;font-size:.9rem;animation:.3s shake;display:flex}.error-icon{flex-shrink:0;font-size:1.2rem}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:#c9d1d9;align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:flex}.form-input{color:#c9d1d9;background:#161b22;border:1px solid #30363d;border-radius:6px;outline:none;padding:12px 15px;font-family:Courier New,Courier,monospace;font-size:.95rem;transition:all .2s}.form-input:focus{border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff1a}.form-input::placeholder{color:#6e7681}.form-input:disabled{opacity:.5;cursor:not-allowed;background:#0d1117}.form-hint{color:#6e7681;margin:0;font-size:.8rem}.forgot-password-link{text-align:right;margin-top:8px}.forgot-link{color:#58a6ff;font-size:.85rem;text-decoration:none;transition:all .2s}.forgot-link:hover{color:#79c0ff;text-decoration:underline}.resend-button{color:#c9d1d9;cursor:pointer;background:#21262d;border:1px solid #30363d;border-radius:6px;margin-top:10px;padding:10px 20px;font-family:Courier New,Courier,monospace;font-size:.9rem;font-weight:700;transition:all .2s}.resend-button:hover:not(:disabled){color:#58a6ff;background:#30363d;border-color:#58a6ff}.resend-button:disabled{opacity:.5;cursor:not-allowed}.code-input{text-align:center;letter-spacing:8px;font-size:1.5rem;font-weight:700}.auth-button{color:#fff;cursor:pointer;background:#238636;border:1px solid #2ea043;border-radius:6px;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:12px 20px;font-family:Courier New,Courier,monospace;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.auth-button:hover:not(:disabled){background:#2ea043;transform:translateY(-1px);box-shadow:0 0 15px #2ea04366}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{color:#6b7280;cursor:not-allowed;opacity:.6;background:#1f2937;border-color:#30363d}.auth-button-secondary{color:#c9d1d9;cursor:pointer;background:#21262d;border:1px solid #30363d;border-radius:6px;padding:10px 20px;font-family:Courier New,Courier,monospace;font-size:.9rem;font-weight:700;transition:all .2s}.auth-button-secondary:hover:not(:disabled){background:#30363d;border-color:#58a6ff}.auth-button-secondary:disabled{opacity:.5;cursor:not-allowed}.auth-footer{text-align:center;border-top:1px solid #21262d;margin-top:25px;padding-top:20px}.auth-link-text{color:#8b949e;font-size:.9rem}.auth-link{color:#58a6ff;cursor:pointer;background:0 0;border:none;font-family:Courier New,Courier,monospace;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s}.auth-link:hover{color:#79c0ff;text-decoration:underline}.tab-navigation{border-bottom:2px solid #30363d;gap:10px;margin-bottom:15px;padding:0;display:flex}.tab-button{color:#8b949e;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 24px;font-family:Courier New,Courier,monospace;font-size:.9rem;font-weight:700;transition:all .2s;position:relative;bottom:-2px}.tab-button:hover{color:#c9d1d9;background:#30363d4d}.tab-button.active{color:#58a6ff;background:#58a6ff0d;border-bottom-color:#58a6ff}.overlay-settings-container{max-height:600px;padding:10px;overflow-y:auto}.overlay-settings-container::-webkit-scrollbar{width:8px}.overlay-settings-container::-webkit-scrollbar-track{background:#0d1117}.overlay-settings-container::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}.overlay-settings-container::-webkit-scrollbar-thumb:hover{background:#484f58}.overlay-intro p{color:#8b949e;margin:0;font-size:.9rem}.overlay-section{background:#161b22;border:1px solid #30363d;border-radius:6px;margin-bottom:15px;padding:20px}.section-header{border-bottom:1px solid #30363d;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;display:flex}.section-header h3{color:#c9d1d9;margin:0;font-size:1.1rem}.toggle-switch{width:50px;height:26px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#30363d;border-radius:26px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#c9d1d9;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:4px;left:4px}input:checked+.toggle-slider{background-color:#238636}input:checked+.toggle-slider:before{background-color:#fff;transform:translate(24px)}.settings-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.setting-item{flex-direction:column;gap:8px;display:flex}.setting-item.full-width{grid-column:1/-1}.setting-item label{color:#8b949e;font-size:.85rem;font-weight:700}.setting-input,.setting-select{color:#c9d1d9;background:#0d1117;border:1px solid #30363d;border-radius:4px;outline:none;padding:8px 12px;font-family:Courier New,Courier,monospace;font-size:.9rem;transition:all .2s}.setting-input:focus,.setting-select:focus{border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff1a}.setting-color{cursor:pointer;background:#0d1117;border:1px solid #30363d;border-radius:4px;width:100%;height:40px;transition:all .2s}.setting-color:hover{border-color:#58a6ff}.setting-range{-webkit-appearance:none;background:#30363d;border-radius:3px;outline:none;width:calc(100% - 50px);height:6px}.setting-range::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#58a6ff;border-radius:50%;width:16px;height:16px;transition:all .2s}.setting-range::-webkit-slider-thumb:hover{background:#79c0ff;transform:scale(1.2)}.setting-range::-moz-range-thumb{cursor:pointer;background:#58a6ff;border:none;border-radius:50%;width:16px;height:16px}.range-value{color:#58a6ff;text-align:right;min-width:50px;font-size:.9rem;font-weight:700}.setting-hint{color:#6e7681;margin-top:4px;font-size:.75rem;font-style:italic}.preview-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:Courier New,Courier,monospace;font-size:.9rem;font-weight:700;transition:all .3s;display:flex}.preview-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.preview-btn:active{transform:translateY(0)}.overlay-preview{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #ffffff1a;border-radius:12px;align-items:center;gap:15px;padding:20px 30px;font-weight:700;display:flex;position:fixed;box-shadow:0 10px 40px #00000080}.overlay-icon{font-size:2rem;animation:.3s ease-out scaleIn}.overlay-message{line-height:1.4}.overlay-top-left{top:20px;left:20px}.overlay-top-center{top:20px;left:50%;transform:translate(-50%)}.overlay-top-right{top:20px;right:20px}.overlay-center{top:50%;left:50%;transform:translate(-50%,-50%)}.overlay-bottom-left{bottom:20px;left:20px}.overlay-bottom-center{bottom:20px;left:50%;transform:translate(-50%)}.overlay-bottom-right{bottom:20px;right:20px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.overlay-animation-bounce{animation:.6s cubic-bezier(.68,-.55,.265,1.55) overlayBounce}@keyframes overlayBounce{0%{transform:scale(0)translateX(var(--tx,0))translateY(var(--ty,0));opacity:0}50%{transform:scale(1.1)translateX(var(--tx,0))translateY(var(--ty,0))}to{transform:scale(1)translateX(var(--tx,0))translateY(var(--ty,0));opacity:1}}.overlay-animation-slide{animation:.4s ease-out overlaySlide}@keyframes overlaySlide{0%{transform:translateX(-100%)translateX(var(--tx,0))translateY(var(--ty,0));opacity:0}to{transform:translateX(0)translateX(var(--tx,0))translateY(var(--ty,0));opacity:1}}.overlay-animation-zoom{animation:.5s cubic-bezier(.175,.885,.32,1.275) overlayZoom}@keyframes overlayZoom{0%{transform:scale(0)translateX(var(--tx,0))translateY(var(--ty,0));opacity:0}to{transform:scale(1)translateX(var(--tx,0))translateY(var(--ty,0));opacity:1}}.overlay-animation-fade{animation:.4s ease-out overlayFade}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.overlay-top-center.overlay-animation-bounce,.overlay-top-center.overlay-animation-zoom,.overlay-bottom-center.overlay-animation-bounce,.overlay-bottom-center.overlay-animation-zoom{--tx:-50%}.overlay-center.overlay-animation-bounce,.overlay-center.overlay-animation-zoom{--tx:-50%;--ty:-50%}@media (max-width:768px){.auth-card{padding:30px 20px}.auth-title{font-size:1.5rem}.console-container{padding:15px}.console-line{flex-wrap:wrap}.console-input{flex-basis:100%}.stats-line{flex-direction:column;gap:10px}.feed-item{flex-direction:column;gap:5px}.activities-grid{grid-template-columns:1fr}.console-header{flex-direction:column;align-items:flex-start}.header-left,.header-info{justify-content:space-between;width:100%}.logout-btn{justify-content:center;width:100%;margin-top:8px}.settings-grid{grid-template-columns:1fr}.tab-navigation{overflow-x:auto}.tab-button{white-space:nowrap;padding:10px 16px;font-size:.85rem}.overlay-preview{max-width:calc(100% - 40px);padding:15px 20px;font-size:.9rem}.overlay-icon{font-size:1.5rem}}.overlay-link-section{background:#58a6ff0d;border:1px solid #58a6ff33;border-radius:6px;margin-top:10px;padding:15px}.overlay-link-section label{color:#58a6ff;margin-bottom:10px;font-size:.9rem;font-weight:700;display:block}.overlay-link-container{gap:8px;margin-bottom:8px;display:flex}.overlay-link-input{color:#8b949e;-webkit-user-select:all;user-select:all;background:#0d1117;border:1px solid #30363d;border-radius:4px;outline:none;flex:1;padding:8px 12px;font-family:Courier New,Courier,monospace;font-size:.8rem}.overlay-link-input:focus{border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff1a}.copy-btn,.open-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#238636;border:1px solid #2ea043;border-radius:4px;align-items:center;gap:4px;padding:8px 16px;font-family:Courier New,Courier,monospace;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.copy-btn:hover,.open-btn:hover{background:#2ea043;transform:translateY(-1px);box-shadow:0 0 10px #2ea04366}.copy-btn:active,.open-btn:active{transform:translateY(0)}.open-btn{background:#1f6feb;border-color:#58a6ff}.open-btn:hover{background:#58a6ff;box-shadow:0 0 10px #58a6ff66}.overlay-intro{background:#58a6ff0d;border:1px solid #58a6ff33;border-radius:6px;margin-bottom:15px;padding:20px}.overlay-intro h2{color:#58a6ff;margin-bottom:10px;font-size:1.5rem}.overlay-description{color:#8b949e;margin:0;font-size:.95rem;line-height:1.6}.overlay-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:15px;margin-bottom:15px;display:grid}.overlay-item{background:#161b22;border:1px solid #30363d;border-radius:6px;padding:15px;transition:all .3s}.overlay-item:hover{border-color:#58a6ff;box-shadow:0 0 10px #58a6ff33}.overlay-item-header{border-bottom:1px solid #21262d;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;display:flex}.overlay-item-icon{font-size:1.5rem}.overlay-item-header h3{color:#c9d1d9;margin:0;font-size:1rem;font-weight:700}.overlay-item-body{flex-direction:column;gap:10px;display:flex}.overlay-url-box{background:#0d1117;border:1px solid #21262d;border-radius:4px;padding:10px}.overlay-url-input{color:#8b949e;-webkit-user-select:all;user-select:all;background:0 0;border:none;outline:none;width:100%;font-family:Courier New,Courier,monospace;font-size:.8rem}.overlay-url-input:focus{color:#c9d1d9}.overlay-item-actions{gap:8px;display:flex}.overlay-item-actions .console-btn-small{color:#fff;background:#238636;border-color:#2ea043;flex:1;margin-left:0}.overlay-item-actions .console-btn-small:hover{background:#2ea043;box-shadow:0 0 10px #2ea04366}.overlay-item-info{color:#6e7681;margin:0;font-size:.8rem;line-height:1.4}.overlay-instructions-section{background:#58a6ff0d;border:1px solid #58a6ff33}.instructions-title{color:#58a6ff;margin-bottom:15px;font-size:1.1rem;font-weight:700}.instructions-list{color:#c9d1d9;margin:0;padding-left:25px;line-height:1.8}.instructions-list li{margin-bottom:8px}.instructions-list strong{color:#58a6ff;font-weight:700}.overlay-error-box{text-align:center;background:#f851491a;border:1px solid #f85149;border-radius:6px;padding:30px}.overlay-error-box h2{color:#f85149;margin-bottom:15px;font-size:1.3rem}.overlay-error-box p{color:#ffa198;margin:0;font-size:.95rem;line-height:1.6}@media (max-width:768px){.overlay-link-container{flex-direction:column}.copy-btn,.open-btn{justify-content:center;width:100%}.overlay-grid{grid-template-columns:1fr}.overlay-item-actions{flex-direction:column}.overlay-item-actions .console-btn-small{width:100%}}