*{box-sizing:border-box;margin:0;padding:0}html,body{scrollbar-width:none;color:#e5e7eb;background-color:#030303;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body::-webkit-scrollbar{display:none}:root{--surface-bg:#0f1115}.app-container{height:100vh;display:flex}.main-layout{flex-direction:column;flex:1;display:flex}.right-sidebar{background-color:#0b0b0b;border-left:1px solid #1f2937;flex-direction:column;width:320px;height:calc(100vh - 56px);padding:0;display:flex}.right-sidebar-content{flex:1;padding:1px;overflow-y:auto}.right-sidebar-content::-webkit-scrollbar{width:6px}.right-sidebar-content::-webkit-scrollbar-track{background:#0b0b0b}.right-sidebar-content::-webkit-scrollbar-thumb{background-color:#1f2937;border-radius:4px}.right-sidebar-content::-webkit-scrollbar-thumb:hover{background-color:#374151}.right-sidebar-content{scrollbar-width:thin;scrollbar-color:#1f2937 #0b0b0b}.community-item{cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:8px;display:flex}.community-item:hover{background-color:#1f2937}.community-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#3b82f6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.community-meta{justify-content:center;flex-direction:column!important;display:flex!important}.community-name{color:#e5e7eb;font-size:14px;line-height:1.2}.right-footer{color:#9ca3af;border-top:1px solid #1f2937;flex-direction:column;gap:6px;padding:12px;font-size:12px;display:flex}.header{background-color:var(--surface-bg);z-index:50;border-bottom:1px solid #1f2937;grid-template-columns:1fr 2fr 1fr;align-items:center;height:56px;padding:0 16px;display:grid;position:sticky;top:0}.header-left{align-items:center;display:flex}.header-center{justify-content:center;display:flex}.header-right{justify-content:flex-end;gap:10px;display:flex}.get-app-btn{color:#e5e7eb;cursor:pointer;background-color:#1f2937;border:none;border-radius:9999px;padding:6px 12px;font-size:13px}.get-app-btn:hover{background-color:#374151}.menu-toggle{color:#e5e7eb;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:18px}.menu-toggle:hover{background-color:#1f2937}.header-logo{color:#fff;cursor:pointer;letter-spacing:-.4px;font-size:30px;font-weight:700;transition:color .15s}.header-logo:hover{color:#ff4500}.search-box{flex:1;max-width:520px}.search-box input{color:#e5e7eb;background-color:#1f2937;border:none;border-radius:9999px;width:100%;height:36px;padding:0 14px;font-size:14px;transition:background-color .15s,box-shadow .15s}.search-box input::placeholder{color:#9ca3af}.search-box input:focus{background-color:#374151;outline:none;box-shadow:0 0 0 1px #ff4500}.header-actions{gap:10px;margin-left:auto;display:flex}.header-btn{cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;height:32px;padding:0 14px;font-size:14px;transition:background-color .15s,transform .1s;display:flex}.header-btn:active{transform:scale(.95)}.login-btn{color:#e5e7eb;background:0 0}.login-btn:hover{background-color:#1f2937}.signup-btn{color:#fff;background-color:#ff4500}.signup-btn:hover{opacity:.9}.sidebar-section{margin-bottom:18px}.sidebar-title{color:#9ca3af;margin:6px 0 4px;padding-left:4px;font-size:11px;font-weight:600}.sidebar-item{color:#e5e7eb;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;margin:2px 0;padding:8px 10px;font-size:14px;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:flex}.sidebar-item:hover{background-color:#ffffff0a;border-color:#1f2937}.beta{color:#ff4500;margin-left:4px;font-size:10px}.sidebar-footer{color:#9ca3af;border-top:1px solid #1f2937;flex-direction:column;gap:6px;padding-top:12px;font-size:12px;display:flex}.sidebar-footer div:hover{cursor:pointer;text-decoration:underline}.copyright{color:#6b7280;margin-top:8px;font-size:11px}.clickable{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.sidebar-item{transition:background-color .15s}.sidebar-item.active{background-color:#ffffff14;border-color:#374151;font-weight:600}.post-card{-webkit-backdrop-filter:blur(12px);color:#e5e7eb;background:#16181b;border:1px solid #1e1b1b1f;border-radius:12px;margin-bottom:12px;padding:12px;transition:background-color .15s,border-color .15s,box-shadow .15s;box-shadow:inset 0 1px #ffffff0a,0 8px 24px #00000059}.post-card:hover{background:#ffffff0f;border-color:#374151}a:hover{color:#ff4500}.menu-toggle{color:#e5e7eb;cursor:pointer;background:0 0;border:none;margin-right:8px;font-size:18px}.post-header{color:#6b7280;margin-bottom:6px;font-size:12px}.post-subreddit{color:#9ca3af;font-weight:600}.post-card h3,.post-card h1{color:#f9fafb}.post-card p,.post-card span,.post-card div{color:#e5e7eb}.post-meta{color:#9ca3af;margin-left:4px;font-size:13px}.post-title{color:#1a1a1b;margin:6px 0 10px;font-size:16px;font-weight:600}.post-image{border-radius:6px;width:100%;height:360px;position:relative;overflow:hidden}.post-img{object-fit:cover}.post-footer{color:#6b7280;justify-content:space-between;align-items:center;gap:16px;margin-top:10px;font-size:13px;display:flex}.vote-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff0f;border:1px solid #1f2937;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;display:flex}.post-votes{align-items:center;gap:6px;display:flex}.vote-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:19px}.vote-btn:hover,.vote-btn.active{color:#ff4500}.post-clickable{cursor:pointer}.vote-count{color:#e5e7eb;font-size:15px}.post-comments{cursor:pointer;color:#9ca3af;font-size:13px}.post-comments:hover{color:#e5e7eb}.post-share{color:#9ca3af;cursor:pointer;margin-left:auto;font-size:24px}.post-share:hover{color:#e5e7eb}.comment-section{margin-top:10px}.comment-toggle{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.comment-toggle:hover{text-decoration:underline}.comment-box{color:#9ca3af;cursor:pointer;background-color:#ffffff0f;border:1px solid #1f2937;border-radius:10px;padding:6px 10px;font-size:16px}.comment-box:hover{color:#e5e7eb}.add-comment{gap:8px;margin-bottom:10px;display:flex}.add-comment input{border:1px solid #d1d5db;border-radius:4px;flex:1;padding:6px 8px;font-size:13px}.add-comment button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:4px;padding:6px 10px;font-size:13px}.add-comment button:hover{background-color:#1d4ed8}.comment-list{flex-direction:column;gap:8px;display:flex}.comment-item{font-size:13px}.comment-author{color:#6b7280;margin-bottom:2px;font-size:12px}.comment-content{color:#1a1a1b}.no-comments{color:#6b7280;font-size:13px}.right-sidebar{width:320px;height:100%vh;background-color:#0b0b0b;border-left:1px solid #1f2937;padding:10px;overflow-y:auto}.right-card{background-color:#030303;border:1px solid #1f2937;border-radius:6px;margin-bottom:12px;padding:12px}.right-card-title{color:#e5e7eb;margin-bottom:9px;font-size:16px;font-weight:600}.community-item{cursor:pointer;border-radius:6px;gap:10px;padding:8px;flex-direction:row!important;align-items:center!important;display:flex!important}.community-item:hover{background-color:#1f2937;border-radius:4px;padding-left:6px}.community-name{color:#e5e7eb;font-size:14px}.community-count{color:#9ca3af;font-size:12px}.see-more-btn{color:#e5e7eb;cursor:pointer;background-color:#1f2937;border:none;border-radius:9999px;width:100%;margin-top:10px;padding:6px 0;font-size:13px}.see-more-btn:hover{background-color:#374151}.right-footer{color:#9ca3af;flex-direction:column;gap:6px;font-size:12px;display:flex}.right-footer span:hover{cursor:pointer;text-decoration:underline}.right-footer .copyright{color:#6b7280;margin-top:8px;font-size:11px}.content-row{width:100%;height:calc(100vh - 56px);display:flex}.main-content{scrollbar-width:none;min-width:0;min-height:100%vh;background-color:#0b0b0b;flex:1;padding:10px;overflow-y:auto}.main-content::-webkit-scrollbar{display:none}.right-sidebar{background-color:#0b0b0b;border-left:1px solid #1f2937;width:290px;overflow-y:auto}.sidebar-toggle{color:#e5e7eb;cursor:pointer;background:0 0;border:none;margin-bottom:12px;font-size:20px}.sidebar-toggle:hover{color:#ff4500}.sidebar{background-color:#0b0b0b;border-right:1px solid #1f2937;flex-direction:column;height:100%;transition:background-color .25s;display:flex;overflow:hidden}.sidebar-toggle{color:#e5e7eb;cursor:pointer;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;display:flex;position:sticky;top:0}.sidebar-toggle:hover{background-color:#1f2937}.sidebar-content{padding:10px}.sidebar-divider{background-color:#1f2937;height:1px;margin:8px 0}.post-detail h1{line-height:1.3}.carousel-wrapper{margin-bottom:16px;overflow:hidden}.carousel-track{scroll-behavior:smooth;will-change:transform;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.carousel-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;flex-shrink:0;min-width:240px;height:140px;position:relative;overflow:hidden}.carousel-image{object-fit:cover}.carousel-title{color:#f9fafb;background:linear-gradient(#0000,#000000b3);width:100%;padding:8px;font-size:13px;font-weight:600;position:absolute;bottom:0}.post-top-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.post-user{align-items:center;gap:8px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#3b82f6);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.post-actions{align-items:center;gap:8px;display:flex}.join-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:600}.join-btn:hover{background-color:#1d4ed8}.more-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:18px}.more-btn:hover{color:#e5e7eb}@media (max-width:1400px){.right-sidebar{width:280px}}@media (max-width:1200px){.right-sidebar{width:250px}}@media (max-width:1024px){.right-sidebar{width:220px}}@media (max-width:900px){.right-sidebar{width:200px}}@media (max-width:768px){.right-sidebar{width:180px}}a{color:inherit;text-decoration:none}.comment-input{color:#e5e7eb;background:#0b0b0b;border:1px solid #1f2937;border-radius:6px;width:100%;margin-bottom:6px;padding:8px}.comment-post-btn{color:#fff;cursor:pointer;background:#ff4500;border:none;border-radius:9999px;padding:8px 12px}.reply-btn{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #374151;border-radius:9999px;margin-top:6px;margin-bottom:6px;padding:4px 10px;font-size:12px}.reply-btn:hover{background-color:#1f2937}.comment-item{background-color:#ffffff05;border:1px solid #1f2937;border-radius:6px;margin-bottom:14px;padding:10px 12px}.comment-item:hover{background-color:#ffffff0a}.comment-reply{background-color:#ffffff05;border-left:3px solid #374151;margin-top:9px;margin-bottom:7px;padding:8px 10px}.comment-header{align-items:center;gap:12px;display:flex}.comment-toggle-btn{color:#e5e7eb;cursor:pointer;background:0 0;border:1px solid #374151;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;line-height:20px;display:flex}