:root{--float-speed:6}.community-page{color:#fff;flex:1;max-width:1100px;margin:0 auto;padding:40px 24px 90px}.community-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.community-title{margin:0 0 6px;font-size:2.1rem;font-weight:800}.community-sub{opacity:.78;max-width:58ch;margin:0}.community-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;display:flex}.segmented{background:#0f172abf;border:1px solid #94a3b873;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.seg-btn{color:#e2e8f0e6;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 12px;font-size:.86rem;transition:transform .16s,background .16s}.seg-btn:hover{background:#0206178c;transform:translateY(-1px)}.seg-active{background:radial-gradient(circle at 0 0,#002aff4d,#0f172aeb);border:1px solid #002aff8c}.sort-row{align-items:center;gap:8px;display:inline-flex}.sort-label{opacity:.75;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.sort-chip{color:#e2e8f0eb;cursor:pointer;background:#0f172ab3;border:1px solid #94a3b873;border-radius:999px;padding:7px 10px;font-size:.82rem;transition:transform .16s,border-color .16s,box-shadow .16s}.sort-chip:hover{border-color:#002aff8c;transform:translateY(-1px);box-shadow:0 10px 24px #00000040}.sort-chip-active{border-color:#002affd9;box-shadow:0 0 18px #002aff2e}.board-grid{column-count:3;perspective:900px;column-gap:18px}@media (max-width:980px){.board-grid{column-count:2}}@media (max-width:560px){.board-grid{column-count:1}}.board-card{break-inside:avoid;--tx:0px;--ty:0px;--rot:0deg;--sc:1;transform:translate3d(var(--tx),var(--ty),0)rotate(var(--rot))scale(var(--sc));transform-origin:40% 20%;will-change:transform;backface-visibility:hidden;background:#0f172adb;border:1px solid #94a3b866;border-radius:18px;margin:0 0 18px;padding:14px 14px 12px;transition:border-color .25s,box-shadow .25s,transform .55s cubic-bezier(.22,1,.36,1);animation:20s linear infinite driftA;position:relative;overflow:hidden;box-shadow:0 14px 32px #0f172abf}.board-card:nth-child(6n+1){width:96%}.board-card:nth-child(6n+2){width:100%}.board-card:nth-child(6n+3){width:93%}.board-card:nth-child(6n+4){width:98%}.board-card:nth-child(6n+5){width:95%}.board-card:nth-child(6n+6){width:99%}.board-card:before{content:"";pointer-events:none;opacity:.85;background:radial-gradient(circle at 20% 10%,#002aff29,#0000 55%);position:absolute;inset:-2px}.board-card:hover{transform:translate3d(var(--tx),calc(var(--ty) - 6px),0)rotate(var(--rot))scale(calc(var(--sc)*1.02));border-color:#002affb3;animation-play-state:paused;box-shadow:0 22px 60px #00000073,0 0 24px #002aff2e}.board-card{animation-duration:calc(20s/var(--float-speed))}.board-card:nth-child(3n+2){animation-duration:calc(24s/var(--float-speed))}.board-card:nth-child(3n+3){animation-duration:calc(28s/var(--float-speed))}.board-card:nth-child(4n+1){animation-delay:-3s}.board-card:nth-child(4n+2){animation-delay:-8s}.board-card:nth-child(4n+3){animation-delay:-13s}.board-card:nth-child(4n+4){animation-delay:-18s}.board-card:nth-child(4n){--sc:1.01}.board-card:nth-child(5n){--sc:.99}@keyframes driftA{50%{transform:translate3d(calc(var(--tx) + 1px),calc(var(--ty) - 1.2px),0)rotate(calc(var(--rot) + .12deg))scale(var(--sc))}}@keyframes driftB{50%{transform:translate3d(calc(var(--tx) - 1.9px),calc(var(--ty) - 1.1px),0)rotate(calc(var(--rot) - .12deg))scale(var(--sc))}}@keyframes driftC{50%{transform:translate3d(calc(var(--tx) + 1px),calc(var(--ty) + 2px),0)rotate(calc(var(--rot) + .1deg))scale(var(--sc))}}.board-card:nth-child(8n+1){--tx:3px;--ty:1px;--rot:-.35deg}.board-card:nth-child(8n+2){--tx:-2px;--ty:3px;--rot:.25deg}.board-card:nth-child(8n+3){--tx:4px;--ty:-2px;--rot:.4deg}.board-card:nth-child(8n+4){--tx:-3px;--ty:-1px;--rot:-.2deg}.board-card:nth-child(8n+5){--tx:2px;--ty:4px;--rot:.15deg}.board-card:nth-child(8n+6){--tx:-1px;--ty:2px;--rot:-.35deg}.board-card:nth-child(8n+7){--tx:3px;--ty:2px;--rot:.25deg}.board-card:nth-child(8n+8){--tx:-3px;--ty:1px;--rot:-.05deg}@media (prefers-reduced-motion:reduce){.board-card{--float-x:0px;--float-y:0px;--parallax-x:0px;--parallax-y:0px;animation:none!important}}.board-card-strategy{background:linear-gradient(135deg,#002aff1a,#0f172ae6)}.strategy-top{z-index:1;margin-bottom:10px;position:relative}.strategy-title{margin-bottom:6px;font-size:1rem;font-weight:800}.strategy-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{color:#e2e8f0eb;background:#02061773;border:1px solid #94a3b859;border-radius:999px;padding:4px 8px;font-size:.75rem}.board-body{z-index:1;opacity:.95;white-space:pre-wrap;font-size:.92rem;line-height:1.45;position:relative}.board-foot{z-index:1;gap:10px;margin-top:12px;display:grid;position:relative}.board-meta{opacity:.78;flex-wrap:wrap;align-items:center;gap:6px;font-size:.78rem;display:flex}.meta-author{opacity:.92;font-weight:700}.meta-dot{opacity:.6}.reactions{flex-wrap:wrap;gap:8px;display:flex}.reactions-wrap{position:relative}.reaction-picker{z-index:20;background:#0f172af5;border:1px solid #94a3b873;border-radius:16px;gap:8px;min-width:220px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 18px 50px #0000008c,0 0 26px #002aff2e}.reaction-picker-btn{color:#e2e8f0f2;cursor:pointer;background:#02061773;border:1px solid #94a3b859;border-radius:14px;align-items:center;gap:10px;width:100%;padding:10px;transition:transform .14s,border-color .14s;display:flex}.reaction-picker-btn:hover{border-color:#002affa6;transform:translateY(-1px)}.reaction-picker-emoji{font-size:1.1rem}.reaction-picker-label{font-size:.88rem;font-weight:600}.react-btn{color:#e2e8f0f2;cursor:pointer;background:#02061773;border:1px solid #94a3b866;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;transition:transform .16s,border-color .16s;display:inline-flex}.react-btn:hover{border-color:#002affa6;transform:translateY(-1px)}.react-emoji{font-size:1rem}.react-icon{object-fit:contain;filter:drop-shadow(0 0 6px #002aff40);opacity:.95;width:18px;height:18px;display:block}.react-btn-active .react-icon{filter:drop-shadow(0 0 10px #5b7fffbf);transform:translateY(-.5px)scale(1.05)}@media (max-width:560px){.react-icon{width:16px;height:16px}}.react-count{opacity:.9;font-size:.82rem}.react-count-pop{animation:.18s ease-out react-pop}.react-btn-active{background:radial-gradient(circle at 0 0,#002aff59,#020617a6);border-color:#002afff2;box-shadow:0 0 10px #002aff8c,0 0 20px #5b7fff59}.react-love.react-btn-active{box-shadow:0 0 14px #2563ebe6}.react-fire.react-btn-active{box-shadow:0 0 14px #f97316e6}.react-brain.react-btn-active{box-shadow:0 0 14px #a855f7e6}.react-rip.react-btn-active{box-shadow:0 0 14px #94a3b8e6}.react-btn-active .react-emoji{filter:drop-shadow(0 0 6px #5b7fffe6)}.react-btn-active:hover{transform:translateY(-1px)scale(1.04);box-shadow:0 0 14px #002affd9,0 0 28px #5b7fff8c}@keyframes react-pop{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.modal-backdrop{z-index:90;background:#0009;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#0f172af5;border:1px solid #94a3b873;border-radius:18px;width:min(720px,100%);overflow:hidden;box-shadow:0 22px 60px #0000008c,0 0 26px #002aff2e}.modal-head{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.modal-title{font-size:.95rem;font-weight:800}.modal-close{color:#e5e7eb;cursor:pointer;background:#0206178c;border:1px solid #94a3b873;border-radius:12px;padding:6px 10px}.modal-body{padding:14px}.modal-note{opacity:.75;margin:0 0 12px;font-size:.9rem}.form{gap:12px;display:grid}.field{gap:6px;display:grid}.field span{opacity:.85;font-size:.85rem}.field-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}@media (max-width:700px){.field-grid{grid-template-columns:1fr}}.input{color:#e2e8f0f2;background:#02061773;border:1px solid #94a3b866;border-radius:14px;outline:none;width:100%;padding:10px 12px}.input:focus{border-color:#002affbf;box-shadow:0 0 0 4px #002aff24}.modal-actions{border-top:1px solid #ffffff14;justify-content:flex-end;gap:10px;padding:12px 14px 14px;display:flex}.btn-ghost{color:#e2e8f0eb;cursor:pointer;background:#0206178c;border:1px solid #94a3b88c;border-radius:999px;padding:10px 14px}.btn-primary{color:#fff;cursor:not-allowed;opacity:.7;background:radial-gradient(circle at 0 0,#002aff,#335cff);border:1px solid #f8fafcd9;border-radius:999px;padding:10px 14px}