.community-page{background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--mono)}.community-main{width:min(1180px,100% - 40px);margin:0 auto;padding:clamp(42px,6vw,76px) 0 clamp(90px,11vw,150px)}.community-hero{justify-content:space-between;align-items:end;gap:24px;padding-bottom:30px;display:flex}.community-kicker{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;margin:0 0 10px;font-size:11px}.community-title{letter-spacing:-.055em;margin:0;font-size:clamp(34px,4.6vw,56px);font-weight:400;line-height:1}.community-create{border:1px solid var(--hair);min-height:38px;color:var(--ink);border-radius:999px;align-items:center;padding:0 14px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.community-create:hover,.community-create:focus-visible{border-color:var(--ink)}.community-tabs{border-bottom:1px solid var(--hair);align-items:center;gap:7px;padding:0 0 18px;display:flex}.community-tab{border:1px solid var(--hair);height:34px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:11px;text-decoration:none;display:inline-flex}.community-tab:hover,.community-tab:focus-visible,.community-tab.is-active{border-color:var(--ink);background:var(--ink);color:var(--raised)}.community-total{color:var(--muted);margin-left:auto;font-size:10px}.community-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:18px;display:grid}.piece-card{border:1px solid var(--hair);background:var(--raised);color:var(--ink);border-radius:18px;text-decoration:none;transition:transform .16s,box-shadow .16s;display:block;overflow:hidden}.community-masonry{column-count:3;column-gap:14px;display:block}.community-masonry .piece-card{break-inside:avoid;margin-bottom:14px}.community-masonry .piece-card-art{min-height:0;padding:20px}.community-masonry .community-art{width:100%;height:auto;max-height:none;display:block}.community-masonry .community-art-fallback{aspect-ratio:1;place-items:center;width:100%;display:grid}.piece-card:hover,.piece-card:focus-visible{transform:translateY(-3px);box-shadow:0 12px 32px #1a191614}.piece-card-art{border-bottom:1px solid var(--hair);background:#fffefb;place-items:center;min-height:220px;display:grid;position:relative;overflow:hidden}.community-art{width:84%;max-height:82%;position:relative}.community-art path{fill:none;stroke-linecap:round;stroke-linejoin:round}.community-art-fallback{color:var(--muted);font-size:44px}.piece-card-copy{padding:19px 20px 21px}.piece-card h2{letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;font-weight:500;overflow:hidden}.piece-meta{color:var(--muted);justify-content:space-between;gap:16px;margin:10px 0 0;font-size:10px;display:flex}.piece-stats{align-items:center;gap:5px;display:inline-flex}.community-empty{border:1px dashed var(--hair);text-align:center;border-radius:18px;place-items:center;min-height:360px;padding:48px 20px;display:grid}.community-empty h2{letter-spacing:-.05em;margin:0 0 12px;font-size:clamp(26px,4vw,42px);font-weight:400}.community-empty p{max-width:460px;color:var(--muted);margin:0;line-height:1.7}.community-empty a,.community-pagination a{background:var(--ink);height:42px;color:var(--raised);border-radius:999px;justify-content:center;align-items:center;margin-top:24px;padding:0 18px;font-size:12px;text-decoration:none;display:inline-flex}.community-pagination{color:var(--muted);text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:32px;font-size:10px;display:grid}.community-pagination a{justify-self:start;margin-top:0}.community-pagination a:last-child{justify-self:end}.community-detail-main{max-width:720px}.piece-detail{grid-template-columns:minmax(0,1fr);gap:18px 54px;display:grid}.piece-detail>header{grid-column:1/-1;padding-bottom:28px}.piece-detail h1{letter-spacing:-.065em;max-width:860px;margin:0;font-size:clamp(42px,7vw,82px);font-weight:400;line-height:.98}.piece-detail header>p:last-child{color:var(--muted);font-size:12px}.piece-detail-art{border:1px solid var(--hair);background:var(--raised);border-radius:18px;place-items:center;min-height:420px;margin:0;padding:30px;display:grid}.piece-detail-art svg{width:100%;max-height:500px}.piece-detail-art figcaption{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.piece-detail-copy{align-self:start;padding:28px 0}.piece-detail-copy>p{color:#56524a;font-size:15px;line-height:1.75}.piece-detail-copy dl{border-top:1px solid var(--hair);margin:30px 0}.piece-detail-copy dl div{border-bottom:1px solid var(--hair);justify-content:space-between;gap:20px;padding:13px 0;font-size:11px;display:flex}.piece-detail-copy dt{color:var(--muted)}.piece-detail-copy dd{margin:0}.community-back{color:var(--ink);margin-top:54px;font-size:12px;text-decoration:none;display:inline-block}@media (width<=860px){.community-masonry{column-count:2}.community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.piece-detail{grid-template-columns:1fr}.piece-detail>header{grid-column:auto}}@media (width<=560px){.community-masonry .piece-card-art{padding:12px}.community-main{width:calc(100% - 32px);padding-top:38px}.community-hero{flex-direction:column;align-items:flex-start;gap:18px;padding-bottom:24px}.community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.piece-card-art{min-height:150px}.piece-card-copy{padding:14px 14px 16px}.piece-card h2{font-size:14px}.piece-meta{flex-direction:column;align-items:flex-start;gap:7px}}@media (prefers-reduced-motion:reduce){.piece-card{transition:none}}.piece-detail{gap:24px}.piece-detail h1{overflow-wrap:anywhere;font-size:clamp(28px,4vw,48px);line-height:1.15}.piece-detail>header{padding-bottom:0}.piece-detail-art{align-self:start;min-height:0;padding:24px}.piece-detail-art svg{height:auto;max-height:none;display:block}.piece-detail-copy{min-width:0;padding:0}.piece-detail-copy>p{overflow-wrap:anywhere;margin-top:0}.piece-detail-copy dl div{flex-wrap:wrap;gap:8px}.piece-discussion{max-width:720px;margin:32px auto 0}.piece-social-actions{border-bottom:1px solid var(--hair);flex-wrap:wrap;align-items:center;gap:12px;padding-bottom:28px;display:flex}.piece-social-actions a{color:var(--muted);font-size:12px}.piece-discussion button{border:1px solid var(--hair);background:var(--raised);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:10px 18px;font-size:12px}.piece-discussion button:disabled{opacity:.55;cursor:default}.piece-discussion button:hover:not(:disabled),.piece-discussion button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--raised)}.piece-discussion h2{margin:28px 0 20px;scroll-margin-top:120px;font-size:22px;font-weight:500}.piece-discussion h2 span{color:var(--muted);font-size:14px}.piece-discussion label{margin-bottom:10px;font-size:12px;display:block}.piece-discussion textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--hair);background:var(--raised);width:100%;color:var(--ink);font:inherit;border-radius:12px;padding:14px;font-size:16px;line-height:1.6;display:block}.piece-comment-submit{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.piece-comment-submit>span,.piece-comments-empty{color:var(--muted);font-size:12px}.piece-comments{margin:24px 0 0;padding:0;list-style:none}.piece-comments li{border-top:1px solid var(--hair);padding:22px 0}.piece-comment-heading{overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;display:flex}.piece-comment-heading time{color:var(--muted);font-size:11px}.piece-comments p{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0;font-size:14px;line-height:1.7}@media (width<=860px){.piece-detail{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.piece-detail-art{padding:16px}}.piece-social-actions .piece-remix{border:1px solid var(--hair);background:var(--raised);min-height:44px;color:var(--ink);font:inherit;border-radius:999px;justify-content:center;align-items:center;padding:10px 18px;font-size:12px;text-decoration:none;display:inline-flex}.piece-social-actions .piece-remix:hover{opacity:.85}.piece-social-actions .piece-remix:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.community-player{box-sizing:content-box;border-radius:10px;width:100%;height:0;position:relative;overflow:hidden}.community-player iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.community-player-placeholder{position:absolute;inset:0}.community-player-placeholder .community-art{width:100%;max-height:none}.piece-play{border:1px solid var(--ink);background:var(--ink);min-height:44px;color:var(--paper);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:12px;display:inline-flex}.piece-play:disabled{opacity:.5;cursor:default}.piece-play:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.piece-published{color:var(--muted);font-size:12px}