:root{--community-bg:#07070b;--community-panel:rgba(15,18,30,0.82);--community-panel-strong:rgba(18,22,36,0.96);--community-line:rgba(226,232,240,0.12);--community-muted:rgba(226,232,240,0.68);--community-text:#f8fafc;--community-accent:#22d3ee;--community-accent-2:#8b5cf6}.community-page{min-height:100vh;margin:0;padding-top:var(--nav-h);background:radial-gradient(circle at 18% 0%,rgba(34,211,238,0.18),transparent 32rem),radial-gradient(circle at 84% 12%,rgba(139,92,246,0.18),transparent 34rem),linear-gradient(180deg,#090913 0%,#08101e 48%,#07070b 100%);color:var(--community-text);font-family:var(--font-body)}.page-loader{position:fixed;inset:0;z-index:1600;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 620px at 20% 18%,rgba(124,58,237,0.24) 0%,transparent 58%),radial-gradient(860px 620px at 82% 20%,rgba(34,211,238,0.2) 0%,transparent 56%),radial-gradient(780px 560px at 50% 100%,rgba(236,72,153,0.16) 0%,transparent 60%),rgba(7,7,11,0.96);backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.45s ease,visibility 0.45s ease}.community-loading .page-loader{opacity:1;visibility:visible;pointer-events:auto}.page-loader-inner{display:grid;justify-items:center;gap:0.95rem;text-align:center}.page-loader-mark{display:grid;place-items:center;min-width:132px;min-height:132px}.page-loader-kicker,.page-loader-copy{margin:0}.page-loader-kicker{color:rgba(248,250,252,0.96);font-size:0.94rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase}.page-loader-copy{color:rgba(214,225,240,0.72);font-size:0.94rem;line-height:1.4}.loader-togelight{--color-one:#7c3aed;--color-two:#22d3ee;--color-three:rgba(124,58,237,0.42);--color-four:rgba(34,211,238,0.34);--color-five:rgba(236,72,153,0.26);--time-animation:2s;--size:1;position:relative;border-radius:50%;transform:scale(var(--size));box-shadow:0 0 25px 0 var(--color-three),0 20px 50px 0 var(--color-four);animation:togelightLoaderColorize calc(var(--time-animation) * 3) ease-in-out infinite}.loader-togelight::before{content:"";position:absolute;inset:0;width:100px;height:100px;border-radius:50%;border-top:solid 1px var(--color-one);border-bottom:solid 1px var(--color-two);background:linear-gradient(180deg,var(--color-five),var(--color-four));box-shadow:inset 0 10px 10px 0 var(--color-three),inset 0 -10px 10px 0 var(--color-four)}.loader-togelight .box{width:100px;height:100px;background:linear-gradient(180deg,var(--color-one) 24%,var(--color-two) 76%);mask:url(#communityTogelightLoaderClip);-webkit-mask:url(#communityTogelightLoaderClip)}.loader-togelight svg{position:absolute}.loader-togelight svg #communityTogelightLoaderClip{filter:contrast(15);animation:togelightLoaderRoundness calc(var(--time-animation) / 2) linear infinite}.loader-togelight svg #communityTogelightLoaderClip polygon{filter:blur(7px)}.loader-togelight svg #communityTogelightLoaderClip polygon:nth-child(1){transform-origin:75% 25%;transform:rotate(90deg)}.loader-togelight svg #communityTogelightLoaderClip polygon:nth-child(2){transform-origin:50% 50%;animation:togelightLoaderRotation var(--time-animation) linear infinite reverse}.loader-togelight svg #communityTogelightLoaderClip polygon:nth-child(3){transform-origin:50% 60%;animation:togelightLoaderRotation var(--time-animation) linear infinite;animation-delay:calc(var(--time-animation) / -3)}.loader-togelight svg #communityTogelightLoaderClip polygon:nth-child(4){transform-origin:40% 40%;animation:togelightLoaderRotation var(--time-animation) linear infinite reverse}.loader-togelight svg #communityTogelightLoaderClip polygon:nth-child(5){transform-origin:40% 40%;animation:togelightLoaderRotation var(--time-animation) linear infinite reverse;animation-delay:calc(var(--time-animation) / -2)}.loader-togelight svg #communityTogelightLoaderClip polygon:nth-child(6){transform-origin:60% 40%;animation:togelightLoaderRotation var(--time-animation) linear infinite}.loader-togelight svg #communityTogelightLoaderClip polygon:nth-child(7){transform-origin:60% 40%;animation:togelightLoaderRotation var(--time-animation) linear infinite;animation-delay:calc(var(--time-animation) / -1.5)}@keyframes togelightLoaderRotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes togelightLoaderRoundness{0%{filter:contrast(15)}20%{filter:contrast(3)}40%{filter:contrast(3)}60%{filter:contrast(15)}100%{filter:contrast(15)}}@keyframes togelightLoaderColorize{0%{filter:hue-rotate(0deg)}20%{filter:hue-rotate(-16deg)}40%{filter:hue-rotate(10deg)}60%{filter:hue-rotate(24deg)}80%{filter:hue-rotate(-12deg)}100%{filter:hue-rotate(0deg)}}.community-back-link{display:inline-flex;align-items:center;gap:0.48rem}.hero-nav .community-nav-collapse{flex:1 1 auto;justify-content:flex-end;margin-left:auto;width:auto}.community-nav-actions{justify-content:flex-end}.community-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:clamp(28px,5vw,64px) 0 clamp(56px,8vw,96px)}.community-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);align-items:center;gap:clamp(1.25rem,4vw,3rem);margin-bottom:clamp(28px,5vw,48px)}.community-hero-copy{display:grid;gap:1rem}.community-kicker{margin:0;color:var(--community-accent);font-size:0.78rem;font-weight:900;letter-spacing:0.12em;text-transform:uppercase}.community-hero h1{margin:0;font-size:clamp(2.4rem,6vw,5.4rem);line-height:1.06;letter-spacing:0}.community-video-card{position:relative;width:100%;aspect-ratio:16 / 9;border:1px solid var(--community-line);border-radius:16px;overflow:hidden;background:rgba(15,18,30,0.82);box-shadow:0 18px 44px rgba(0,0,0,0.24);backdrop-filter:blur(12px)}.community-video-card iframe{width:100%;height:100%;border:0;display:block}.community-hero p:not(.community-kicker),.community-panel p,.idea-post p,.idea-composer span,.idea-post-meta,.community-song-card p{color:var(--community-muted)}.idea-form-actions,.community-feed-head,.idea-actions{display:flex;align-items:center;justify-content:flex-start;gap:0.75rem;flex-wrap:wrap}.community-primary,.community-secondary,.idea-form-actions button,.community-sort button,.idea-actions button,.idea-share-menu a,.idea-comments button{border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;min-height:42px;padding:0.65rem 1rem;font-weight:900;text-decoration:none;cursor:pointer}.community-primary,.idea-form-actions button{background:linear-gradient(135deg,var(--community-accent-2),var(--community-accent));color:#ffffff}.community-secondary,.community-sort button,.idea-actions button,.idea-share-menu a,.idea-comments button{background:rgba(255,255,255,0.08);color:#ffffff;border:1px solid var(--community-line)}.community-bookmarks-trigger{justify-content:space-between}.community-bookmarks-trigger strong{min-width:28px;min-height:28px;display:inline-grid;place-items:center;border-radius:999px;background:rgba(34,211,238,0.16);color:#dffcff;font-size:0.82rem}.community-song-card,.community-panel,.idea-composer,.idea-post{border:1px solid var(--community-line);border-radius:16px;background:var(--community-panel);box-shadow:0 18px 44px rgba(0,0,0,0.24);backdrop-filter:blur(12px)}.idea-post.is-deep-linked{border-color:rgba(34,211,238,0.42);box-shadow:0 0 0 1px rgba(34,211,238,0.18) inset,0 0 24px rgba(34,211,238,0.2),0 18px 44px rgba(0,0,0,0.24)}.community-song-card{--wave-level:0.12;--wave-opacity:0.1;--wave-1:10px;--wave-2:14px;--wave-3:18px;--wave-4:13px;--wave-5:22px;--wave-6:16px;--wave-7:11px;--wave-8:19px;--wave-9:15px;--wave-10:24px;--wave-11:17px;--wave-12:12px;position:relative;z-index:2;overflow:visible;isolation:isolate;padding:0.9rem;display:grid;grid-template-columns:72px 1fr;gap:0.85rem;align-items:center;min-width:0;width:100%}.community-song-card:has(.community-category-picker.is-open){z-index:140}.community-song-card::before{content:"";position:absolute;inset:-42% -22%;z-index:0;background:radial-gradient(circle at 18% 50%,rgba(34,211,238,0.14),transparent 28%),radial-gradient(circle at 78% 42%,rgba(139,92,246,0.14),transparent 32%);opacity:var(--wave-opacity);transform:translate3d(calc(var(--wave-level) * 18px),0,0);transition:opacity 180ms ease,transform 180ms ease}.song-wave-bg{position:absolute;inset:0;z-index:1;display:grid;grid-template-columns:repeat(12,minmax(4px,1fr));align-items:center;gap:0.34rem;padding:1rem 1.05rem 1rem 6.1rem;opacity:var(--wave-opacity);pointer-events:none;transition:opacity 180ms ease}.song-wave-bg span{display:block;width:100%;max-width:7px;justify-self:center;border-radius:999px;background:linear-gradient(180deg,rgba(34,211,238,0.42),rgba(139,92,246,0.34),rgba(236,72,153,0.38));box-shadow:0 0 10px rgba(34,211,238,0.08);height:12px;transform:translateZ(0);transition:height 110ms linear,opacity 140ms ease,box-shadow 140ms ease}.song-wave-bg span:nth-child(1){height:var(--wave-1)}.song-wave-bg span:nth-child(2){height:var(--wave-2)}.song-wave-bg span:nth-child(3){height:var(--wave-3)}.song-wave-bg span:nth-child(4){height:var(--wave-4)}.song-wave-bg span:nth-child(5){height:var(--wave-5)}.song-wave-bg span:nth-child(6){height:var(--wave-6)}.song-wave-bg span:nth-child(7){height:var(--wave-7)}.song-wave-bg span:nth-child(8){height:var(--wave-8)}.song-wave-bg span:nth-child(9){height:var(--wave-9)}.song-wave-bg span:nth-child(10){height:var(--wave-10)}.song-wave-bg span:nth-child(11){height:var(--wave-11)}.song-wave-bg span:nth-child(12){height:var(--wave-12)}.community-song-card.is-audio-active{border-color:rgba(34,211,238,0.18)}.community-song-card.is-audio-active .song-wave-bg span{opacity:0.72;box-shadow:0 0 12px rgba(34,211,238,0.12),0 0 18px rgba(139,92,246,0.08)}.community-song-card img,.community-song-card>div:not(.song-wave-bg){position:relative;z-index:2}.community-song-card>div:not(.song-wave-bg){min-width:0}.community-song-card img{width:72px;height:72px;border-radius:12px;object-fit:cover}.community-song-card span{color:var(--community-accent);font-weight:900;font-size:0.76rem;text-transform:uppercase}.community-song-card strong{display:block;margin-top:0.2rem;font-size:1.28rem}.community-category-picker{position:relative;z-index:80;display:block;margin-top:0.28rem}.community-category-picker.is-open{z-index:160}.community-category-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:0.8rem;appearance:none;min-height:50px;padding:0.8rem 2.75rem 0.8rem 1rem;border:1px solid rgba(182,194,209,0.14);border-radius:14px;background:linear-gradient(180deg,rgba(17,24,42,0.96),rgba(10,15,29,0.98));color:#ffffff;font:inherit;font-weight:700;box-shadow:0 14px 28px rgba(0,0,0,0.18),0 0 0 1px rgba(255,255,255,0.02) inset;transition:border-color 0.2s ease,box-shadow 0.2s ease,background 0.2s ease;cursor:pointer;text-align:left;min-width:0}.community-category-trigger:hover{border-color:rgba(74,222,128,0.24);box-shadow:0 16px 32px rgba(0,0,0,0.2),0 0 0 1px rgba(255,255,255,0.02) inset}.community-category-trigger:focus-visible{outline:2px solid rgba(74,222,128,0.5);outline-offset:3px;border-color:rgba(74,222,128,0.34);box-shadow:0 18px 36px rgba(0,0,0,0.22),0 0 0 1px rgba(74,222,128,0.12) inset}.community-category-trigger-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-category-trigger i{flex:0 0 auto;color:rgba(167,243,208,0.86);font-size:0.82rem;transition:transform 0.2s ease}.community-category-picker.is-open .community-category-trigger{border-color:rgba(74,222,128,0.34);box-shadow:0 18px 36px rgba(0,0,0,0.22),0 0 0 1px rgba(74,222,128,0.12) inset}.community-category-picker.is-open .community-category-trigger i{transform:rotate(180deg)}.community-category-menu{position:absolute;top:calc(100% + 10px);left:0;z-index:120;display:grid;width:min(320px,calc(100vw - 64px));max-height:min(360px,60vh);overflow-y:auto;padding:0.4rem;border-radius:18px;border:1px solid rgba(182,194,209,0.14);background:linear-gradient(180deg,rgba(16,22,38,0.98),rgba(10,14,26,0.99));box-shadow:0 20px 40px rgba(0,0,0,0.24),0 0 0 1px rgba(255,255,255,0.03) inset;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity 0.18s ease,transform 0.18s ease;scrollbar-width:thin;scrollbar-color:rgba(34,211,238,0.78) rgba(255,255,255,0.05)}.community-category-picker.is-open .community-category-menu{opacity:1;transform:translateY(0);pointer-events:auto}.community-category-menu::-webkit-scrollbar{width:12px}.community-category-menu::-webkit-scrollbar-track{margin:0.45rem 0;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,0.05),rgba(148,163,184,0.08))}.community-category-menu::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:linear-gradient(180deg,rgba(34,211,238,0.92),rgba(139,92,246,0.88)) padding-box;box-shadow:0 0 14px rgba(34,211,238,0.22)}.community-category-menu::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(103,232,249,0.96),rgba(167,139,250,0.92)) padding-box}.community-category-menu::-webkit-scrollbar-corner{background:transparent}.community-category-option{width:100%;min-height:44px;padding:0.72rem 0.82rem;border:0;border-radius:12px;background:transparent;color:rgba(232,239,252,0.86);display:flex;align-items:center;justify-content:flex-start;text-align:left;font:inherit;font-weight:700;cursor:pointer}.community-category-option:hover,.community-category-option:focus-visible{background:rgba(255,255,255,0.06);color:#ffffff;outline:none}.community-category-option[aria-selected="true"]{background:linear-gradient(90deg,rgba(34,211,238,0.18),rgba(124,58,237,0.18));color:#ffffff}.community-sidebar-action{width:100%;min-height:46px}.community-sidebar-action.uiverse{display:block;width:100%}.community-sidebar-action.uiverse .wrapper{width:100%;min-width:0}.community-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:clamp(18px,3vw,28px);align-items:start}.community-sidebar{position:sticky;top:calc(var(--nav-h) + 32px);z-index:90;display:grid;gap:1rem;min-width:0;width:min(100%,280px)}.community-panel{position:relative;z-index:1;padding:1rem}.community-panel h2,.idea-composer h2,.community-feed-head h2{margin:0;font-size:1.05rem}.community-stats{margin:1rem 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.7rem}.community-stats div{padding:0.7rem;border-radius:12px;background:rgba(255,255,255,0.06)}.community-stats dt{color:#ffffff;font-size:1.3rem;font-weight:900}.community-stats dd{margin:0;color:var(--community-muted);font-size:0.76rem}.community-stats.is-loading dt,.community-stats.is-loading dd{color:transparent}.community-stats.is-loading dt::before,.community-stats.is-loading dd::before,.skeleton-pulse{content:"";display:block;overflow:hidden;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,0.06),rgba(255,255,255,0.14),rgba(255,255,255,0.06));background-size:220% 100%;animation:communitySkeleton 1.25s ease-in-out infinite}.community-stats.is-loading dt::before{width:34px;height:22px}.community-stats.is-loading dd::before{width:42px;height:10px;margin-top:0.32rem}@keyframes communitySkeleton{0%{background-position:160% 0}100%{background-position:-60% 0}}.community-sort button{min-height:36px;padding:0.45rem 0.75rem}.community-sort{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0.45rem}.community-sort button.is-active{background:rgba(34,211,238,0.16);border-color:rgba(34,211,238,0.44);color:#dffcff}.community-main{position:relative;z-index:1;display:grid;gap:1.1rem}.idea-composer{padding:clamp(1rem,3vw,1.35rem);display:grid;gap:1rem;scroll-margin-top:96px}.idea-composer.is-hidden{display:none}.idea-composer.requires-login{border-color:rgba(34,211,238,0.28)}.idea-composer.requires-login input,.idea-composer.requires-login textarea{opacity:0.72}.idea-composer-head{display:flex;justify-content:space-between;gap:1rem;align-items:start}.composer-user-chip{padding:0.45rem 0.75rem;border-radius:999px;border:1px solid var(--community-line);background:rgba(255,255,255,0.06);font-size:0.78rem;display:inline-flex;align-items:center;gap:0.48rem;max-width:min(100%,280px);color:rgba(248,250,252,0.86)}.composer-user-chip.is-logged-out{padding-left:0.75rem}.composer-user-chip.is-logged-out .composer-user-avatar{display:none}.composer-user-avatar{width:24px;height:24px;border-radius:999px;display:inline-grid;place-items:center;flex:0 0 auto;overflow:hidden;background:linear-gradient(135deg,var(--community-accent),var(--community-accent-2));color:#071018;font-size:0.72rem;font-weight:900}.composer-user-avatar img{width:100%;height:100%;object-fit:cover;display:block}.composer-user-chip [data-composer-user-name]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.idea-composer label{display:grid;gap:0.4rem}.composer-category-picker{position:relative}.composer-category-trigger{width:100%;border:1px solid var(--community-line);border-radius:12px;background:rgba(255,255,255,0.08);color:#ffffff;padding:0.78rem 0.9rem;display:flex;align-items:center;justify-content:space-between;gap:0.8rem;font:inherit;font-weight:700;text-align:left;box-shadow:0 10px 24px rgba(0,0,0,0.14);transition:border-color 0.18s ease,box-shadow 0.18s ease,background 0.18s ease}.composer-category-trigger-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-category-trigger i{color:rgba(167,243,208,0.9);font-size:0.82rem;transition:transform 0.18s ease}.composer-category-picker.is-open .composer-category-trigger{border-color:rgba(34,211,238,0.38);background:rgba(14,20,35,0.92);box-shadow:0 14px 32px rgba(0,0,0,0.22),0 0 0 1px rgba(34,211,238,0.12) inset}.composer-category-picker.is-open .composer-category-trigger i{transform:rotate(180deg)}.composer-category-menu{position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:40;display:grid;gap:0.38rem;max-height:260px;padding:0.55rem;border-radius:14px;border:1px solid rgba(182,194,209,0.12);background:linear-gradient(180deg,rgba(13,18,34,0.98),rgba(8,12,23,0.98));box-shadow:0 20px 48px rgba(0,0,0,0.32),0 0 0 1px rgba(255,255,255,0.03) inset;overflow-y:auto;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity 0.18s ease,transform 0.18s ease,visibility 0.18s ease;scrollbar-width:thin;scrollbar-color:rgba(34,211,238,0.55) rgba(255,255,255,0.06)}.composer-category-picker.is-open .composer-category-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.composer-category-menu::-webkit-scrollbar{width:9px}.composer-category-menu::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);border-radius:999px}.composer-category-menu::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(180deg,rgba(34,211,238,0.85),rgba(139,92,246,0.82));border:2px solid rgba(8,12,23,0.92)}.composer-category-option{width:100%;min-height:46px;padding:0.74rem 0.82rem;border:0;border-radius:12px;background:rgba(255,255,255,0.02);color:rgba(244,247,255,0.9);font:inherit;font-weight:700;text-align:left;transition:background-color 0.18s ease,color 0.18s ease,transform 0.18s ease}.composer-category-option:hover,.composer-category-option:focus-visible{background:rgba(124,58,237,0.18);color:#ffffff;transform:translateY(-1px);outline:none}.composer-category-option[aria-selected="true"]{background:linear-gradient(90deg,rgba(34,211,238,0.18),rgba(124,58,237,0.18));color:#ffffff}.composer-category-native{position:absolute;inset:0;opacity:0;pointer-events:none}.idea-composer input,.idea-composer select,.idea-composer textarea,.idea-comments input{width:100%;border:1px solid var(--community-line);border-radius:12px;background:rgba(255,255,255,0.08);color:#ffffff;padding:0.78rem 0.9rem;outline:none}.idea-composer textarea{resize:vertical}.idea-post-category{position:absolute;top:1.15rem;right:1.25rem;display:inline-flex;align-items:center;margin:0;padding:0.36rem 0.72rem;border-radius:999px;border:1px solid rgba(34,211,238,0.18);background:rgba(34,211,238,0.08);color:#9ae6f3;font-size:0.74rem;font-weight:800;letter-spacing:0.05em;text-transform:uppercase}.idea-image-field{display:grid;gap:0.7rem;padding:0.95rem;border:1px dashed rgba(34,211,238,0.2);border-radius:14px;background:rgba(255,255,255,0.03)}.idea-image-controls{display:flex;align-items:center;gap:0.6rem;flex-wrap:wrap}.idea-composer label.idea-image-picker,.idea-image-remove{min-height:38px;padding:0.5rem 0.82rem;border-radius:999px;border:1px solid var(--community-line);display:inline-flex;align-items:center;justify-content:center;gap:0.48rem;color:#ffffff;font-size:0.84rem;font-weight:800}.idea-image-picker{cursor:pointer;background:rgba(34,211,238,0.08)}.idea-image-remove{background:rgba(255,255,255,0.06)}.idea-image-picker:hover,.idea-image-picker:focus-visible,.idea-image-remove:hover,.idea-image-remove:focus-visible{border-color:rgba(34,211,238,0.34);background:rgba(34,211,238,0.12);outline:none}.idea-image-hint{margin:0;color:rgba(248,250,252,0.56);font-size:0.78rem}.idea-image-preview,.idea-post-image{margin:0;overflow:hidden;border:1px solid rgba(226,232,240,0.12);border-radius:16px;background:rgba(255,255,255,0.04)}.idea-image-preview{width:min(100%,460px);aspect-ratio:16 / 10}.idea-image-preview.is-hidden,.idea-post-image.is-hidden{display:none}.idea-image-preview img,.idea-post-image img{width:100%;height:100%;object-fit:cover;display:block}.idea-post-image{width:min(100%,720px);max-height:520px}.emoji-picker{position:relative;width:max-content;max-width:100%}.emoji-picker-compact{position:absolute;top:50%;right:0.35rem;transform:translateY(-50%)}.emoji-picker-trigger{min-height:40px;padding:0.5rem 0.78rem;border:1px solid rgba(34,211,238,0.18);border-radius:999px;background:linear-gradient(180deg,rgba(17,24,42,0.92),rgba(10,15,29,0.96));color:#ffffff;display:inline-flex;align-items:center;gap:0.5rem;font:inherit;font-size:0.84rem;font-weight:800;box-shadow:0 12px 24px rgba(0,0,0,0.14),0 0 0 1px rgba(255,255,255,0.02) inset;transition:background-color 0.18s ease,border-color 0.18s ease,box-shadow 0.18s ease,transform 0.18s ease}.emoji-picker-compact .emoji-picker-trigger{min-width:36px;height:36px;min-height:36px;padding:0;justify-content:center}.emoji-picker-compact .emoji-picker-trigger span:not(:first-child),.emoji-picker-compact .emoji-picker-trigger i{display:none}.emoji-picker-compact .emoji-panel{left:auto;right:0;width:min(360px,calc(100vw - 40px));bottom:calc(100% + 14px)}.emoji-picker-trigger:hover,.emoji-picker-trigger:focus-visible,.emoji-picker.is-open .emoji-picker-trigger{border-color:rgba(34,211,238,0.42);background:linear-gradient(180deg,rgba(20,32,56,0.98),rgba(10,16,32,0.98));box-shadow:0 16px 32px rgba(34,211,238,0.1),0 0 0 1px rgba(124,58,237,0.12) inset;outline:none}.emoji-picker-trigger i{color:rgba(167,243,208,0.86);font-size:0.72rem;transition:transform 0.18s ease}.emoji-picker.is-open .emoji-picker-trigger i{transform:rotate(180deg)}.emoji-panel{position:absolute;left:0;bottom:calc(100% + 10px);z-index:120;width:min(420px,calc(100vw - 40px));padding:1rem;border:1px solid rgba(34,211,238,0.14);border-radius:16px;background:radial-gradient(circle at 10% 0%,rgba(34,211,238,0.11),transparent 38%),linear-gradient(180deg,rgba(14,19,36,0.99),rgba(7,10,20,0.99));box-shadow:0 24px 60px rgba(0,0,0,0.42),0 0 0 1px rgba(255,255,255,0.035) inset;display:grid;gap:0.9rem}.emoji-panel[hidden]{display:none}.emoji-search-wrap{min-height:46px;padding:0 0.9rem;border:1px solid rgba(226,232,240,0.1);border-radius:12px;background:rgba(255,255,255,0.055);display:flex;align-items:center;gap:0.55rem}.emoji-search-wrap i{color:rgba(34,211,238,0.8);font-size:0.84rem}.emoji-search{width:100%;border:0!important;border-radius:0;background:transparent!important;color:#ffffff;outline:none!important;font:inherit;font-size:0.86rem;box-shadow:none!important;padding:0}.emoji-search::placeholder{color:rgba(248,250,252,0.5)}.emoji-search-wrap:focus-within{border-color:rgba(34,211,238,0.34);box-shadow:0 0 0 2px rgba(34,211,238,0.08)}.emoji-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0.5rem;padding:0.35rem;border-radius:14px;background:rgba(255,255,255,0.035)}.emoji-tab,.emoji-button{border:1px solid rgba(226,232,240,0.08);background:rgba(255,255,255,0.035);display:inline-grid;place-items:center;line-height:1;transition:background-color 0.16s ease,border-color 0.16s ease,transform 0.16s ease,box-shadow 0.16s ease}.emoji-tab{width:100%;height:40px;padding:0;border-radius:12px;font-size:1.08rem;text-align:center;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",system-ui,sans-serif;line-height:1}.emoji-tab[aria-selected="true"]{border-color:rgba(34,211,238,0.36);background:linear-gradient(135deg,rgba(34,211,238,0.18),rgba(124,58,237,0.2));box-shadow:0 8px 18px rgba(0,0,0,0.18)}.emoji-grid{max-height:260px;overflow-y:auto;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0.55rem;padding:0.2rem 0.25rem 0.2rem 0;scrollbar-width:thin;scrollbar-color:rgba(34,211,238,0.34) rgba(255,255,255,0.04)}.emoji-grid::-webkit-scrollbar{width:8px}.emoji-grid::-webkit-scrollbar-track{background:rgba(255,255,255,0.04);border-radius:999px}.emoji-grid::-webkit-scrollbar-thumb{background:rgba(34,211,238,0.34);border-radius:999px}.emoji-button{aspect-ratio:1;min-height:44px;border-radius:13px;color:#ffffff;font-size:1.22rem;width:100%;height:44px;padding:0;text-align:center;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",system-ui,sans-serif;line-height:1}.emoji-tab:hover,.emoji-tab:focus-visible,.emoji-button:hover,.emoji-button:focus-visible{border-color:rgba(34,211,238,0.42);background:rgba(34,211,238,0.12);outline:none;transform:translateY(-1px);box-shadow:0 10px 18px rgba(0,0,0,0.18)}.emoji-empty{grid-column:1 / -1;margin:0;padding:0.9rem;border-radius:12px;background:rgba(255,255,255,0.04);color:var(--community-muted);text-align:center}.idea-composer input:focus,.idea-composer select:focus,.composer-category-trigger:focus-visible,.idea-composer textarea:focus,.idea-comments input:focus{border-color:rgba(34,211,238,0.58);box-shadow:0 0 0 3px rgba(34,211,238,0.12);outline:none}.idea-form-actions p{margin:0;color:var(--community-muted)}.idea-form-buttons{display:flex;align-items:center;justify-content:flex-end;gap:0.6rem;flex-wrap:wrap}.idea-form-actions .idea-cancel-button{border:1px solid var(--community-line);background:rgba(255,255,255,0.08);color:#ffffff}.idea-form-actions .idea-cancel-button:hover,.idea-form-actions .idea-cancel-button:focus-visible{border-color:rgba(248,250,252,0.22);background:rgba(255,255,255,0.12);outline:none}.community-feed-head{margin-top:0.6rem;justify-content:space-between;align-items:flex-end}.community-feed-head>:first-child{min-width:0}.community-feed-head .community-sort{margin-left:auto}.community-feed{display:grid;gap:0.9rem}.idea-post{display:grid;grid-template-columns:72px minmax(0,1fr);overflow:visible;border-color:rgba(226,232,240,0.14);background:linear-gradient(180deg,rgba(14,18,31,0.9),rgba(10,13,24,0.94))}.idea-post-skeleton{pointer-events:none}.skeleton-vote{min-height:178px}.skeleton-circle{width:42px;height:42px;border-radius:50%}.skeleton-score{width:20px;height:18px}.skeleton-post-body{gap:0.82rem}.skeleton-author{width:122px;height:34px}.skeleton-time{width:72px;height:28px}.skeleton-title{width:min(260px,70%);height:28px;border-radius:10px}.skeleton-line{width:min(420px,82%);height:16px;border-radius:8px}.skeleton-line-wide{width:min(560px,94%)}.skeleton-action{width:154px;height:46px;margin-top:0.36rem}.idea-vote{padding:1rem 0.7rem;display:grid;align-content:start;justify-items:center;gap:0.45rem;background:linear-gradient(180deg,rgba(255,255,255,0.055),rgba(255,255,255,0.025));border-right:1px solid var(--community-line)}.idea-vote button{width:42px;height:42px;border:1px solid rgba(226,232,240,0.14);border-radius:50%;background:rgba(255,255,255,0.075);color:#ffffff;display:inline-grid;place-items:center;padding:0;transition:background-color 0.18s ease,border-color 0.18s ease,transform 0.18s ease}.idea-vote button i{color:rgba(248,250,252,0.82);font-size:0.95rem;line-height:1;transition:color 0.18s ease,transform 0.18s ease}.idea-vote button:hover,.idea-vote button:focus-visible{border-color:rgba(236,72,153,0.38);background:rgba(236,72,153,0.12);outline:none;transform:translateY(-1px)}.idea-vote button:hover i,.idea-vote button:focus-visible i{color:#f9a8d4;transform:scale(1.08)}.idea-vote button.is-voted{border-color:rgba(236,72,153,0.48);background:rgba(236,72,153,0.18)}.idea-vote button.is-voted i{color:#ec4899}.idea-vote strong{color:#f8fafc;font-size:1.05rem;line-height:1}.idea-post-body{position:relative;padding:1.15rem 1.25rem;display:grid;gap:0.78rem}.idea-post-meta{display:flex;flex-wrap:wrap;gap:0.55rem;font-size:0.78rem;align-items:center;padding-right:min(34%,220px)}.idea-post-meta>span{padding:0.3rem 0.62rem;border-radius:999px;background:rgba(255,255,255,0.06)}.idea-post-meta .idea-author-chip{padding:0.45rem 0.75rem 0.45rem 0.45rem;display:inline-flex;align-items:center;gap:0.48rem;max-width:min(100%,280px);border:1px solid var(--community-line);background:rgba(255,255,255,0.06);color:rgba(248,250,252,0.86);font-size:0.78rem;font-weight:800}.idea-author-chip [data-author]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.idea-author-avatar,.idea-comment-avatar{width:24px;height:24px;border-radius:999px;display:inline-grid;place-items:center;flex:0 0 auto;overflow:hidden;background:linear-gradient(135deg,var(--community-accent),var(--community-accent-2));color:#071018;font-size:0.72rem;font-weight:900}.idea-author-avatar img,.idea-comment-avatar img{width:100%;height:100%;object-fit:cover;display:block}.idea-post h3{margin:0;font-size:clamp(1.1rem,2vw,1.35rem);letter-spacing:0}.idea-post p{margin:0;max-width:76ch;color:rgba(248,250,252,0.74);line-height:1.6}.idea-post.is-editing [data-title],.idea-post.is-editing [data-body]{display:none}.idea-edit-form{display:grid;gap:0.82rem;padding:0.95rem;border:1px solid rgba(34,211,238,0.18);border-radius:14px;background:rgba(34,211,238,0.055)}.idea-edit-form label{display:grid;gap:0.4rem}.idea-edit-form label.idea-image-picker{display:inline-flex;gap:0.48rem}.idea-edit-form label>span{color:rgba(248,250,252,0.7);font-size:0.82rem;font-weight:800}.idea-edit-form input,.idea-edit-form textarea{width:100%;border:1px solid rgba(248,250,252,0.12);border-radius:12px;background:rgba(255,255,255,0.075);color:#ffffff;padding:0.78rem 0.9rem;font:inherit}.idea-edit-form textarea{min-height:112px;resize:vertical}.idea-edit-form .emoji-picker{margin-top:-0.1rem}.idea-edit-image-field .idea-image-preview{width:min(100%,360px)}.idea-edit-form input:focus,.idea-edit-form textarea:focus{border-color:rgba(34,211,238,0.58);box-shadow:0 0 0 3px rgba(34,211,238,0.12);outline:none}.idea-edit-actions{display:flex;align-items:center;justify-content:flex-end;gap:0.55rem;flex-wrap:wrap}.idea-edit-status{margin-right:auto;color:var(--community-muted);font-size:0.82rem}.idea-edit-cancel,.idea-edit-save,.idea-edit-trigger,.idea-delete-trigger{border:1px solid var(--community-line);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:0.45rem;min-height:38px;padding:0.48rem 0.8rem;color:#ffffff;font-weight:900;cursor:pointer}.idea-edit-trigger,.idea-edit-cancel,.idea-delete-trigger{background:rgba(255,255,255,0.08)}.idea-edit-save{border-color:rgba(34,211,238,0.34);background:linear-gradient(135deg,var(--community-accent-2),var(--community-accent))}.idea-edit-trigger:hover,.idea-edit-trigger:focus-visible,.idea-edit-cancel:hover,.idea-edit-cancel:focus-visible,.idea-delete-trigger:hover,.idea-delete-trigger:focus-visible{border-color:rgba(34,211,238,0.36);background:rgba(34,211,238,0.12);outline:none}.idea-delete-trigger:hover,.idea-delete-trigger:focus-visible{border-color:rgba(248,113,113,0.34);background:rgba(239,68,68,0.12)}.idea-actions .idea-edit-trigger{margin-left:auto}.idea-actions button.is-bookmarked{border-color:rgba(34,211,238,0.44);background:rgba(34,211,238,0.16);color:#dffcff}.idea-share{position:relative;display:inline-flex}.idea-share-menu{position:absolute;right:0;bottom:calc(100% + 10px);z-index:70;width:min(240px,calc(100vw - 48px));display:grid;gap:0.38rem;padding:0.45rem;border:1px solid rgba(182,194,209,0.14);border-radius:14px;background:linear-gradient(180deg,rgba(16,22,38,0.98),rgba(8,12,23,0.99));box-shadow:0 20px 44px rgba(0,0,0,0.34)}.idea-share-menu[hidden]{display:none}.idea-share-menu button,.idea-share-menu a{width:100%;min-height:38px;padding:0.55rem 0.7rem;border-radius:10px;justify-content:flex-start;text-decoration:none}.community-bookmarks-backdrop{position:fixed;inset:0;z-index:1500;background:rgba(2,6,23,0.58);backdrop-filter:blur(5px)}.community-bookmarks-backdrop[hidden]{display:none}.community-bookmarks-drawer{position:fixed;inset:0 auto 0 0;z-index:1510;width:min(420px,calc(100vw - 28px));max-width:100%;display:grid;grid-template-rows:auto 1fr;border-right:1px solid var(--community-line);background:radial-gradient(circle at 0% 0%,rgba(34,211,238,0.14),transparent 42%),linear-gradient(180deg,rgba(12,17,32,0.98),rgba(7,10,20,0.99));color:#ffffff;box-shadow:20px 0 60px rgba(0,0,0,0.38);transform:translateX(-104%);visibility:hidden;transition:transform 220ms ease,visibility 220ms ease}.community-bookmarks-drawer.is-open{transform:translateX(0);visibility:visible}.community-bookmarks-drawer-header{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem;align-items:flex-start;border-bottom:1px solid rgba(226,232,240,0.1)}.community-bookmarks-drawer-header h2{margin:0;font-size:1.35rem;font-weight:900}.community-bookmarks-close{width:40px;height:40px;display:inline-grid;place-items:center;border:1px solid var(--community-line);border-radius:999px;background:rgba(255,255,255,0.08);color:#ffffff}.community-bookmarks-drawer-body{min-height:0;overflow-y:auto;padding:1rem 1.2rem 1.4rem}.community-bookmarks-list{display:grid;gap:0.85rem}.community-bookmarks-empty{margin:0;color:var(--community-muted)}.community-bookmarks-empty.is-hidden{display:none}.bookmark-card{display:grid;gap:0.58rem;padding:0.85rem;border:1px solid var(--community-line);border-radius:14px;background:rgba(255,255,255,0.06)}.bookmark-card h3,.bookmark-card p{margin:0}.bookmark-card h3{color:#ffffff;font-size:1rem;line-height:1.25}.bookmark-card p{color:var(--community-muted);font-size:0.9rem;line-height:1.45}.bookmark-card-meta{color:var(--community-accent);font-size:0.76rem;font-weight:900;text-transform:uppercase}.bookmark-card-actions{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap}.bookmark-card-actions a,.bookmark-card-actions button{border:1px solid var(--community-line);border-radius:999px;min-height:36px;padding:0.5rem 0.75rem;background:rgba(255,255,255,0.08);color:#ffffff;font:inherit;font-size:0.86rem;font-weight:900;text-decoration:none}.community-modal .modal-content{border:1px solid var(--community-line);border-radius:18px;background:radial-gradient(circle at 12% 0%,rgba(34,211,238,0.1),transparent 42%),linear-gradient(180deg,rgba(14,19,36,0.98),rgba(7,10,20,0.98));color:#ffffff;box-shadow:0 24px 60px rgba(0,0,0,0.42);backdrop-filter:blur(12px)}.community-modal .modal-header,.community-modal .modal-footer{border-color:rgba(226,232,240,0.08)}.community-modal .modal-title{margin:0;font-size:1.05rem;font-weight:800}.community-modal .modal-body p{margin:0;color:rgba(248,250,252,0.72)}.community-modal .modal-body{display:grid;gap:0.6rem}.community-modal-highlight{color:#ffffff!important;font-weight:800}.community-modal .modal-footer{justify-content:flex-end;gap:0.6rem}.idea-edit-save:hover,.idea-edit-save:focus-visible{filter:brightness(1.06);outline:none}.idea-edit-trigger:disabled{cursor:default;opacity:0.72}.idea-comments{display:grid;gap:1.15rem;padding-top:1rem;border-top:1px solid var(--community-line);overflow:visible}.idea-comments.is-hidden{display:none}.idea-comments form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0.65rem}.comment-input-wrap{position:relative;min-width:0}.comment-input-wrap input{padding-right:3rem}.idea-comment{padding:1rem 1.05rem;border:1px solid rgba(226,232,240,0.08);border-radius:14px;background:rgba(255,255,255,0.055);color:rgba(248,250,252,0.9);display:flex;align-items:flex-start;gap:0.82rem}.idea-comment-thread + .idea-comment-thread{margin-top:0.8rem}.idea-comment-thread:has(.idea-comment-replies) + .idea-comment-thread{margin-top:1.35rem}.idea-comment-content{min-width:0;display:grid;gap:0.22rem}.idea-comment-header{display:flex;align-items:center;gap:0.45rem}.idea-comment-content strong{color:#ffffff;font-size:0.86rem}.idea-comment-header small{color:rgba(248,250,252,0.46);font-size:0.74rem}.idea-comment-body{overflow-wrap:anywhere}.idea-comment-actions{display:flex;align-items:center;gap:0.45rem;margin-top:0.2rem}.comment-action-button{min-height:30px;border:1px solid rgba(226,232,240,0.1);border-radius:999px;background:rgba(255,255,255,0.045);color:rgba(248,250,252,0.76);display:inline-flex;align-items:center;gap:0.38rem;padding:0.32rem 0.58rem;font-size:0.78rem;font-weight:800;transition:background-color 0.18s ease,border-color 0.18s ease,color 0.18s ease}.comment-action-button:hover,.comment-action-button:focus-visible{border-color:rgba(34,211,238,0.3);background:rgba(34,211,238,0.1);color:#ffffff;outline:none}.comment-action-button.is-liked{border-color:rgba(250,204,21,0.38);background:rgba(250,204,21,0.12);color:#fde68a}.idea-comment-replies{margin:0.95rem 0 0 2.2rem;padding-left:1rem;border-left:1px solid rgba(34,211,238,0.18);display:grid;gap:0.95rem}.idea-comment-replies .idea-comment{background:rgba(255,255,255,0.045);border-color:rgba(226,232,240,0.075)}.comment-reply-form{margin:0.95rem 0 0 2.2rem;padding-left:1rem;border-left:1px solid rgba(34,211,238,0.16)}.community-empty{padding:1.2rem;border:1px dashed rgba(226,232,240,0.2);border-radius:16px;color:var(--community-muted);text-align:center}@media (max-width:880px){.community-hero,.community-layout{grid-template-columns:1fr}.community-hero{gap:1.5rem}.community-hero-copy{gap:0.8rem}.community-video-card{max-width:680px;justify-self:center}.community-sidebar{position:static;width:100%;max-width:none;grid-template-columns:1fr;align-items:start}.community-song-card,.community-panel,.community-sidebar-action{width:100%;grid-column:auto}.community-feed-head{align-items:stretch;flex-direction:column}.community-feed-head .community-sort{margin-left:0;justify-content:flex-start;align-self:flex-start}.community-sort{justify-content:flex-start}}@media (max-width:640px){.community-shell{width:min(100%,calc(100% - 20px))}.idea-composer-head,.idea-form-actions,.community-feed-head{align-items:stretch;flex-direction:column}.community-sidebar,.idea-comments form{grid-template-columns:1fr}.community-kicker{font-size:0.72rem;letter-spacing:0.1em}.community-hero h1{font-size:clamp(2rem,10vw,2.8rem);line-height:1.1}.community-song-card{grid-template-columns:64px minmax(0,1fr);gap:0.75rem;padding:0.85rem}.song-wave-bg{padding:0.9rem 0.95rem 0.9rem 5.2rem}.community-song-card img{width:64px;height:64px}.community-panel,.idea-composer,.idea-post-body{padding:0.95rem}.community-stats{gap:0.55rem}.community-stats div{padding:0.6rem}.community-sort{width:100%;gap:0.5rem}.community-sort button{min-height:38px}.idea-post{grid-template-columns:1fr}.idea-post-meta{padding-right:0}.idea-post-category{position:static;justify-self:start;width:fit-content;max-width:100%}.idea-post p{max-width:100%}.idea-actions .idea-edit-trigger{margin-left:0}.idea-actions,.idea-edit-actions,.idea-form-buttons{width:100%}.idea-form-buttons>*,.idea-edit-actions>*{flex:1 1 160px}.idea-vote{grid-template-columns:auto auto;justify-content:start;border-right:0;border-bottom:1px solid var(--community-line)}.emoji-picker,.emoji-picker-trigger,.emoji-panel{width:100%}.emoji-panel,.emoji-picker-compact .emoji-panel{left:0;right:auto;width:min(100%,calc(100vw - 20px))}.emoji-tabs,.emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.community-modal .modal-footer>*{width:100%}.idea-comment-replies,.comment-reply-form{margin-left:0.75rem;padding-left:0.75rem}}