.community-media-page{--cm-ink: #101713;--cm-green: #173e28;--cm-lime: #c7ff3d;--cm-cream: #f4f0e6;--cm-line: #d8dfcf;width:100%;max-width:1220px;margin:0 auto;padding-bottom:7rem;color:var(--cm-ink)}.community-media-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);min-height:540px;overflow:hidden;border-radius:34px;background:radial-gradient(circle at 76% 45%,rgba(199,255,61,.13),transparent 24%),radial-gradient(circle at 89% 10%,rgba(109,219,210,.12),transparent 28%),linear-gradient(135deg,#0b120e,#101b14 48%,#173e28);box-shadow:0 28px 80px #10171329}.community-media-hero:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 60%);mask-image:linear-gradient(90deg,transparent 0%,#000 60%)}.community-media-hero-copy{position:relative;z-index:4;display:flex;flex-direction:column;justify-content:center;padding:clamp(2.25rem,6vw,5.75rem)}.community-media-kicker{width:-moz-fit-content;width:fit-content;margin-bottom:1.5rem;border:1px solid rgba(199,255,61,.26);border-radius:999px;background:#c7ff3d14;color:var(--cm-lime);font-size:.68rem;font-weight:900;letter-spacing:.16em}.community-media-hero h1{max-width:740px;margin:0;color:#fff;font-size:clamp(3.2rem,7vw,6.8rem);font-weight:950;letter-spacing:-.073em;line-height:.86}.community-media-hero h1 span{display:block;color:#6ddbd2}.community-media-hero-copy>p{max-width:610px;margin:1.8rem 0 2.1rem;color:#ffffffb8;font-size:clamp(.95rem,1.5vw,1.12rem);line-height:1.7}.community-media-hero-primary,.community-media-hero-secondary{height:3rem;border-radius:999px;padding-inline:1.35rem;font-weight:850}.community-media-hero-primary{background:var(--cm-lime);color:var(--cm-ink)}.community-media-hero-primary:hover{background:#b7ef30}.community-media-hero-secondary{border-color:#ffffff3d;background:#ffffff0f;color:#fff}.community-media-hero-secondary:hover{border-color:#ffffff73;background:#ffffff1f;color:#fff}.community-media-signal{position:relative;z-index:2;min-height:500px;align-self:stretch;isolation:isolate}.community-media-signal-photo{position:absolute;z-index:0;top:-4%;right:-8%;bottom:-4%;left:-22%;width:130%;height:108%;-o-object-fit:cover;object-fit:cover;-o-object-position:61% center;object-position:61% center;opacity:.84;filter:saturate(.82) contrast(1.06);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.58) 18%,#000 42%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.58) 18%,#000 42%,#000 100%)}.community-media-signal-photo-shade{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#101b14,#101b14c2 17%,#101b1414 58%,#0b120e2e),linear-gradient(180deg,rgba(11,18,14,.28) 0%,transparent 24%,transparent 72%,rgba(11,18,14,.38) 100%)}.community-media-signal-core{position:absolute;z-index:5;top:50%;left:50%;display:flex;width:128px;height:128px;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.16);border-radius:50%;background:var(--cm-lime);color:var(--cm-ink);box-shadow:0 0 0 18px #c7ff3d0d,0 24px 70px #00000047}.community-media-signal-core b{font-size:.69rem;letter-spacing:.19em}.community-media-signal-ring{position:absolute;z-index:3;top:50%;left:50%;border:1px solid rgba(255,255,255,.12);border-radius:50%;transform:translate(-50%,-50%)}.community-media-signal-ring:before{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;content:"";border-top:1px solid rgba(199,255,61,.7);border-radius:inherit;animation:communityMediaOrbit 8s linear infinite}.community-media-signal-ring.ring-one{width:220px;height:220px}.community-media-signal-ring.ring-two{width:330px;height:330px}.community-media-signal-ring.ring-three{width:440px;height:440px}.community-media-signal-ring.ring-two:before{animation-duration:12s;animation-direction:reverse}.community-media-signal-ring.ring-three:before{animation-duration:17s}.community-media-signal-node{--node-color: #c7ff3d;position:absolute;z-index:6;display:grid;width:52px;height:52px;place-items:center;border:1px solid color-mix(in srgb,var(--node-color) 45%,transparent);border-radius:17px;background:#0f1a12e0;color:var(--node-color);box-shadow:0 14px 38px #00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.community-media-signal-node:after{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;content:"";border:1px solid color-mix(in srgb,var(--node-color) 20%,transparent);border-radius:21px}.community-media-signal-node.node-1{top:19%;left:28%}.community-media-signal-node.node-2{top:28%;right:13%}.community-media-signal-node.node-3{bottom:17%;right:24%}.community-media-signal-node.node-4{bottom:22%;left:18%}.community-media-signal-node.node-5{top:46%;left:4%}@keyframes communityMediaOrbit{to{transform:rotate(360deg)}}.community-media-category-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.65rem;margin:1rem 0 2rem;padding:.8rem;border:1px solid rgba(36,56,40,.1);border-radius:23px;background:#fffcf4b8;box-shadow:0 15px 45px #23462b0e}.community-media-category-strip button{display:grid;min-width:0;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.55rem .6rem;border-radius:15px;text-align:left;transition:background .2s,transform .2s}.community-media-category-strip button:hover{transform:translateY(-2px);background:#fff}.community-media-category-strip button>span{display:grid;width:38px;height:38px;place-items:center;border-radius:12px}.community-media-category-strip b{overflow:hidden;color:#27372d;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.community-media-category-strip small{color:#8a948b;font-size:.66rem;font-weight:800}.community-media-build{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);gap:clamp(2rem,5vw,5rem);margin-bottom:2rem;padding:clamp(2rem,5vw,4.5rem);overflow:hidden;border-radius:30px;background:#ffd05c;box-shadow:0 20px 60px #563f0e17}.community-media-build>div>span,.community-media-library-head span,.community-media-requests>div>span{display:block;margin-bottom:.8rem;color:#3e4c40;font-size:.64rem;font-weight:950;letter-spacing:.18em}.community-media-build h2{max-width:520px;margin:0;font-size:clamp(1.65rem,3.6vw,3.4rem);font-weight:950;letter-spacing:-.055em;line-height:.98}.community-media-build-divider{width:1px;background:#1017132b}.community-media-build-status{display:flex;align-items:center;gap:.75rem;margin-top:1.7rem;color:#34402f;font-size:.82rem;font-weight:750}.community-media-mesh-flow{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:1.7rem}.community-media-mesh-flow em{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .72rem;border:1px solid rgba(16,23,19,.12);border-radius:999px;background:#ffffff57;font-size:.7rem;font-style:normal;font-weight:850}.community-media-mesh-flow svg{width:.95rem;height:.95rem}.community-media-library{padding:clamp(1.15rem,3vw,2rem) 0 2rem}.community-media-library-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:1.3rem}.community-media-library-head h2,.community-media-requests h2{margin:0;font-size:clamp(2.4rem,5vw,5.2rem);font-weight:950;letter-spacing:-.07em;line-height:.9}.community-media-share-small{height:2.8rem;border-radius:999px;background:var(--cm-green);padding-inline:1.15rem;color:#fff;font-weight:850}.community-media-controls{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.community-media-controls>label{display:flex;min-width:260px;flex:1;align-items:center;gap:.65rem;height:3.1rem;padding:0 1rem;border:1px solid var(--cm-line);border-radius:999px;background:#ffffffbf}.community-media-controls>label input{width:100%;min-width:0;outline:none;background:transparent;color:#27372d;font-size:.86rem}.community-media-controls>label button{color:#748078}.community-media-controls>div{display:flex;max-width:62%;gap:.35rem;overflow-x:auto;padding:.2rem;scrollbar-width:none}.community-media-controls>div::-webkit-scrollbar{display:none}.community-media-controls>div button{display:inline-flex;height:2.55rem;flex:0 0 auto;align-items:center;gap:.4rem;padding:0 .85rem;border:1px solid #dbe2d7;border-radius:999px;background:#ffffffad;color:#637067;font-size:.72rem;font-weight:800}.community-media-controls>div button.active{border-color:var(--cm-green);background:var(--cm-green);color:#fff}.community-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.community-media-card{min-width:0;overflow:hidden;border:1px solid rgba(34,59,39,.12);border-radius:24px;background:#fffdf8;box-shadow:0 18px 55px #23462b13;transition:transform .25s,box-shadow .25s}.community-media-card:hover{transform:translateY(-4px);box-shadow:0 24px 68px #23462b1f}.community-media-cover{position:relative;height:220px;overflow:hidden}.community-media-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.community-media-card:hover .community-media-cover img{transform:scale(1.035)}.community-media-cover-fallback{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:.8rem}.community-media-cover-fallback span{font-size:.68rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.community-media-cover-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.24))}.community-media-type,.community-media-offline{position:absolute;top:1rem;border:0;border-radius:999px;color:#101713;font-size:.63rem;font-weight:900}.community-media-type{left:1rem}.community-media-offline{right:1rem;background:#101713d1;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.community-media-card-body{padding:1.25rem}.community-media-card-body h2{margin:0;color:#173e28;font-size:1.25rem;font-weight:900;letter-spacing:-.03em}.community-media-card-body>p{display:-webkit-box;min-height:3.9rem;margin:.55rem 0 0;overflow:hidden;color:#68746c;font-size:.82rem;line-height:1.58;-webkit-box-orient:vertical;-webkit-line-clamp:3}.community-media-tag{display:inline-flex;align-items:center;min-height:1.55rem;padding:.25rem .55rem;border-radius:999px;background:#edf1e9;color:#5f6e64;font-size:.62rem;font-weight:750}.community-media-primary{background:var(--cm-green);color:#fff;font-size:.76rem;font-weight:850}.community-media-primary:hover{background:#245438}.community-media-empty{display:flex;min-height:330px;align-items:center;justify-content:center;flex-direction:column;gap:1rem;padding:2rem;border:1px dashed #cbd6c6;border-radius:28px;background:#fffcf485;text-align:center;color:#526258}.community-media-empty h3{margin:0;color:#173e28;font-size:1.2rem;font-weight:850}.community-media-empty p{max-width:460px;margin:0;font-size:.84rem}.community-media-requests{display:grid;grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr);gap:2rem;margin:1rem 0 2rem;padding:clamp(1.5rem,4vw,3rem);border-radius:28px;background:#101713;color:#fff}.community-media-requests>div>span{color:var(--cm-lime)}.community-media-requests h2{font-size:clamp(2rem,4vw,4rem)}.community-media-request-list{display:flex;flex-direction:column;gap:.65rem}.community-media-request-list article{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#ffffff0e}.community-media-request-list article>div:first-child{display:flex;min-width:0;flex-direction:column;gap:.25rem}.community-media-request-list b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-media-request-list small{color:#ffffff85}.community-media-request-list article>div:last-child{display:flex;gap:.4rem}.community-media-rights{display:flex;align-items:flex-start;gap:1rem;padding:1.3rem 1.45rem;border:1px solid #d9e0d4;border-radius:22px;background:#edf3e7;color:#173e28}.community-media-rights b{font-size:.9rem}.community-media-rights p{margin:.3rem 0 0;color:#68746c;font-size:.76rem;line-height:1.55}.community-media-dialog{border:1px solid #d8dfcf;border-radius:26px;background:#f7f3e9;box-shadow:0 35px 100px #10171342}.community-audio-stage{display:flex;min-height:330px;align-items:center;justify-content:center;flex-direction:column;gap:2rem;border-radius:22px;background:radial-gradient(circle,rgba(199,255,61,.18),transparent 36%),linear-gradient(135deg,#173e28,#0c120e)}.community-audio-stage audio{width:min(520px,90%)}.community-audio-disc{display:grid;width:150px;height:150px;place-items:center;border:1px solid rgba(199,255,61,.4);border-radius:50%;background:#c7ff3d;color:#101713;box-shadow:0 0 0 22px #c7ff3d0a,0 28px 70px #00000047;animation:communityMediaPulse 3s ease-in-out infinite}@keyframes communityMediaPulse{50%{box-shadow:0 0 0 34px #c7ff3d05,0 28px 70px #00000047}}@media (prefers-reduced-motion: reduce){.community-media-signal-ring:before,.community-audio-disc{animation:none}.community-media-card,.community-media-cover img{transition:none}}@media (max-width: 1080px){.community-media-hero{grid-template-columns:minmax(0,1fr) minmax(350px,.85fr)}.community-media-category-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.community-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-media-controls{align-items:stretch;flex-direction:column}.community-media-controls>div{max-width:100%}}@media (max-width: 820px){.community-media-page{padding-bottom:6.5rem}.community-media-hero{grid-template-columns:1fr;min-height:0}.community-media-hero-copy{padding:3.25rem 2.25rem 1rem}.community-media-signal{min-height:410px}.community-media-build{grid-template-columns:1fr;gap:2rem}.community-media-build-divider{width:100%;height:1px}.community-media-requests{grid-template-columns:1fr}}@media (max-width: 640px){.community-media-page{width:100%}.community-media-hero{border-radius:24px;box-shadow:0 18px 50px #10171324}.community-media-hero-copy{padding:2.3rem 1.35rem .5rem}.community-media-hero h1{font-size:clamp(3.05rem,15vw,4.8rem);line-height:.87}.community-media-hero-copy>p{margin:1.35rem 0 1.55rem;font-size:.9rem;line-height:1.6}.community-media-hero-primary,.community-media-hero-secondary{width:100%;justify-content:center}.community-media-signal{min-height:330px;transform:scale(.82);margin:-1.5rem -2rem -2rem}.community-media-signal-ring.ring-one{width:180px;height:180px}.community-media-signal-ring.ring-two{width:260px;height:260px}.community-media-signal-ring.ring-three{width:330px;height:330px}.community-media-signal-core{width:108px;height:108px}.community-media-category-strip{display:flex;gap:.55rem;margin:.75rem 0 1.15rem;padding:.65rem;overflow-x:auto;border-radius:18px;scrollbar-width:none}.community-media-category-strip::-webkit-scrollbar{display:none}.community-media-category-strip button{min-width:160px}.community-media-build{margin-bottom:1rem;padding:1.6rem 1.3rem;border-radius:22px}.community-media-build h2{font-size:1.85rem;line-height:.98}.community-media-library{padding-top:1rem}.community-media-library-head{align-items:flex-start;flex-direction:column;gap:1rem}.community-media-library-head h2{font-size:3.2rem}.community-media-share-small{width:100%;justify-content:center}.community-media-controls>label{min-width:0;width:100%}.community-media-controls>div button span{display:none}.community-media-controls>div button{width:2.55rem;justify-content:center;padding:0}.community-media-controls>div button:first-child{width:auto;padding-inline:.85rem}.community-media-grid{grid-template-columns:1fr}.community-media-cover{height:210px}.community-media-requests{padding:1.4rem 1.1rem;border-radius:22px}.community-media-request-list article{align-items:stretch;flex-direction:column}.community-media-request-list article>div:last-child{width:100%}.community-media-request-list article>div:last-child button{flex:1}.community-media-dialog{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem);border-radius:22px}.community-player-dialog{width:calc(100vw - 1rem);border-radius:22px}.community-audio-stage{min-height:290px}}