*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}:root{--primary: #ff7eb9;--secondary: #7afcff;--accent: #feff9c;--background: #f7f9fc;--card-bg: #ffffff;--text: #2a2a2a;--light-text: #777;--border: #e1e4e8;--shadow: rgba(149, 157, 165, .2);--success: #50e3c2}body{background-color:var(--background);color:var(--text);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:linear-gradient(135deg,var(--primary),var(--secondary));padding:1rem 0;box-shadow:0 4px 12px var(--shadow);position:sticky;top:0;z-index:100;animation:headerFadeIn 1s ease-out}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:15px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.logo-icon{font-size:2.5rem;animation:pulse 2s infinite}.logo-text{font-size:1.8rem;font-weight:800}.tagline{font-size:1rem;opacity:.9;margin-top:3px;font-weight:500}main{padding:2rem 0;display:grid;grid-template-columns:250px 1fr;gap:25px}.sidebar{background:var(--card-bg);border-radius:16px;padding:1.5rem;box-shadow:0 8px 16px var(--shadow);height:fit-content;animation:slideInLeft .8s ease-out;position:sticky;top:110px;align-self:flex-start}.sidebar h2{color:var(--primary);margin-bottom:1.5rem;display:flex;align-items:center;gap:10px}.channels{list-style:none}.channel{padding:12px 15px;border-radius:10px;margin-bottom:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.channel:hover{background:#7afcff26;transform:translate(5px)}.channel.active{background:#7afcff40;font-weight:600}.channel i{font-size:1.2rem;color:var(--primary)}.channel-group-title{font-weight:700;font-size:1.1rem;color:var(--primary);margin:1.2rem 0 .5rem}.posts-container{animation:fadeIn 1s ease-out}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px;margin-top:1.5rem}.post-card{background:var(--card-bg);border-radius:16px;overflow:hidden;box-shadow:0 8px 16px var(--shadow);transition:all .3s ease;animation:cardAppear .6s ease-out;animation-fill-mode:backwards}.post-card:hover{transform:translateY(-10px);box-shadow:0 12px 24px var(--shadow)}.post-header{display:flex;align-items:center;padding:1.2rem 1.2rem .8rem}.user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(45deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;margin-right:12px;flex-shrink:0}.user-info{flex-grow:1}.username{font-weight:700;margin-bottom:3px}.post-time{font-size:.85rem;color:var(--light-text)}.post-content{padding:0 1.2rem 1.2rem}.post-title{font-size:1.3rem;margin-bottom:10px;color:var(--primary)}.post-text{color:var(--text);margin-bottom:15px;line-height:1.5}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.tag{background:#7afcff33;color:var(--text);padding:5px 12px;border-radius:20px;font-size:.85rem;transition:all .2s ease}.tag:hover{background:var(--secondary);transform:scale(1.05)}.post-stats{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding:.8rem 1.2rem;background:#f7f9fc80}.stat{display:flex;align-items:center;gap:6px;color:var(--light-text);transition:color .2s ease}.stat:hover{color:var(--primary)}.new-post-btn{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 6px 16px #ff7eb966;cursor:pointer;transition:all .3s ease;z-index:50;animation:pulse 2s infinite}.new-post-btn:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 8px 24px #ff7eb999}.search-box{display:flex;align-items:center;background:#fff;border:1px solid var(--border);border-radius:30px;padding:6px 16px;box-shadow:none;transition:border .2s;width:220px}.search-box:focus-within{border:1.5px solid var(--primary)}.search-box i{color:var(--primary);margin-right:8px}.search-box input{border:none;outline:none;background:transparent;font-size:1rem;width:100%;color:var(--text)}.sidebar-post-preview{font-size:.92rem;color:var(--light-text);background:#f7f9fc;border-radius:8px;margin:2px 0 10px 32px;padding:5px 10px;cursor:pointer;transition:background .2s;display:block;text-decoration:none}.sidebar-post-preview:hover{background:var(--secondary);color:var(--primary)}.sidebar.collapsed{width:60px!important;min-width:60px!important;padding:1.5rem .5rem}.sidebar.collapsed .channel span,.sidebar.collapsed .channel-group-title,.sidebar.collapsed h2,.sidebar.collapsed .tagline,.sidebar.collapsed .logo-text{display:none!important}.sidebar.collapsed .logo-icon{margin:0 auto}.sidebar.collapsed .channel{justify-content:center;padding:12px 0;gap:0}@media (max-width: 900px){main{display:grid;grid-template-columns:60px 1fr;gap:18px}.sidebar{width:60px!important;min-width:60px!important;padding:1.5rem .5rem;top:160px}.sidebar .channel span,.sidebar .channel-group-title,.sidebar h2,.sidebar .tagline,.sidebar .logo-text{display:none!important}.sidebar .logo-icon{margin:0 auto}.sidebar .channel{justify-content:center;padding:12px 0;gap:0}.posts-container{margin-left:0}}#tag-filter-bar{margin:10px 0 20px;display:flex;flex-wrap:wrap;gap:10px}#selected-tags{margin-bottom:10px;display:flex;flex-wrap:wrap;gap:8px}.filter-tag{background:#7afcff33;color:var(--primary);padding:5px 14px;border-radius:20px;font-size:.95rem;cursor:pointer;border:1px solid var(--secondary);transition:background .2s,color .2s}.filter-tag.selected{background:var(--primary);color:#fff;border:1px solid var(--primary)}.selected-tag{background:var(--primary);color:#fff;padding:5px 14px 5px 10px;border-radius:20px;font-size:.95rem;margin-right:4px;display:flex;align-items:center;gap:4px}.selected-tag .remove-tag{margin-left:4px;cursor:pointer;font-size:1.1em;color:#fff;transition:color .2s}.selected-tag .remove-tag:hover{color:var(--accent)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes headerFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes breathPop{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.post-card:nth-child(1){animation-delay:.1s}.post-card:nth-child(2){animation-delay:.2s}.post-card:nth-child(3){animation-delay:.3s}.post-card:nth-child(4){animation-delay:.4s}.post-card:nth-child(5){animation-delay:.5s}.post-card:nth-child(6){animation-delay:.6s}@media (max-width: 900px){.header-content{flex-direction:column;text-align:center;gap:10px}.logo{justify-content:center}.post-grid{grid-template-columns:1fr}}.highlight-post{box-shadow:0 0 0 4px var(--primary),0 8px 16px var(--shadow);transition:box-shadow .3s}#new-post-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100vw;height:100vh;background:#0000002e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);align-items:center;justify-content:center;animation:modalFadeIn .3s}#new-post-content{background:#fff;border-radius:18px;box-shadow:0 8px 32px #959da52e;padding:3rem 3rem 2rem;min-width:320px;max-width:98vw;width:720px;animation:breathPop .5s;position:relative}#close-new-post{position:absolute;top:18px;right:18px;background:none;border:none;font-size:1.3rem;color:var(--light-text);cursor:pointer;transition:color .2s}#close-new-post:hover{color:var(--primary)}#new-post-content:focus-within{box-shadow:0 0 0 3px var(--primary),0 8px 32px var(--shadow)}.new-post-title{color:var(--primary);margin-bottom:1.2rem;font-weight:800;font-size:1.3rem;letter-spacing:1px}#new-post-form input,#new-post-form textarea{width:100%;margin-bottom:12px;padding:8px 14px;border-radius:10px;border:1px solid var(--border);font-size:1rem;box-sizing:border-box}#new-post-form textarea{min-height:180px;max-height:360px;resize:vertical}#new-post-form input[type=text]#new-tags{margin-bottom:18px}#new-post-form button[type=submit]{width:100%;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-weight:700;font-size:1.1rem;padding:10px 0;border:none;border-radius:12px;box-shadow:0 2px 8px var(--shadow);cursor:pointer;transition:background .2s}#address-checkbox-container label{display:flex;align-items:center;font-size:.9rem;color:#888;gap:4px;cursor:pointer}#show-address-checkbox{width:14px;height:14px}#post-detail-modal{display:none;position:fixed;z-index:99999;left:0;top:0;width:100vw;height:100vh;background:#0000002e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);align-items:center;justify-content:center;animation:modalFadeIn .3s}#post-detail-content{background:#fff;border-radius:22px;box-shadow:0 12px 48px #959da538;padding:2.5rem 2.5rem 1.5rem;min-width:340px;max-width:98vw;width:720px;animation:breathPop .6s;position:relative;display:flex;flex-direction:column;align-items:stretch}#close-detail{position:absolute;top:18px;right:18px;background:none;border:none;font-size:1.5rem;color:var(--light-text);cursor:pointer;transition:color .2s}#close-detail:hover{color:var(--primary)}#detail-main{margin-bottom:1.5rem}#detail-comments{border-top:1px solid #eee;padding-top:1rem}.detail-btn{background:none;border:none;color:var(--primary);font-weight:700;font-size:1rem;cursor:pointer;margin-left:auto;transition:color .2s;padding:0 8px}.detail-btn:hover{color:var(--secondary);text-decoration:underline}#share-modal{display:none;position:fixed;z-index:99999;left:0;top:0;width:100vw;height:100vh;background:#0000002e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);align-items:center;justify-content:center;animation:modalFadeIn .3s}#share-content{background:#fff;border-radius:22px;box-shadow:0 12px 48px #959da538;padding:2.5rem 2.5rem 1.5rem;min-width:240px;max-width:98vw;width:540px;animation:breathPop .6s;position:relative;display:flex;flex-direction:column;align-items:stretch}#close-share{position:absolute;top:18px;right:18px;background:none;border:none;font-size:1.5rem;color:var(--light-text);cursor:pointer;transition:color .2s}#close-share:hover{color:var(--primary)}#light-toast{position:fixed;top:40px;left:50%;transform:translate(-50%);background:#fffffffa;color:var(--primary);font-weight:700;font-size:1.1rem;padding:10px 28px;border-radius:22px;box-shadow:0 4px 18px #959da521;z-index:999999;opacity:0;transition:opacity .3s}