:root{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: #e5e4e7;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--sans: system-ui, "Segoe UI", Roboto, sans-serif;--heading: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 1024px){:root{font-size:16px}}@media (prefers-color-scheme: dark){:root{--text: #9ca3af;--text-h: #f3f4f6;--bg: #16171d;--border: #2e303a;--code-bg: #1f2028;--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .15);--accent-border: rgba(192, 132, 252, .5);--social-bg: rgba(47, 48, 58, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px}#social .button-icon{filter:invert(1) brightness(2)}}body{margin:0}#root{width:1126px;max-width:100%;margin:0 auto;text-align:center;border-inline:1px solid var(--border);min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0}@media (max-width: 1024px){h1{font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media (max-width: 1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}:root{--gold-primary: #ffd700;--gold-dark: #b8860b;--gold-gradient: linear-gradient(45deg, #b8860b, #ffd700, #b8860b);--gold-glow: 0 0 15px rgba(255, 215, 0, .5);--snuppy-bg: #0b0b0e}.auth-container-login{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--snuppy-bg)!important;color:#fff}.gold-btn{background:var(--gold-gradient)!important;border:none!important;padding:14px 20px!important;border-radius:10px!important;font-weight:700!important;cursor:pointer!important;color:#1a1a2e!important;box-shadow:var(--gold-glow)!important;transition:.3s ease-in-out!important;text-transform:uppercase;letter-spacing:1px}.gold-btn:hover{transform:scale(1.05);box-shadow:0 0 25px #ffd700cc!important}.gold-input{padding:14px;border-radius:10px;border:1px solid var(--gold-primary)!important;background:#16213e!important;color:#fff!important;outline:none;width:100%;box-sizing:border-box}.gold-status-text{color:var(--gold-primary)!important;margin-bottom:35px;opacity:.9;letter-spacing:1px;font-size:1.1rem;text-shadow:0 0 5px rgba(255,215,0,.3)}.gold-border{border-color:var(--gold-primary)!important}@media (max-width: 768px){.plato-layout{flex-direction:column;overflow:visible}}.plato-sidebar{width:240px;background:#16213e;border-right:1px solid #1a1a2e;overflow-y:auto}@media (max-width: 768px){.plato-sidebar{width:100%;border-right:none;border-bottom:2px solid var(--gold-primary)}}.plato-main-area{flex:1;overflow-y:auto;background:#83c29d;padding:10px;width:100%;box-sizing:border-box}.sn-post-card{background:#16213e;padding:15px;border-radius:15px;margin-bottom:15px;border:1px solid #233554}.sn-online-bar{background:#16213e;padding:10px;border-radius:15px;margin-bottom:15px;display:flex;gap:12px;overflow-x:auto}.sn-chat-window{position:fixed;bottom:20px;right:20px;width:350px;min-width:300px;min-height:400px;background:#16213e;border:2px solid var(--gold-primary);border-radius:15px;display:flex;flex-direction:column;z-index:1000;resize:both;overflow:hidden}.sn-chat-media-content{border:none!important;outline:none!important;background:transparent!important;box-shadow:0 4px 15px #00000080;border-radius:10px;max-width:100%;margin:5px 0}.chat-bubble-container{position:relative;display:flex;width:100%}.chat-bubble.has-media{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}.chat-attach-label{font-size:22px;cursor:pointer;padding:0 10px;color:silver;transition:.3s;display:flex;align-items:center}.chat-bubble:hover .msg-del-x{display:flex!important}.chat-attach-label:hover{color:var(--gold-primary);transform:scale(1.2)}.chat-footer{display:flex;align-items:center;padding:10px;background:#16213e;border-radius:0 0 15px 15px}.chat-input{flex:1;background:#1a1a2e;border:1px solid var(--gold-primary);color:#fff;padding:8px 12px;border-radius:20px;outline:none}.sn-gold-text{color:var(--gold-primary)!important}.sn-privacy-select{background:#16213e!important;color:var(--gold-primary)!important;border:1px solid var(--gold-primary)!important;border-radius:8px!important;padding:8px 12px!important;cursor:pointer!important;font-weight:700!important;font-size:14px!important;outline:none!important;min-width:100px!important}.sn-privacy-select option{background:#1a1a2e;color:#fff}.plato-root{display:flex;flex-direction:column;height:100vh;background:#1a1a2e;color:#fff;font-family:sans-serif}.plato-layout{display:flex;flex:1;overflow:hidden}.plato-main-area{flex:1;overflow-y:auto;background:#1ed4a7;padding:10px;width:100%;box-sizing:border-box}.plato-sidebar{width:240px;background:#05143f;border-right:1px solid #1a1a2e;overflow-y:auto}.header-style{display:flex;justify-content:space-between;padding:10px 20px;background:#05143f;alignItems:center}.gold-border-bottom{border-bottom:2px solid #ffd700}.sidebar-header{padding:15px;color:gold;font-size:13px;margin:0;cursor:pointer;display:flex;justify-content:space-between;text-shadow:0 0 8px #ffd700}.user-item-sidebar{display:flex;align-items:center;gap:12px;padding:10px 15px;cursor:pointer;border-bottom:1px solid #1a1a2e}.sn-post-card{background:#22217a;padding:15px;border-radius:15px;margin-bottom:15px;border:1px solid #233554}.post-input{width:95%;background:#0b1b49;color:#fff;border:none;padding:10px;border-radius:10px;resize:none;outline:none}.post-actions{display:flex;justify-content:space-between;margin-top:10px;gap:10px;flex-wrap:wrap}.post-img{width:100%;border-radius:10px;margin-top:10px}.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.post-user-info{display:flex;align-items:center;gap:10px}.post-text-content{margin:15px 0;fontSize:15px;white-space:pre-wrap}.sn-online-bar{background:#060413;padding:10px;border-radius:15px;margin-bottom:15px;display:flex;gap:12px;overflow-x:auto}.online-item{text-align:center;min-width:70px;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;gap:5px}.avatar-circle{width:55px;height:55px;border-radius:50%!important;overflow:hidden;margin:0 auto;transition:.3s;background:#0f3460;display:flex;align-items:center;justify-content:center}.online-username{font-size:10px;margin-top:5px}.gold-btn{background:linear-gradient(45deg,#b8860b,gold,#b8860b);border:none;padding:8px 20px;border-radius:8px;cursor:pointer;font-weight:700;color:#16213e;box-shadow:0 0 10px #ffd70080}.text-btn-gold{background:none;border:none;color:gold;cursor:pointer;font-size:14px}.send-icon-btn{background:gold;border:none;padding:5px 15px;border-radius:8px;cursor:pointer;color:#16213e}.logout-btn,.sn-silver-btn{background:linear-gradient(145deg,#e6e6e6,#999)!important;color:#1a1a2e!important;border:none!important;padding:8px 20px!important;border-radius:20px!important;font-weight:700!important;cursor:pointer!important;box-shadow:0 4px 15px #0000004d,inset 0 2px 2px #ffffff80!important;transition:.3s all ease!important;text-transform:uppercase;font-size:12px}.logout-btn:hover{background:linear-gradient(145deg,#fff,#bbb)!important;transform:scale(1.05);box-shadow:0 0 15px #fff3!important}input[type=file]::file-selector-button{background:linear-gradient(145deg,#e6e6e6,#999);color:#1a1a2e;border:none;padding:6px 15px;border-radius:15px;cursor:pointer;font-weight:700;margin-right:10px;transition:.3s}input[type=file]::file-selector-button:hover{background:#fff}.mini-search-input{width:250px!important;background:#ffffff0d!important;border:1px solid var(--gold-primary)!important;border-radius:18px!important;padding:8px 20px!important;color:#fff!important;outline:none!important;transition:.3s}.mini-search-input:focus{width:300px!important;background:#ffffff1a!important;box-shadow:0 0 10px var(--gold-glow)}.sn-chat-window{position:fixed;bottom:10px;right:10px;width:300px;background:#16213e;border:2px solid #ffd700;border-radius:15px;z-index:1000;box-shadow:0 0 10px #ffd70080}.chat-header-gold{background:linear-gradient(45deg,#b8860b,gold,#b8860b);padding:10px;display:flex;justify-content:space-between;border-radius:12px 12px 0 0;color:#16213e;font-weight:700}.chat-body{display:flex;flex-direction:column;gap:10px;padding:15px;overflow-y:auto;height:400px;background:#1a1a2e}.chat-bubble.them{align-self:flex-start}.chat-bubble{position:relative!important;padding:10px 15px;border-radius:15px;max-width:80%}.chat-bubble.me{align-self:flex-end;background:gold;color:#16213e}.chat-bubble.them{align-self:flex-start;background:#233554;color:#fff}@media (max-width: 768px){.plato-layout{flex-direction:column;overflow:visible}.plato-sidebar{width:100%;border-right:none;border-bottom:2px solid #ffd700}.mini-search-input{width:120px!important}}.img-cover{width:100%;height:100%;object-fit:cover}.avatar-circle-small,.small-avatar{width:35px;height:35px;border-radius:50%!important;overflow:hidden;display:flex;align-items:center;justify-content:center}.small-avatar{width:35px;height:35px;border-radius:50%;overflow:hidden}.online-dot-mini{width:8px;height:8px;border-radius:50%;margin-top:4px;position:absolute;bottom:0;right:0}.unread-badge{position:absolute;top:0;right:0;background:red;border-radius:50%;width:18px;height:18px;font-size:10px;display:flex;align-items:center;justify-content:center;z-index:10}.sn-comment-panel{border-top:1px solid #1a1a2e;padding:15px 10px;background:#16213e;border-radius:0 0 15px 15px}.msg-del-x{position:absolute!important;top:-8px!important;right:-8px!important;background:#ff4d4d!important;color:#fff!important;border:none!important;border-radius:50%!important;width:20px!important;height:20px!important;font-size:14px!important;font-weight:700;cursor:pointer!important;display:flex!important;align-items:center;justify-content:center;z-index:100;box-shadow:0 2px 5px #0000004d}.sn-comment-info-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #233554}.sn-comment-count{color:var(--gold-primary);font-size:14px;font-weight:700}.sn-comments-list{max-height:180px;overflow-y:auto;margin-bottom:15px;display:flex;flex-direction:column;gap:8px}.sn-single-comment{background:#1a1a2e;padding:10px;border-radius:8px;font-size:13px;border-left:2px solid var(--gold-primary)}.sn-comment-input-row{display:flex;gap:8px;align-items:center;background:#1a1a2e;padding:6px;border-radius:10px}.sn-input-wrapper{position:relative;flex:1}.sn-comment-input{width:100%;padding:10px 10px 10px 35px;border-radius:8px;border:1px solid var(--gold-primary);background:#16213e;color:#fff;outline:none;box-sizing:border-box}.sn-input-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:14px}.sn-react-btn{background:none;border:none;font-size:18px;cursor:pointer;transition:.2s}.sn-react-btn:hover{transform:scale(1.2)}.sn-send-btn{background:var(--gold-gradient);border:none;color:#1a1a2e;padding:8px 15px;border-radius:8px;font-weight:700;cursor:pointer;box-shadow:var(--gold-glow)}.sn-emoji-picker-wrapper{position:relative;display:flex;align-items:center}.sn-emoji-select-custom{background:#1a1a2e;color:var(--gold-primary);border:1px solid var(--gold-primary);border-radius:5px;padding:2px 5px;cursor:pointer;font-size:16px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center}.sn-emoji-select-custom:hover{background:var(--gold-primary);color:#1a1a2e}.sn-emoji-bar{display:flex;gap:10px;padding:8px;background:#1a1a2e;border-radius:10px;margin-top:5px;overflow-x:auto;border:1px solid rgba(255,215,0,.2)}.sn-emoji-item{font-size:20px;cursor:pointer;transition:transform .2s;-webkit-user-select:none;user-select:none}.sn-emoji-item:hover{transform:scale(1.3)}.sn-emoji-bar::-webkit-scrollbar{height:3px}.sn-emoji-bar::-webkit-scrollbar-thumb{background:var(--gold-primary);border-radius:10px}.sn-emoji-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:10px;padding:12px;background:#16213e;border:1px solid var(--gold-primary);border-radius:12px;margin-bottom:10px;box-shadow:var(--gold-glow);max-width:fit-content}.sn-emoji-grid-item{font-size:22px;cursor:pointer;transition:transform .15s;text-align:center;-webkit-user-select:none;user-select:none}.sn-emoji-grid-item:hover{transform:scale(1.4)}.sn-comment-panel{border-top:1px solid var(--gold-primary);padding:15px;background:#111d35;border-radius:0 0 15px 15px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sn-comment-toggle-btn{background:none;border:none;color:var(--gold-primary);cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:5px;transition:.2s}.sn-comment-toggle-btn:hover{text-shadow:0 0 8px var(--gold-primary);transform:translateY(-2px)}.sn-del-comment{background:none;border:none;cursor:pointer;font-size:14px;opacity:.6;transition:.2s;padding:0 5px}.sn-del-comment:hover{opacity:1;transform:scale(1.2)}.sn-emoji-popup{position:absolute;bottom:40px;right:0;z-index:9999;background:#16213e;border:1px solid #ffd700;border-radius:12px;padding:10px;box-shadow:0 10px 30px #000c,0 0 10px #ffd7004d;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;width:250px}.sn-comments-list{max-height:none;overflow:visible!important}.sn-single-comment{position:relative;word-break:break-word;margin-bottom:15px}:root{--cat-size: 150px}.sn-logo-anim-container{width:var(--cat-size);height:var(--cat-size);margin-bottom:15px;overflow:hidden;position:relative;cursor:pointer;filter:drop-shadow(0 0 10px rgba(255,215,0,.3))}.sn-cat-sprite{width:auto;height:100%;position:absolute;top:0;left:0;transform:translate(0)}.sn-logo-anim-container:hover .sn-cat-sprite{transform:translate(calc(-1 * var(--cat-size) * 5));transition:transform .8s steps(5)}.sn-cat-sprite{transition:transform .5s steps(5)}.chat-header-actions{display:flex;align-items:center;gap:12px;padding-right:5px}.header-action-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#16213e!important;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:16px;box-shadow:0 2px 4px #0000001a}.call-btn:hover{background:#16213e;color:gold!important;transform:translateY(-2px)}.close-btn:hover{background:#ff4d4d;color:#fff!important;border-color:#ff4d4d;transform:translateY(-2px)}.header-action-btn:active{transform:scale(.9)}.incoming-call-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999}.incoming-call-card{background:#1a1a2e;padding:30px;border-radius:20px;border:2px solid #ffd700;text-align:center;color:#fff}.accept-btn{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;margin-right:10px}.reject-btn{background:#dc3545;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer}.video-call-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.video-grid{position:relative;width:80%;height:70%;display:flex;gap:20px;justify-content:center}.user-video-feed{width:100%;height:100%;object-fit:cover;border-radius:20px;border:2px solid #ffd700}.my-video-feed{position:absolute;bottom:20px;right:20px;width:200px;height:150px;object-fit:cover;border-radius:10px;border:2px solid white;z-index:10000}.call-controls{margin-top:30px}.end-call-btn{background:#ff4d4d;color:#fff;border:none;padding:15px 40px;font-size:18px;border-radius:50px;cursor:pointer;box-shadow:0 4px 15px #ff4d4d66}.sn-context-menu{background:#16213e;border:1px solid #ffd700;border-radius:12px;padding:6px;min-width:200px;box-shadow:0 10px 40px #000c,0 0 15px #ffd70033;animation:contextFadeIn .15s ease-out}@keyframes contextFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sn-context-header{color:gold;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:6px 12px 8px;border-bottom:1px solid rgba(255,215,0,.2);margin-bottom:4px}.sn-context-item{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;color:#fff;padding:10px 14px;border-radius:8px;cursor:pointer;font-size:14px;text-align:left;transition:background .15s}.sn-context-item:hover{background:#ffd7001a;color:gold}.sn-context-divider{height:1px;background:#ffffff1a;margin:4px 8px}.sn-context-danger{color:#ff6b6b!important}.sn-context-danger:hover{background:#ff4d4d26!important;color:#ff4d4d!important}.follow-btn-small{background:none;border:1px solid #ffd700;color:gold;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:.2s;flex-shrink:0}.follow-btn-small.following{background:gold;color:#16213e}.follow-btn-small:hover{transform:scale(1.15)}.sidebar-unread-badge{position:absolute;top:-4px;left:-4px;background:red;border-radius:50%;width:16px;height:16px;font-size:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;z-index:10}.follow-notification{position:fixed;top:20px;left:50%;transform:translate(-50%);background:linear-gradient(45deg,#b8860b,gold);color:#16213e;padding:12px 24px;border-radius:25px;font-weight:700;font-size:14px;z-index:99999;box-shadow:0 4px 20px #ffd70080;animation:notifSlideIn .3s ease-out}@keyframes notifSlideIn{0%{opacity:0;top:0}to{opacity:1;top:20px}}.sn-ad-slot{margin-bottom:15px}.sn-ad-inner{background:#16213e;border:1px dashed rgba(255,215,0,.3);border-radius:15px;padding:15px;text-align:center}.sn-ad-label{font-size:10px;color:#555;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:8px}.sn-ad-placeholder{color:#444;font-size:14px;padding:20px}