:root{--bg-color:#0a0e18;--card-bg:#0f1419;--sidebar-bg:#080b12;--accent-color:#00d9ff;--accent-glow:#00d9ff40;--accent-secondary:#7c3aed;--accent-tertiary:#06b6d4;--discord-color:#5865f2;--youtube-color:red;--text-main:#f1f5f9;--text-dim:#94a3b8;--sidebar-width:280px;--tagline-blue:#0ea5e9;--gradient-primary:linear-gradient(135deg, #00d9ff 0%, #0ea5e9 100%);--gradient-secondary:linear-gradient(135deg, #7c3aed 0%, #06b6d4 100%);--gradient-tertiary:linear-gradient(135deg, #06b6d4 0%, #00d9ff 100%)}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}body{color:var(--text-main);scroll-behavior:smooth;background:linear-gradient(135deg,#0a0e18 0%,#1a1f3a 50%,#0a0e18 100%) 0 0/400% 400% fixed;justify-content:center;align-items:center;width:100%;min-height:100vh;margin:0;font-family:Inter,sans-serif;animation:15s infinite gradientShift;display:flex;position:relative;overflow-x:hidden}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}::-webkit-scrollbar{background:0 0;width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:0 0;border-radius:10px;transition:all .3s}:hover::-webkit-scrollbar-thumb{background:#38bdf840}.scroll-visible::-webkit-scrollbar-thumb{background:#38bdf840}:hover::-webkit-scrollbar-thumb:hover{background:#38bdf880}.scroll-visible::-webkit-scrollbar-thumb:hover{background:#38bdf880}*{scrollbar-width:thin;scrollbar-color:transparent transparent}:hover{scrollbar-color:#38bdf840 transparent}.modal-body{scrollbar-width:thin;scrollbar-color:transparent transparent;flex:1;padding:2rem;overflow-y:auto}.modal-body::-webkit-scrollbar{background:0 0;width:6px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background:0 0;border-radius:10px;transition:all .3s}.modal-body:hover::-webkit-scrollbar-thumb{background:#38bdf840}.modal-body:hover::-webkit-scrollbar-thumb:hover{background:#38bdf880}.floating-confirm-menu::-webkit-scrollbar{background:0 0;width:6px}.floating-confirm-menu::-webkit-scrollbar-track{background:0 0}.floating-confirm-menu::-webkit-scrollbar-thumb{background:#38bdf866;border-radius:10px;transition:all .3s}.floating-confirm-menu:hover::-webkit-scrollbar-thumb{background:#38bdf8b3}.sidebar-nav-container::-webkit-scrollbar-track{background:0 0}.terms-container::-webkit-scrollbar{background:0 0;width:6px}.terms-container::-webkit-scrollbar-track{background:0 0}.terms-container::-webkit-scrollbar-thumb{background:0 0;border-radius:10px}.terms-container:hover::-webkit-scrollbar-thumb{background:#38bdf840}.terms-container:hover::-webkit-scrollbar-thumb:hover{background:#38bdf880}.hydra-avatar-img{object-fit:cover;border:3px solid var(--accent-color);width:100px;height:100px;box-shadow:0 0 30px var(--accent-glow);border-radius:50%;transition:all .5s cubic-bezier(.34,1.2,.64,1)}.hydra-avatar-img:hover{box-shadow:0 0 40px var(--accent-color);transform:scale(1.05)rotate(5deg)}.hydra-avatar-img-small:hover{transform:scale(1.1)}@media (width<=768px){.top-nav{flex-flow:row;justify-content:space-between;gap:8px;top:40px;left:10px;right:10px}.nav-left{flex-shrink:1;gap:8px;min-width:0}.nav-right{flex-shrink:0}.header-container{gap:8px;height:38px;padding:0 10px 0 8px}.brand-name{font-size:.78rem}.version-tag{display:none}.social-actions{gap:6px}.social-btn{border-radius:10px;width:36px;height:36px}.social-btn svg{width:16px;height:16px}.account-btn{gap:6px;height:38px;padding:0 12px;font-size:.82rem}.account-btn svg{width:15px;height:15px}}.nav-left,.nav-right{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.header-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:linear-gradient(135deg,#0f1419b3,#1e1e3c4d);border:1.5px solid #00d9ff33;border-radius:14px;align-items:center;gap:12px;height:42px;padding:0 18px 0 10px;transition:all .4s cubic-bezier(.34,1.2,.64,1);display:flex}.header-container:hover{border-color:var(--accent-color);background:linear-gradient(135deg,#0f1419cc,#1e1e3c66);transform:translateY(-3px);box-shadow:0 8px 25px #00d9ff4d}.menu-icon{justify-content:center;align-items:center;height:100%;display:flex}.menu-icon svg,.brand-name{color:var(--text-main);transition:color .3s,text-shadow .3s,filter .3s}.header-container:hover .menu-icon svg{color:var(--accent-color);filter:drop-shadow(0 0 5px var(--accent-glow))}.header-container:hover .brand-name{color:var(--accent-color);text-shadow:0 0 10px var(--accent-glow)}.brand-name{letter-spacing:.5px;font-size:.95rem;font-weight:800;line-height:1}.version-tag{color:var(--text-dim);background:#ffffff0d;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:600}.account-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:42px;color:var(--text-main);cursor:pointer;box-sizing:border-box;background:linear-gradient(135deg,#00d9ff1a,#7b3aed1a);border:1.5px solid #00d9ff4d;border-radius:14px;align-items:center;gap:10px;padding:0 20px;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.34,1.2,.64,1);display:flex;position:relative;overflow:hidden}.account-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.account-btn:hover:before{left:100%}.account-btn:hover{color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 30px var(--accent-glow), inset 0 0 20px #00d9ff1a;border-color:var(--accent-color);box-shadow:0 0 20px var(--accent-glow);background:#161b22e6;transform:translateY(-2px)}.account-btn-active{transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid var(--accent-color)!important;background:linear-gradient(135deg,#00d9ff26,#7b3aed1a)!important;box-shadow:0 0 20px #00d9ff99!important}.account-btn-active:hover{transform:translateY(-3px);box-shadow:0 0 30px #00d9ffcc!important}.social-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1.5px solid #fff3;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .4s cubic-bezier(.34,1.2,.64,1);display:flex;position:relative;overflow:hidden}.social-btn:before{content:"";pointer-events:none;background:#00d9ff66;border-radius:50%;width:0;height:0;position:absolute;transform:translate(-50%,-50%)}.social-btn:hover:before{width:100px;height:100px}.social-btn:hover{border-color:var(--accent-color);background:linear-gradient(135deg,#00d9ff33,#7b3aed26);transform:translateY(-3px)scale(1.05);box-shadow:0 8px 25px #00d9ff4d,inset 0 0 20px #00d9ff1a}.discord-variant{background:linear-gradient(135deg,#5865f226,#5865f20d);border:1.5px solid #5865f24d}.discord-variant:hover{background:linear-gradient(135deg, var(--discord-color), #5865f2cc);border-color:var(--discord-color);transform:translateY(-3px)scale(1.02);box-shadow:0 8px 25px #5865f266}.youtube-variant{background:linear-gradient(135deg,#ff000026,#ff00000d);border:1.5px solid #ff00004d}.youtube-variant:hover{background:linear-gradient(135deg, var(--youtube-color), #f00c);border-color:var(--youtube-color);transform:translateY(-3px)scale(1.02);box-shadow:0 8px 25px #f006}.sidebar{top:0;left:calc(var(--sidebar-width) * -1);width:var(--sidebar-width);z-index:200;box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#080b12f2,#1e1e3c4d);border-right:1.5px solid #00d9ff26;flex-direction:column;height:100%;padding:2.5rem 1.5rem;transition:left .5s cubic-bezier(.8,0,.2,1);display:flex;position:fixed;overflow:hidden}.sidebar-header{border-bottom:1px solid #ffffff0d;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1rem;display:flex}.sidebar-nav-container{scrollbar-width:thin;scrollbar-color:transparent transparent;flex:1;margin-right:-1.5rem;padding-right:1.5rem;overflow-y:auto}.sidebar-nav-container::-webkit-scrollbar{background:0 0;width:6px}.sidebar-nav-container::-webkit-scrollbar-track{background:0 0;margin:8px 0}.sidebar-nav-container::-webkit-scrollbar-thumb{background:0 0;border-radius:10px;transition:all .3s}.sidebar-nav-container:hover::-webkit-scrollbar-thumb{background:#38bdf84d}.logo-container{align-items:center;gap:10px;display:flex}.sidebar-logo-icon{object-fit:contain;width:28px;height:28px;filter:drop-shadow(0 0 5px var(--accent-glow));transition:all .3s}.sidebar-logo-icon:hover{filter:drop-shadow(0 0 10px var(--accent-color));transform:scale(1.05)rotate(5deg)}.logo-text{color:var(--accent-color);letter-spacing:1px;font-size:1.2rem;font-weight:700}.close-btn{color:var(--text-dim);cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.close-btn:hover{color:#ef4444;background:#ef444433}.nav-section{margin-bottom:2rem}.nav-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;font-size:.7rem;font-weight:700;display:block}.nav-item{cursor:pointer;background:linear-gradient(135deg,#ffffff0a,#ffffff03);border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;transition:all .4s cubic-bezier(.34,1.2,.64,1);display:flex}.item-info{color:var(--text-main);align-items:center;gap:12px;font-size:.9rem;font-weight:500;display:flex}.badge{color:var(--accent-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#00d9ff26,#7b3aed1a);border:1.5px solid #00d9ff66;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:.6rem;font-weight:800;display:flex}.dot{background:var(--accent-color);width:5px;height:5px;box-shadow:0 0 8px var(--accent-color);border-radius:50%;animation:1.5s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.info-badge{color:#d8b4fe;background:linear-gradient(135deg,#a855f726,#a855f70d);border:1.5px solid #a855f766}.info-dot{background:#d8b4fe;animation:1.5s ease-in-out infinite blink;box-shadow:0 0 8px #d8b4fe}.service-badge{color:#86efac;background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:1.5px solid #22c55e66;align-items:center;gap:6px;display:flex}.service-dot{background:#86efac;border-radius:50%;width:5px;height:5px;animation:1.5s ease-in-out infinite blink;display:inline-block;box-shadow:0 0 8px #86efac}.soon-badge{color:#cbd5e1;background:linear-gradient(135deg,#64646426,#6464640d);border:1.5px solid #6464644d}.soon-badge .dot{box-shadow:none;opacity:.6;background:#6b7280;animation:none}.nav-item:has(.soon-badge){opacity:.5;filter:grayscale(.3);cursor:pointer}#loading-overlay.active{opacity:1;visibility:visible}.spinner{border:3px solid #38bdf81a;border-top:3px solid var(--accent-color);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loader-text{color:var(--accent-color);letter-spacing:2px;text-transform:uppercase;margin-top:20px;font-size:1.2rem;font-weight:800;animation:1.5s infinite pulseText}@keyframes pulseText{0%,to{opacity:.5}50%{opacity:1}}#main-content{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:80px 20px 20px;display:flex;overflow-x:hidden}.hero-section{text-align:center;z-index:10;box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:850px;padding:2rem;display:flex}.tagline{color:var(--tagline-blue);text-transform:uppercase;letter-spacing:4px;margin-bottom:1rem;font-size:.85rem;font-weight:800;display:block}.hero-title{color:var(--text-main);letter-spacing:-3px;word-break:break-word;background:linear-gradient(135deg, #f1f5f9 0%, var(--accent-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 1.5rem;font-size:5rem;font-weight:800;line-height:1;animation:1s cubic-bezier(.22,1,.36,1) forwards fadeInDown}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hero-desc{color:var(--text-dim);word-break:break-word;max-width:650px;font-size:1.25rem;line-height:1.6}@keyframes revealUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-entry{opacity:0;animation:.8s cubic-bezier(.22,1,.36,1) forwards revealUp}#notification-container{z-index:2000;pointer-events:none;flex-direction:column-reverse;gap:12px;display:flex;position:fixed;bottom:25px;right:25px}@media (width<=768px){#notification-container{bottom:15px;left:15px;right:15px}}.soon-notification{color:var(--accent-color);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;background:linear-gradient(135deg,#0f1419cc,#1e1e3c99);border:1.5px solid #00d9ff4d;border-radius:12px;align-items:center;gap:12px;padding:14px 24px;font-size:.9rem;font-weight:700;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards slideInStack;display:flex;box-shadow:0 12px 35px #00000080,0 0 25px #00d9ff33}.ping-warning-notification{color:#fca5a5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;background:linear-gradient(135deg,#ef444426,#ef44440d);border:1.5px solid #ef444466;border-radius:12px;align-items:center;gap:12px;padding:14px 24px;font-size:.9rem;font-weight:600;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards slideInStack;display:flex;box-shadow:0 12px 35px #ef444433,0 0 25px #ef444426}@keyframes slideInStack{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}.soon-notification.fade-out{animation:.4s forwards slideOutStack}@keyframes slideOutStack{to{opacity:0;transform:translate(120%)}}.bot-container{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-sizing:border-box;background:linear-gradient(135deg,#0f141999,#1e1e3c66);border:1.5px solid #00d9ff33;border-radius:32px;width:100%;max-width:900px;max-height:85vh;margin:0 auto;padding:3rem 2rem;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0009,0 0 30px #00d9ff26}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 10px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.bot-status{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.status-badge{letter-spacing:2px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-dim);background:linear-gradient(135deg,#64646426,#6464640d);border:1.5px solid #ffffff26;border-radius:100px;padding:6px 14px;font-size:.7rem;font-weight:800}.active-badge{color:#6ee7b7;background:linear-gradient(135deg,#10b98126,#10b9810d);border-color:#10b98166}.ping-badge{cursor:pointer;background:linear-gradient(135deg,#00d9ff26,#00d9ff0d);border-color:#00d9ff66;align-items:center;gap:6px;transition:all .4s cubic-bezier(.34,1.2,.64,1);display:inline-flex}.ping-badge.green-ping{color:#6ee7b7;background:linear-gradient(135deg,#10b98126,#10b9810d);border-color:#10b98180}.ping-badge.red-ping{color:#fca5a5;background:linear-gradient(135deg,#ef444426,#ef44440d);border-color:#ef444480}.ping-dot{border-radius:50%;width:8px;height:8px;margin-right:4px;animation:1.5s infinite pingPulse;display:inline-block}.green-ping .ping-dot{background-color:#10b981;box-shadow:0 0 6px #10b981}.red-ping .ping-dot{background-color:#ef4444;box-shadow:0 0 6px #ef4444}@keyframes pingPulse{0%{opacity:.6;transform:scale(.8)}70%{opacity:1;transform:scale(1.2)}to{opacity:.6;transform:scale(.8)}}.bot-invite-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;margin-top:1rem;text-decoration:none;position:relative;overflow:hidden;letter-spacing:.3px!important;color:#fff!important;background:linear-gradient(135deg,#5865f233,#5865f20d)!important;border:1.5px solid #5865f266!important;border-radius:14px!important;justify-content:center!important;align-items:center!important;gap:10px!important;height:42px!important;padding:0 20px!important;font-family:Inter,sans-serif!important;font-size:.95rem!important;font-weight:700!important;transition:all .5s cubic-bezier(.34,1.2,.64,1)!important;display:inline-flex!important;box-shadow:0 5px 20px #5865f24d!important}.chat-section{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-sizing:border-box;background:linear-gradient(135deg,#0f141980,#1e1e3c4d);border:1.5px solid #00d9ff33;border-radius:24px;width:100%;margin-top:3rem;padding:1.5rem;box-shadow:0 10px 40px #0006,inset 0 1px #00d9ff1a}.chat-header{border-bottom:1px solid #38bdf833;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.clear-chat-btn{color:#ff6b6b;cursor:pointer;background:linear-gradient(135deg,#ef444433,#ef44440d);border:1.5px solid #ef444466;border-radius:10px;padding:6px 12px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;transition:all .4s cubic-bezier(.34,1.2,.64,1)}.clear-chat-btn:hover{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;transform:scale(1.05)translateY(-2px);box-shadow:0 5px 20px #ef444466}.message{gap:12px;max-width:100%;animation:.3s messageSlideIn;display:flex}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message .message-content{flex-direction:column;align-items:flex-end;max-width:85%;display:flex}.bot-message .message-content{flex-direction:column;align-items:flex-start;max-width:85%;display:flex}.message-avatar{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.message-avatar-wrapper{flex-shrink:0}.message-bubble{word-wrap:break-word;max-width:100%;padding:10px 14px;font-size:.9rem;line-height:1.5}.user-message .message-bubble{background:var(--gradient-primary);color:#fff;border-radius:18px 18px 4px;box-shadow:0 5px 20px #00d9ff4d}.bot-message .message-bubble{background:linear-gradient(135deg,#0f1419cc,#1e1e3c66);border:1.5px solid #00d9ff33;border-radius:18px 18px 18px 4px;box-shadow:0 5px 20px #0000004d}.message-footer{align-items:center;gap:12px;margin-top:4px;display:flex}.user-message .message-footer{flex-direction:row-reverse}.message-actions{opacity:0;gap:6px;transition:opacity .2s;display:flex}.message:hover .message-actions{opacity:1}.msg-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .3s cubic-bezier(.34,1.2,.64,1);display:flex}.msg-action-btn svg{stroke:var(--text-dim);transition:all .3s}.user-message .msg-action-btn:hover{background:#ffffff4d;transform:scale(1.2)}.user-message .msg-action-btn:hover svg{stroke:#fff}.bot-message .msg-action-btn:hover{background:#00d9ff33;transform:scale(1.2)}.bot-message .msg-action-btn:hover svg{stroke:var(--accent-color)}.typing-dots span:first-child{animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.typing-text{color:var(--text-dim);font-size:.8rem}#chat-input{color:var(--text-main);resize:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#0f1419cc,#1e1e3c80);border:1.5px solid #00d9ff33;border-radius:16px;flex:1;padding:12px 16px;font-family:Inter,sans-serif;font-size:.9rem;transition:all .4s cubic-bezier(.34,1.2,.64,1)}#chat-input::placeholder{color:#94a3b899}#chat-input:focus{border-color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 25px #00d9ff66,inset 0 0 15px #00d9ff1a;box-shadow:0 0 15px var(--accent-glow);background:linear-gradient(135deg,#00d9ff0d,#1e1e3c99);outline:none}#chat-input:disabled{opacity:.6;cursor:not-allowed}.send-btn{background:var(--gradient-primary);color:var(--bg-color);cursor:pointer;border:none;border-radius:16px;padding:12px 20px;font-family:Inter,sans-serif;font-weight:700;transition:all .4s cubic-bezier(.34,1.2,.64,1);position:relative;overflow:hidden;box-shadow:0 5px 20px #00d9ff4d}.send-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.send-btn:hover:before{left:100%}.send-btn:hover{box-shadow:0 10px 35px #00d9ff80;box-shadow:0 5px 20px var(--accent-glow);transform:translateY(-2px)}.send-btn:disabled{opacity:.6;cursor:not-allowed}.chat-status{color:var(--text-dim);text-align:center;margin-top:.75rem;font-size:.7rem}.status-thinking:before{content:"⚡";margin-right:6px;animation:1s linear infinite spin;display:inline-block}.chat-login-prompt{text-align:center;background:#161b22cc;border-radius:20px;margin:1rem 0;padding:2rem}.login-message{flex-direction:column;align-items:center;gap:1rem;display:flex}#chatLoginBtn{border:1px solid #e5e7eb;align-items:center;gap:12px;display:inline-flex;color:#111827!important;background:#fff!important}.chat-history-sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0f141980,#1e1e3c33);border:1.5px solid #00d9ff26;border-radius:16px;margin-bottom:1rem;overflow:hidden}.chat-history-header{background:linear-gradient(135deg,#00d9ff14,#7b3aed0d);border-bottom:1.5px solid #00d9ff26;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.chat-history-header h4{color:var(--accent-color);margin:0;font-size:.85rem;font-weight:600}.new-chat-btn{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#00d9ff26,#7b3aed1a);border:1.5px solid #00d9ff4d;border-radius:10px;justify-content:center;align-items:center;padding:6px;transition:all .4s cubic-bezier(.34,1.2,.64,1);display:flex}.new-chat-btn svg{stroke:var(--accent-color);transition:all .3s}.new-chat-btn:hover{background:var(--gradient-primary);border-color:var(--accent-color);transform:scale(1.1);box-shadow:0 5px 20px #00d9ff66}.new-chat-btn:hover svg{stroke:#fff}.chat-list-container{max-height:250px;padding:.5rem;overflow-y:auto}.chat-list-item{cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.75rem;transition:all .4s cubic-bezier(.34,1.2,.64,1);display:flex}.chat-list-item:hover{background:linear-gradient(135deg,#00d9ff1a,#7b3aed14);border-color:#00d9ff4d;transform:translate(6px);box-shadow:0 4px 15px #00d9ff26}.chat-list-item.active{border-color:var(--accent-color);background:linear-gradient(135deg,#00d9ff26,#7b3aed1a);box-shadow:0 4px 15px #00d9ff33}.chat-item-info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.chat-item-icon{flex-shrink:0;font-size:1.2rem}.chat-item-details{flex:1;min-width:0}.chat-item-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.chat-item-date{color:var(--text-dim);margin-top:2px;font-size:.7rem}.chat-delete-btn{cursor:pointer;opacity:0;background:linear-gradient(135deg,#ef444426,#ef44440d);border:1.5px solid #ef444433;border-radius:8px;padding:4px 8px;transition:all .4s cubic-bezier(.34,1.2,.64,1)}.chat-list-item:hover .chat-delete-btn{opacity:1}.chat-delete-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;transform:scale(1.1);box-shadow:0 4px 15px #ef44444d}.chat-delete-btn:hover svg{stroke:#fff}.chat-delete-btn svg{stroke:#ff6b6b}.scroll-to-bottom-btn{background:var(--gradient-primary);color:#fff;cursor:pointer;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;transition:all .4s cubic-bezier(.34,1.2,.64,1);display:flex;position:absolute;bottom:120px;right:20px;box-shadow:0 8px 25px #00d9ff66}.scroll-to-bottom-btn:hover{background:var(--gradient-secondary);transform:scale(1.15)translateY(-5px);box-shadow:0 12px 40px #00d9ff99}.copy-notification,.speak-error{background:var(--gradient-primary);color:var(--bg-color);z-index:2000;opacity:0;visibility:hidden;white-space:nowrap;border-radius:30px;padding:10px 20px;font-size:.8rem;font-weight:600;transition:all .4s cubic-bezier(.34,1.2,.64,1);position:fixed;bottom:100px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 8px 25px #00d9ff66}.copy-notification.show,.speak-error.show{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.speak-error{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.speaking-indicator{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--bg-color);z-index:2000;opacity:0;visibility:hidden;background:#38bdf8e6;border-radius:30px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:600;transition:all .3s;display:flex;position:fixed;bottom:100px;right:20px}.speaking-indicator:before{content:"";background:#fff;border-radius:50%;width:8px;height:8px;animation:1s infinite speakingPulse}@keyframes speakingPulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.speaking-indicator.show{opacity:1;visibility:visible}.projects-container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:2rem;animation:.8s cubic-bezier(.22,1,.36,1) forwards fadeInUp}.projects-header{text-align:center;margin-bottom:3rem;position:relative}.projects-header-icon{margin-bottom:1rem;animation:4s ease-in-out infinite floatIcon;display:inline-block}.projects-header-icon svg{stroke:var(--accent-color);filter:drop-shadow(0 0 15px var(--accent-glow))}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.create-project-btn{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:40px;align-items:center;gap:10px;margin-top:1.5rem;padding:12px 28px;font-weight:700;transition:all .5s cubic-bezier(.34,1.2,.64,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #00d9ff66}.create-project-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.create-project-btn:hover:before{left:100%}.create-project-btn:hover{transform:translateY(-4px)scale(1.03);box-shadow:0 15px 45px #00d9ff99}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;margin-top:2rem;display:grid}.project-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#0f141980,#1e1e3c4d);border:1.5px solid #00d9ff33;border-radius:24px;padding:1.5rem;transition:all .5s cubic-bezier(.34,1.2,.64,1);animation:.6s backwards fadeInUp;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000004d,inset 0 1px #00d9ff1a}.project-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-color), transparent);height:2px;transition:transform .5s cubic-bezier(.34,1.2,.64,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.project-card:after{content:"";background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #00d9ff1a, transparent 50%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.project-card:hover{background:linear-gradient(135deg,#0f141999,#1e1e3c66);border-color:#00d9ff80;transform:translateY(-12px);box-shadow:0 30px 60px #00d9ff26,inset 0 0 30px #00d9ff14}.project-card:hover:before{transform:scaleX(1)}.project-card:hover:after{opacity:1}.project-card:first-child{animation-delay:50ms}.project-card:nth-child(2){animation-delay:.1s}.project-card:nth-child(3){animation-delay:.15s}.project-card:nth-child(4){animation-delay:.2s}.project-card:nth-child(5){animation-delay:.25s}.project-card:nth-child(6){animation-delay:.3s}.project-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:1rem;display:flex}.project-title{background:linear-gradient(135deg, var(--text-main), var(--accent-color));color:#0000;word-break:break-word;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.4rem;font-weight:700}.project-actions{opacity:0;gap:.5rem;transition:opacity .3s;display:flex}.project-card:hover .project-actions{opacity:1}.project-edit-btn,.project-delete-btn{cursor:pointer;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1.5px solid #ffffff26;border-radius:10px;padding:6px;transition:all .4s cubic-bezier(.34,1.2,.64,1)}.project-edit-btn:hover{border-color:var(--accent-color);background:linear-gradient(135deg,#00d9ff33,#7b3aed26);transform:scale(1.1);box-shadow:0 5px 20px #00d9ff4d}.project-description{color:var(--text-dim);word-break:break-word;margin-bottom:1.5rem;font-size:.9rem;line-height:1.7}.project-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.project-author{color:var(--accent-color);background:linear-gradient(135deg,#00d9ff1a,#7b3aed14);border:1px solid #00d9ff33;border-radius:20px;align-items:center;gap:.5rem;padding:4px 12px;font-size:.85rem;font-weight:600;display:flex}.project-version{color:var(--accent-color);background:linear-gradient(135deg,#00d9ff1a,#7b3aed14);border:1px solid #00d9ff33;border-radius:20px;align-items:center;gap:6px;width:fit-content;margin-bottom:.75rem;padding:4px 10px;font-size:.75rem;display:flex}.project-downloads{color:var(--text-dim);align-items:center;gap:6px;font-size:.75rem;display:flex}.project-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:1rem 0;display:flex}.file-size{color:var(--text-dim);background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff1a;border-radius:20px;padding:4px 10px;font-size:.7rem}.download-btn{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:30px;align-items:center;gap:8px;padding:8px 18px;font-size:.8rem;font-weight:600;transition:all .4s cubic-bezier(.34,1.2,.64,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 5px 20px #00d9ff4d}.download-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.download-btn:hover:before{left:100%}.download-btn:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 10px 35px #00d9ff80}.project-date{color:var(--text-dim);border-top:1px solid #ffffff0d;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;font-size:.7rem;display:flex}.page-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#0f141980,#1e1e3c4d);border:1.5px solid #00d9ff33;border-radius:24px;padding:1.5rem;transition:all .5s cubic-bezier(.34,1.2,.64,1);animation:.6s backwards fadeInUp;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000004d,inset 0 1px #00d9ff1a}.page-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-color), transparent);height:2px;transition:transform .5s cubic-bezier(.34,1.2,.64,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.page-card:hover:before{transform:scaleX(1)}.page-card:hover{background:linear-gradient(135deg,#0f141999,#1e1e3c66);border-color:#00d9ff80;transform:translateY(-12px);box-shadow:0 30px 60px #00d9ff26,inset 0 0 30px #00d9ff14}.project-visits{color:var(--text-dim);align-items:center;gap:6px;font-size:.75rem;display:flex}.visit-btn{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:30px;align-items:center;gap:8px;padding:8px 18px;font-size:.8rem;font-weight:600;transition:all .4s cubic-bezier(.34,1.2,.64,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 5px 20px #00d9ff4d}.visit-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.visit-btn:hover:before{left:100%}.visit-btn:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 10px 35px #00d9ff80}.page-url{color:var(--text-dim);word-break:break-all;background:#0000004d;border-radius:20px;padding:4px 10px;font-family:monospace;font-size:.7rem}.modal{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:2000;opacity:0;visibility:hidden;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s cubic-bezier(.34,1.2,.64,1),visibility .4s;display:flex;position:fixed;top:0;left:0}.modal.active{opacity:1;visibility:visible}.modal-content{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(135deg,#0f1419f2,#1e1e3cb3);border:1.5px solid #00d9ff33;border-radius:32px;flex-direction:column;width:90%;max-width:560px;max-height:85vh;padding:0;animation:.5s cubic-bezier(.34,1.2,.64,1) modalContentSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #000000b3,0 0 30px #00d9ff26}@keyframes modalContentSlideUp{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{background:linear-gradient(135deg,#00d9ff14,#7b3aed0d);border-bottom:1.5px solid #00d9ff33;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:relative;overflow:hidden}.modal-header:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-color), #06b6d4, var(--accent-color), transparent);height:2px;animation:2s ease-in-out infinite headerGlow;position:absolute;top:0;left:0;right:0}@keyframes headerGlow{0%,to{opacity:.5}50%{opacity:1}}.modal-header h2{background:var(--gradient-primary);color:#0000;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;align-items:center;gap:10px;margin:0;font-size:1.6rem;font-weight:800;display:flex}.modal-close{cursor:pointer;color:var(--text-dim);background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1.5px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;font-weight:300;transition:all .4s cubic-bezier(.34,1.2,.64,1);display:flex}.modal-close:hover{color:#ff6b6b;background:linear-gradient(135deg,#ef444433,#ef44441a);border-color:#ef4444;transform:rotate(90deg)scale(1.1);box-shadow:0 5px 20px #ef44444d}#projectForm,#pageForm,#announcementForm,#bugForm{flex-direction:column;gap:1rem;display:flex}.form-group{margin-bottom:0;animation:.4s backwards fieldFadeIn;position:relative}.form-group:first-child{animation-delay:50ms}.form-group:nth-child(2){animation-delay:.1s}.form-group:nth-child(3){animation-delay:.15s}.form-group:nth-child(4){animation-delay:.2s}@keyframes fieldFadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.form-group label{color:var(--text-main);letter-spacing:.3px;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-group input,.form-group textarea{width:100%;color:var(--text-main);resize:vertical;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#0a0e1899,#1e1e3c4d);border:1.5px solid #00d9ff33;border-radius:16px;padding:12px 16px;font-family:Inter,sans-serif;font-size:.95rem;transition:all .4s cubic-bezier(.34,1.2,.64,1)}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b880}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-color);background:linear-gradient(135deg,#00d9ff14,#1e1e3c66);outline:none;transform:translateY(-2px);box-shadow:0 0 0 3px #00d9ff26,0 0 25px #00d9ff4d}.form-group input:hover,.form-group textarea:hover{border-color:#00d9ff66;box-shadow:0 5px 20px #00d9ff1a}.form-group textarea{resize:vertical;min-height:100px}.form-group small{color:var(--text-dim);margin-top:.5rem;font-size:.7rem;display:block}.field-error{color:#ef4444;align-items:center;gap:4px;margin-top:.5rem;font-size:.7rem;animation:.3s shakeError;display:flex}@keyframes shakeError{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.form-actions{border-top:1px solid #00d9ff1a;justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.btn-cancel,.btn-submit{cursor:pointer;border-radius:40px;align-items:center;gap:8px;padding:12px 28px;font-size:.9rem;font-weight:700;transition:all .4s cubic-bezier(.34,1.2,.64,1);display:inline-flex}.btn-cancel{color:var(--text-dim);background:linear-gradient(135deg,#64646426,#6464640d);border:1.5px solid #6464644d}.btn-cancel:hover{color:#ff6b6b;background:linear-gradient(135deg,#ef444433,#ef44441a);border-color:#ef4444;transform:translateY(-3px);box-shadow:0 8px 25px #ef44444d}.btn-submit{background:var(--gradient-primary);color:#fff;border:none;position:relative;overflow:hidden;box-shadow:0 5px 20px #00d9ff4d}.btn-submit:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-submit:hover:before{left:100%}.btn-submit:after{content:"";pointer-events:none;background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-submit:hover:after{width:300px;height:300px}.btn-submit:hover{filter:brightness(1.1);transform:translateY(-3px)scale(1.02);box-shadow:0 12px 40px #00d9ff80}.btn-submit:active{transform:translateY(0)}.modal-loading{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;opacity:0;visibility:hidden;background:#0b0e14f2;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;transition:all .3s;display:flex;position:absolute;inset:0}.modal-loading.active{opacity:1;visibility:visible}.modal-loading .spinner-small{width:40px;height:40px}.modal-loading p{color:var(--accent-color);font-weight:600}.terms-container{scrollbar-width:thin;scrollbar-color:transparent transparent;box-sizing:border-box;width:100%;max-width:900px;height:100%;margin:0 auto;padding:2rem;animation:.8s cubic-bezier(.22,1,.36,1) forwards fadeInUp;overflow-y:auto}.terms-header{text-align:center;margin-bottom:2rem;position:relative}.terms-header-icon{margin-bottom:1rem;animation:2s ease-in-out infinite pulseGlow;display:inline-block}.terms-header-icon svg{stroke:var(--accent-color);filter:drop-shadow(0 0 15px var(--accent-glow))}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 5px var(--accent-glow))}50%{filter:drop-shadow(0 0 20px var(--accent-color))}}.legal-badge{color:#c084fc;letter-spacing:2px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#a855f733;border:1px solid #a855f766;border-radius:40px;margin-bottom:1rem;padding:6px 16px;font-size:.7rem;font-weight:700;display:inline-block}.terms-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161b2299;border:1px solid #38bdf833;border-radius:32px;margin-bottom:2rem;padding:1.5rem 2rem}.terms-section{border-left:2px solid #0000;border-radius:20px;gap:1.25rem;margin-bottom:1.5rem;padding:.75rem 1rem;transition:all .3s;animation:.5s backwards fadeInItem;display:flex}.terms-section:hover{border-left-color:var(--accent-color);background:#38bdf808;transform:translate(4px)}.terms-section:first-child{animation-delay:30ms}.terms-section:nth-child(2){animation-delay:60ms}.terms-section:nth-child(3){animation-delay:90ms}.terms-section:nth-child(4){animation-delay:.12s}.terms-section:nth-child(5){animation-delay:.15s}.terms-section:nth-child(6){animation-delay:.18s}.terms-section:nth-child(7){animation-delay:.21s}.terms-section:nth-child(8){animation-delay:.24s}.terms-section:nth-child(9){animation-delay:.27s}.terms-section:nth-child(10){animation-delay:.3s}.terms-section:nth-child(11){animation-delay:.33s}@keyframes fadeInItem{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.section-icon{filter:drop-shadow(0 0 5px var(--accent-glow));opacity:.8;flex-shrink:0;font-size:1.8rem;transition:all .3s}.terms-section:hover .section-icon{opacity:1;transform:scale(1.05)}.section-content{flex:1}.section-content h3{color:var(--accent-color);letter-spacing:-.3px;margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.section-content p{color:var(--text-dim);margin-bottom:.5rem;font-size:.9rem;line-height:1.6}.section-content ul{color:var(--text-dim);margin:.5rem 0;padding-left:1.25rem;line-height:1.6}.section-content li{margin-bottom:.35rem;font-size:.85rem}.section-content strong{color:var(--accent-color);font-weight:600}.close-terms-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:48px;color:var(--accent-color);cursor:pointer;background:linear-gradient(135deg,#38bdf826,#1e40af26);border:1px solid #38bdf84d;border-radius:40px;justify-content:center;align-items:center;gap:10px;margin-top:.5rem;padding:0 28px;font-size:.95rem;font-weight:700;transition:all .4s cubic-bezier(.34,1.2,.64,1);display:inline-flex}.close-terms-btn:hover{background:linear-gradient(135deg, var(--accent-color), #1e40af);color:#fff;border-color:#0000;transform:translateY(-3px)scale(1.02);box-shadow:0 10px 30px #38bdf866}.loading-projects,.empty-projects,.error-projects{text-align:center;color:var(--text-dim);background:#161b2266;border-radius:24px;padding:4rem 2rem;animation:.5s fadeInUp}.spinner-small{border:3px solid #38bdf81a;border-top:3px solid var(--accent-color);border-radius:50%;width:45px;height:45px;margin:0 auto 1rem;animation:1s linear infinite spin}#user-logged-in{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:#ffffff05;border:1px solid #ffffff14;border-radius:28px;flex-direction:column;align-items:center;width:100%;max-width:500px;padding:40px;display:flex}#googleLoginBtn{border:1px solid #e5e7eb;align-items:center;gap:12px;display:inline-flex;color:#111827!important;background:#fff!important}#logoutBtn{margin-top:25px;color:#ef4444!important;background:0 0!important;border:2px solid #ef444466!important}#logoutBtn:hover{color:#fff!important;background:#ef4444!important}.nav-item.active{background:#38bdf81a;border-color:#38bdf866;transform:translate(6px)}.nav-item.active .badge:not(.info-badge):not(.service-badge){border-color:var(--accent-color);color:var(--accent-color);background:#38bdf833}.nav-item.active:has(.info-badge){background:#a855f71a;border-color:#a855f766;transform:translate(6px)}.nav-item.active .info-badge{color:#c084fc;background:#a855f740;border-color:#a855f799}.nav-item.active:has(.service-badge){background:#22c55e1a;border-color:#22c55e66;transform:translate(6px)}.nav-item.active .service-badge{color:#4ade80;background:#22c55e40;border-color:#22c55e99}.nav-item:has(.badge:not(.soon-badge):not(.info-badge):not(.service-badge)):hover{background:#38bdf81a;border-color:#38bdf866;transform:translate(6px)}.nav-item:has(.badge:not(.soon-badge):not(.info-badge):not(.service-badge)):hover .badge{border-color:var(--accent-color);color:var(--accent-color);background:#38bdf833}.nav-item:has(.info-badge):hover{background:#a855f71a;border-color:#a855f766;transform:translate(6px)}.nav-item:has(.info-badge):hover .info-badge{color:#c084fc;background:#a855f740;border-color:#a855f799}.nav-item:has(.service-badge):hover{background:#22c55e1a;border-color:#22c55e66;transform:translate(6px)}.nav-item:has(.service-badge):hover .service-badge{color:#4ade80;background:#22c55e40;border-color:#22c55e99}.floating-confirm-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3000;opacity:0;visibility:hidden;background:#000000bf;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}.floating-confirm-overlay.active{opacity:1;visibility:visible}.floating-confirm-menu{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(135deg,#161b22fa,#0d1117fa);border:1px solid #38bdf84d;border-radius:32px;flex-direction:column;width:90%;max-width:420px;max-height:80vh;animation:.4s cubic-bezier(.34,1.2,.64,1) menuFloatIn;display:flex;overflow:auto;box-shadow:0 30px 60px -20px #0009,0 0 0 1px #38bdf826}@keyframes menuFloatIn{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.floating-confirm-header{background:linear-gradient(135deg,#38bdf814,#1e40af08);border-bottom:1px solid #38bdf826;flex-shrink:0;align-items:center;gap:14px;padding:1.5rem 1.75rem;display:flex}.floating-confirm-header h3{background:linear-gradient(135deg, var(--accent-color), #60a5fa);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.3rem;font-weight:800}.floating-confirm-body{flex:1;min-height:0;padding:1.75rem;overflow-y:auto}.floating-confirm-body p{color:var(--text-main);margin:0;font-size:1rem;font-weight:500;line-height:1.5}.floating-confirm-body .warning-text{color:#fbbf24;background:#fbbf2414;border:1px solid #fbbf2440;border-radius:16px;align-items:center;gap:10px;margin-top:1.25rem;padding:12px 16px;font-size:.85rem;display:flex}.floating-confirm-actions{border-top:1px solid #ffffff0d;flex-shrink:0;gap:1rem;padding:1rem 1.75rem 1.75rem;display:flex}.floating-confirm-btn{cursor:pointer;border:none;border-radius:40px;flex:1;padding:12px 20px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.2,.64,1)}.floating-confirm-btn.cancel{color:#a1a1aa;background:#6464641f;border:1px solid #6464644d}.floating-confirm-btn.cancel:hover{color:#ef4444;background:#ef444426;border-color:#ef444480;transform:translateY(-2px)}.floating-confirm-btn.confirm{background:linear-gradient(135deg, var(--accent-color), #1e40af);color:#fff}.floating-confirm-btn.confirm.clear{background:linear-gradient(135deg,#ef4444,#b91c1c)}.floating-confirm-btn.confirm:hover{transform:translateY(-2px);box-shadow:0 8px 25px #38bdf866}.floating-confirm-btn.confirm.clear:hover{box-shadow:0 8px 25px #ef444466}.floating-confirm-tabs{background:#0a0e1480;border-bottom:1px solid #38bdf826;flex-shrink:0;gap:.5rem;padding:.75rem 1rem;display:flex;overflow-x:auto}.floating-tab-btn{color:#a1a1aa;cursor:pointer;white-space:nowrap;background:#38bdf814;border:1px solid #38bdf833;border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.34,1.2,.64,1);display:flex}.floating-tab-btn span{font-size:1rem}.floating-tab-btn:hover{color:var(--accent-color);background:#38bdf826;border-color:#38bdf866}.floating-tab-btn.active{color:var(--accent-color);background:linear-gradient(135deg,#38bdf840,#1e40af26);border-color:#38bdf880;box-shadow:0 0 12px #38bdf84d}.floating-confirm-tab-content{display:none}.floating-action-item{color:#e4e4e7;cursor:pointer;background:linear-gradient(135deg,#38bdf814,#1e40af08);border:1px solid #38bdf826;border-radius:10px;align-items:center;gap:12px;margin-bottom:.5rem;padding:10px 14px;font-size:.9rem;transition:all .3s cubic-bezier(.34,1.2,.64,1);display:flex}.floating-action-item:hover{background:linear-gradient(135deg,#38bdf826,#1e40af14);border-color:#38bdf84d;transform:translate(4px)}.floating-action-item:last-child{margin-bottom:0}.floating-action-item span{font-size:1.1rem}.profile-avatar{object-fit:cover;border:2px solid var(--accent-color);border-radius:50%;width:28px;height:28px;transition:all .3s;box-shadow:0 0 8px #38bdf899}.profile-avatar:hover{transform:scale(1.05);box-shadow:0 0 12px #38bdf8cc}.dev-dot{background:#ef4444;border-radius:50%;width:5px;height:5px;animation:1.5s ease-in-out infinite blinkDev;display:inline-block;box-shadow:0 0 6px #ef4444}@keyframes blinkDev{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.3);box-shadow:0 0 10px #ef4444}}.nav-item:has(.dev-badge):hover{background:#ef44441a;border-color:#ef444466;transform:translate(6px)}.nav-item.active:has(.dev-badge){background:#ef44441a;border-color:#ef444466;transform:translate(6px)}.nav-item.active .dev-badge{color:#f87171;background:#ef444440;border-color:#ef444499}.nav-item:has(.dev-badge):hover{transform:translate(6px);background:#ef444426!important;border-color:#ef444480!important}.nav-item:has(.dev-badge):hover .item-info{color:#f87171!important}.nav-item:has(.dev-badge):hover .dev-badge{color:#f87171!important;background:#ef44444d!important;border-color:#ef4444b3!important}.nav-item:has(.dev-badge):hover .dev-dot{background:#f87171!important;box-shadow:0 0 8px #f87171!important}.nav-item.active:has(.dev-badge){transform:translate(6px);background:#ef444433!important;border-color:#ef444499!important}.nav-item.active:has(.dev-badge) .item-info{color:#f87171!important}.nav-item.active:has(.dev-badge) .dev-badge{color:#f87171!important;background:#ef444459!important;border-color:#ef4444cc!important}.nav-item.active:has(.dev-badge) .dev-dot{background:#f87171!important;box-shadow:0 0 10px #ef4444!important}.announcements-grid{grid-template-columns:1fr;gap:1.5rem;max-height:55vh;margin-top:2rem;padding-right:8px;display:grid;overflow-y:auto}.announcement-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161b22b3;border:1px solid #38bdf826;border-radius:24px;padding:1.5rem;transition:all .3s;animation:.5s backwards fadeInUp}.announcement-card:hover{border-color:#38bdf866;transform:translateY(-4px);box-shadow:0 15px 30px #0000004d}.announcement-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.announcement-title{background:linear-gradient(135deg, var(--text-main), var(--accent-color));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.3rem;font-weight:700}.announcement-meta{color:var(--text-dim);flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.75rem;display:flex}.announcement-content{color:var(--text-dim);white-space:pre-wrap;word-break:break-word;margin-bottom:1rem;line-height:1.6}.announcement-footer{color:var(--text-dim);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:1rem;font-size:.7rem;display:flex}.announcement-delete-btn{cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;padding:4px 10px;font-size:.7rem;transition:all .3s}.announcement-delete-btn:hover{color:#fff;background:#ef4444}.bug-filters{flex-wrap:wrap;justify-content:center;gap:.75rem;margin:1.5rem 0;display:flex}.filter-btn{color:var(--text-dim);cursor:pointer;background:#161b2299;border:1px solid #38bdf833;border-radius:40px;padding:8px 20px;font-size:.85rem;font-weight:600;transition:all .3s}.filter-btn:hover{border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px)}.filter-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:var(--bg-color)}.bugs-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem;max-height:50vh;margin-top:1rem;padding-right:8px;display:grid;overflow-y:auto}.bug-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#161b22b3;border:1px solid #38bdf826;border-radius:24px;padding:1.5rem;transition:all .3s;animation:.5s backwards fadeInUp}.bug-card:hover{border-color:#38bdf866;transform:translateY(-4px);box-shadow:0 15px 30px #0000004d}.bug-status{border-radius:20px;margin-bottom:.75rem;padding:4px 12px;font-size:.7rem;font-weight:700;display:inline-block}.bug-status.pending{color:#fbbf24;background:#fbbf2426;border:1px solid #fbbf244d}.bug-status.in-progress{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d}.bug-status.resolved{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d}.bug-status.closed{color:#9ca3af;background:#64646426;border:1px solid #6464644d}.bug-title{color:var(--text-main);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.bug-description{color:var(--text-dim);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.bug-meta{color:var(--text-dim);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:.75rem;font-size:.7rem;display:flex}#bugViewContent{scrollbar-width:thin;scrollbar-color:transparent transparent;flex:1;padding:1.5rem;overflow-y:auto}#bugViewContent::-webkit-scrollbar{background:0 0;width:6px}#bugViewContent::-webkit-scrollbar-track{background:0 0}#bugViewContent::-webkit-scrollbar-thumb{background:0 0;border-radius:10px;transition:all .3s}#bugViewContent:hover::-webkit-scrollbar-thumb{background:#38bdf84d}#bugViewContent:hover::-webkit-scrollbar-thumb:hover{background:#38bdf899}.admin-clear-all-btn{color:#ef4444;letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#ef444426,#b91c1c1a);border:1.5px solid #ef444466;border-radius:40px;align-items:center;gap:10px;margin-top:1rem;margin-left:1rem;padding:12px 24px;font-size:.85rem;font-weight:800;transition:all .4s cubic-bezier(.34,1.2,.64,1);display:inline-flex;position:relative;overflow:hidden}.admin-clear-all-btn:before{content:"";background:linear-gradient(90deg,#0000,#ef44444d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.admin-clear-all-btn:hover:before{left:100%}.admin-clear-all-btn:hover{color:#fff;background:linear-gradient(135deg,#ef4444,#b91c1c);border-color:#ef4444;transform:translateY(-3px)scale(1.02);box-shadow:0 10px 30px #ef444466}.admin-clear-all-btn:active{transform:translateY(0)}.rankings-grid{flex-direction:row;justify-content:center;gap:2rem;width:100%;display:flex}.ranking-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:left;background:#161b2299;border:1px solid #38bdf826;border-radius:28px;flex:1;min-width:280px;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.ranking-card:hover{border-color:#38bdf859;transform:translateY(-5px);box-shadow:0 20px 35px -15px #0006}.ranking-header{border-bottom:1px solid #38bdf826;align-items:center;gap:12px;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.ranking-icon{background:#38bdf81a;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ranking-icon svg{stroke:var(--accent-color)}.pages-icon svg{stroke:#10b981}.ranking-title{background:linear-gradient(135deg, var(--text-main), var(--accent-color));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.2rem;font-weight:700}.ranking-list{scrollbar-width:thin;scrollbar-color:transparent transparent;flex-direction:column;gap:.75rem;max-height:380px;padding-right:.5rem;display:flex;overflow-y:auto}.ranking-list::-webkit-scrollbar{background:0 0;width:5px}.ranking-list::-webkit-scrollbar-track{background:0 0}.ranking-list::-webkit-scrollbar-thumb{background:0 0;border-radius:10px;transition:all .3s}.ranking-list:hover::-webkit-scrollbar-thumb{background:#38bdf840}.ranking-list:hover::-webkit-scrollbar-thumb:hover{background:#38bdf880}.top-item{cursor:pointer;background:#ffffff05;border:1px solid #ffffff08;border-radius:16px;align-items:center;gap:1rem;padding:.85rem 1rem;transition:all .3s;display:flex}.top-item:hover{background:#38bdf814;border-color:#38bdf833;transform:translate(4px)}.top-rank{text-align:center;flex-shrink:0;width:48px;font-size:1.4rem;font-weight:800}.top-rank-1{color:#fbbf24;text-shadow:0 0 8px #fbbf2480}.top-rank-2{color:#9ca3af;text-shadow:0 0 6px #9ca3af66}.top-rank-3{color:#cd7f32;text-shadow:0 0 6px #cd7f3266}.top-rank-other{color:var(--text-dim)}.top-info{flex:1;min-width:0}.top-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:.95rem;font-weight:600;overflow:hidden}.top-description{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.top-stats{color:var(--accent-color);white-space:nowrap;background:#38bdf814;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-size:.7rem;font-weight:600;display:flex}.top-stats svg{stroke:currentColor;width:12px;height:12px}.empty-top{text-align:center;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.ranking-loading{color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.chat-input-area{flex-direction:column;gap:.75rem;display:flex}.file-preview-container{background:#0b0e1480;border-radius:16px;flex-wrap:wrap;gap:.75rem;max-height:120px;padding:.5rem;display:flex;overflow-y:auto}.file-preview{background:#38bdf81a;border:1px solid #38bdf833;border-radius:12px;padding:.5rem;transition:all .3s;animation:.3s fadeInUp}.file-preview:hover{border-color:var(--accent-color);transform:translateY(-2px)}.file-preview-content{align-items:center;gap:.75rem;display:flex;position:relative}.file-preview-icon{background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.8rem;display:flex}.file-preview-info{flex-direction:column;gap:.25rem;display:flex}.file-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:.8rem;font-weight:600;overflow:hidden}.file-size{color:var(--text-dim);font-size:.65rem}.file-preview-remove{color:#ef4444;cursor:pointer;background:#ef444433;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;transition:all .3s;display:flex}.file-preview-remove:hover{color:#fff;background:#ef4444;transform:scale(1.1)}.chat-input-buttons{align-items:center;gap:.5rem;display:flex}.attach-btn{cursor:pointer;background:#38bdf826;border:1px solid #38bdf84d;border-radius:16px;justify-content:center;align-items:center;padding:12px;transition:all .3s;display:flex}.attach-btn:hover:not(:disabled){background:var(--accent-color);transform:translateY(-2px);box-shadow:0 5px 15px #38bdf84d}.attach-btn:hover:not(:disabled) svg{stroke:#fff}.attach-btn:disabled{opacity:.5;cursor:not-allowed}.attach-btn svg{stroke:var(--accent-color);transition:all .3s}.message-attachments{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.attachment-file{background:#38bdf81a;border:1px solid #38bdf833;border-radius:12px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;display:inline-flex}.attachment-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.7rem;overflow:hidden}.attachment-size{color:var(--text-dim);font-size:.6rem}.code-block-wrapper{background:#1e1e2e;border:1px solid #ffffff1a;border-radius:12px;margin:1rem 0;transition:all .2s;position:relative;overflow:hidden}.code-block-wrapper:hover{border-color:#38bdf84d}.code-block-header{background:#181825;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.code-lang-badge{background:#38bdf81a;border-radius:6px;align-items:center;gap:.5rem;padding:.25rem .75rem;display:flex}.code-lang-icon{font-size:.9rem}.code-lang-name{color:var(--accent-color);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:600}.code-actions{gap:.5rem;display:flex}.code-action-btn{color:#a1a1aa;cursor:pointer;background:#ffffff0d;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.25rem .6rem;font-size:.7rem;font-weight:500;transition:all .2s;display:inline-flex}.code-action-btn svg{stroke:#a1a1aa;transition:all .2s}.code-action-btn:hover{background:var(--accent-color);color:#fff}.code-action-btn:hover svg{stroke:#fff}.code-action-btn.copied{color:#fff;background:#10b981}.code-action-btn.copied svg{stroke:#fff}.code-block-content{position:relative}.code-block-pre{background:#1e1e2e;margin:0;padding:1rem;font-family:Fira Code,Cascadia Code,Courier New,monospace;font-size:.8rem;line-height:1.5;overflow-x:auto}.code-block-code{color:#e2e8f0;white-space:pre;tab-size:4;font-family:Fira Code,Cascadia Code,Courier New,monospace}.code-block-footer{color:#6b7280;background:#181825;border-top:1px solid #ffffff0d;justify-content:flex-end;padding:.5rem 1rem;font-size:.6rem;display:flex}.code-block-pre::-webkit-scrollbar{height:6px}.code-block-pre::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.code-block-pre::-webkit-scrollbar-thumb{background:#38bdf84d;border-radius:10px}.code-block-pre::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.modal-content .scroll-invisible{scrollbar-width:thin;scrollbar-color:transparent transparent}.modal-content{flex-direction:column;display:flex;overflow:hidden!important}@media (width<=768px){.top-nav{flex-wrap:wrap;gap:8px;top:10px;left:10px;right:10px}.nav-left,.nav-right{gap:8px}.hero-title{letter-spacing:-1.5px;font-size:2.5rem}.hero-desc{padding:0 1rem;font-size:.95rem}.bot-container{padding:1.5rem 1rem}.chat-messages{height:350px}.message .message-content{max-width:75%}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.bugs-grid{grid-template-columns:1fr}.rankings-grid{flex-direction:column;gap:1.5rem}.ranking-card{min-width:auto}.project-card{padding:1.25rem}.project-title{font-size:1.2rem}.project-actions{opacity:1}.terms-container{padding:1rem}.terms-content{padding:1rem 1.25rem}.terms-section{text-align:left;flex-direction:column;gap:.5rem;padding:.75rem}.terms-section:hover{transform:translate(0)translateY(-2px)}.section-icon{font-size:1.8rem}.section-content h3{font-size:1rem}.close-terms-btn{height:44px;padding:0 20px;font-size:.85rem}.modal-content{width:95%;max-height:90vh}.modal-header{padding:1rem 1.25rem}.modal-header h2{font-size:1.3rem}.modal-body{padding:1.25rem}.form-group{margin-bottom:1rem}.form-actions{flex-direction:column-reverse;gap:.75rem}.btn-cancel,.btn-submit{justify-content:center;padding:10px 20px}#main-content{padding:70px 15px 15px}.hero-section{padding:1rem}.bug-filters{gap:.5rem}.filter-btn{padding:6px 12px;font-size:.75rem}.project-meta{flex-direction:column;align-items:flex-start}.download-btn,.visit-btn{justify-content:center;width:100%}.admin-clear-all-btn{margin-left:.5rem;padding:8px 16px;font-size:.7rem}.code-block-header{flex-direction:column;align-items:flex-start;gap:.5rem}.code-actions{justify-content:flex-end;width:100%}.code-block-pre{padding:.75rem;font-size:.7rem}.code-action-btn span{display:none}.code-action-btn{padding:.25rem .5rem}}@media (width<=480px){.top-nav{top:8px;left:8px;right:8px}.header-container{height:38px;padding:0 12px 0 8px}.brand-name{font-size:.85rem}.version-tag{display:none}.social-btn{width:38px;height:38px}.account-btn{height:38px;padding:0 15px;font-size:.85rem}.hero-title{letter-spacing:-1px;margin-bottom:1rem;font-size:1.8rem}.hero-desc{font-size:.85rem;line-height:1.5}.tagline{letter-spacing:3px;font-size:.7rem}.chat-messages{height:300px;padding:.75rem}.message-bubble{max-width:100%;padding:8px 12px;font-size:.8rem}.message .message-content{max-width:85%}.message-avatar,.message-avatar-img{width:28px;height:28px}.send-btn{padding:8px 12px;font-size:.75rem}.chat-input-container{gap:.5rem}#chat-input{padding:10px 12px;font-size:.85rem}.chat-header h3{font-size:.95rem}.clear-chat-btn{padding:4px 8px;font-size:.7rem}.projects-header .hero-title{font-size:1.8rem!important}.project-footer{flex-direction:column;align-items:flex-start}.create-project-btn{padding:8px 16px;font-size:.8rem}.create-project-btn svg{width:16px;height:16px}.terms-header .hero-title{font-size:1.6rem!important}.legal-badge{padding:3px 10px;font-size:.55rem}.terms-content{padding:.75rem 1rem}.terms-section{margin-bottom:1rem;padding:.5rem}.section-content p,.section-content li{font-size:.75rem}.section-content h3{font-size:.9rem}.section-icon{font-size:1.5rem}.close-terms-btn{height:40px;padding:0 16px;font-size:.8rem}.close-terms-btn svg{width:14px;height:14px}.bot-container{max-height:90vh;padding:1rem}.bot-status{gap:.5rem}.status-badge{padding:4px 10px;font-size:.6rem}.bot-invite-btn{height:38px!important;padding:0 15px!important;font-size:.85rem!important}.hydra-avatar-img{width:70px;height:70px}.floating-confirm-menu{width:95%;max-width:360px}.floating-confirm-header{padding:1rem 1.25rem}.floating-confirm-header h3{font-size:1.1rem}.floating-confirm-body{padding:1.25rem}.floating-confirm-body p{font-size:.9rem}.floating-confirm-actions{gap:.75rem;padding:.75rem 1.25rem 1.25rem}.floating-confirm-btn{padding:8px 12px;font-size:.8rem}#main-content{padding:60px 10px 10px}.sidebar{width:260px;padding:1.5rem 1rem}.sidebar-nav-container{margin-right:-1rem;padding-right:1rem}.nav-item{padding:10px 12px}.item-info{gap:10px;font-size:.85rem}.badge{padding:3px 8px;font-size:.55rem}.soon-notification{padding:10px 16px;font-size:.8rem}.copy-notification,.speak-error{padding:6px 12px;font-size:.7rem;bottom:80px}.speaking-indicator{padding:4px 10px;font-size:.7rem;bottom:80px}.scroll-to-bottom-btn{width:38px;height:38px;bottom:100px;right:10px}.scroll-to-bottom-btn svg{width:18px;height:18px}.ranking-card{padding:1rem}.ranking-header{gap:8px;margin-bottom:1rem}.ranking-icon{width:40px;height:40px}.ranking-icon svg{width:22px;height:22px}.ranking-title{font-size:1rem}.top-item{gap:.75rem;padding:.6rem .75rem}.top-rank{width:32px;font-size:1rem}.top-name{font-size:.8rem}.top-description{font-size:.65rem}.top-stats{gap:3px;padding:2px 6px;font-size:.6rem}.top-stats svg{width:10px;height:10px}.admin-clear-all-btn{margin-top:.75rem;padding:6px 12px;font-size:.65rem}.file-preview-container{max-height:100px}.file-preview-content{gap:.5rem}.file-name{max-width:70px}}@media (width<=320px){.hero-title{font-size:1.5rem}.brand-name{font-size:.75rem}.account-btn{padding:0 12px;font-size:.75rem}.account-btn svg{width:14px;height:14px}.social-btn{width:34px;height:34px}.social-btn svg{width:16px;height:16px}.message .message-content{max-width:90%}.message-bubble{padding:6px 10px;font-size:.75rem}.project-card{padding:1rem}.project-title{font-size:1rem}.project-description{font-size:.8rem}}@media (width>=1400px){.hero-section{max-width:1000px}.hero-title{font-size:6rem}.bot-container{max-width:1000px}}@media (height<=500px) and (orientation:landscape){#main-content{padding:60px 15px 15px}.hero-title{margin-bottom:.5rem;font-size:1.8rem}.hero-desc{margin-bottom:1rem;font-size:.85rem}.chat-messages{height:250px}.bot-container{max-height:85vh;padding:1rem}.sidebar{padding:1rem}.sidebar-header,.nav-section{margin-bottom:1rem}}.hydra-avatar-img-small{object-fit:cover;border:2px solid var(--accent-color);border-radius:50%;width:36px;height:36px;transition:all .3s}@media (width<=768px){.project-edit-btn,.project-delete-btn{padding:4px 8px!important}.project-edit-btn svg,.project-delete-btn svg{width:14px!important;height:14px!important}}.project-actions{opacity:1!important;gap:.5rem!important;display:flex!important}.project-edit-btn,.project-delete-btn{cursor:pointer!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#161b22cc!important;border:1px solid #38bdf84d!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;padding:6px 10px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important}.project-edit-btn svg,.project-delete-btn svg{width:16px!important;height:16px!important;stroke:var(--accent-color)!important;transition:all .3s!important}.project-edit-btn:hover{background:var(--accent-color)!important;border-color:var(--accent-color)!important;transform:translateY(-2px)scale(1.05)!important;box-shadow:0 4px 12px #38bdf84d!important}.project-edit-btn:hover svg{stroke:#fff!important}.project-delete-btn:hover{background:#ef4444!important;border-color:#ef4444!important;transform:translateY(-2px)scale(1.05)!important;box-shadow:0 4px 12px #ef44444d!important}.project-delete-btn:hover svg{stroke:#fff!important}.project-card .project-actions,.page-card .project-actions{opacity:1!important;visibility:visible!important;display:flex!important}@media (width<=768px){.project-edit-btn,.project-delete-btn{padding:4px 8px!important}.project-edit-btn svg,.project-delete-btn svg{width:14px!important;height:14px!important}}#admin-clear-projects-btn{color:#ef4444!important;background:linear-gradient(135deg,#ef444426,#b91c1c1a)!important;border-color:#ef444480!important}#admin-clear-projects-btn:hover{color:#fff!important;background:linear-gradient(135deg,#ef4444,#b91c1c)!important;border-color:#ef4444!important}.name-edit-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10000;background:#000000d9;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.name-edit-content{text-align:center;background:linear-gradient(135deg,#161b22fa,#0d1117fa);border:1px solid #38bdf84d;border-radius:32px;width:90%;max-width:400px;padding:2rem;animation:.4s cubic-bezier(.34,1.2,.64,1) modalContentSlideUp;box-shadow:0 25px 50px -12px #00000080}.name-edit-content h3{background:linear-gradient(135deg, var(--accent-color), #60a5fa);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:1.5rem;font-weight:800}.name-edit-content input{width:100%;color:var(--text-main);background:#0b0e14e6;border:1.5px solid #38bdf84d;border-radius:20px;margin-bottom:1.5rem;padding:14px 18px;font-family:Inter,sans-serif;font-size:1rem;transition:all .3s}.name-edit-content input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #38bdf81a,0 0 20px #38bdf826}.name-edit-actions{justify-content:center;gap:1rem;display:flex}.name-edit-actions button{cursor:pointer;border-radius:40px;padding:12px 28px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.2,.64,1)}.name-edit-cancel{color:var(--text-dim);background:#64646426;border:1px solid #6464644d}.name-edit-cancel:hover{color:#ef4444;background:#ef444433;border-color:#ef4444;transform:translateY(-2px)}.name-edit-save{background:linear-gradient(135deg, var(--accent-color), #1e40af);color:#fff;border:none}.name-edit-save:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 8px 25px #38bdf866}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes glowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.account-container{text-align:left;width:100%;max-width:580px;margin:0 auto;animation:.6s cubic-bezier(.22,1,.36,1) fadeInUp}.account-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#161b22f2,#0d1117fa);border:1px solid #38bdf833;border-radius:48px;padding:3rem 2rem;transition:all .4s;position:relative;overflow:hidden}.account-card.logged-in{text-align:left;flex-direction:column;align-items:flex-start;padding:2rem;display:flex}.account-card.logged-in .profile-cover,.account-card.logged-in .profile-stats,.account-card.logged-in .account-actions,.account-card.logged-in .profile-info,.account-card.logged-in .profile-avatar-container,.account-card.logged-in #profile-bio-section{width:100%}.account-glow{opacity:.5;pointer-events:none;background:radial-gradient(circle,#38bdf81a,#0000 70%);width:200%;height:200%;animation:4s ease-in-out infinite glowPulse;position:absolute;top:-50%;left:-50%}.account-icon-wrapper{justify-content:center;margin-bottom:1.5rem;display:flex}.account-icon-animated{background:linear-gradient(135deg,#38bdf826,#1e40af1a);border-radius:60px;padding:20px;animation:3s ease-in-out infinite iconFloat}.account-title{text-align:center;background:linear-gradient(135deg, #fff, var(--accent-color));color:#0000;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:2.5rem;font-weight:800}.account-subtitle{text-align:center;color:var(--text-dim);margin-bottom:2rem;font-size:.95rem;line-height:1.5}.account-login-btn{color:#111827;cursor:pointer;background:#fff;border:none;border-radius:60px;justify-content:center;align-items:center;gap:12px;width:100%;margin-bottom:2rem;padding:14px 24px;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.34,1.2,.64,1);display:flex}.account-login-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0003}.account-features{border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:center;gap:2rem;padding-top:1rem;display:flex}.feature-item{color:var(--text-dim);align-items:center;gap:8px;font-size:.8rem;display:flex}.feature-item svg{stroke:var(--accent-color)}.profile-cover{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-radius:24px 24px 0 0;width:100%;height:200px;margin-top:-2rem;margin-bottom:-60px;position:relative;overflow:hidden}.profile-cover-overlay{background:url() 50%/cover no-repeat;transition:all .4s;position:absolute;inset:0}.change-cover-btn,.reset-cover-btn{-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer;opacity:1;width:40px;height:40px;box-shadow:none;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.reset-cover-btn svg,.change-cover-btn svg{stroke:#ffffffb3;width:20px;height:20px;transition:all .3s}.change-cover-btn:hover,.reset-cover-btn:hover{background:var(--accent-color);border:none;transform:scale(1.1);box-shadow:0 0 15px #38bdf880}.profile-avatar-container{z-index:3;justify-content:center;margin-bottom:1rem;display:flex;position:relative}.profile-avatar-large{object-fit:cover;border:4px solid var(--accent-color);border-radius:50%;width:130px;height:130px;transition:all .3s;box-shadow:0 0 30px #38bdf84d,0 8px 32px #0000004d}.change-photo-btn:hover{background:#1e40af;transform:scale(1.1)}.profile-info{text-align:left;padding:0 2rem}.profile-name-section{justify-content:flex-start;align-items:center;gap:12px;margin-bottom:4px;display:flex}.profile-name{background:linear-gradient(135deg, var(--text-main), var(--accent-color));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:800}.profile-email{color:var(--text-dim);margin-bottom:8px;font-size:.85rem}.profile-badge{color:var(--accent-color);background:#38bdf81a;border:1px solid #38bdf833;border-radius:40px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:.7rem;font-weight:600;display:inline-flex}.profile-join-date{color:var(--text-dim);opacity:.8;align-items:center;gap:6px;margin-top:10px;font-size:.75rem;display:inline-flex}.profile-join-date svg{stroke:var(--text-dim);flex-shrink:0;width:14px;height:14px}.profile-stats{grid-template-columns:repeat(3,1fr);justify-content:flex-start;gap:1rem;width:100%;margin:1.5rem 0 2rem;padding-left:0;display:grid}.stat-card{cursor:pointer;box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;align-items:center;gap:10px;min-width:0;padding:.875rem;transition:all .3s;display:flex;overflow:hidden}.stat-card:hover{background:#38bdf80d;border-color:#38bdf833;transform:translateY(-2px)}.stat-icon{text-align:center;flex-shrink:0;width:40px;font-size:1.8rem}.stat-info{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.stat-value{color:var(--accent-color);white-space:nowrap;text-overflow:ellipsis;font-size:1.4rem;font-weight:800;line-height:1.2;overflow:hidden}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;overflow:hidden}.account-actions{justify-content:flex-start;display:flex}.logout-btn:hover svg{stroke:#fff}#user-logged-out,#user-logged-in{transition:opacity .3s}#user-logged-out[style*="display: none"],#user-logged-in[style*="display: none"]{display:none!important}#user-logged-out[style*="display: block"],#user-logged-out[style*="display: flex"],#user-logged-in[style*="display: block"],#user-logged-in[style*="display: flex"]{flex-direction:column!important;display:flex!important}#view-account{display:none}#view-account[style*="display: flex"]{display:flex!important}.account-container,.account-card{visibility:visible!important;opacity:1!important;flex-direction:column!important;display:flex!important}.top-nav .nav-right .account-btn,#accountBtn,.account-btn{visibility:visible!important;opacity:1!important;pointer-events:auto!important;display:inline-flex!important}@media (width<=768px){.account-card{padding:2rem 1.5rem}.profile-cover{height:150px;margin-bottom:-50px}.profile-info{text-align:center}.profile-name-section{justify-content:center}.profile-badge{margin:0 auto}.profile-join-date{justify-content:center}.account-title{font-size:1.8rem}.profile-avatar-large{width:100px;height:100px}.profile-stats{gap:.75rem}.stat-card{padding:.75rem}.stat-icon{width:35px;font-size:1.5rem}.stat-value{font-size:1.2rem}.stat-label{font-size:.6rem}.account-actions{justify-content:center}}@media (width<=480px){.account-card{padding:1.5rem}.profile-name{font-size:1.3rem}.account-features{gap:1rem}.feature-item{font-size:.7rem}.profile-stats{gap:.5rem}.stat-card{text-align:center;flex-direction:column;gap:6px;padding:.7rem .4rem}.stat-icon{width:auto;font-size:1.3rem}.stat-info{align-items:center}.stat-value{white-space:normal;word-break:keep-all;font-size:1rem}.stat-label{white-space:normal;text-align:center;font-size:.55rem}}@media (width<=380px){.profile-stats{gap:.4rem}.stat-card{padding:.5rem .3rem}.stat-icon{font-size:1.1rem}.stat-value{font-size:.9rem}.stat-label{font-size:.5rem}}.project-card,.page-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);aspect-ratio:1;background:#161b22b3;border:1px solid #38bdf826;border-radius:24px;flex-direction:column;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.6s backwards fadeInUp;display:flex;position:relative;overflow:hidden}.project-card .project-card-header,.page-card .project-card-header{flex-shrink:0}.project-card .project-description,.page-card .project-description{flex:1;margin-bottom:1rem;overflow-y:auto}.project-card .project-footer,.page-card .project-footer,.project-card .project-meta,.page-card .project-meta,.project-card .project-date,.page-card .project-date{flex-shrink:0}@media (width<=768px){.project-card,.page-card{aspect-ratio:auto;min-height:380px}}@media (width<=480px){.project-card,.page-card{min-height:360px}}.detail-modal-overlay{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:4000;opacity:0;visibility:hidden;background:#000000eb;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}.detail-modal-overlay.active{opacity:1;visibility:visible}.detail-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#161b22fa,#0d1117fa);border:1px solid #38bdf84d;border-radius:32px;flex-direction:column;width:90%;max-width:600px;max-height:85vh;animation:.4s cubic-bezier(.34,1.2,.64,1) modalContentSlideUp;display:flex;overflow:hidden;box-shadow:0 30px 60px -20px #000c,0 0 0 1px #38bdf833}.detail-modal-header{background:linear-gradient(135deg,#38bdf81a,#1e40af0d);border-bottom:1px solid #38bdf833;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.detail-modal-header h2{background:linear-gradient(135deg, var(--accent-color), #60a5fa);color:#0000;-webkit-background-clip:text;background-clip:text;align-items:center;gap:10px;margin:0;font-size:1.5rem;font-weight:800;display:flex}.detail-modal-close{cursor:pointer;width:40px;height:40px;color:var(--text-dim);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex}.detail-modal-close:hover{color:#ef4444;background:#ef444433;border-color:#ef4444;transform:rotate(90deg)scale(1.05)}.detail-modal-body{scrollbar-width:thin;scrollbar-color:transparent transparent;flex:1;padding:2rem;overflow-y:auto}.detail-modal-body::-webkit-scrollbar{background:0 0;width:6px}.detail-modal-body::-webkit-scrollbar-track{background:0 0}.detail-modal-body::-webkit-scrollbar-thumb{background:0 0;border-radius:10px;transition:all .3s}.detail-modal-body:hover::-webkit-scrollbar-thumb{background:#38bdf84d}.detail-title{background:linear-gradient(135deg, var(--text-main), var(--accent-color));color:#0000;word-break:break-word;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:1.8rem;font-weight:800}.detail-meta{border-bottom:1px solid #ffffff1a;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.detail-meta-item{color:var(--text-dim);background:#ffffff0d;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;display:flex}.detail-meta-item svg{stroke:var(--accent-color)}.detail-description{color:var(--text-dim);white-space:pre-wrap;word-break:break-word;font-size:.95rem;line-height:1.8}.detail-section{background:#38bdf80d;border:1px solid #38bdf81a;border-radius:20px;margin-bottom:1rem;padding:1rem}.detail-section-title{color:var(--accent-color);text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem;font-size:.8rem;font-weight:700}.detail-section-content{color:var(--text-main);word-break:break-all;font-size:.9rem}.detail-actions{border-top:1px solid #ffffff0d;flex-wrap:wrap;gap:1rem;margin-top:1.5rem;padding-top:1rem;display:flex}.detail-btn{cursor:pointer;border:none;border-radius:40px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.2,.64,1);display:inline-flex}.detail-btn-primary{background:linear-gradient(135deg, var(--accent-color), #1e40af);color:#fff}.detail-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #38bdf866}.detail-btn-secondary{color:var(--text-dim);background:#64646426;border:1px solid #6464644d}.detail-btn-secondary:hover{color:#ef4444;background:#ef444433;border-color:#ef4444;transform:translateY(-2px)}.show-more-btn{color:var(--accent-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin:4px 0 8px;padding:4px 0;font-family:Inter,sans-serif;font-size:.7rem;font-weight:600;transition:all .3s;display:inline-flex}.show-more-btn:hover{color:#60a5fa;transform:translate(2px)}.show-more-btn svg{stroke:currentColor;width:12px;height:12px;transition:transform .3s}.show-more-btn:hover svg{transform:translateY(2px)}.admin-panel-btn-small{color:var(--accent-color)!important;cursor:pointer!important;background:#38bdf81f!important;border:1px solid #38bdf84d!important;border-radius:40px!important;justify-content:center!important;align-items:center!important;gap:10px!important;width:auto!important;min-width:130px!important;padding:10px 18px!important;font-family:Inter,sans-serif!important;font-size:.85rem!important;font-weight:600!important;transition:all .3s cubic-bezier(.34,1.2,.64,1)!important;display:inline-flex!important}.admin-panel-btn-small svg{stroke:var(--accent-color)!important;transition:all .3s!important}.admin-panel-btn-small:hover{background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 6px 15px #38bdf84d!important}.admin-panel-btn-small:hover svg{stroke:#fff!important;transform:scale(1.05)!important}.admin-panel-btn-small:active{transform:translateY(0)!important}#view-adminpanel .projects-container{width:100%;max-width:1200px;margin:0 auto;padding:2rem;animation:.8s cubic-bezier(.22,1,.36,1) forwards fadeInUp}.admin-tabs-web{border-bottom:1px solid #38bdf833;flex-wrap:wrap;gap:.5rem;margin:2rem 0;padding-bottom:0;display:flex}.admin-tab-web{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:40px;align-items:center;gap:8px;padding:10px 24px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.admin-tab-web svg{stroke:currentColor;transition:all .3s}.admin-tab-web:hover{color:var(--accent-color);background:#38bdf814;transform:translateY(-2px)}.admin-tab-web.active{color:var(--accent-color);background:linear-gradient(135deg,#38bdf826,#1e40af1a);border:1px solid #38bdf84d}.admin-tab-web.active svg{stroke:var(--accent-color)}.admin-tab-content-web{animation:.5s fadeInUp}.admin-actions-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.admin-search-wrapper{background:#0b0e14cc;border:1px solid #38bdf833;border-radius:40px;flex:1;align-items:center;gap:10px;max-width:300px;padding:0 16px;transition:all .3s;display:flex}.admin-search-wrapper:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px #38bdf81a}.admin-search-wrapper svg{stroke:var(--text-dim)}.admin-search-wrapper input{color:var(--text-main);background:0 0;border:none;width:100%;padding:12px 0;font-family:Inter,sans-serif;font-size:.9rem}.admin-search-wrapper input:focus{outline:none}.admin-search-wrapper input::placeholder{color:var(--text-dim)}.admin-refresh-web-btn{color:var(--accent-color);cursor:pointer;background:#38bdf81a;border:1px solid #38bdf833;border-radius:40px;align-items:center;gap:8px;padding:8px 20px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;transition:all .3s;display:inline-flex}.admin-refresh-web-btn:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px)}.admin-refresh-web-btn:hover svg{stroke:#fff}.admin-users-grid{flex-direction:column;gap:.75rem;max-height:450px;padding-right:8px;display:flex;overflow-y:auto}.admin-users-grid::-webkit-scrollbar{width:6px}.admin-users-grid::-webkit-scrollbar-track{background:#ffffff08;border-radius:10px}.admin-users-grid::-webkit-scrollbar-thumb{background:#38bdf84d;border-radius:10px}.admin-users-grid::-webkit-scrollbar-thumb:hover{background:#38bdf899}.admin-user-card-web{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#161b2299;border:1px solid #38bdf81a;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.admin-user-card-web:hover{background:#38bdf808;border-color:#38bdf84d;transform:translate(6px)}.admin-user-info-web{flex:1;align-items:center;gap:1rem;display:flex}.admin-user-avatar-web{background:linear-gradient(135deg, var(--accent-color), #1e40af);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.admin-user-details-web{flex:1}.admin-user-name-web{color:var(--text-main);margin-bottom:4px;font-size:1rem;font-weight:700}.admin-user-email-web{color:var(--text-dim);font-size:.7rem}.admin-user-role-web{color:var(--accent-color);background:#38bdf81a;border-radius:40px;align-items:center;gap:6px;padding:4px 12px;font-size:.7rem;font-weight:600;display:inline-flex}.admin-user-role-web.ceo{color:#fbbf24;background:#fbbf2426}.admin-user-actions-web{align-items:center;gap:1rem;display:flex}.admin-role-select-web{color:var(--text-main);cursor:pointer;background:#0b0e14e6;border:1px solid #38bdf84d;border-radius:40px;padding:8px 16px;font-family:Inter,sans-serif;font-size:.8rem;transition:all .3s}.admin-role-select-web:hover{border-color:var(--accent-color)}.admin-roles-grid{flex-direction:column;gap:.75rem;max-height:350px;margin-bottom:2rem;padding-right:8px;display:flex;overflow-y:auto}.admin-roles-grid::-webkit-scrollbar{width:6px}.admin-roles-grid::-webkit-scrollbar-track{background:#ffffff08;border-radius:10px}.admin-roles-grid::-webkit-scrollbar-thumb{background:#38bdf84d;border-radius:10px}.admin-role-card-web{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#161b2299;border:1px solid #38bdf81a;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:all .3s;display:flex}.admin-role-card-web:hover{border-color:#38bdf84d;transform:translate(6px)}.admin-role-info-web{align-items:center;gap:1rem;display:flex}.admin-role-icon-web{background:#ffffff0d;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.8rem;display:flex}.admin-role-name-web{color:var(--text-main);margin-bottom:4px;font-size:1rem;font-weight:700}.admin-role-color-web{vertical-align:middle;border-radius:50%;width:12px;height:12px;margin-right:6px;display:inline-block}.admin-role-priority-web{color:var(--text-dim);font-size:.7rem}.admin-role-delete-web{cursor:pointer;color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;padding:8px 20px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;transition:all .3s}.admin-role-delete-web:hover{color:#fff;background:#ef4444;transform:translateY(-2px)}.admin-create-role-section-web{border-top:1px solid #38bdf826;margin-top:2rem;padding-top:1.5rem}.section-divider{text-align:center;margin-bottom:1.5rem}.section-divider span{color:var(--accent-color);background:#38bdf81a;border-radius:40px;padding:6px 20px;font-size:.8rem;font-weight:600}.admin-role-form-web{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#161b2266;border:1px solid #38bdf81a;border-radius:24px;padding:1.5rem}.form-row-web{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.form-group-web{flex-direction:column;gap:.5rem;display:flex}.form-group-web label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-size:.8rem;font-weight:600}.form-group-web input{color:var(--text-main);background:#0b0e14cc;border:1px solid #38bdf833;border-radius:16px;padding:12px 16px;font-family:Inter,sans-serif;font-size:.9rem;transition:all .3s}.form-group-web input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #38bdf81a}.color-input-web{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}#adminNewRoleColor{cursor:pointer;background:#0b0e14cc;border:1px solid #38bdf84d;border-radius:12px;width:60px;height:40px}.color-preview-web{border-radius:40px;padding:6px 16px;font-size:.8rem;font-weight:500;transition:all .3s}.form-actions-web{justify-content:flex-end;display:flex}.create-role-btn-web{background:linear-gradient(135deg, var(--accent-color), #1e40af);color:#fff;cursor:pointer;border:none;border-radius:40px;align-items:center;gap:8px;padding:12px 28px;font-family:Inter,sans-serif;font-weight:700;transition:all .3s;display:inline-flex}.create-role-btn-web:hover{transform:translateY(-2px);box-shadow:0 8px 25px #38bdf866}.stats-grid-web{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card-web{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#161b2299;border:1px solid #38bdf81a;border-radius:24px;align-items:center;gap:1rem;padding:1.5rem;transition:all .3s;display:flex}.stat-card-web:hover{border-color:#38bdf84d;transform:translateY(-4px)}.stat-icon-web{background:#38bdf81a;border-radius:20px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.8rem;display:flex}.stat-info-web{flex:1}.stat-value-web{color:var(--accent-color);margin-bottom:4px;font-size:2rem;font-weight:800;line-height:1}.stat-label-web{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-size:.7rem}.system-info-web{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#161b2299;border:1px solid #38bdf81a;border-radius:24px;padding:1.5rem}.system-info-web h4{color:var(--accent-color);margin-bottom:1rem;font-size:1rem;font-weight:700}.system-info-content{flex-direction:column;gap:.75rem;display:flex}.system-info-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.75rem 0;font-size:.85rem;display:flex}.system-info-item:last-child{border-bottom:none}.system-info-label{color:var(--text-dim)}.system-info-value{color:var(--text-main);font-weight:500}.admin-stats-row{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.admin-stat-mini{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#161b2299;border:1px solid #38bdf81a;border-radius:16px;flex:1;align-items:center;gap:.75rem;min-width:150px;padding:.75rem 1.25rem;display:flex}.admin-stat-mini-icon{font-size:1.5rem}.admin-stat-mini-info{flex:1}.admin-stat-mini-value{color:var(--accent-color);font-size:1.2rem;font-weight:700;display:block}.admin-stat-mini-label{color:var(--text-dim);text-transform:uppercase;font-size:.65rem}.users-count-badge{color:var(--accent-color);background:#38bdf81a;border:1px solid #38bdf833;border-radius:40px;margin-right:.5rem;padding:4px 12px;font-size:.7rem;display:inline-block}@media (width<=768px){.admin-tabs-web{justify-content:center}.admin-actions-bar{flex-direction:column}.admin-search-wrapper{width:100%;max-width:100%}.admin-refresh-web-btn{justify-content:center;width:100%}.form-row-web{grid-template-columns:1fr;gap:1rem}.stats-grid-web{grid-template-columns:1fr}.admin-user-card-web{text-align:center;flex-direction:column}.admin-user-info-web{flex-direction:column}.admin-user-actions-web{justify-content:center;width:100%}.admin-role-card-web{text-align:center;flex-direction:column}.admin-role-info-web,.admin-stats-row{flex-direction:column}.admin-stat-mini{width:100%}}.emoji-selector-wrapper{flex-direction:column;gap:.5rem;display:flex}.emoji-selector-area{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.emoji-selector-container{display:inline-block;position:relative}.emoji-display{cursor:pointer;background:#0b0e14cc;border:1px solid #38bdf84d;border-radius:16px;align-items:center;gap:12px;min-width:80px;padding:10px 16px;transition:all .3s;display:flex}.emoji-display:hover{border-color:var(--accent-color);background:#38bdf81a}.emoji-display-value{font-size:1.5rem}.emoji-display-arrow{color:var(--text-dim);font-size:.7rem}.emoji-dropdown{background:var(--card-bg);z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #38bdf84d;border-radius:16px;flex-direction:column;gap:10px;min-width:280px;margin-top:8px;padding:12px;display:none;position:absolute;top:100%;left:0;box-shadow:0 8px 25px #0000004d}.emoji-search{color:var(--text-main);box-sizing:border-box;background:#0b0e14cc;border:1px solid #38bdf833;border-radius:12px;width:100%;padding:8px 12px;font-size:.85rem}.emoji-search:focus{border-color:var(--accent-color);outline:none}.emoji-grid{grid-template-columns:repeat(5,1fr);gap:6px;max-height:200px;padding:4px;display:grid;overflow-y:auto}.emoji-option{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:1.2rem;transition:all .2s;display:flex}.emoji-option:hover{border-color:var(--accent-color);background:#38bdf826;transform:scale(1.05)}.emoji-name{color:var(--text-dim);font-size:.6rem}.emoji-preview{background:#38bdf81a;border:1px solid #38bdf833;border-radius:16px;justify-content:center;align-items:center;padding:8px 16px;font-size:1.3rem;display:inline-flex}@media (width<=480px){.emoji-grid{grid-template-columns:repeat(4,1fr)}.emoji-dropdown{min-width:240px;left:auto;right:0}.emoji-option{padding:6px 2px}.emoji-name{font-size:.5rem}}#errorOkBtn{width:100%;background:#ef4444!important}#errorOkBtn:hover{transform:translateY(-2px);background:#dc2626!important}.admin-nav-btn{height:42px!important;color:var(--accent-color)!important;cursor:pointer!important;background:#38bdf81f!important;border:1px solid #38bdf84d!important;border-radius:14px!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:0 16px!important;font-family:Inter,sans-serif!important;font-size:.85rem!important;font-weight:600!important;text-decoration:none!important;transition:all .3s cubic-bezier(.34,1.2,.64,1)!important;display:inline-flex!important}.admin-nav-btn svg{stroke:var(--accent-color)!important;transition:all .3s!important}.admin-nav-btn:hover{background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 6px 15px #38bdf84d!important}.admin-nav-btn:hover svg{stroke:#fff!important;transform:scale(1.05)!important}.admin-nav-btn:active{transform:translateY(0)!important}@media (width<=768px){.admin-nav-btn{height:38px!important;padding:0 12px!important;font-size:.75rem!important}.admin-nav-btn .btn-text{display:none!important}.admin-nav-btn svg{width:18px!important;height:18px!important}}@media (width<=480px){.admin-nav-btn{height:36px!important;padding:0 10px!important}}.create-project-btn,.create-page-btn{background:linear-gradient(135deg, var(--accent-color), #1e40af)!important;color:#fff!important;cursor:pointer!important;border:none!important;border-radius:40px!important;align-items:center!important;gap:10px!important;margin-top:1.5rem!important;padding:12px 28px!important;font-weight:700!important;transition:all .4s cubic-bezier(.34,1.2,.64,1)!important;display:inline-flex!important;position:relative!important;overflow:hidden!important}.create-project-btn:hover,.create-page-btn:hover{transform:translateY(-3px)scale(1.02)!important;box-shadow:0 10px 30px #38bdf866!important}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.role-manager-modal-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10000;opacity:0;visibility:hidden;background:#000000d9;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}.role-manager-modal{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(135deg,#161b22fa,#0d1117fa);border:1px solid #38bdf84d;border-radius:32px;width:90%;max-width:500px;max-height:85vh;animation:.4s cubic-bezier(.34,1.2,.64,1) modalSlideIn;overflow:hidden;box-shadow:0 30px 60px -20px #0009,0 0 0 1px #38bdf826}.profile-bio-section{box-sizing:border-box;background:#ffffff08;border:1px solid #38bdf81a;border-radius:24px;width:100%;margin:1.5rem 0;padding:1.5rem}.bio-section-header{border-bottom:1px solid #38bdf826;align-items:center;gap:10px;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.bio-section-header svg{stroke:var(--accent-color)}.bio-section-header h4{color:var(--accent-color);margin:0;font-size:1rem;font-weight:700}.bio-display{color:var(--text-dim);white-space:pre-wrap;word-break:break-word;background:#0003;border-radius:16px;min-height:60px;margin-bottom:1.25rem;padding:.5rem;font-size:.9rem;line-height:1.6}.bio-details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:.5rem;display:grid}.bio-detail-item{background:#ffffff05;border-radius:16px;align-items:center;gap:12px;padding:.75rem;transition:all .3s;display:flex}.bio-detail-item:hover{background:#38bdf80d}.bio-detail-value{color:var(--text-main);word-break:break-all;font-size:.85rem;display:block}.bio-detail-value a{color:var(--accent-color);text-decoration:none}.bio-detail-value a:hover{text-decoration:underline}.edit-bio-btn{cursor:pointer;color:var(--accent-color);background:#38bdf81a;border:1px solid #38bdf833;border-radius:40px;align-items:center;gap:8px;margin-top:12px;padding:8px 20px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;transition:all .3s cubic-bezier(.34,1.2,.64,1);display:inline-flex}.edit-bio-btn svg{stroke:var(--accent-color)}.edit-bio-btn:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px)}.bio-edit-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10000;opacity:0;visibility:hidden;background:#000000d9;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}.bio-edit-modal.active{opacity:1;visibility:visible}.bio-edit-content{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(135deg,#161b22fa,#0d1117fa);border:1px solid #38bdf84d;border-radius:32px;width:90%;max-width:500px;max-height:85vh;animation:.4s cubic-bezier(.34,1.2,.64,1) modalSlideIn;overflow:hidden}.bio-edit-header{background:linear-gradient(135deg,#38bdf81a,#1e40af0d);border-bottom:1px solid #38bdf833;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.bio-edit-header h3{background:linear-gradient(135deg, var(--accent-color), #60a5fa);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.3rem;font-weight:800}.bio-edit-close{cursor:pointer;width:36px;height:36px;color:var(--text-dim);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;font-size:1.2rem;transition:all .3s}.bio-edit-close:hover{color:#ef4444;background:#ef444433;border-color:#ef4444;transform:rotate(90deg)}.bio-edit-body{flex:1;padding:1.5rem;overflow-y:auto}.bio-field-group{margin-bottom:1.5rem}.bio-field-group label{color:var(--accent-color);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.8rem;font-weight:600;display:block}.bio-field-group textarea,.bio-field-group input{width:100%;color:var(--text-main);resize:vertical;box-sizing:border-box;background:#0b0e14cc;border:1.5px solid #38bdf833;border-radius:16px;padding:12px 16px;font-family:Inter,sans-serif;font-size:.9rem;transition:all .3s}.bio-field-group textarea:focus,.bio-field-group input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #38bdf81a}.bio-field-group textarea{min-height:100px}.bio-field-group small{color:var(--text-dim);margin-top:.5rem;font-size:.7rem;display:block}.bio-edit-actions{border-top:1px solid #ffffff0d;gap:1rem;padding:1rem 1.5rem 1.5rem;display:flex}.bio-edit-cancel,.bio-edit-save{cursor:pointer;border-radius:40px;flex:1;padding:12px 20px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.2,.64,1)}.bio-edit-cancel{color:#a1a1aa;background:#6464641f;border:1px solid #6464644d}.bio-edit-cancel:hover{color:#ef4444;background:#ef444426;border-color:#ef444480;transform:translateY(-2px)}.bio-edit-save{background:linear-gradient(135deg, var(--accent-color), #1e40af);color:#fff;border:none}.bio-edit-save:hover{transform:translateY(-2px);box-shadow:0 8px 25px #38bdf866}@media (width<=768px){.bio-details-grid{grid-template-columns:1fr}.bio-edit-header{padding:1rem 1.25rem}.bio-edit-body{padding:1rem}.bio-edit-actions{flex-direction:column;gap:.75rem}.bio-edit-cancel,.bio-edit-save{justify-content:center}}@media (width<=480px){.profile-bio-section{padding:1rem}.bio-display{font-size:.8rem}.bio-detail-item{padding:.5rem}}.scroll-invisible{scrollbar-width:thin!important;scrollbar-color:transparent transparent!important}.scroll-invisible::-webkit-scrollbar{background:0 0!important;width:6px!important;height:6px!important}.scroll-invisible::-webkit-scrollbar-track{background:0 0!important;margin:8px 0!important}.scroll-invisible::-webkit-scrollbar-thumb{background:0 0!important;border-radius:10px!important;transition:all .3s!important}.scroll-invisible:hover::-webkit-scrollbar-thumb{background:#38bdf840!important}.scroll-invisible:hover::-webkit-scrollbar-thumb:hover{background:#38bdf880!important}.bio-edit-body{scrollbar-width:thin!important;scrollbar-color:transparent transparent!important;max-height:calc(85vh - 130px)!important;overflow-y:auto!important}.bio-edit-body::-webkit-scrollbar{background:0 0!important;width:6px!important;height:6px!important}.bio-edit-body::-webkit-scrollbar-track{background:0 0!important;margin:8px 0!important}.bio-edit-body::-webkit-scrollbar-thumb{background:0 0!important;border-radius:10px!important;transition:all .3s!important}.bio-edit-body:hover::-webkit-scrollbar-thumb{background:#38bdf840!important}.bio-edit-body:hover::-webkit-scrollbar-thumb:hover{background:#38bdf880!important}.bio-edit-content{flex-direction:column;height:100%;max-height:85vh;display:flex}.bio-edit-header,.bio-edit-actions{flex-shrink:0}.loader-progress{background:#ffffff1a;border-radius:4px;width:250px;height:4px;margin-top:20px;overflow:hidden}.loader-progress-bar{background:var(--accent-color);width:0%;height:100%;transition:width .3s}.loader-tasks{color:var(--text-dim);text-align:center;max-width:300px;margin-top:15px;font-size:.7rem}.profile-avatar-large{object-fit:cover;border:4px solid var(--accent-color);background:var(--card-bg);border-radius:50%;width:130px;height:130px}#accountBtnIcon img,.profile-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.stat-card{position:relative;overflow:hidden;transition:all .4s cubic-bezier(.34,1.2,.64,1)!important}.stat-card .stat-value{transition:all .3s}.stat-card:hover .stat-value{text-shadow:0 0 8px;transform:scale(1.05)}@keyframes themePulse{0%{filter:brightness()}50%{filter:brightness(1.05)}to{filter:brightness()}}.theme-transition{animation:.5s themePulse}.account-card.logged-in{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#161b22f2,#0d1117fa);border:1px solid #38bdf840;border-radius:48px;padding:0;transition:all .4s cubic-bezier(.34,1.2,.64,1);position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #38bdf81a}.account-card.logged-in:hover{transform:translateY(-4px);box-shadow:0 35px 60px -15px #0009,0 0 0 1px #38bdf833}.account-card.logged-in:before{content:"";pointer-events:none;background:radial-gradient(circle,#38bdf814,#0000 70%);width:200%;height:200%;animation:6s ease-in-out infinite profileGlowPulse;position:absolute;top:-50%;left:-50%}@keyframes profileGlowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.profile-cover{background:linear-gradient(135deg,#0f172a,#1e1b4b,#0f3460);width:100%;height:220px;margin-bottom:-70px;position:relative;overflow:hidden}.profile-cover-overlay{background-position:50%;background-repeat:no-repeat;background-size:cover;transition:transform .5s cubic-bezier(.34,1.2,.64,1);position:absolute;inset:0}.account-card.logged-in:hover .profile-cover-overlay{transform:scale(1.03)}.profile-cover-gradient{pointer-events:none;background:linear-gradient(#0000 40%,#0d111799 70%,#0d1117f2 100%);position:absolute;inset:0}.cover-buttons-container{z-index:20;gap:12px;display:flex;position:absolute;bottom:20px;right:20px}.change-cover-btn,.reset-cover-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;opacity:0;background:#0009;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s cubic-bezier(.34,1.2,.64,1);display:flex;transform:translateY(10px)}.profile-cover:hover .change-cover-btn,.profile-cover:hover .reset-cover-btn{opacity:1;transform:translateY(0)}.change-cover-btn svg,.reset-cover-btn svg{stroke:#ffffffe6;width:20px;height:20px;transition:all .3s}.change-cover-btn:hover,.reset-cover-btn:hover{background:var(--accent-color);border-color:var(--accent-color);transform:scale(1.1)translateY(-2px);box-shadow:0 0 20px #38bdf880}.change-cover-btn:hover svg,.reset-cover-btn:hover svg{stroke:#fff;filter:drop-shadow(0 0 5px #ffffff80)}.profile-avatar-container{z-index:10;justify-content:center;margin-bottom:.75rem;padding:0 2rem;display:flex;position:relative}.profile-avatar-wrapper{display:inline-block;position:relative}.profile-avatar-wrapper:before{content:"";background:linear-gradient(135deg, var(--accent-color), #60a5fa, #8b5cf6, var(--accent-color));opacity:.6;z-index:-1;border-radius:50%;animation:3s linear infinite avatarRingRotate;position:absolute;inset:-4px}@keyframes avatarRingRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-avatar-wrapper:after{content:"";opacity:.8;z-index:-1;background:linear-gradient(135deg,#0000,#38bdf84d,#0000);border-radius:50%;animation:2s ease-in-out infinite avatarPulseGlow;position:absolute;inset:-2px}@keyframes avatarPulseGlow{0%,to{opacity:.4}50%{opacity:1}}.profile-avatar-large{object-fit:cover;background:var(--card-bg);border:4px solid #38bdf8cc;border-radius:50%;width:140px;height:140px;transition:all .3s cubic-bezier(.34,1.2,.64,1);box-shadow:0 0 30px #38bdf84d,0 8px 32px #0000004d}.profile-avatar-large:hover{transform:scale(1.05);box-shadow:0 0 45px #38bdf880}.change-photo-btn{background:linear-gradient(135deg, var(--accent-color), #1e40af);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s cubic-bezier(.34,1.2,.64,1);display:flex;position:absolute;bottom:8px;right:8px;box-shadow:0 4px 12px #0000004d}.change-photo-btn:hover{background:#1e40af;transform:scale(1.15);box-shadow:0 0 15px #38bdf899}.change-photo-btn svg{stroke:#fff;width:18px;height:18px}.profile-info{text-align:center;margin-top:.5rem;padding:0 2rem}.profile-name-section{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:6px;display:flex}.profile-name{background:linear-gradient(135deg, #fff, var(--accent-color), #60a5fa);color:#0000;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.2rem;font-weight:800}.edit-name-btn{cursor:pointer;background:#38bdf826;border:1px solid #38bdf84d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s cubic-bezier(.34,1.2,.64,1);display:inline-flex}.edit-name-btn svg{stroke:var(--accent-color);width:16px;height:16px;transition:all .3s}.edit-name-btn:hover{background:var(--accent-color);transform:scale(1.1)}.edit-name-btn:hover svg{stroke:#fff}.profile-email{color:var(--text-dim);letter-spacing:.3px;margin-bottom:12px;font-size:.9rem}.profile-badge{color:var(--accent-color);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#38bdf826,#1e40af1a);border:1px solid #38bdf84d;border-radius:40px;align-items:center;gap:8px;width:fit-content;margin:0 auto;padding:8px 20px;font-size:.85rem;font-weight:700;transition:all .3s;display:inline-flex}.profile-badge:hover{border-color:var(--accent-color);background:linear-gradient(135deg,#38bdf840,#1e40af26);transform:translateY(-2px);box-shadow:0 4px 15px #38bdf833}.badge-icon{font-size:1rem}.profile-join-date{color:var(--text-dim);opacity:.8;background:#ffffff08;border-radius:40px;align-items:center;gap:8px;margin-top:12px;padding:5px 14px;font-size:.75rem;display:inline-flex}.profile-join-date svg{stroke:var(--text-dim);width:14px;height:14px}.profile-stats{grid-template-columns:repeat(3,1fr);gap:1.25rem;width:calc(100% - 4rem);margin:2rem 2rem 1.5rem;display:grid}.stat-card{text-align:center;cursor:pointer;background:linear-gradient(135deg,#ffffff0a,#ffffff03);border:1px solid #38bdf81f;border-radius:28px;flex-direction:column;align-items:center;gap:8px;padding:1rem .75rem;transition:all .4s cubic-bezier(.34,1.2,.64,1);display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-color), transparent);height:2px;transition:transform .5s;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}.stat-card:hover:before{transform:translate(100%)}.stat-card:hover{background:linear-gradient(135deg,#38bdf81a,#1e40af0d);border-color:#38bdf84d;transform:translateY(-6px);box-shadow:0 12px 28px -12px #0006}.stat-icon{filter:drop-shadow(0 0 8px #38bdf84d);font-size:2rem}.stat-info{flex-direction:column;gap:4px;display:flex}.stat-value{background:linear-gradient(135deg, var(--accent-color), #60a5fa);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;line-height:1}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-size:.7rem;font-weight:600}.profile-bio-section{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid #38bdf81f;border-radius:32px;width:calc(100% - 4rem);margin:0 2rem 1.5rem;padding:1.5rem;transition:all .3s}.profile-bio-section:hover{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-color:#38bdf840}.bio-section-header{border-bottom:1px solid #38bdf826;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.bio-section-header svg{stroke:var(--accent-color);width:20px;height:20px}.bio-section-header h4{color:var(--accent-color);letter-spacing:.5px;margin:0;font-size:1rem;font-weight:700}.edit-bio-btn{cursor:pointer;color:var(--accent-color);background:#38bdf81a;border:1px solid #38bdf833;border-radius:40px;align-items:center;gap:8px;margin-left:auto;padding:6px 16px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;transition:all .3s cubic-bezier(.34,1.2,.64,1);display:inline-flex}.edit-bio-btn svg{stroke:var(--accent-color);width:14px;height:14px}.edit-bio-btn:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #38bdf84d}.edit-bio-btn:hover svg{stroke:#fff}.bio-display{color:var(--text-dim);white-space:pre-wrap;word-break:break-word;background:#0003;border-radius:20px;min-height:80px;margin-bottom:1.5rem;padding:1rem;font-size:.9rem;line-height:1.7;transition:all .3s}.bio-display:hover{background:#0000004d}.bio-details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.bio-detail-item{background:#ffffff05;border:1px solid #0000;border-radius:20px;align-items:center;gap:12px;padding:.85rem;transition:all .3s;display:flex}.bio-detail-item:hover{background:#38bdf80d;border-color:#38bdf826;transform:translate(4px)}.bio-detail-icon{flex-shrink:0;font-size:1.3rem}.bio-detail-content{flex:1;min-width:0}.bio-detail-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:3px;font-size:.65rem;font-weight:700;display:block}.bio-detail-value{color:var(--text-main);word-break:break-all;font-size:.85rem;font-weight:500;display:block}.bio-detail-value a{color:var(--accent-color);text-decoration:none;transition:all .2s}.bio-detail-value a:hover{color:#60a5fa;text-decoration:underline}.account-actions{justify-content:center;padding:0 2rem 2rem;display:flex}.account-action-btn{cursor:pointer;border:none;border-radius:60px;align-items:center;gap:10px;padding:12px 28px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.2,.64,1);display:inline-flex}.logout-btn{color:#ef4444;background:linear-gradient(135deg,#ef444426,#b91c1c1a);border:1px solid #ef444466}.logout-btn svg{stroke:#ef4444;transition:all .3s}.logout-btn:hover{color:#fff;background:linear-gradient(135deg,#ef4444,#b91c1c);transform:translateY(-3px);box-shadow:0 12px 25px -8px #ef444480}.logout-btn:hover svg{stroke:#fff;transform:rotate(180deg)}@media (width<=768px){.profile-cover{height:160px;margin-bottom:-55px}.profile-avatar-large{width:100px;height:100px}.profile-name{font-size:1.6rem}.edit-name-btn{width:32px;height:32px}.profile-stats{gap:.75rem;width:calc(100% - 2rem);margin:1.5rem 1rem}.stat-value{font-size:1.3rem}.stat-icon{font-size:1.5rem}.profile-bio-section{width:calc(100% - 2rem);margin:0 1rem 1rem;padding:1rem}.bio-details-grid{grid-template-columns:1fr;gap:.75rem}.bio-display{padding:.75rem;font-size:.85rem}.cover-buttons-container{gap:8px;bottom:12px;right:12px}.change-cover-btn,.reset-cover-btn{opacity:1;width:36px;height:36px;transform:translateY(0)}.account-actions{padding:0 1rem 1.5rem}.account-action-btn{padding:10px 20px;font-size:.85rem}}@media (width<=480px){.profile-cover{height:130px;margin-bottom:-45px}.profile-avatar-large{width:80px;height:80px}.profile-avatar-wrapper:before,.profile-avatar-wrapper:after{inset:-2px}.profile-name{font-size:1.3rem}.profile-email{font-size:.75rem}.profile-badge{padding:5px 14px;font-size:.7rem}.profile-stats{gap:.5rem;width:calc(100% - 1.5rem);margin:1rem .75rem}.stat-card{padding:.6rem .3rem}.stat-value{font-size:1.1rem}.stat-label{font-size:.55rem}.stat-icon{font-size:1.2rem}.profile-bio-section{width:calc(100% - 1.5rem);margin:0 .75rem .75rem;padding:.75rem}.bio-section-header{gap:8px}.bio-section-header h4{font-size:.85rem}.edit-bio-btn{padding:4px 12px;font-size:.7rem}.bio-display{margin-bottom:1rem;padding:.6rem;font-size:.75rem}.bio-detail-item{padding:.6rem}.bio-detail-icon{font-size:1.1rem}.bio-detail-label{font-size:.55rem}.bio-detail-value{font-size:.75rem}.account-actions{padding:0 .75rem 1.25rem}.account-action-btn{gap:6px;padding:8px 16px;font-size:.8rem}.change-photo-btn{width:32px;height:32px}.change-photo-btn svg{width:14px;height:14px}.edit-name-btn{width:28px;height:28px}.edit-name-btn svg{width:12px;height:12px}}@keyframes profileSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.account-card.logged-in{animation:.6s cubic-bezier(.34,1.2,.64,1) forwards profileSlideUp}:root{--btn-bg:#3490c8;--btn-bg-hover:#3a9ed9}.bio-edit-save,.change-photo-btn,.create-project-btn,.download-btn,.create-page-btn,.visit-btn,.detail-btn-primary,#pageSubmitBtn,.btn-submit,.name-edit-save,.close-terms-btn,#announcementForm .btn-submit,#createAnnouncementBtn,#closeAnnouncementsBtn,#closeReportBugsBtn,#reportBugBtn,#bugForm .btn-submit,.create-role-btn-web,.send-btn,.bot-invite-btn,.error-back-btn{background:var(--btn-bg)!important;box-shadow:none!important;background-image:none!important;border:none!important}.bio-edit-save:hover,.change-photo-btn:hover,.create-project-btn:hover,.download-btn:hover,.create-page-btn:hover,.visit-btn:hover,.detail-btn-primary:hover,#pageSubmitBtn:hover,.btn-submit:hover,.name-edit-save:hover,.close-terms-btn:hover,#announcementForm .btn-submit:hover,#createAnnouncementBtn:hover,#closeAnnouncementsBtn:hover,#closeReportBugsBtn:hover,#reportBugBtn:hover,#bugForm .btn-submit:hover,.create-role-btn-web:hover,.send-btn:hover,.bot-invite-btn:hover,.error-back-btn:hover{background:var(--btn-bg-hover)!important;box-shadow:none!important;transform:translateY(-2px)!important}.create-project-btn:before,.create-page-btn:before,.bot-invite-btn:before,.error-back-btn:before{display:none!important}.profile-avatar-large{box-shadow:none!important;border:4px solid #38bdf8!important}.profile-avatar-large:hover{box-shadow:none!important;transform:scale(1.03)!important}.clear-chat-btn{box-shadow:none!important;background:#ef444426!important;border:1px solid #ef44444d!important}.clear-chat-btn:hover{color:#fff!important;box-shadow:none!important;background:#ef4444!important}.btn-cancel{box-shadow:none!important;background:#2d3748!important;border:none!important}.btn-cancel:hover{color:#fff!important;box-shadow:none!important;background:#ef4444!important;transform:translateY(-2px)!important}button[type=submit]:not(.btn-cancel):not(#googleLoginBtn):not(#chatLoginBtn){background:var(--btn-bg)!important;box-shadow:none!important;background-image:none!important;border:none!important}button[type=submit]:not(.btn-cancel):not(#googleLoginBtn):not(#chatLoginBtn):hover{background:var(--btn-bg-hover)!important;box-shadow:none!important;transform:translateY(-2px)!important}.error-404-container{text-align:center;max-width:600px;margin:0 auto;padding:2rem;animation:.8s cubic-bezier(.22,1,.36,1) forwards fadeInUp}.error-404-icon{margin-bottom:2rem;animation:3s ease-in-out infinite errorFloat}.error-404-icon svg{stroke:var(--accent-color);filter:drop-shadow(0 0 20px #38bdf84d)}@keyframes errorFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.error-code{margin-bottom:1.5rem}.error-code-number{background:linear-gradient(135deg,#ef4444,#f97316,#fbbf24);color:#0000;letter-spacing:-5px;text-shadow:0 0 30px #ef444433;-webkit-background-clip:text;background-clip:text;font-size:8rem;font-weight:800;line-height:1;display:block}.error-code-title{color:var(--text-dim);letter-spacing:-.5px;margin-top:.5rem;font-size:1.5rem;font-weight:700;display:block}.error-message{color:var(--text-dim);margin-bottom:2rem;padding:0 1rem;font-size:1rem;line-height:1.6}.error-back-btn{color:#fff;cursor:pointer;border-radius:60px;justify-content:center;align-items:center;gap:10px;padding:14px 32px;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;transition:all .4s cubic-bezier(.34,1.2,.64,1);display:inline-flex}.error-back-btn svg{stroke:#fff}@media (width<=768px){.error-404-icon svg{width:80px;height:80px}.error-code-number{letter-spacing:-3px;font-size:5rem}.error-code-title{font-size:1.1rem}.error-message{font-size:.85rem}.error-back-btn{padding:10px 24px;font-size:.85rem}}@media (width<=480px){.error-code-number{font-size:3.5rem}.error-code-title{font-size:.9rem}.error-message{font-size:.75rem}.error-back-btn{padding:8px 20px;font-size:.8rem}.error-back-btn svg{width:14px;height:14px}}.project-author a,.page-author a{color:var(--accent-color);cursor:pointer;align-items:center;gap:6px;text-decoration:none;transition:all .3s;display:inline-flex}.project-author a:hover,.page-author a:hover{text-shadow:0 0 8px var(--accent-glow);text-decoration:underline;transform:translate(2px)}#backToMyProfileBtn{margin-top:1rem;color:var(--accent-color)!important;background:#38bdf81f!important;border:1px solid #38bdf84d!important}#backToMyProfileBtn:hover{background:var(--accent-color)!important;color:#fff!important;transform:translateY(-3px)!important;box-shadow:0 10px 25px -8px #38bdf866!important}#backToMyProfileBtn:hover svg{stroke:#fff!important}.profile-stats .stat-card{cursor:pointer;transition:all .3s cubic-bezier(.34,1.2,.64,1)}.profile-stats .stat-card:hover{background:#38bdf81a;border-color:#38bdf84d;transform:translateY(-4px)}.profile-badge{cursor:default}.account-card.logged-in.viewing-public .edit-name-btn,.account-card.logged-in.viewing-public .edit-bio-btn,.account-card.logged-in.viewing-public .change-photo-btn,.account-card.logged-in.viewing-public .change-cover-btn,.account-card.logged-in.viewing-public .reset-cover-btn,.account-card.logged-in.viewing-public #editUsernameBtn{display:none!important}.bio-display .no-bio-message{color:var(--text-dim);font-style:italic}.social-links-container{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.social-link{color:var(--accent-color);background:#38bdf814;border:1px solid #38bdf826;border-radius:40px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;text-decoration:none;transition:all .3s;display:inline-flex}.social-link:hover{background:#38bdf826;transform:translateY(-2px)}.profile-navigation{justify-content:center;gap:1rem;margin-bottom:1rem;display:flex}.profile-nav-btn{color:var(--accent-color);cursor:pointer;background:#38bdf814;border:1px solid #38bdf833;border-radius:40px;padding:8px 20px;font-size:.8rem;font-weight:600;transition:all .3s}.profile-nav-btn:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px)}@media (width<=768px){.profile-stats .stat-card{padding:.75rem .5rem}.social-link{padding:3px 10px;font-size:.7rem}}@media (width<=480px){.profile-stats .stat-card{padding:.5rem .3rem}.stat-value{font-size:1rem}.stat-label{font-size:.5rem}#backToMyProfileBtn{padding:8px 16px;font-size:.75rem}}@keyframes profileLoadPulse{0%{opacity:.5;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.profile-loading{animation:.5s forwards profileLoadPulse}#loading-overlay{z-index:10000;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0e14f2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:all .4s;display:flex;position:fixed;top:0;left:0}#loading-overlay.active{opacity:1;visibility:visible;display:flex!important}.user-public-content{animation:.5s fadeInUp}.user-public-content .user-projects-section,.user-public-content .user-pages-section{margin-bottom:2rem}.user-public-content .section-header svg{filter:drop-shadow(0 0 5px #38bdf84d)}.user-project-card,.user-page-card{cursor:pointer;background:#161b2280;border:1px solid #0000;border-radius:16px;padding:1rem;transition:all .3s cubic-bezier(.34,1.2,.64,1)}.user-project-card:hover,.user-page-card:hover{background:#38bdf81a;border-color:#38bdf84d;transform:translateY(-4px);box-shadow:0 8px 20px #0000004d}.user-project-card:active,.user-page-card:active{transform:translateY(-2px)}@media (width<=768px){.user-public-content{width:calc(100% - 2rem)!important;margin:1rem!important}.user-projects-grid,.user-pages-grid{grid-template-columns:1fr!important}}.websites-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-top:.5rem;display:grid}.website-card{cursor:pointer;background:#ffffff08;border:1px solid #38bdf81f;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;transition:all .3s cubic-bezier(.34,1.2,.64,1);display:flex}.website-card:hover{background:#38bdf814;border-color:#38bdf84d;transform:translateY(-2px)}.website-favicon{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.website-favicon img{object-fit:contain;border-radius:8px;width:100%;height:100%}.website-info{flex:1;min-width:0}.website-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;display:block;overflow:hidden}.website-card:hover .website-title{color:var(--accent-color)}.loading-websites{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex}.loading-websites .spinner-small{width:30px;height:30px}@media (width<=768px){.websites-grid{grid-template-columns:1fr;gap:.5rem}.website-card{padding:8px 12px}.website-favicon{width:28px;height:28px}.website-title{font-size:.8rem}}@media (width<=480px){.website-title{font-size:.75rem}}.profile-edit-btn{background:linear-gradient(135deg, var(--accent-color), #1e40af)!important;cursor:pointer!important;z-index:15!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;transition:all .3s cubic-bezier(.34,1.2,.64,1)!important;display:flex!important;position:absolute!important;bottom:8px!important;left:8px!important;box-shadow:0 2px 10px #0000004d!important}.profile-edit-btn svg{stroke:#fff!important;width:18px!important;height:18px!important}.profile-edit-btn:hover{background:#1e40af!important;transform:scale(1.1)!important;box-shadow:0 0 15px #38bdf880!important}.profile-edit-menu-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10000;opacity:0;visibility:hidden;background:#000000d9;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}.profile-edit-menu-modal.active{opacity:1;visibility:visible}.profile-edit-menu-content{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(135deg,#161b22fa,#0d1117fa);border:1px solid #38bdf84d;border-radius:32px;width:90%;max-width:380px;animation:.4s cubic-bezier(.34,1.2,.64,1) modalSlideIn;overflow:hidden}.profile-edit-menu-header{background:linear-gradient(135deg,#38bdf81a,#1e40af0d);border-bottom:1px solid #38bdf833;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.profile-edit-menu-header h3{background:linear-gradient(135deg, var(--accent-color), #60a5fa);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.2rem;font-weight:800}.profile-edit-menu-close{cursor:pointer;width:32px;height:32px;color:var(--text-dim);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;font-size:1.2rem;transition:all .3s}.profile-edit-menu-close:hover{color:#ef4444;background:#ef444433;border-color:#ef4444;transform:rotate(90deg)}.profile-edit-menu-body{padding:.75rem}.profile-edit-option{cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;align-items:center;gap:14px;width:100%;margin-bottom:8px;padding:14px 16px;font-family:Inter,sans-serif;transition:all .3s cubic-bezier(.34,1.2,.64,1);display:flex}.profile-edit-option:last-child{margin-bottom:0}.profile-edit-option:hover{background:#38bdf81a;border-color:#38bdf84d;transform:translate(6px)}.edit-option-icon{justify-content:center;align-items:center;min-width:40px;font-size:1.4rem;display:flex}.edit-option-info{flex:1}.edit-option-info strong{color:var(--text-main);font-size:.9rem;display:block}.edit-option-info small{color:var(--text-dim);word-break:break-all;margin-top:2px;font-size:.7rem;display:block}.edit-option-arrow{color:var(--text-dim);font-size:1.1rem;transition:all .3s}.profile-edit-option:hover .edit-option-arrow{color:var(--accent-color);transform:translate(4px)}@media (width<=480px){.profile-edit-btn{width:32px!important;height:32px!important;bottom:6px!important;left:6px!important}.profile-edit-btn svg{width:16px!important;height:16px!important}.profile-edit-option{padding:12px 14px}.edit-option-icon{min-width:32px;font-size:1.2rem}}.reels-feed-container{background:0 0;width:100%;max-width:500px;margin:0 auto;position:relative;overflow-y:visible}.reel-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161b2299;border:1px solid #38bdf826;border-radius:24px;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.reel-item:hover{border-color:#38bdf866;transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.reel-video-wrapper{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.reel-video-overlay{cursor:pointer;z-index:15;background:0 0;position:absolute;inset:0}.reel-sidebar{z-index:20;flex-direction:column;gap:20px;display:flex;position:absolute;bottom:80px;right:12px}.reel-like-btn,.reel-comment-btn,.reel-share-btn,.reel-delete-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;color:#fff;background:#00000080;border:none;border-radius:50%;flex-direction:column;align-items:center;gap:4px;width:48px;padding:8px 0;transition:transform .2s,background .2s;display:flex}.reel-like-btn:hover,.reel-comment-btn:hover,.reel-share-btn:hover,.reel-delete-btn:hover{background:#000000b3;transform:scale(1.1)}.reel-like-btn svg,.reel-comment-btn svg,.reel-share-btn svg,.reel-delete-btn svg{filter:drop-shadow(0 2px 4px #0000004d)}.reel-like-btn.liked svg{fill:#ef4444;stroke:#ef4444}.reel-like-count,.reel-comment-count{color:#fff;font-size:12px;font-weight:600}.reel-delete-btn{margin-top:15px}.reel-delete-btn svg{stroke:#ef4444}.reel-delete-btn:hover{background:#ef444466!important}.reel-delete-btn:hover svg{stroke:#fca5a5}.reel-pause-control{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;z-index:20;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;bottom:16px;right:16px}.reel-pause-control:hover{background:#38bdf899;transform:scale(1.05)}.reel-pause-control svg{stroke:#fff;width:20px;height:20px}.reel-info-bottom{background:#161b22cc;min-height:140px;padding:1rem}.reel-header-author{pointer-events:auto;align-items:center;gap:10px;display:flex}.reel-author-avatar{object-fit:cover;background:#1a1a2e;border:2px solid #fff9;border-radius:50%;flex-shrink:0;width:36px;height:36px;box-shadow:0 2px 8px #0006}.reel-header-text{flex-direction:column;gap:2px;min-width:0;display:flex}.reel-author-link{color:#fff;text-shadow:0 1px 4px #0009;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;overflow:hidden}.reel-author-link:hover{color:var(--accent-color)}.reel-header-title{color:#ffffffe6;text-shadow:0 1px 4px #0009;white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-size:13px;font-weight:500;overflow:hidden}.reel-bottom-overlay{z-index:18;pointer-events:none;background:linear-gradient(#0000 0%,#00000059 40%,#000000b3 100%);padding:16px 16px 14px;position:absolute;bottom:0;left:0;right:70px}.reel-caption-overlay{color:#fffffff2;text-shadow:0 1px 3px #00000080;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.reel-music-overlay{color:#ffffffb3;align-items:center;gap:6px;font-size:12px;display:flex}.reel-music-overlay svg{stroke:#ffffffb3;flex-shrink:0}.reel-author-info{align-items:center;gap:10px;margin-bottom:10px;display:flex}.reel-author-avatar{object-fit:cover;border:2px solid var(--accent-color);background:#1a1a2e;border-radius:50%;width:40px;height:40px}.reel-author-link{color:var(--text-main);align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.reel-author-link:hover{color:var(--accent-color);text-decoration:underline}.reel-caption{color:var(--text-main);margin-bottom:8px;font-size:14px;line-height:1.5}.reel-description{color:var(--text-dim);margin-top:4px;font-size:13px;display:block}.reel-music{color:var(--text-dim);align-items:center;gap:6px;font-size:12px;display:flex}.reel-comments-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#000000f2;border-radius:20px 20px 0 0;flex-direction:column;max-height:60vh;animation:.3s slideUp;display:flex;position:fixed;bottom:0;left:0;right:0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.reel-comments-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px;display:flex}.reel-comments-header h4{color:#fff;margin:0;font-size:16px}.reel-comments-close{cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:50%;width:32px;height:32px;font-size:18px}.reel-comments-list{flex-direction:column;flex:1;gap:16px;max-height:40vh;padding:16px;display:flex;overflow-y:auto}.reel-comment{background:#ffffff0d;border-radius:16px;padding:12px}.reel-comment-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.reel-comment-author{color:var(--accent-color);font-size:13px;font-weight:600;text-decoration:none}.reel-comment-date{color:#ffffff80;font-size:10px}.reel-comment-content{color:#ffffffe6;word-break:break-word;font-size:13px;line-height:1.4}.reel-comment-delete{cursor:pointer;color:#ef4444;background:#ef444433;border:none;border-radius:8px;padding:4px 8px;font-size:11px}.reel-add-comment{border-top:1px solid #ffffff1a;gap:12px;padding:16px;display:flex}.reel-add-comment input{color:#fff;background:#ffffff1a;border:none;border-radius:24px;flex:1;padding:12px 16px;font-size:14px}.reel-add-comment input:focus{background:#ffffff26;outline:none}.reel-comment-submit{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:24px;padding:0 20px;font-weight:600}.create-reel-float-btn{background:linear-gradient(135deg, var(--accent-color), #1e40af);color:#fff;cursor:pointer;z-index:100;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 15px #38bdf866}.create-reel-float-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #38bdf899}.loading-reels,.empty-reels,.error-reels{text-align:center;color:var(--text-dim);background:#161b2266;border-radius:24px;padding:4rem 2rem}.loading-reels .spinner{border:3px solid #38bdf81a;border-top-color:var(--accent-color);border-radius:50%;width:50px;height:50px;margin:0 auto 16px;animation:1s linear infinite spin}.empty-reels svg{stroke:var(--accent-color);margin-bottom:16px}.empty-reels h3{margin-bottom:8px}.reels-loading-more,.reels-end-message{color:var(--text-dim);justify-content:center;align-items:center;gap:12px;padding:20px;font-size:14px;display:flex}.upload-reel-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;opacity:0;visibility:hidden;background:#000000e6;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;inset:0}.upload-reel-modal.active{opacity:1;visibility:visible}.upload-reel-content{background:linear-gradient(135deg,#161b22fa,#0d1117fa);border:1px solid #38bdf84d;border-radius:32px;width:90%;max-width:500px;max-height:85vh;animation:.3s modalSlideUp;overflow:hidden}.upload-reel-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px;display:flex}.upload-reel-header h3{color:var(--accent-color);margin:0}.upload-reel-close{cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:50%;width:32px;height:32px;font-size:20px}.upload-reel-body{max-height:60vh;padding:20px;overflow-y:auto}.upload-reel-body .form-group{margin-bottom:16px}.upload-reel-body label{color:var(--text-dim);margin-bottom:8px;font-weight:600;display:block}.upload-reel-body input,.upload-reel-body textarea{color:#fff;background:#0b0e14cc;border:1px solid #38bdf84d;border-radius:12px;width:100%;padding:12px;font-family:Inter,sans-serif}.upload-reel-preview{aspect-ratio:9/16;background:#000;border-radius:16px;margin-top:16px;overflow:hidden}.upload-reel-footer{border-top:1px solid #ffffff1a;gap:12px;padding:20px;display:flex}.upload-reel-cancel,.upload-reel-submit{cursor:pointer;border-radius:40px;flex:1;padding:12px;font-weight:600}.upload-reel-cancel{color:#fff;background:#ffffff1a;border:none}.upload-reel-submit{background:linear-gradient(135deg, var(--accent-color), #1e40af);color:#fff;border:none}#view-reels{max-width:1200px;margin:0 auto;display:none;padding:0 1rem 1rem!important}#view-reels[style*="display: flex"]{display:flex!important}@media (width<=768px){.reels-feed-container{max-width:100%}.reel-item{scroll-margin-top:160px}.reel-sidebar{gap:12px;bottom:70px;right:8px}.reel-like-btn,.reel-comment-btn,.reel-share-btn,.reel-delete-btn{width:40px;padding:6px 0}.reel-like-btn svg,.reel-comment-btn svg,.reel-share-btn svg,.reel-delete-btn svg{width:20px;height:20px}.reel-pause-control{width:32px;height:32px;bottom:12px;right:12px}.reel-pause-control svg{width:16px;height:16px}.create-reel-float-btn{width:48px;height:48px;bottom:20px;right:20px}.reel-author-avatar{width:35px;height:35px}#view-reels{padding:150px .5rem .5rem!important}}@media (width<=480px){.reel-sidebar{gap:10px;bottom:60px;right:6px}.reel-like-btn,.reel-comment-btn,.reel-share-btn,.reel-delete-btn{width:36px;padding:5px 0}.reel-like-btn svg,.reel-comment-btn svg,.reel-share-btn svg,.reel-delete-btn svg{width:18px;height:18px}.reel-like-count,.reel-comment-count{font-size:10px}.reel-author-link,.reel-caption{font-size:12px}.create-reel-float-btn{width:44px;height:44px;bottom:15px;right:15px}.reel-author-avatar{width:30px;height:30px}#view-reels{padding:0 .25rem .25rem!important}}.header-container,.social-btn,.account-btn,.admin-nav-btn{position:relative;overflow:hidden}.header-container:before,.social-btn:before,.account-btn:before,.admin-nav-btn:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.header-container:hover:before,.social-btn:hover:before,.account-btn:hover:before,.admin-nav-btn:hover:before{left:100%}.nav-left .social-actions{border-left:1px solid #ffffff1a;padding-left:8px}@media (width<=768px){.nav-left .social-actions{border-left:none;padding-left:0}}.sidebar,.sidebar-nav-container,.modal-body,.project-detail-body,.page-detail-body,.announcement-detail-body,.bug-detail-body,.reel-comments-list,.upload-reel-body,.reel-comments-panel,[style*="overflow-y: auto"],[style*="overflow: auto"]{overscroll-behavior:contain}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab-btn{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem 1rem;font-size:1rem;font-weight:600;transition:all .3s}.profile-tab-btn:hover{color:var(--text-main)}.profile-tab-btn.active{color:var(--accent-color);border-bottom:2px solid var(--accent-color)}.profile-tab-content{animation:.3s fadeIn;display:none}.profile-tab-content.active-tab{display:block}.reels-feed-container{background:0 0;width:100%;max-width:500px;margin:0 auto}.reels-feed{flex-direction:column;gap:2rem;width:100%;display:flex;position:relative}.reel-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161b2299;border:1px solid #38bdf826;border-radius:24px;flex-direction:column;width:100%;max-width:500px;height:700px;margin:0 auto;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.reel-video-wrapper{aspect-ratio:9/16;background:#000;width:100%;height:100%;position:relative;overflow:hidden}.reel-iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}@media (width<=768px){.reel-item{height:620px}.reel-author-avatar{width:32px;height:32px}.reel-author-link{font-size:13px}.reel-header-title{max-width:200px;font-size:12px}.reel-bottom-overlay{padding:12px 12px 10px;right:60px}}@media (width<=480px){.reel-item{height:560px}.reel-author-avatar{width:28px;height:28px}.reel-author-link{font-size:12px}.reel-header-title{max-width:160px;font-size:11px}.reel-bottom-overlay{padding:10px 10px 8px;right:55px}.reel-caption-overlay{-webkit-line-clamp:1;line-clamp:1;font-size:12px}}.top-nav{z-index:100;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;top:20px;left:20px;right:20px}.header-container,.social-btn,.account-btn,.admin-nav-btn{position:relative;-webkit-backdrop-filter:blur(16px)!important;background:#0f141ebf!important;border:1px solid #38bdf833!important;border-radius:20px!important;transition:all .3s cubic-bezier(.34,1.2,.64,1)!important;box-shadow:0 4px 15px #0003!important}.header-container:hover,.social-btn:hover,.account-btn:hover,.admin-nav-btn:hover{border-color:var(--accent-color)!important;background:#38bdf826!important;transform:translateY(-3px)!important;box-shadow:0 8px 25px #38bdf840!important}.header-container{cursor:pointer;align-items:center;gap:12px;height:48px;padding:0 20px 0 14px;display:flex}.header-container .menu-icon svg{transition:all .3s}.header-container:hover .menu-icon svg{filter:drop-shadow(0 0 8px var(--accent-color))}.brand-name{letter-spacing:.5px;background:linear-gradient(135deg, #fff, var(--accent-color));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:800}.version-tag{color:var(--accent-color);letter-spacing:.3px;background:#38bdf826;border-radius:30px;padding:3px 10px;font-size:.65rem;font-weight:600}.social-actions{gap:10px;display:flex}.social-btn{cursor:pointer;justify-content:center;align-items:center;width:48px;height:48px;text-decoration:none;display:flex}.discord-variant:hover{background:var(--discord-color)!important;border-color:var(--discord-color)!important;box-shadow:0 0 20px #5865f266!important}.youtube-variant:hover{background:var(--youtube-color)!important;border-color:var(--youtube-color)!important;box-shadow:0 0 20px #f006!important}.account-btn{cursor:pointer;align-items:center;gap:12px;height:48px;padding:0 24px;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.account-btn svg{transition:transform .3s}.account-btn:hover svg{transform:scale(1.1)}.profile-avatar{object-fit:cover;border:2px solid var(--accent-color);border-radius:50%;width:32px;height:32px;transition:all .3s}.profile-avatar:hover{box-shadow:0 0 12px var(--accent-color);transform:scale(1.05)}.admin-nav-btn{height:48px!important;color:var(--accent-color)!important;justify-content:center!important;align-items:center!important;gap:10px!important;padding:0 20px!important;font-size:.9rem!important;font-weight:600!important;display:inline-flex!important}.admin-nav-btn svg{transition:transform .3s}.admin-nav-btn:hover svg{transform:scale(1.1)rotate(5deg)}.header-container:after,.social-btn:after,.account-btn:after,.admin-nav-btn:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.header-container:hover:after,.social-btn:hover:after,.account-btn:hover:after,.admin-nav-btn:hover:after{left:100%}@media (width<=768px){.top-nav{gap:8px;top:12px;left:12px;right:12px}.header-container{height:42px;padding:0 14px 0 10px}.brand-name{font-size:.85rem}.version-tag{display:none}.social-btn{width:42px;height:42px}.social-btn svg{width:18px;height:18px}.account-btn{gap:8px;height:42px;padding:0 16px;font-size:.85rem}.profile-avatar{width:28px;height:28px}.admin-nav-btn{height:42px!important;padding:0 14px!important;font-size:.8rem!important}}@media (width<=480px){.top-nav{gap:6px;top:8px;left:8px;right:8px}.header-container{height:38px;padding:0 10px 0 8px}.brand-name{font-size:.75rem}.social-btn{width:38px;height:38px}.social-btn svg{width:16px;height:16px}.account-btn{gap:6px;height:38px;padding:0 12px;font-size:.75rem}.account-btn svg{width:14px;height:14px}.profile-avatar{width:24px;height:24px}.admin-nav-btn{height:38px!important;padding:0 10px!important;font-size:.7rem!important}.admin-nav-btn .btn-text{display:none}.admin-nav-btn svg{width:16px!important;height:16px!important}}:root{--sidebar-width:295px}.sidebar{left:calc(var(--sidebar-width) * -1)}.sidebar.active{left:0}.project-actions[style*="display: none"],.page-actions[style*="display: none"],#createProjectBtn[style*="display: none"],#createPageBtn[style*="display: none"],#createAnnouncementBtn[style*="display: none"]{display:none!important}.hydra-ai-menu{background:radial-gradient(circle at 0 0,#00d9ff2e,#0000 38%),linear-gradient(160deg,#040812fa,#0c1226f5);border-right:1px solid #00d9ff40;width:310px;padding:24px 18px;left:-310px;box-shadow:20px 0 60px #00000073}.hydra-ai-menu.active{left:0}.hydra-menu-glow{pointer-events:none;background:linear-gradient(#00d9ff1f,#0000 45%,#7c3aed1a);position:absolute;inset:0}.hydra-menu-header{z-index:2;margin-bottom:22px;position:relative}.hydra-menu-subtitle{color:var(--text-dim);letter-spacing:1.4px;text-transform:uppercase;margin-top:2px;font-size:.68rem;display:block}.hydra-menu-card{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff09;border:1px solid #ffffff14;border-radius:20px;margin-bottom:16px;padding:14px;position:relative}.hydra-ai-menu .nav-item{background:#ffffff09;border-radius:14px;min-height:46px;margin-bottom:9px}.hydra-ai-menu .nav-item:hover,.hydra-ai-menu .nav-item.active{background:linear-gradient(135deg,#00d9ff29,#7c3aed21);border-color:#00d9ff8c;transform:translate(4px);box-shadow:0 0 24px #00d9ff2e}.hydra-ai-menu .item-info{font-weight:700}.hydra-scroll-invisible{scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto}.hydra-scroll-invisible::-webkit-scrollbar{width:0;height:0;display:none}@media (width<=480px){.hydra-ai-menu{width:86vw;left:-86vw}}#view-bot{box-sizing:border-box;width:100%;min-height:100vh;padding:2rem;overflow-y:auto}.bot-container{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-sizing:border-box;background:linear-gradient(135deg,#0f141999,#1e1e3c66);border:1.5px solid #00d9ff33;border-radius:32px;width:100%;max-width:900px;max-height:85vh;margin:0 auto;padding:3rem 2rem;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #0009,0 0 30px #00d9ff26}.bot-container:before{content:"";background:linear-gradient(90deg,#0000,#00d9ff80,#0000);height:1px;animation:3s ease-in-out infinite shimmer;position:absolute;top:0;left:0;right:0}.bot-avatar{margin-bottom:1.5rem;display:inline-block;position:relative}.online-indicator{border:2px solid var(--bg-color,#0a0e18);background:#10b981;border-radius:50%;width:16px;height:16px;animation:2s infinite pulse;position:absolute;bottom:5px;right:5px}.hydra-avatar-img{object-fit:cover;border:3px solid #00d9ff;border-radius:50%;width:100px;height:100px;transition:all .5s cubic-bezier(.34,1.2,.64,1);box-shadow:0 0 30px #00d9ff40}.hydra-avatar-img:hover{transform:scale(1.05)rotate(5deg);box-shadow:0 0 40px #00d9ff}.bot-invite-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;text-decoration:none;position:relative;overflow:hidden;letter-spacing:.3px!important;color:#fff!important;background:linear-gradient(135deg,#5865f233,#5865f20d)!important;border:1.5px solid #5865f266!important;border-radius:14px!important;justify-content:center!important;align-items:center!important;gap:10px!important;height:42px!important;padding:0 20px!important;font-family:Inter,sans-serif!important;font-size:.95rem!important;font-weight:700!important;transition:all .5s cubic-bezier(.34,1.2,.64,1)!important;display:inline-flex!important;box-shadow:0 5px 20px #5865f24d!important}.bot-invite-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.bot-invite-btn:hover:before{left:100%}.bot-invite-btn:hover{background:linear-gradient(135deg,#5865f2,#5865f2cc)!important;border-color:#5865f2!important;transform:translateY(-3px)scale(1.05)!important;box-shadow:0 10px 35px #5865f280!important}.chat-section{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-sizing:border-box;background:linear-gradient(135deg,#0f141980,#1e1e3c4d);border:1.5px solid #00d9ff33;border-radius:24px;width:100%;margin-top:3rem;padding:1.5rem}.chat-header{border-bottom:1px solid #38bdf833;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.chat-header h3{color:#00d9ff;margin:0;font-size:1.1rem;font-weight:700}.clear-chat-btn{color:#ff6b6b;cursor:pointer;background:linear-gradient(135deg,#ef444433,#ef44440d);border:1.5px solid #ef444466;border-radius:10px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .3s}.clear-chat-btn:hover{color:#fff;background:#ef4444;transform:scale(1.02)}.chat-messages{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#0a0e1899,#1e1e3c4d);border:1px solid #00d9ff26;border-radius:16px;flex-direction:column;gap:1rem;height:400px;margin-bottom:1rem;padding:1rem;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages:hover::-webkit-scrollbar-thumb{background:#00d9ff66}.chat-messages:hover::-webkit-scrollbar-thumb:hover{background:#00d9ffb3}.message{gap:12px;animation:.3s messageSlideIn;display:flex}.user-message{justify-content:flex-end}.bot-message .message-content,.user-message .message-content{max-width:85%}.message-avatar-img{object-fit:cover;border:2px solid #00d9ff;border-radius:50%;width:36px;height:36px}.message-bubble{word-wrap:break-word;padding:10px 14px;font-size:.9rem;line-height:1.5}.user-message .message-bubble{color:#fff;background:linear-gradient(135deg,#00d9ff,#0ea5e9);border-radius:18px 18px 4px;box-shadow:0 5px 20px #00d9ff4d}.bot-message .message-bubble{background:linear-gradient(135deg,#0f1419cc,#1e1e3c66);border:1.5px solid #00d9ff33;border-radius:18px 18px 18px 4px}.message-timestamp{color:#94a3b8;opacity:.7;font-size:.65rem}.typing .message-bubble{align-items:center;gap:8px;display:flex}.typing-dots span{background:#00d9ff;border-radius:50%;width:6px;height:6px;margin:0 2px;animation:1.4s infinite typingDot;display:inline-block}.chat-input-container{align-items:flex-end;gap:.75rem;display:flex}#chat-input{color:#f1f5f9;resize:none;background:linear-gradient(135deg,#0f1419cc,#1e1e3c80);border:1.5px solid #00d9ff33;border-radius:16px;flex:1;padding:12px 16px;font-family:Inter,sans-serif;font-size:.9rem;transition:all .3s}#chat-input:focus{border-color:#00d9ff;outline:none;box-shadow:0 0 25px #00d9ff66}.send-btn{color:#0a0e18;cursor:pointer;background:linear-gradient(135deg,#00d9ff,#0ea5e9);border:none;border-radius:16px;padding:12px 20px;font-weight:700;transition:all .3s;box-shadow:0 5px 20px #00d9ff4d}.send-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 10px 35px #00d9ff80}.status-online:before{content:"●";color:#10b981;margin-right:6px;font-size:10px;animation:2s infinite pulse;display:inline-block}.chat-messages{isolation:isolate!important}.chat-messages{scrollbar-width:thin;scrollbar-color:#64748b66 #0f172a26;isolation:isolate!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;position:relative!important;overflow-y:auto!important;transform:translateZ(0)!important}.chat-messages:before{content:"";-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:-1;pointer-events:none;background:linear-gradient(135deg,#0a0e1899,#1e1e3c4d);border-radius:16px;position:absolute;inset:0}.chat-messages::-webkit-scrollbar{background:#0f172a4d;width:6px}.chat-messages::-webkit-scrollbar-track{background:#0f172a26;border-radius:10px}.chat-messages::-webkit-scrollbar-thumb{background:#38bdf880;border-radius:10px;transition:all .2s}.chat-messages::-webkit-scrollbar-thumb:hover{background:#00d9ffe6}.chat-messages{scrollbar-width:thin;scrollbar-color:#38bdf880 #0f172a26}.attachment-image{background:#0000000d;border-radius:8px;flex-direction:column;align-items:center;margin:5px;padding:5px;display:inline-flex}.attachment-img-thumb{object-fit:cover;border-radius:6px;max-width:100px;max-height:100px}.image-thumbnail{object-fit:cover;border-radius:8px;width:60px;height:60px;margin-right:10px}.file-preview-content.image-preview{align-items:center;gap:10px;display:flex}.message-image-attachment{background:#0000001a;border-radius:16px;justify-content:center;max-width:100%;margin-top:12px;display:flex;overflow:hidden}.chat-image-large{object-fit:contain;cursor:pointer;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:400px;transition:transform .2s}.chat-image-large:hover{transform:scale(1.02)}@media (width<=768px){.chat-image-large{max-height:300px}}.user-message .message-image-attachment{justify-content:flex-end}.bot-message .message-image-attachment{justify-content:flex-start}.image-lightbox-overlay{animation:.2s fadeIn}[class*=modal] div:empty+div:contains("Actions"){display:none!important}[class*=modal] div:empty+div:contains("Options"){display:none!important}.floating-confirm-overlay div:contains("Actions"){display:none!important}.floating-confirm-overlay div:contains("Options"){display:none!important}.badge,.info-badge,.service-badge,.dev-badge,.soon-badge{color:var(--accent-color,#38bdf8)!important;background:linear-gradient(135deg,#38bdf826,#1e40af1a)!important;border:1.5px solid #38bdf866!important;display:none!important}.badge .dot,.info-badge .info-dot,.service-badge .service-dot,.dev-badge .dev-dot,.soon-badge .dot{background:var(--accent-color,#38bdf8)!important;box-shadow:0 0 8px var(--accent-color,#38bdf8)!important;animation:1.5s ease-in-out infinite blink!important}.soon-badge .dot{background:var(--accent-color,#38bdf8)!important;box-shadow:none!important;opacity:.8!important;animation:none!important}.dev-badge .dev-dot{background:var(--accent-color,#38bdf8)!important;box-shadow:0 0 6px var(--accent-color,#38bdf8)!important}:is(.nav-item:has(.badge):hover .badge,.nav-item:has(.info-badge):hover .info-badge,.nav-item:has(.service-badge):hover .service-badge,.nav-item:has(.dev-badge):hover .dev-badge){color:#60a5fa!important;background:linear-gradient(135deg,#38bdf840,#1e40af26)!important;border-color:#38bdf899!important}.nav-item.active{transform:translate(6px);background:linear-gradient(135deg,#38bdf81f,#1e40af14)!important;border-color:#38bdf873!important}.nav-item:hover{transform:translate(6px);background:linear-gradient(135deg,#38bdf81a,#1e40af0f)!important;border-color:#38bdf859!important}.nav-item.active .item-info,.nav-item:hover .item-info{color:var(--accent-color,#38bdf8)!important}.nav-item.active .item-info svg,.nav-item:hover .item-info svg{filter:drop-shadow(0 0 4px #38bdf866);stroke:var(--accent-color,#38bdf8)!important}:is(.nav-item:has(.dev-badge):hover .dev-dot,.nav-item.active:has(.dev-badge) .dev-dot){box-shadow:0 0 10px var(--accent-color)!important;background:#60a5fa!important}.dev-badge{color:var(--accent-color,#38bdf8)!important;background:linear-gradient(135deg,#38bdf826,#1e40af1a)!important;border:1.5px solid #38bdf866!important}.dev-badge .dev-dot{background:var(--accent-color,#38bdf8)!important;box-shadow:0 0 8px var(--accent-color,#38bdf8)!important;animation:1.5s ease-in-out infinite blink!important}:is(.nav-item:has(.dev-badge):hover .dev-badge,.nav-item.active:has(.dev-badge) .dev-badge){color:#60a5fa!important;background:linear-gradient(135deg,#38bdf840,#1e40af26)!important;border-color:#38bdf899!important}:is(.nav-item:has(.dev-badge):hover,.nav-item.active:has(.dev-badge)){transform:translate(6px);background:linear-gradient(135deg,#38bdf81f,#1e40af14)!important;border-color:#38bdf873!important}:is(.nav-item:has(.dev-badge):hover .item-info,.nav-item.active:has(.dev-badge) .item-info){color:var(--accent-color,#38bdf8)!important}:is(.nav-item:has(.dev-badge):hover .item-info svg,.nav-item.active:has(.dev-badge) .item-info svg){filter:drop-shadow(0 0 4px #38bdf866);stroke:var(--accent-color,#38bdf8)!important}.voice-btn{cursor:pointer;background:#38bdf826;border:1px solid #38bdf84d;border-radius:16px;justify-content:center;align-items:center;padding:12px;transition:all .3s;display:flex}.voice-btn:hover:not(:disabled){background:var(--accent-color);transform:translateY(-2px);box-shadow:0 5px 15px #38bdf84d}.voice-btn.recording{background:#ef4444;border-color:#ef4444;animation:1.2s infinite pulseMic}@keyframes pulseMic{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}.voice-btn svg{stroke:var(--accent-color);transition:all .3s}.voice-btn.recording svg,.voice-btn:hover:not(:disabled) svg{stroke:#fff}