.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:var(--surf);border:1px solid var(--bord);border-radius:24px;padding:.65rem 1.4rem;font-size:.85rem;color:var(--text);box-shadow:0 8px 30px #00000059;z-index:300;white-space:nowrap;opacity:0;transition:opacity .3s;pointer-events:none}.comm-wrap{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.comm-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.comm-title{font-family:var(--pixel);font-size:clamp(.7rem,2vw,1rem);color:var(--green);letter-spacing:.06em;margin-bottom:.4rem}.comm-sub{font-size:.88rem;color:var(--muted)}.comm-layout{display:grid;grid-template-columns:1fr 280px;gap:1.5rem;align-items:start}@media (max-width:768px){.comm-layout{grid-template-columns:1fr}.comm-sidebar{display:none}}.post-composer{background:var(--surf);border:1px solid var(--bord);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.pc-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem}.pc-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--purple));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.7rem;color:#fff;flex-shrink:0}.pc-textarea{width:100%;background:var(--surf2);border:1px solid var(--bord);border-radius:8px;color:var(--text);font-size:.88rem;padding:.75rem;resize:none;height:90px;font-family:var(--body);outline:none;transition:border .2s}.pc-textarea:focus{border-color:var(--green)}.pc-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;gap:.5rem;flex-wrap:wrap}.pc-tags{display:flex;gap:.4rem;flex-wrap:wrap}.tag-btn{background:var(--surf2);border:1px solid var(--bord);border-radius:20px;padding:.28rem .65rem;font-size:.72rem;color:var(--muted);cursor:pointer;transition:all .15s}.tag-btn.active,.tag-btn:hover{border-color:var(--green);color:var(--green);background:#00ff880f}.post-submit-btn{font-family:var(--pixel);font-size:.44rem;padding:.52rem 1.2rem;border:2px solid var(--green);border-radius:6px;background:#00ff8814;color:var(--green);cursor:pointer;letter-spacing:.04em;transition:all .2s;white-space:nowrap}.post-submit-btn:hover{background:#00ff882e}.post-open-btn{font-family:var(--pixel);font-size:.44rem;padding:.48rem 1rem;border:2px solid var(--pink);border-radius:6px;background:transparent;color:var(--pink);cursor:pointer;letter-spacing:.04em}.signin-prompt{background:var(--surf);border:1px solid var(--bord);border-radius:10px;padding:.85rem 1.25rem;margin-bottom:1rem;font-size:.84rem;color:var(--muted);display:flex;align-items:center;flex-wrap:wrap}.feed-tabs{display:flex;gap:.4rem;margin-bottom:1rem;flex-wrap:wrap}.ftab{background:var(--surf2);border:1px solid var(--bord);border-radius:20px;padding:.32rem .85rem;font-size:.8rem;color:var(--muted);cursor:pointer;transition:all .15s}.ftab.active,.ftab:hover{border-color:var(--green);color:var(--green);background:#00ff8812}.post-card{background:var(--surf);border:1px solid var(--bord);border-radius:12px;padding:1.1rem 1.25rem;margin-bottom:.85rem;transition:border-color .2s}.post-card:hover{border-color:var(--dim)}.post-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem}.post-av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--purple));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.72rem;color:#fff;flex-shrink:0}.post-meta{flex:1;display:flex;flex-direction:column;gap:.1rem}.post-name{font-weight:600;font-size:.88rem;color:var(--text)}.post-time{font-size:.72rem;color:var(--muted)}.post-tag{font-size:.68rem;padding:.2rem .55rem;border-radius:12px;border:1px solid;white-space:nowrap}.post-body{font-size:.88rem;color:var(--text);line-height:1.6;margin-bottom:.75rem;word-break:break-word}.post-actions{display:flex;gap:1.25rem}.act-btn{background:none;border:none;color:var(--muted);font-size:.82rem;cursor:pointer;padding:0;display:flex;align-items:center;gap:.35rem;transition:color .15s}.act-btn:hover{color:var(--text)}.act-btn.liked{color:var(--pink)}.comments-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--bord)}.comment-row{display:flex;gap:.5rem;margin-bottom:.6rem;align-items:flex-start}.comment-av{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--green));display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:700;color:#fff;flex-shrink:0;margin-top:2px}.comment-content{flex:1}.comment-name{font-weight:600;font-size:.78rem;color:var(--text);margin-right:.4rem}.comment-time{font-size:.68rem;color:var(--muted)}.comment-body{font-size:.8rem;color:var(--muted);line-height:1.4;margin-top:.1rem}.comment-composer{display:flex;align-items:center;gap:.4rem;margin-top:.5rem}.cc-av{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--purple));display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:700;color:#fff;flex-shrink:0}.comment-input{flex:1;background:var(--surf2);border:1px solid var(--bord);border-radius:8px;color:var(--text);font-size:.8rem;padding:.38rem .6rem;outline:none;font-family:var(--body);transition:border .2s}.comment-input:focus{border-color:var(--green)}.cc-send{background:none;border:1px solid var(--bord);border-radius:6px;color:var(--muted);font-size:.8rem;padding:.35rem .55rem;cursor:pointer;transition:all .15s}.cc-send:hover{border-color:var(--green);color:var(--green)}.comm-sidebar{position:sticky;top:80px;display:flex;flex-direction:column;gap:1rem}.cs-card{background:var(--surf);border:1px solid var(--bord);border-radius:12px;padding:1rem 1.1rem}.cs-title{font-family:var(--pixel);font-size:.48rem;color:var(--green);letter-spacing:.07em;margin-bottom:.85rem}.top-row{display:flex;align-items:center;gap:.55rem;margin-bottom:.6rem;font-size:.82rem}.top-rank{font-family:var(--pixel);font-size:.42rem;color:var(--muted);width:14px}.top-av{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--purple));display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:700;color:#fff;flex-shrink:0}.top-name{flex:1;color:var(--text);font-weight:500}.top-score{font-size:.72rem;color:var(--muted)}.trending-list{display:flex;flex-direction:column;gap:.5rem}.trend-row{display:flex;align-items:center;gap:.55rem;font-size:.82rem}.trend-rank{font-family:var(--pixel);font-size:.42rem;color:var(--gold);width:14px}.trend-ct{margin-left:auto;font-size:.72rem;color:var(--muted)}.rules-list{padding-left:1.1rem;display:flex;flex-direction:column;gap:.45rem}.rules-list li{font-size:.8rem;color:var(--muted);line-height:1.5}@media (max-width:600px){.comm-hero{padding:1.2rem .75rem 1rem}.comm-hero h1{font-size:clamp(1rem,6vw,1.8rem)}.comm-feed{padding:0 .5rem}.comm-post-box{padding:.75rem}.comm-actions{flex-wrap:wrap;gap:.4rem}.comm-compose{padding:.75rem}}
