:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--secondary:#ec4899;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--bg-main:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-card:#1e293b;--bg-hover:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border:#334155;--border-light:#475569;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.3),0 10px 10px -5px rgba(0,0,0,.2);--radius:12px;--radius-lg:16px;--radius-full:9999px}[data-theme=light]{--bg-main:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-card:#fff;--bg-hover:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border:#e2e8f0;--border-light:#cbd5e1;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}[data-theme=light] body{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}[data-theme=light] .nav{background:hsla(0,0%,100%,.95)}@media (max-width:768px){[data-theme=light] .nav-links{background:hsla(0,0%,100%,.98)}[data-theme=light] .nav-links a:not(.nav-create-btn){color:#0f172a}[data-theme=light] .nav-links a:not(.nav-create-btn):hover{background:#f1f5f9}[data-theme=light] .nav-links a:not(.nav-create-btn).active{background:#ede9fe;color:#6366f1}}[data-theme=light] .hamburger span:not(.hamburger-badge){background:#0f172a}[data-theme=light] .left-sidebar-panel{background:#fff}[data-theme=light] .left-sidebar-game-tooltip{background:#fff;color:#0f172a;border-color:#e2e8f0}[data-theme=light] .card,[data-theme=light] .feed-post{background:#fff}[data-theme=light] .feed-post-action-btn{color:#374151;opacity:.8}[data-theme=light] .feed-post-action-btn:hover{opacity:1;color:#111827}[data-theme=light] .left-sidebar-strip{background:#fff;border-color:#e2e8f0}[data-theme=light] .left-sidebar-trigger{color:#475569}[data-theme=light] .left-sidebar-trigger.active,[data-theme=light] .left-sidebar-trigger:hover{background:#f1f5f9;color:#6366f1}[data-theme=light] .chat-list-header,[data-theme=light] .chat-list-item,[data-theme=light] .chat-list-panel,[data-theme=light] .chat-list-scroll,[data-theme=light] .chat-sidebar{background:#fff;border-color:#e2e8f0}[data-theme=light] .chat-list-item{color:#0f172a}[data-theme=light] .chat-list-item:hover{background:#f1f5f9}[data-theme=light] .chat-list-item.active,[data-theme=light] .chat-list-item.selected{background:#ede9fe;border-left-color:#6366f1}[data-theme=light] .chat-main{background:#fff}[data-theme=light] .chat-header,[data-theme=light] .chat-input-area,[data-theme=light] .chat-input-form{background:#fff;border-color:#e2e8f0}[data-theme=light] .chat-input,[data-theme=light] .chat-textarea{background:#f1f5f9;border-color:#e2e8f0;color:#0f172a}[data-theme=light] .message-bubble.sent{background:#6366f1;color:#fff}[data-theme=light] .message-bubble.received{background:#f1f5f9;color:#0f172a}[data-theme=light] .chat-container,[data-theme=light] .chat-empty,[data-theme=light] .chat-no-selection{background:#fff}[data-theme=light] .new-chat-btn{color:#6366f1}[data-theme=light] .chat-list-header{color:#0f172a}[data-theme=light] .chat-back-button{color:#6366f1}[data-theme=light] .chat-send-btn{background:#6366f1;color:#fff}[data-theme=light] .chat-upload-btn{color:#6366f1}[data-theme=light] .chat-list-panel h3,[data-theme=light] .chat-list-panel>div{color:#0f172a}[data-theme=light] .chat-messages-panel{background:#fff}[data-theme=light] .chat-messages-scroll{background:#f8fafc}[data-theme=light] button.secondary{background:#f1f5f9;color:#0f172a;border-color:#e2e8f0}[data-theme=light] button.ghost{color:#475569}[data-theme=light] button.ghost:hover{background:#f1f5f9}[data-theme=light] .text-muted{color:#64748b}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b);min-height:100vh;color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.nav{background:rgba(30,41,59,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.nav-content{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;gap:2rem;position:relative}.nav-brand{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;letter-spacing:-.02em;transition:opacity .2s;flex-shrink:0}.nav-brand:hover{opacity:.8}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:0;z-index:101;position:relative}.hamburger span:not(.hamburger-badge){display:block;width:24px;height:2px;background:var(--text-primary);margin:3px 0;transition:all .3s ease;border-radius:2px}.hamburger.open span:not(.hamburger-badge):first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:not(.hamburger-badge):nth-child(2){opacity:0}.hamburger.open span:not(.hamburger-badge):nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-links{display:flex;gap:.5rem;align-items:center;flex:1 1}.nav-links a:not(.nav-create-btn){color:var(--text-secondary);text-decoration:none;padding:.5rem 1rem;border-radius:var(--radius);transition:all .2s;font-weight:500;position:relative}.nav-links a:not(.nav-create-btn):hover{color:var(--text-primary);background:var(--bg-hover)}.nav-links a:not(.nav-create-btn).active{color:var(--primary-light);background:rgba(99,102,241,.1)}.nav-badge{background:#ef4444;color:#fff;border-radius:10px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,.3);padding:0 5px;margin-left:6px}.nav-link-with-badge{display:inline-flex!important;align-items:center;gap:0}.hamburger-badge{position:absolute;top:-6px;right:-6px;background:#ef4444!important;color:#fff!important;border-radius:50%;min-width:20px;width:20px;height:20px!important;display:flex!important;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;box-shadow:0 2px 4px rgba(0,0,0,.4);padding:0;margin:0!important;transform:none!important;opacity:1!important}.nav-spacer{margin-left:auto}.btn,button{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm);text-decoration:none;display:inline-block}.btn:hover,button:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow)}.btn:active,button:active{transform:translateY(0)}button.secondary{background:var(--bg-tertiary);color:var(--text-primary)}button.secondary:hover{background:var(--bg-hover)}button.danger{background:var(--danger)}button.danger:hover{background:#dc2626}button.ghost{background:transparent;color:var(--text-secondary);box-shadow:none;padding:.5rem 1rem}button.ghost:hover{background:var(--bg-hover);color:var(--text-primary);transform:none}button:disabled{opacity:.5;cursor:not-allowed}button:disabled:hover{transform:none}button.icon-btn{padding:.625rem;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius)}button.icon-btn:hover{background:var(--bg-hover)}input,textarea{background:var(--bg-secondary);border:2px solid var(--border);color:var(--text-primary);padding:.75rem 1rem;border-radius:var(--radius);font-size:1rem;width:100%;transition:all .2s;font-family:inherit}input:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{min-height:100px;resize:vertical}label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-weight:500;font-size:.95rem}.form-group{margin-bottom:1.5rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow);transition:all .2s}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-light)}.post-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1rem;transition:all .2s;box-shadow:var(--shadow)}.post-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-lg)}.page-header{margin:2rem 0}.page-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{color:var(--text-muted);font-size:1.1rem}.friends-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}.friend-card{padding:1.5rem;background:var(--bg-secondary);border-radius:var(--radius);border:2px solid var(--border);display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.friend-card-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;background:var(--bg-main);display:flex;align-items:center;justify-content:center;font-size:2.5rem;border:3px solid var(--primary);flex-shrink:0}.friend-card-avatar img{width:100%;height:100%;object-fit:cover}.friend-card-name{font-weight:700;font-size:1.1rem;word-break:break-word;line-height:1.3;min-height:1.3em;max-height:2.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.friend-card-actions{display:flex;flex-direction:column;gap:.5rem;width:100%;margin-top:auto}.reactions{margin-top:1rem}.reaction-btn,.reactions{display:flex;gap:.5rem;align-items:center}.reaction-btn{padding:.5rem 1rem;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:all .2s;font-size:.95rem;color:var(--text-secondary)}.reaction-btn:hover{background:var(--bg-hover);border-color:var(--border-light);transform:scale(1.05)}.reaction-btn.active{border-color:var(--primary);background:rgba(99,102,241,.1);color:var(--primary-light)}.reaction-btn.active.like{border-color:var(--warning);background:rgba(245,158,11,.1);color:var(--warning)}.reaction-btn .emoji{font-size:1.2rem;display:inline-block;transition:transform .2s}.reaction-btn:hover .emoji{transform:scale(1.2)}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.post-meta{gap:.75rem}.post-author{font-weight:600;color:var(--text-primary)}.post-game{color:var(--primary-light);font-weight:500}.post-time{color:var(--text-muted);font-size:.9rem}.post-actions{display:flex;gap:.5rem}.post-body{color:var(--text-primary);font-size:1.05rem;line-height:1.6;margin-bottom:.5rem}.post-edited{color:var(--text-muted);font-size:.85rem;font-style:italic}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1rem;gap:1rem;margin-top:1.5rem}.game-card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:all .2s;cursor:pointer}.game-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.game-card.following{border-color:var(--primary);background:rgba(99,102,241,.05)}.game-name{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.search-bar{position:relative;margin-bottom:1.5rem}.search-bar input{padding-left:3rem}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:3rem;max-width:450px;width:100%;box-shadow:var(--shadow-xl)}.auth-card h1{font-size:2rem;margin-bottom:.5rem;text-align:center}.auth-card p{text-align:center;color:var(--text-muted);margin-bottom:2rem}.hero{text-align:center;padding:4rem 0;max-width:800px;margin:0 auto}.hero h1{font-size:4rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.hero p{font-size:1.5rem;color:var(--text-secondary);margin-bottom:2rem}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.chat-container{padding:0!important;overflow:hidden;height:600px;display:grid;grid-template-columns:280px 1fr;position:relative}.chat-list-panel{border-right:1px solid var(--border);background:#1a1d2e;display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-list-header{padding:1rem;border-bottom:1px solid var(--border);flex-shrink:0;background:#252938;display:flex;justify-content:space-between;align-items:center}.new-chat-btn{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.new-chat-btn:hover{background:rgba(99,102,241,.2)}.chat-list-scroll{flex:1 1;overflow-y:auto;overflow-x:hidden}.chat-list-item{padding:1rem;border-bottom:1px solid hsla(0,0%,100%,.1);cursor:pointer;background:transparent;transition:background .2s;display:flex;gap:.75rem;align-items:center}.chat-list-item:hover{background:rgba(99,102,241,.15)}.chat-list-item.selected{background:#252938}.chat-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;border:2px solid var(--border)}.chat-unread-badge{background:#ef4444;color:#fff;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600}.chat-messages-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-header{padding:1rem;border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;display:flex;align-items:center;gap:.5rem}.chat-back-button{display:none;background:transparent;border:1px solid var(--border);color:var(--text-primary);padding:.4rem .8rem;font-size:.85rem;cursor:pointer;border-radius:4px;margin-right:.5rem}.chat-messages-scroll{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:1rem;display:flex;flex-direction:column;gap:1rem}.message-bubble{background:#6366f1;color:#fff;padding:.75rem 1rem;border-radius:12px;max-width:70%;word-break:break-word}.chat-disabled-message{padding:1.5rem;text-align:center;color:var(--text-muted)}.chat-disabled-message,.chat-input-form{border-top:1px solid var(--border);background:var(--bg-secondary)}.chat-input-form{padding:1rem;display:flex;gap:.75rem;flex-shrink:0;flex-wrap:wrap}.chat-textarea{flex:1 1;margin:0;resize:none;overflow:auto;font-family:inherit;font-size:inherit;line-height:1.5;min-width:200px}.chat-input-buttons{display:flex;gap:.5rem;align-items:flex-end}.chat-upload-btn{background:var(--bg-secondary);border:2px solid var(--border);padding:.75rem 1rem}.chat-send-btn{padding:.75rem 1.5rem}.chat-no-selection{justify-content:center;height:100%;color:var(--text-muted)}.chat-no-selection,.row{display:flex;align-items:center}.row{gap:1rem}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.spinner{border-top:3px solid var(--border);border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error{background:rgba(239,68,68,.1);border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius)}.error,.success{padding:1rem;margin-bottom:1rem}.success{background:rgba(16,185,129,.1);border:1px solid var(--success);color:var(--success);border-radius:var(--radius)}.fade-in{animation:fadeIn .3s ease-out}@media (max-width:768px){.hamburger{display:flex;margin-left:auto}.nav-links{position:absolute;top:100%;left:0;right:0;background:rgba(30,41,59,.98);flex-direction:column;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg)}.nav-links.open{max-height:500px;padding:1rem}.nav-links a:not(.nav-create-btn){width:100%;padding:.75rem 1rem;text-align:left}.nav-link-with-badge{display:flex!important;justify-content:space-between;align-items:center;width:100%}.nav-link-with-badge .nav-badge{margin-left:auto}.nav-links .ghost{width:100%;text-align:left;margin-top:.5rem;padding:.75rem 1rem}.nav-spacer{display:none}.page-header{margin:1rem 0}.page-header h1{font-size:1.75rem}.page-header p{font-size:.95rem}.page-header-mobile-hidden{display:none}.friends-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.friend-card{padding:1rem;gap:.75rem}.friend-card-avatar{width:60px;height:60px;font-size:1.8rem}.friend-card-name{font-size:.9rem;min-height:1.3em;max-height:2.6em}.friend-card-actions button{padding:.5rem .75rem;font-size:.85rem}.hero h1{font-size:2.5rem}.hero p{font-size:1.2rem}.game-grid{grid-template-columns:1fr}.auth-card{padding:2rem}.chat-container{display:flex;flex-direction:column;height:calc(100vh - 80px);grid-template-columns:none}.chat-list-panel{flex:1 1;border-right:none}.chat-list-panel.hidden{display:none}.chat-messages-panel{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-main);z-index:200;display:none}.chat-back-button,.chat-messages-panel.active{display:flex}.chat-header{padding-top:calc(1rem + env(safe-area-inset-top, 0))}.message-bubble{max-width:85%}.chat-input-form{padding:.75rem .75rem calc(.75rem + env(safe-area-inset-bottom, 0))}.chat-textarea{min-width:0;flex:1 1 100%}.chat-input-buttons{flex:1 1 100%;justify-content:flex-end;margin-top:.5rem}.chat-send-btn{flex:1 1;max-width:200px}}@media (max-width:480px){.container,.nav-content{padding:0 1rem}.nav-brand{font-size:1.25rem}.friends-grid{gap:.5rem}.friends-grid>div{padding:1rem}.friends-grid>div>div:first-child{width:60px!important;height:60px!important;font-size:2rem!important}}.nav-create-icon{font-size:1.1rem;font-weight:700;line-height:1}.create-post-container{margin-bottom:2rem}.create-page-layout,.create-post-container{display:grid;grid-template-columns:1fr 400px;grid-gap:1.5rem;gap:1.5rem}.create-page-layout{align-items:start}.create-reorder-controls{display:flex;align-items:center;gap:.5rem}.create-dropzone{background:var(--bg-card)}.create-dropzone.dragging{transform:scale(1.01)}.create-dropzone.has-media{border-style:solid}.create-dropzone-icon{opacity:.8}.create-dropzone-content h3{font-size:1.25rem}.create-preview-container{position:relative;width:100%;max-width:400px;margin:0 auto;background:#1e293b;border-radius:12px;overflow:hidden}.create-preview-square{position:relative;width:100%;padding-top:100%}.create-preview-blur{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;filter:blur(15px) brightness(.3);transform:scale(1.1);z-index:0}.create-preview-media{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.create-preview-remove{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:rgba(239,68,68,.9);border:none;color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;padding:0}.create-preview-remove:hover{background:#ef4444;transform:scale(1.1)}.create-preview-counter{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.7);color:#fff;padding:4px 10px;border-radius:12px;font-size:.85rem;z-index:10}.create-preview-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.6);border:none;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;padding:0}.create-preview-nav:hover:not(:disabled){background:rgba(0,0,0,.8)}.create-preview-nav:disabled{opacity:.3;cursor:not-allowed}.create-preview-nav-prev{left:10px}.create-preview-nav-next{right:10px}.create-main-preview{aspect-ratio:1;max-height:500px;background:var(--bg-secondary)}.create-preview-media{border-radius:var(--radius)}.create-remove-btn{top:.75rem;right:.75rem;background:rgba(0,0,0,.7);transition:all .2s}.create-remove-btn:hover{background:var(--danger)}.create-media-counter{bottom:.75rem;right:.75rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-weight:600}.create-nav-btn{background:rgba(0,0,0,.5);transition:all .2s}.create-nav-prev{left:.75rem}.create-nav-next{right:.75rem}.create-thumbnails,.create-thumbnails-scroll{overflow-x:auto;padding:.5rem 0;scrollbar-width:thin}.create-thumbnails-scroll{display:flex;gap:.5rem;-webkit-overflow-scrolling:touch;scrollbar-color:var(--border) transparent}.create-thumbnails-scroll::-webkit-scrollbar{height:6px}.create-thumbnails-scroll::-webkit-scrollbar-track{background:transparent}.create-thumbnails-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.create-thumbnails::-webkit-scrollbar{height:6px}.create-thumbnails::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.create-thumbnails::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.create-thumbnail{flex-shrink:0;transition:all .2s}.create-thumbnail-remove{top:2px;right:2px;width:18px;height:18px;background:rgba(0,0,0,.7);display:flex;font-size:.65rem;opacity:0;transition:opacity .2s}.create-thumbnail:hover .create-thumbnail-remove{opacity:1}.create-thumbnail-remove:hover{background:var(--danger)}.create-add-more{background:var(--bg-secondary);flex-shrink:0;transition:all .2s}.create-thumbnail-add{flex-shrink:0;width:64px;height:64px;border-radius:8px;background:var(--bg-main);border:2px dashed var(--border);color:var(--text-muted);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.create-thumbnail-add:hover{border-color:var(--primary);color:var(--primary)}.create-thumbnail-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.6);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem}.create-filters{border-radius:var(--radius-lg)}.create-filters-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1rem}.create-filters-section label{display:block;margin-bottom:.75rem;color:var(--text-secondary);font-weight:500}.create-filters-scroll{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.create-filters-scroll::-webkit-scrollbar{height:6px}.create-filters-scroll::-webkit-scrollbar-track{background:transparent}.create-filters-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.create-filters label{display:block;font-weight:600}.create-filter-list{padding:.25rem 0;scrollbar-width:thin}.create-filter-list::-webkit-scrollbar{height:6px}.create-filter-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.create-filter-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.create-filter-btn{gap:.4rem;background:transparent;transition:all .2s;min-width:70px}.create-filter-btn:hover{background:var(--bg-hover);transform:none;box-shadow:none}.create-filter-btn.active{background:rgba(99,102,241,.1)}.create-filter-preview{border-radius:6px;border:1px solid var(--border)}.create-filter-btn span{font-size:.75rem;color:var(--text-secondary)}.create-filter-btn.active span{color:var(--primary-light);font-weight:600}.create-reorder{gap:.75rem;padding:.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.create-reorder .ghost{padding:.4rem .8rem;font-size:.85rem}.create-details-section{display:flex;flex-direction:column}.create-details-section .card{position:-webkit-sticky;position:sticky;top:80px}.create-select{transition:all .2s}.create-textarea{resize:vertical}.create-actions{margin-top:.5rem}.create-submit-btn{padding:1rem;font-size:1.1rem}.create-spinner{width:18px;height:18px;animation:spin .8s linear infinite}.create-tips li{padding:.35rem 0 .35rem 1.25rem}.create-tips li:before{content:"✓";color:var(--success)}@media (max-width:768px){.create-post-container{grid-template-columns:1fr;gap:1rem}.create-dropzone{min-height:300px}.create-main-preview{max-height:400px}.create-preview-container{max-width:280px}.create-preview-nav{width:32px;height:32px;font-size:1.2rem}.create-preview-remove{width:28px;height:28px;font-size:.9rem}.create-preview-counter{font-size:.75rem;padding:3px 8px}.create-details-section .card{position:static}.create-filter-btn{min-width:60px}.create-filter-preview{width:40px;height:40px}.create-filter-btn span{font-size:.7rem}.create-reorder{flex-wrap:wrap;justify-content:center}.create-add-more,.create-thumbnail{width:56px;height:56px}}@media (max-width:480px){.create-dropzone{min-height:200px}.create-dropzone-icon{font-size:3rem}.create-dropzone-content h3{font-size:1.1rem}.create-main-preview{max-height:350px}.create-preview-container{max-width:240px}.create-preview-nav{width:28px;height:28px;font-size:1rem}.create-nav-btn{width:36px;height:36px;font-size:1.2rem}}.post-media-nav:hover:not(:disabled){background:rgba(0,0,0,.8);transform:translateY(-50%) scale(1.05)}.post-media-nav:disabled{opacity:.3!important;cursor:not-allowed}.post-media-prev{left:.75rem}.post-media-next{right:.75rem}.post-media-dots{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);z-index:10;gap:.5rem}.post-media-dot{background:hsla(0,0%,100%,.5)}.post-media-dot:hover{background:hsla(0,0%,100%,.8);transform:scale(1.1)}.post-media-dot.active{background:#fff}.post-media-counter{position:absolute;top:.75rem;right:.75rem;z-index:10;background:rgba(0,0,0,.7);color:#fff;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600}.post-meta{gap:.5rem;flex-wrap:wrap}.post-avatar,.post-meta{display:flex;align-items:center}.post-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--bg-secondary);justify-content:center;font-size:1rem;flex-shrink:0;border:2px solid var(--border)}.post-avatar img{width:100%;height:100%;object-fit:cover}.create-layout{display:grid;grid-template-columns:1fr 400px;grid-gap:1.5rem;gap:1.5rem;align-items:start}.create-media-section{display:flex;flex-direction:column;gap:1rem}.create-dropzone{border:2px dashed var(--border);border-radius:var(--radius-lg);background:var(--bg-secondary);min-height:400px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.create-dropzone:hover{border-color:var(--primary);background:rgba(99,102,241,.05)}.create-dropzone.dragging{border-color:var(--primary);background:rgba(99,102,241,.1)}.create-dropzone.has-media{cursor:default;padding:1rem}.create-dropzone-content{text-align:center;padding:2rem}.create-dropzone-icon{font-size:4rem;margin-bottom:1rem}.create-dropzone-content h3{margin-bottom:.5rem;color:var(--text-primary)}.create-dropzone-content p{color:var(--text-muted)}.create-preview-wrapper{width:100%;display:flex;flex-direction:column;gap:1rem}.create-main-preview{position:relative;width:100%;aspect-ratio:16/9;background:var(--bg-main);border-radius:var(--radius);overflow:hidden;display:flex;align-items:center;justify-content:center}.create-preview-media{max-width:100%;max-height:100%;object-fit:contain}.create-remove-btn{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:rgba(239,68,68,.9);border:none;color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;padding:0}.create-remove-btn:hover{background:#dc2626;transform:scale(1.1)}.create-media-counter{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.7);color:#fff;padding:4px 10px;border-radius:12px;font-size:.85rem}.create-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.6);border:none;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;padding:0}.create-nav-btn:hover:not(:disabled){background:rgba(0,0,0,.8)}.create-nav-btn:disabled{opacity:.3;cursor:not-allowed}.create-nav-prev{left:10px}.create-nav-next{right:10px}.create-thumbnails{display:flex;gap:.5rem;flex-wrap:wrap}.create-thumbnail{width:64px;height:64px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;position:relative;background:var(--bg-main)}.create-thumbnail:hover{border-color:var(--border-light)}.create-thumbnail.active{border-color:var(--primary)}.create-thumbnail img,.create-thumbnail video{width:100%;height:100%;object-fit:cover}.create-thumbnail-video{position:relative;width:100%;height:100%}.create-video-badge{top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.6);width:24px;height:24px;display:flex}.create-thumbnail-remove,.create-video-badge{position:absolute;color:#fff;border-radius:50%;align-items:center;justify-content:center;font-size:.7rem}.create-thumbnail-remove{top:-6px;right:-6px;width:20px;height:20px;background:#ef4444;border:none;cursor:pointer;display:none;padding:0}.create-thumbnail:hover .create-thumbnail-remove{display:flex}.create-add-more{width:64px;height:64px;border-radius:8px;background:var(--bg-main);border:2px dashed var(--border);color:var(--text-muted);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.create-add-more:hover{border-color:var(--primary);color:var(--primary);background:rgba(99,102,241,.05)}.create-filters{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.create-filters label{margin-bottom:.75rem}.create-filter-list{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.create-filter-btn{flex-shrink:0;width:70px;padding:.5rem;background:var(--bg-secondary);border:2px solid transparent;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.25rem}.create-filter-btn:hover{border-color:var(--border-light)}.create-filter-btn.active{border-color:var(--primary)}.create-filter-preview{width:50px;height:50px;border-radius:4px;background-size:cover;background-position:50%}.create-filter-btn span{font-size:.7rem;color:var(--text-muted)}.create-reorder{display:flex;align-items:center;gap:.5rem}.create-details-section{position:-webkit-sticky;position:sticky;top:100px}.create-select{width:100%;padding:.75rem 1rem;background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:1rem;cursor:pointer}.create-select:focus{outline:none;border-color:var(--primary)}.create-textarea{min-height:120px}.create-char-count{text-align:right;font-size:.85rem;color:var(--text-muted);margin-top:.25rem}.create-actions{margin-top:1rem}.create-submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.create-spinner{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.create-tips{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.create-tips h4{color:var(--text-secondary);margin-bottom:.75rem;font-size:.95rem}.create-tips ul{list-style:none;padding:0;margin:0}.create-tips li{color:var(--text-muted);font-size:.9rem;padding:.25rem 0 .25rem 1.25rem;position:relative}.create-tips li:before{content:"•";position:absolute;left:0;color:var(--primary)}@media (max-width:900px){.create-layout,.create-page-grid,.create-page-layout{grid-template-columns:1fr!important}.create-details-section{position:static}}@media (max-width:768px){.create-dropzone{min-height:250px}.create-preview-container{max-width:100%}.create-preview-nav{width:36px;height:36px;font-size:1.25rem}.create-preview-remove{width:28px;height:28px;font-size:.9rem}.create-preview-counter{font-size:.75rem;padding:3px 8px}.create-add-more,.create-thumbnail,.create-thumbnail-add{width:56px;height:56px}.create-thumbnail-play,.create-video-badge{width:20px;height:20px;font-size:.6rem}.create-filter-btn{width:60px;padding:.375rem}.create-filter-preview{width:40px;height:40px}.create-filter-btn span{font-size:.65rem}.create-reorder,.create-reorder-controls{display:none!important}}@media (max-width:480px){.create-dropzone{min-height:200px;border-radius:12px}.create-dropzone-icon{font-size:2.5rem}.create-dropzone-content{padding:1rem}.create-dropzone-content h3{font-size:1rem}.create-dropzone-content p{font-size:.85rem}.create-add-more,.create-thumbnail,.create-thumbnail-add{width:48px;height:48px}.create-filter-btn{width:54px}.create-filter-preview{width:36px;height:36px}.create-filters,.create-filters-section{padding:.75rem}}.nav .nav-content .nav-links a.nav-create-btn,.nav-content .nav-links a.nav-create-btn,.nav-links a.nav-create-btn,[class*=nav-create-btn],a.nav-create-btn{background:linear-gradient(135deg,#6366f1,#ec4899)!important;background-image:linear-gradient(135deg,#6366f1,#ec4899)!important;background-color:#6366f1!important;color:#fff!important;padding:.5rem 1.25rem!important;border-radius:20px!important;border:none!important;font-weight:600!important;text-decoration:none!important;transition:all .2s ease!important;box-shadow:0 2px 8px rgba(99,102,241,.3)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important}.nav .nav-content .nav-links a.nav-create-btn:hover,.nav-content .nav-links a.nav-create-btn:hover,.nav-links a.nav-create-btn:hover,[class*=nav-create-btn]:hover,a.nav-create-btn:hover{background:linear-gradient(135deg,#4f46e5,#db2777)!important;background-image:linear-gradient(135deg,#4f46e5,#db2777)!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(99,102,241,.4)!important}.nav .nav-content .nav-links a.nav-create-btn.active,.nav-content .nav-links a.nav-create-btn.active,.nav-links a.nav-create-btn.active,[class*=nav-create-btn].active,a.nav-create-btn.active{background:linear-gradient(135deg,#4f46e5,#db2777)!important;background-image:linear-gradient(135deg,#4f46e5,#db2777)!important;color:#fff!important}@media (max-width:768px){.nav-links a.nav-create-btn,a.nav-create-btn{width:auto!important;margin:.25rem 0!important;padding:.75rem 1.5rem!important;border-radius:12px!important;font-size:1rem!important;text-align:left!important;justify-content:flex-start!important;align-self:flex-start!important}.nav-links a.nav-create-btn:hover,a.nav-create-btn:hover{transform:none!important}}.feed-container{max-width:100%;margin:0 auto;padding:0}.feed-main{max-width:650px;margin:0 auto;padding:1rem 1.5rem}.feed-posts{display:flex;flex-direction:column;gap:1.5rem}.feed-post{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.feed-post-header{display:flex;align-items:center;padding:.875rem 1rem;gap:.75rem}.feed-post-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--border)}.feed-post-avatar img{width:100%;height:100%;object-fit:cover}.feed-post-avatar span{font-size:1.25rem}.feed-post-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.feed-post-username{font-weight:600;font-size:.95rem;color:var(--text-primary)}.feed-post-meta{display:flex;align-items:center;gap:.375rem;font-size:.8rem;color:var(--text-muted)}.feed-post-game{color:var(--primary-light);text-decoration:none;font-weight:500}.feed-post-game:hover{text-decoration:underline}.feed-post-dot,.feed-post-time{color:var(--text-muted)}.feed-post-actions{display:flex;gap:.25rem}.feed-post-action-btn{background:transparent;border:none;padding:.5rem;cursor:pointer;font-size:1rem;opacity:.7;transition:opacity .2s}.feed-post-action-btn:hover{opacity:1}.post-media-carousel{position:relative}.post-media-container{position:relative;width:100%;overflow:hidden;touch-action:pan-y pinch-zoom;-moz-user-select:none;user-select:none;-webkit-user-select:none}.post-media-track{display:flex;will-change:transform}.post-media-slide{flex:0 0 100%;width:100%;position:relative;aspect-ratio:1/1;max-height:500px;background:var(--bg-secondary);overflow:hidden}.post-media-blur-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;filter:blur(15px) brightness(.3);transform:scale(1.1);z-index:0}.post-media-item,video.post-media-item{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;z-index:1}.post-media-nav{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:hsla(0,0%,100%,.9);border:none;color:#262626;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;opacity:0;transition:opacity .2s;box-shadow:0 2px 8px rgba(0,0,0,.3)}.post-media-container:hover .post-media-nav{opacity:1}.post-media-nav:disabled{opacity:0!important;cursor:default}.post-media-nav-prev{left:8px}.post-media-nav-next{right:8px}.post-media-dots{display:flex;justify-content:center;gap:6px;padding:.5rem 0}.post-media-dot{width:8px;height:8px;border-radius:50%;background:var(--border-light);border:none;padding:0;cursor:pointer;transition:all .2s}.post-media-dot.active{background:var(--primary);transform:scale(1.2)}.feed-post-reactions{display:flex;gap:1rem;padding:.75rem 1rem;border-top:1px solid var(--border)}.feed-reaction-btn{background:transparent;border:none;padding:.5rem .75rem;cursor:pointer;display:flex;align-items:center;gap:.375rem;border-radius:var(--radius);transition:all .15s;color:var(--text-secondary)}.feed-reaction-btn:hover:not(:disabled){background:var(--bg-hover)}.feed-reaction-btn:active:not(:disabled){transform:scale(.95)}.feed-reaction-btn:disabled{opacity:.5;cursor:not-allowed}.feed-reaction-icon{font-size:1.25rem}.feed-reaction-count,.feed-reaction-label{font-size:.9rem;font-weight:500}.feed-reaction-btn.active.like{color:var(--warning);background:rgba(245,158,11,.1)}.feed-reaction-btn.active.dislike{color:var(--danger);background:rgba(239,68,68,.1)}.feed-post-caption{padding:.75rem 1rem;font-size:.95rem;line-height:1.5}.feed-post-caption-username{font-weight:600;margin-right:.5rem}.feed-post-caption-text{color:var(--text-secondary);word-break:break-word}.feed-post-edited{color:var(--text-muted);font-size:.8rem;font-style:italic;margin-left:.5rem}.feed-post-edit{padding:.75rem 1rem}.feed-post-edit textarea{width:100%;margin-bottom:.5rem}.feed-post-edit-actions{display:flex;gap:.5rem}@media (max-width:768px){.feed-main{max-width:100%;padding:0}.feed-posts{gap:.75rem;padding:.5rem}.feed-post{border-radius:var(--radius);border:1px solid var(--border)}.feed-post-header{padding:.75rem}.feed-post-avatar{width:36px;height:36px}.feed-post-username{font-size:.9rem}.feed-post-meta{font-size:.75rem}.post-media-slide{aspect-ratio:auto;max-height:70vh;min-height:200px;display:flex;align-items:center;justify-content:center}.post-media-item{width:auto;max-width:100%}.post-media-item,video.post-media-item{position:relative;top:auto;left:auto;height:auto;max-height:70vh;transform:none;object-fit:contain}video.post-media-item{width:100%}.post-media-blur-bg{display:none}.post-media-nav{display:none!important}.post-media-dots{padding:.5rem 0}.post-media-dot{width:6px;height:6px}.feed-post-caption{padding:.5rem .75rem;font-size:.9rem}.feed-post-reactions{padding:.5rem .75rem;gap:.5rem}.feed-reaction-btn{padding:.375rem .5rem}.feed-reaction-icon{font-size:1.125rem}.feed-reaction-count,.feed-reaction-label{font-size:.8rem}.feed-post-edit{padding:.5rem .75rem}}@media (max-width:480px){.feed-post-avatar{width:32px;height:32px}.feed-post-username{font-size:.85rem}.feed-reaction-icon{font-size:1rem}.feed-reaction-count,.feed-reaction-label{font-size:.75rem}}.game-page-header{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.game-back-link{display:inline-block;color:var(--primary-light);text-decoration:none;margin-bottom:.5rem;font-size:.9rem}.game-page-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-page-header p{color:var(--text-muted);font-size:1.1rem}@media (max-width:768px){.game-page-header{padding:1rem}.game-page-header h1{font-size:1.75rem}.game-page-header p{font-size:.95rem}}.infinite-scroll-sentinel{height:1px;width:100%}.infinite-scroll-loader{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1rem;color:var(--text-muted);font-size:.9rem}.spinner-small{width:20px;height:20px}.infinite-scroll-end{display:flex;align-items:center;justify-content:center;padding:2rem 1rem;color:var(--text-muted);font-size:.85rem}.infinite-scroll-end:after,.infinite-scroll-end:before{content:"";flex:1 1;height:1px;background:var(--border);margin:0 1rem;max-width:100px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feed-post,.post-card{animation:fadeInUp .3s ease-out}.nav-mobile-actions{display:none;align-items:center;gap:.5rem;margin-left:auto}.notification-bell-container{position:relative}.notification-bell-container.desktop-only{display:block}.notification-bell-btn{background:transparent;border:none;padding:.5rem;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);transition:background .2s}.notification-bell-btn:hover{background:var(--bg-hover);transform:none;box-shadow:none}.notification-bell-icon{width:24px;height:24px;color:var(--text-secondary);transition:color .2s}.notification-bell-btn:hover .notification-bell-icon{color:var(--text-primary)}.bell-badge{position:absolute!important;top:0!important;right:0!important;margin:0!important;min-width:16px!important;height:16px!important;font-size:.65rem!important;padding:0 4px!important}.notifications-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:360px;max-height:480px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:200;overflow:hidden;animation:notificationSlideIn .2s ease-out}@keyframes notificationSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.notifications-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.notifications-mark-read{background:transparent;border:none;color:var(--primary-light);font-size:.85rem;font-weight:500;padding:.25rem .5rem;cursor:pointer;border-radius:var(--radius);transition:background .2s}.notifications-mark-read:hover{background:rgba(99,102,241,.1);transform:none;box-shadow:none}.notifications-list{min-height:200px;max-height:400px;overflow-y:auto;overscroll-behavior:contain}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:var(--bg-secondary)}.notifications-list::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.notification-item{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s,opacity .2s;position:relative}.notification-date-header{padding:.5rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-secondary);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:1}.notification-item.new-notification{animation:slideInNotification .3s ease-out}@keyframes slideInNotification{0%{opacity:0;transform:translateY(-20px);max-height:0}to{opacity:1;transform:translateY(0);max-height:100px}}.notification-item:hover{background:var(--bg-hover)}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:rgba(99,102,241,.05)}.notification-item.unread:hover{background:rgba(99,102,241,.1)}.notification-avatar{width:40px;height:40px;border-radius:var(--radius-full);overflow:hidden;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-avatar img{width:100%;height:100%;object-fit:cover}.notification-avatar span{font-size:1.25rem}.notification-content{flex:1 1;min-width:0}.notification-text{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.4}.notification-text strong{color:var(--text-primary);font-weight:600}.notification-time{font-size:.75rem;color:var(--text-muted);margin-top:.25rem;display:block}.notification-thumbnail{width:48px;height:48px;border-radius:var(--radius);overflow:hidden;flex-shrink:0;background:var(--bg-tertiary)}.notification-thumbnail img{width:100%;height:100%;object-fit:cover}.notification-unread-dot{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--primary)}.notifications-empty{padding:3rem 1rem;text-align:center}.notifications-empty p{color:var(--text-muted);font-size:.9rem}.notifications-loading{padding:1.5rem;display:flex;justify-content:center}.spinner-small{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.notifications-load-more{width:100%;padding:.875rem;background:transparent;border:none;border-top:1px solid var(--border);color:var(--primary-light);font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s}.notifications-load-more:hover{background:var(--bg-hover);transform:none;box-shadow:none}@media (max-width:768px){.nav-mobile-actions{display:flex}.notification-bell-container.desktop-only{display:none}.notifications-dropdown{position:fixed;top:60px;right:.5rem;left:.5rem;width:auto;max-width:none;max-height:350px;overflow:hidden;display:flex;flex-direction:column}.notifications-list{min-height:150px;max-height:280px;overflow-y:auto;flex:1 1}.notification-item{padding:.75rem}.notification-avatar{width:36px;height:36px}.notification-thumbnail{width:40px;height:40px}}.admin-dashboard{max-width:1200px;margin:0 auto;padding:2rem 1.5rem;min-height:100vh}.admin-header{margin-bottom:2rem}.admin-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.admin-subtitle{color:var(--text-muted);margin-top:.25rem}.admin-loading{flex-direction:column;align-items:center;min-height:100vh;gap:1rem;color:var(--text-muted)}.admin-loading,.admin-loading-tab{display:flex;justify-content:center}.admin-loading-tab{padding:3rem}.admin-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid var(--border);padding-bottom:.5rem;overflow-x:auto}.admin-tab{padding:.75rem 1.25rem;background:transparent;border:none;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;border-radius:var(--radius);transition:all .2s;white-space:nowrap}.admin-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-tab.active{background:var(--primary);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.stats-grid.small{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-width:600px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;gap:1rem}.stat-card,.stat-icon{display:flex;align-items:center}.stat-icon{font-size:2rem;width:50px;height:50px;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius)}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-label{font-size:.85rem;color:var(--text-muted)}.stat-change{font-size:.75rem;color:var(--success);margin-top:.25rem}.admin-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.admin-section h2{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.admin-table{overflow-x:auto}.admin-table table{width:100%;border-collapse:collapse}.admin-table td,.admin-table th{padding:.75rem;text-align:left;border-bottom:1px solid var(--border)}.admin-table th{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.admin-table td{font-size:.9rem;color:var(--text-secondary)}.admin-table tbody tr:hover{background:var(--bg-hover)}.admin-table tbody tr:last-child td{border-bottom:none}.user-cell{display:flex;align-items:center;gap:.75rem}.admin-avatar{object-fit:cover}.admin-avatar,.admin-avatar-placeholder{width:32px;height:32px;border-radius:50%}.admin-avatar-placeholder{background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:1rem}.post-cell{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-chart{display:flex;align-items:flex-end;gap:.5rem;height:120px;padding:.5rem 0}.chart-bar-container{flex:1 1;display:flex;flex-direction:column;align-items:center;height:100%}.chart-bar{width:100%;max-width:40px;background:linear-gradient(180deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:4px 4px 0 0;min-height:4px;transition:height .3s ease;margin-top:auto}.chart-bar:hover{background:var(--primary-light)}.chart-label{font-size:.65rem;color:var(--text-muted);margin-top:.5rem;white-space:nowrap}.admin-content{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.admin-dashboard{padding:1rem}.admin-header h1{font-size:1.5rem}.admin-tabs{gap:.25rem}.admin-tab{padding:.5rem .75rem;font-size:.85rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:1rem}.stat-icon{font-size:1.5rem;width:40px;height:40px}.stat-value{font-size:1.25rem}.mini-chart{height:80px}.chart-label{display:none}}.submission-type-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.submission-type-tab{padding:.75rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;font-size:.9rem;transition:all .2s}.submission-type-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.submission-type-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.submission-refresh-btn{margin-left:auto;padding:.75rem 1.25rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:all .2s}.submission-refresh-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-new{background:rgba(59,130,246,.15);color:#3b82f6}.status-in_progress{background:rgba(234,179,8,.15);color:#eab308}.status-future_deadline{background:rgba(168,85,247,.15);color:#a855f7}.status-resolved{background:rgba(34,197,94,.15);color:#22c55e}.status-closed{background:hsla(220,9%,46%,.15);color:#6b7280}.admin-btn-small{padding:.35rem .75rem;background:var(--primary);color:#fff;border:none;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s}.admin-btn-small:hover{background:var(--primary-dark)}.admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.admin-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);max-width:700px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.admin-modal-header h2{margin:0;font-size:1.25rem;color:var(--text-primary)}.admin-modal-close{background:none;border:none;font-size:1.75rem;color:var(--text-muted);cursor:pointer;padding:0;line-height:1}.admin-modal-close:hover{color:var(--text-primary)}.admin-modal-body{padding:1.5rem;overflow-y:auto}.submission-meta{display:flex;flex-wrap:wrap;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border);margin-bottom:1rem;font-size:.9rem}.submission-meta span{color:var(--text-secondary)}.status-select,.submission-meta strong{color:var(--text-primary)}.status-select{padding:.25rem .5rem;margin-left:.5rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;font-size:.85rem;cursor:pointer}.submission-body{margin-bottom:1.5rem}.submission-attachments h4,.submission-body h4,.submission-notes h4{margin:0 0 .5rem;font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.submission-body p{color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.submission-attachments{margin-bottom:1.5rem}.attachment-list{display:flex;flex-wrap:wrap;gap:.5rem}.attachment-link{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background:var(--bg-tertiary);border-radius:var(--radius);color:var(--primary-light);text-decoration:none;font-size:.85rem}.attachment-link:hover{background:var(--bg-hover)}.submission-notes{padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius)}.submission-notes p{margin:0;color:var(--text-secondary)}.left-sidebar{position:fixed;left:0;top:60px;bottom:0;z-index:100}.left-sidebar-strip{width:62px;height:100%;background:rgba(30,41,59,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding-top:.75rem;gap:.5rem}.left-sidebar-dropdown,.left-sidebar-trigger{position:relative;width:100%}.left-sidebar-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.75rem .5rem;background:transparent;cursor:pointer;color:var(--text-muted);transition:all .2s;border:none;border-left:3px solid transparent}.left-sidebar-trigger.active,.left-sidebar-trigger:hover{color:var(--primary-light);background:rgba(99,102,241,.1);border-left-color:var(--primary)}.left-sidebar-trigger.has-new{color:#4ade80}.left-sidebar-trigger.has-new:after{content:"";position:absolute;inset:0;background:rgba(74,222,128,.05);pointer-events:none}.left-sidebar-new-dot{position:absolute;top:4px;right:8px;width:10px;height:10px;background:#4ade80;border-radius:50%;box-shadow:0 0 8px #4ade80,0 0 16px #4ade80;animation:newDotPulse 1s ease-in-out infinite}@keyframes newDotPulse{0%,to{transform:scale(1);box-shadow:0 0 8px #4ade80,0 0 16px #4ade80}50%{transform:scale(1.2);box-shadow:0 0 12px #4ade80,0 0 24px #4ade80,0 0 32px #4ade80}}.left-sidebar-trigger svg{width:22px;height:22px}.left-sidebar-trigger>span:not(.left-sidebar-new-dot){font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.left-sidebar-panel{position:absolute;left:calc(100% + 8px);top:0;width:320px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.4);overflow:hidden;animation:leftSidebarFadeIn .15s ease-out}@keyframes leftSidebarFadeIn{0%{opacity:0;margin-left:-8px}to{opacity:1;margin-left:0}}.left-sidebar-panel-header{padding:.75rem 1rem;border-bottom:1px solid var(--border);font-weight:600;font-size:.9rem;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between}.left-sidebar-mark-read-btn{background:transparent;border:none;color:var(--primary-light);font-size:.75rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background .15s}.left-sidebar-mark-read-btn:hover{background:rgba(99,102,241,.15)}.left-sidebar-panel-content{max-height:300px;overflow-y:auto;overscroll-behavior:contain}.left-sidebar-panel-content::-webkit-scrollbar{width:4px}.left-sidebar-panel-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.left-sidebar-panel-footer{display:block;width:100%;padding:.75rem 1rem;border:none;border-top:1px solid var(--border);text-align:center;font-size:.85rem;color:var(--primary-light);text-decoration:none;background:transparent;cursor:pointer;transition:background .15s}.left-sidebar-panel-footer:hover{background:var(--bg-hover)}.left-sidebar-panel-footer:disabled{opacity:.6;cursor:not-allowed}.left-sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;text-decoration:none;color:inherit;cursor:pointer;transition:background .15s;position:relative}.left-sidebar-item:hover{background:var(--bg-hover)}.left-sidebar-item.unread{background:rgba(74,222,128,.08)}.left-sidebar-item.unread:hover{background:rgba(74,222,128,.12)}.left-sidebar-item-unread-dot{position:absolute;left:4px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#4ade80;border-radius:50%;box-shadow:0 0 4px #4ade80}.left-sidebar-item-img{width:32px;height:32px;border-radius:6px;overflow:hidden;background:var(--bg-tertiary);flex-shrink:0;display:flex;align-items:center;justify-content:center}.left-sidebar-item-img.avatar{border-radius:50%}.left-sidebar-item-img img{width:100%;height:100%;object-fit:cover}.left-sidebar-item-img span{font-size:.9rem}.left-sidebar-item-name{flex:1 1;font-size:.85rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.left-sidebar-item.activity{align-items:flex-start;padding-left:1.25rem}.left-sidebar-item-info{flex:1 1;min-width:0;display:flex;flex-direction:column}.left-sidebar-item-sub{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.left-sidebar-item-time{font-size:.7rem;color:var(--text-muted);flex-shrink:0}.left-sidebar-game-tooltip{position:fixed;left:calc(62px + 320px + 12px);transform:translateY(-50%);background:#1e293b;color:#f1f5f9;padding:.6rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;white-space:nowrap;box-shadow:0 4px 16px rgba(0,0,0,.5);border:1px solid #334155;pointer-events:none;z-index:300}.left-sidebar-loading{display:flex;align-items:center;justify-content:center;padding:2rem}.left-sidebar-spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.left-sidebar-empty{padding:1.5rem 1rem;text-align:center}.left-sidebar-empty p{font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}.left-sidebar-empty a{font-size:.8rem;color:var(--primary-light);text-decoration:none}.left-sidebar-empty a:hover{text-decoration:underline}.left-sidebar-item-img.submit-icon.bug{background:rgba(239,68,68,.1);color:#ef4444}.left-sidebar-item-img.submit-icon.feedback{background:rgba(59,130,246,.1);color:#3b82f6}.left-sidebar-item-img.submit-icon.feature{background:rgba(234,179,8,.1);color:#eab308}.left-sidebar-item-img.submit-icon.game{background:rgba(16,185,129,.1);color:#10b981}@media (max-width:1024px){.left-sidebar{display:none}}.left-sidebar-tab-buttons{display:flex;gap:.25rem}.left-sidebar-tab-btn{background:transparent;border:none;color:var(--text-muted);font-size:.7rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;cursor:pointer;transition:all .15s}.left-sidebar-tab-btn:hover{color:var(--text-primary);background:hsla(0,0%,100%,.05)}.left-sidebar-tab-btn.active{color:var(--primary-light);background:rgba(99,102,241,.15)}.left-sidebar-item-stats{font-size:.7rem;color:var(--text-muted);flex-shrink:0;display:flex;align-items:center;gap:.25rem}.left-sidebar-item.trending-post{align-items:flex-start;padding:.65rem 1rem}.left-sidebar-trending-content{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.left-sidebar-trending-preview{font-size:.75rem;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.left-sidebar-trending-likes{font-size:.7rem;color:var(--text-secondary);margin-top:.15rem}.left-sidebar-trending-thumb{width:48px;height:48px;flex-shrink:0;border-radius:6px;overflow:hidden;margin-left:.5rem}.left-sidebar-trending-thumb img{width:100%;height:100%;object-fit:cover}.left-sidebar-item.submit-item{padding:.75rem 1rem}.left-sidebar-item.submit-item .left-sidebar-item-sub{font-size:.7rem}.submit-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.submit-icon svg{width:16px;height:16px}.submit-icon.bug{background:rgba(239,68,68,.15);color:#ef4444}.submit-icon.feedback{background:rgba(59,130,246,.15);color:#3b82f6}.submit-icon.feature{background:rgba(234,179,8,.15);color:#eab308}[data-theme=light] .submit-icon.bug{background:rgba(239,68,68,.1)}[data-theme=light] .submit-icon.feedback{background:rgba(59,130,246,.1)}[data-theme=light] .submit-icon.feature{background:rgba(234,179,8,.1)}.feed-post-avatar.clickable,.feed-post-username.clickable{cursor:pointer;transition:opacity .2s}.feed-post-avatar.clickable:hover{opacity:.8}.feed-post-username.clickable:hover{color:var(--primary-light)}.nav-mobile-actions .mobile-drawer-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;cursor:pointer;border-radius:8px;transition:all .2s}.nav-mobile-actions .mobile-drawer-btn.active,.nav-mobile-actions .mobile-drawer-btn:hover{background:var(--bg-tertiary)}.nav-mobile-actions .mobile-drawer-btn .grid-icon{width:22px;height:22px;color:var(--text-secondary);transition:color .2s}.nav-mobile-actions .mobile-drawer-btn.active .grid-icon,.nav-mobile-actions .mobile-drawer-btn:hover .grid-icon{color:var(--primary)}@media (min-width:769px){.nav-mobile-actions .mobile-drawer-btn{display:none}}#mobile-drawer-trigger{display:flex}@media (min-width:769px){#mobile-drawer-trigger{display:none!important}}Admin user styles · CSS Copy .user-details-modal{max-width:650px;max-height:85vh;overflow-y:auto}.user-details-body{display:flex;flex-direction:column;gap:1.25rem}.user-details-header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.user-details-avatar .avatar-placeholder-large,.user-details-avatar img{width:70px;height:70px;border-radius:50%;object-fit:cover;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:2rem}.user-details-main{flex:1 1}.user-details-main h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.user-details-main .user-fullname{margin:.25rem 0 0;color:var(--text-secondary);font-size:.9rem}.user-details-main .user-email{margin:.25rem 0 0;color:var(--text-muted);font-size:.85rem}.user-details-meta{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.user-info-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.75rem;gap:.75rem;background:var(--bg-tertiary);padding:1rem;border-radius:var(--radius)}.user-info-item{text-align:center}.user-info-item .label{display:block;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:.25rem}.user-info-item .value{display:block;font-size:.85rem;color:var(--text-primary)}.user-bio-section{background:var(--bg-tertiary);padding:1rem;border-radius:var(--radius)}.user-bio-section h4{margin:0 0 .5rem;font-size:.8rem;color:var(--text-muted);text-transform:uppercase}.user-bio-section p{margin:0;color:var(--text-secondary);font-size:.9rem}.user-stats-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.75rem;gap:.75rem}.user-stat-box{background:var(--bg-tertiary);padding:1rem;border-radius:var(--radius);text-align:center}.user-stat-box .stat-num{display:block;font-size:1.5rem;font-weight:600;color:var(--primary)}.user-stat-box .stat-label{font-size:.75rem;color:var(--text-muted)}.user-recent-section h4{margin:0 0 .75rem;font-size:.85rem;color:var(--text-primary)}.recent-posts-list{display:flex;flex-direction:column;gap:.5rem}.recent-post-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:var(--bg-tertiary);border-radius:var(--radius);font-size:.85rem}.recent-post-item .post-game-tag{background:var(--primary);color:#fff;padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.7rem;white-space:nowrap;flex-shrink:0}.recent-post-item .post-preview{flex:1 1;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-post-item .post-date{color:var(--text-muted);font-size:.75rem;flex-shrink:0}.admin-actions-section h4{margin:0 0 .75rem;font-size:.85rem;color:var(--text-primary)}.admin-actions-grid{display:flex;flex-wrap:wrap;gap:.5rem}.action-btn{padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-tertiary);color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .2s}.action-btn:hover{border-color:var(--primary);background:var(--bg-secondary)}.action-btn.action-password{border-color:#3b82f6;color:#3b82f6}.action-btn.action-password:hover{background:rgba(59,130,246,.1)}.action-btn.action-view{border-color:#8b5cf6;color:#8b5cf6}.action-btn.action-view:hover{background:rgba(139,92,246,.1)}.action-btn.action-suspend{border-color:#f59e0b;color:#f59e0b}.action-btn.action-suspend:hover{background:rgba(245,158,11,.1)}.action-btn.action-deactivate{border-color:#6b7280;color:#6b7280}.action-btn.action-deactivate:hover{background:hsla(220,9%,46%,.1)}.action-btn.action-ban{border-color:#ef4444;color:#ef4444}.action-btn.action-ban:hover{background:rgba(239,68,68,.1)}.action-btn.action-activate{border-color:#10b981;color:#10b981}.action-btn.action-activate:hover{background:rgba(16,185,129,.1)}.status-active{background:rgba(16,185,129,.2);color:#10b981}.status-deactivated{background:hsla(220,9%,46%,.2);color:#9ca3af}.status-suspended{background:rgba(245,158,11,.2);color:#f59e0b}.status-banned{background:rgba(239,68,68,.2);color:#ef4444}.status-admin{background:rgba(234,179,8,.2);color:#eab308}.status-warning{background:rgba(245,158,11,.2);color:#f59e0b}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem}.form-group label,.form-input{color:var(--text-primary);font-size:.9rem}.form-input{width:100%;padding:.6rem .75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius)}.form-input:focus{border-color:var(--primary);outline:none}textarea.form-input{resize:vertical;min-height:80px}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400;font-size:.9rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary)}.btn-primary,.btn-secondary{padding:.5rem 1rem;cursor:pointer}.btn-primary{background:var(--primary);border:none;border-radius:var(--radius);color:#fff}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary.btn-danger{background:#ef4444}.error-message{background:rgba(239,68,68,.1);border:1px solid #ef4444;border-radius:var(--radius);color:#ef4444}.error-message,.success-message{padding:.6rem .75rem;font-size:.85rem}.success-message{background:rgba(16,185,129,.1);border:1px solid #10b981;border-radius:var(--radius);color:#10b981}.user-search-container{display:flex;gap:.75rem;margin-bottom:1rem}.user-search-input{flex:1 1;padding:.6rem .75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary)}.user-search-btn{padding:.6rem 1.25rem;background:var(--primary);border:none;border-radius:var(--radius);color:#fff;cursor:pointer}@media (max-width:600px){.user-info-grid,.user-stats-row{grid-template-columns:repeat(2,1fr)}.admin-actions-grid{flex-direction:column}.action-btn{width:100%;text-align:center}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border);padding:1rem;z-index:9999;box-shadow:0 -4px 20px rgba(0,0,0,.3);animation:slideUp .3s ease-out}body:has(.cookie-banner){padding-bottom:80px}@media (max-width:600px){body:has(.cookie-banner){padding-bottom:180px}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-content{max-width:1200px;margin:0 auto;justify-content:space-between;gap:1rem}.cookie-content,.cookie-text{display:flex;align-items:center}.cookie-text{gap:.75rem;flex:1 1}.cookie-icon{font-size:1.5rem;flex-shrink:0}.cookie-text p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.4}.cookie-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.cookie-link{color:var(--text-muted);font-size:.85rem;text-decoration:none;white-space:nowrap}.cookie-link:hover{color:var(--primary);text-decoration:underline}.cookie-accept-btn{background:var(--primary);color:#fff;border:none;padding:.6rem 1.5rem;border-radius:var(--radius);font-size:.9rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .2s}.cookie-accept-btn:hover{background:var(--primary-hover)}@media (max-width:600px){.cookie-banner{padding:1rem}.cookie-content{flex-direction:column;text-align:center;gap:.75rem}.cookie-text{flex-direction:column;gap:.5rem}.cookie-icon{font-size:1.75rem}.cookie-text p{font-size:.85rem}.cookie-actions{width:100%;justify-content:center;gap:1rem}.cookie-accept-btn{flex:1 1;max-width:200px;padding:.75rem 1rem}}.legal-page{min-height:100vh;background:var(--bg-primary)}.legal-container{max-width:800px;margin:0 auto;padding:2rem 1.5rem 4rem}.legal-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.legal-header h1{font-size:2rem;color:var(--text-primary);margin:0 0 .5rem}.legal-meta{color:var(--text-muted);font-size:.9rem;margin:0}.legal-content{color:var(--text-secondary);line-height:1.7}.legal-content h2{color:var(--text-primary);font-size:1.25rem;margin:2rem 0 1rem;padding-top:1rem}.legal-content h3{color:var(--text-primary);font-size:1rem;margin:1.5rem 0 .75rem;font-weight:600}.legal-content p{margin:0 0 1rem}.legal-content ol,.legal-content ul{margin:0 0 1rem 1.5rem}.legal-content li{margin-bottom:.5rem}.legal-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border)}.legal-footer a{color:var(--primary);text-decoration:none}.legal-footer a:hover{text-decoration:underline}@media (max-width:600px){.legal-container{padding:1.5rem 1rem 3rem}.legal-header h1{font-size:1.5rem}.legal-content h2{font-size:1.1rem}}@media (max-width:768px){.feed-container{padding-left:.75rem;padding-right:.75rem}.feed-main{width:100%}}.profile-bio-desktop{display:block}.profile-bio-mobile{display:none}@media (max-width:768px){.profile-bio-desktop{display:none}.profile-bio-mobile{display:block}}