:root{--nermi-red:#dc2626;--nermi-red-dark:#b91c1c;--nermi-black:#0a0a0a;--nermi-gray:#1a1a1a;--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-glass:#1a1a1ab3;--bg-input:#18181b;--border-color:#27272a;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a}[data-theme=light]{--bg-primary:#f9fafb;--bg-secondary:#fff;--bg-glass:#ffffffb3;--bg-input:#f3f4f6;--border-color:#e5e7eb;--text-primary:#0a0a0a;--text-secondary:#4b5563;--text-muted:#9ca3af}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background .3s,color .3s;overflow-x:hidden}.gradient-red{background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%)}.gradient-text{background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);transition:background .3s,border .3s}[data-theme=light] .glass{box-shadow:0 1px 3px #0000001a}.bg-zinc-900{background-color:var(--bg-input)!important}.bg-zinc-800,.hover\:bg-zinc-800:hover{background-color:var(--border-color)!important}.border-zinc-800{border-color:var(--border-color)!important}.text-zinc-400{color:var(--text-secondary)!important}.text-zinc-500{color:var(--text-muted)!important}.text-zinc-300{color:var(--text-secondary)!important}.post-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.post-card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #dc26261a,0 10px 10px -5px #dc26260a}.btn-primary{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transition:all .3s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 20px -5px #dc262666}.like-btn.liked{color:#dc2626;animation:.5s likeAnimation}@keyframes likeAnimation{0%,to{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(.9)}}.comment-slide{max-height:0;transition:max-height .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.comment-slide.active{max-height:2000px}.modal{animation:.3s fadeIn;display:none}.modal.active{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:.3s cubic-bezier(.4,0,.2,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.toast{animation:.3s slideInRight,.3s 2.7s forwards fadeOut}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{to{opacity:0;transform:translate(100%)}}.tab-active{border-bottom:3px solid #dc2626;color:#dc2626!important}.avatar-ring{background:linear-gradient(135deg,#dc2626,#991b1b);padding:2px}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.category-chip{border:1px solid #0000;transition:all .2s}.category-chip.active{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-color:#dc2626}.category-chip:not(.active):hover{border-color:var(--nermi-red)}.custom-player{background:#000;border-radius:.75rem;position:relative;overflow:hidden}.custom-video-wrapper{width:100%;position:relative}.custom-controls{opacity:0;background:linear-gradient(#0000 0%,#000000b3 40%,#000000e6 100%);padding:20px 12px 12px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.custom-player:hover .custom-controls,.custom-controls.visible{opacity:1}.progress-bar{cursor:pointer;background:#ffffff4d;border-radius:2px;width:100%;height:4px;margin-bottom:8px;position:relative}.progress-bar:hover{height:6px}.progress-filled{background:linear-gradient(90deg,#dc2626 0%,#ef4444 100%);border-radius:2px;height:100%;position:relative}.progress-filled:after{content:"";opacity:0;background:#fff;border-radius:50%;width:12px;height:12px;transition:opacity .2s;position:absolute;top:50%;right:-6px;transform:translateY(-50%);box-shadow:0 0 8px #dc2626cc}.progress-bar:hover .progress-filled:after{opacity:1}.audio-player{background:var(--bg-input);border-radius:.75rem;padding:1rem}.volume-slider{background:var(--border-color);cursor:pointer;border-radius:2px;width:80px;height:4px;position:relative}.volume-filled{background:linear-gradient(90deg,#dc2626 0%,#ef4444 100%);border-radius:2px;height:100%}input[type=text],input[type=file],textarea,select{background-color:var(--bg-input)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}input[type=text]::placeholder,textarea::placeholder{color:var(--text-muted)!important}.story-viewer{z-index:200;background:#000;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.story-viewer.active{display:flex}.story-content{background:#000;border-radius:1rem;width:100%;max-width:420px;height:90vh;position:relative;overflow:hidden}.story-progress-container{z-index:10;gap:4px;display:flex;position:absolute;top:8px;left:8px;right:8px}.story-progress{background:#ffffff4d;border-radius:1px;flex:1;height:2px;overflow:hidden}.story-progress-fill{background:#fff;width:0%;height:100%;transition:width .1s linear}.story-header{z-index:10;align-items:center;gap:10px;display:flex;position:absolute;top:20px;left:12px;right:12px}.dm-panel{background:var(--bg-secondary);border-left:1px solid var(--border-color);z-index:150;flex-direction:column;width:100%;max-width:420px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.dm-panel.active{transform:translate(0)}.chat-messages{flex:1;padding:1rem;overflow-y:auto}.message-bubble{word-wrap:break-word;border-radius:1.25rem;max-width:70%;margin-bottom:.5rem;padding:.75rem 1rem}.message-sent{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-bottom-right-radius:.25rem;margin-left:auto}.message-received{background:var(--bg-input);border-bottom-left-radius:.25rem;margin-right:auto}.online-dot{border:2px solid var(--bg-secondary);background:#22c55e;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.upload-progress{background:#fff3;border-radius:2px;height:3px;margin-top:8px;overflow:hidden}.upload-progress-fill{background:linear-gradient(90deg,#dc2626 0%,#ef4444 100%);height:100%;transition:width .3s}@media (width<=768px){.sidebar-desktop{display:none}.category-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.story-content{border-radius:0;max-width:100%;height:100vh}}