:root{--user-bg-raw: #0b0e17;--user-text-raw: #eaeef6;--user-accent-raw: #7c5cfc;--user-accent2-raw: #1a1a2e;--bg-base: linear-gradient(135deg, color-mix(in srgb, var(--user-bg-raw) 30%, #0b0e17 70%), color-mix(in srgb, var(--user-accent2-raw) 20%, #0b0e17 80%) );--bg-elevated: color-mix(in srgb, var(--user-bg-raw) 40%, #141a2e 60%);--bg-glass: color-mix(in srgb, var(--user-bg-raw) 22%, rgba(20, 26, 46, .55) 78%);--bg-glass-strong: color-mix(in srgb, var(--user-bg-raw) 22%, rgba(20, 26, 46, .82) 78%);--border-hairline: rgba(255, 255, 255, .09);--border-highlight: rgba(255, 255, 255, .16);--overlay: color-mix(in srgb, var(--user-bg-raw) 15%, rgba(5, 6, 10, .72) 85%);--overlay-strong: color-mix(in srgb, var(--user-bg-raw) 15%, rgba(0, 0, 0, .82) 85%);--accent: var(--user-accent-raw);--accent-support: color-mix(in srgb, var(--user-accent-raw) 60%, white 40%);--accent-soft: color-mix(in srgb, var(--user-accent-raw) 24%, transparent 76%);--accent-glow: color-mix(in srgb, var(--user-accent-raw) 60%, transparent 40%);--text-primary: color-mix(in srgb, var(--user-text-raw) 40%, #eaeef6 60%);--text-secondary: color-mix(in srgb, var(--user-text-raw) 18%, #8b92a8 82%);--text-tertiary: #5b6577;--danger: #ff5470;--danger-soft: rgba(255, 84, 112, .14);--font-display: "Sora", "Segoe UI Variable", sans-serif;--font-body: "IBM Plex Sans", "Segoe UI Variable", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .05);--shadow-card: 0 4px 18px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .04);--shadow-pop: 0 12px 40px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .06);--fs-xs: .72rem;--fs-sm: .82rem;--fs-md: .92rem;--fs-lg: 1.1rem;--fs-xl: 1.45rem;--fs-2xl: 1.9rem;--user-font-size: 1rem;--btn-height: 38px;--btn-height-sm: 30px;--btn-radius: var(--radius-md);--btn-gap: var(--space-2);--transition-ui: .15s ease;--state-disabled-opacity: .55;--admin-success-bg: rgba(34, 197, 94, .12);--admin-success-text: #22c55e;--admin-success-text-strong: #16a34a;--admin-success-border: rgba(34, 197, 94, .3);--admin-danger-bg: rgba(239, 68, 68, .12);--admin-danger-text: #ef4444;--admin-danger-text-strong: #dc2626;--admin-danger-border: rgba(239, 68, 68, .3);--admin-warning-bg: rgba(245, 158, 11, .12);--admin-warning-text: #f59e0b;--admin-warning-text-strong: #d97706;--admin-warning-border: rgba(245, 158, 11, .3);--admin-info-bg: rgba(59, 130, 246, .12);--admin-info-text: #60a5fa;--admin-info-text-strong: #93c5fd;--admin-info-border: rgba(59, 130, 246, .3);--admin-yellow-bg: rgba(234, 179, 8, .12);--admin-yellow-text: #eab308;--admin-muted-bg: rgba(100, 116, 139, .12);--admin-muted-text: #64748b;--admin-cargo-admin-bg: rgba(139, 92, 246, .15);--admin-cargo-admin-text: #a78bfa;--admin-cargo-gerente-bg: rgba(245, 158, 11, .15);--admin-cargo-gerente-text: #f59e0b;--admin-cargo-moderador-bg: rgba(59, 130, 246, .15);--admin-cargo-moderador-text: #60a5fa;--admin-cargo-usuario-bg: rgba(100, 116, 139, .15);--admin-cargo-usuario-text: #64748b;--admin-surface-2: rgba(255, 255, 255, .03);--admin-surface-3: rgba(255, 255, 255, .06);--admin-surface-hover: rgba(255, 255, 255, .08)}select,select option{background-color:var(--bg-elevated);color:var(--text-primary)}*{box-sizing:border-box}html{font-size:var(--user-font-size)}html,body,#root{height:100%}body{margin:0;background:var(--bg-base);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;margin:0}p{margin:0}button{font-family:inherit;cursor:pointer}input{font-family:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.carregando-pagina{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--text-secondary);font-size:.95rem;letter-spacing:.02em}.ui-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.ui-card-solid{background:var(--bg-elevated);border:1px solid var(--border-hairline);border-radius:var(--radius-md)}.ui-paginacao{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-5)}.ui-paginacao__btn{padding:var(--space-2) var(--space-5);border-radius:var(--radius-sm);border:1px solid var(--border-hairline);background:var(--bg-glass);color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:border-color .12s,opacity .12s}.ui-paginacao__btn:hover:not(:disabled){border-color:var(--accent)}.ui-paginacao__btn:disabled{opacity:.4;cursor:default}.ui-busca{flex:1;min-width:200px;height:42px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-hairline);background:var(--bg-elevated);color:var(--text-primary);font-size:.85rem}.ui-busca:focus{outline:none;border-color:var(--accent)}.ui-busca::placeholder{color:var(--text-tertiary)}.ui-acoes{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.ui-acoes--fim{justify-content:flex-end}.ui-acoes--entre{justify-content:space-between}.ui-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-2);border-radius:999px;font-size:var(--fs-xs);font-weight:600;line-height:1;border:1px solid var(--border-hairline);background:var(--bg-glass-strong);color:var(--text-secondary)}.ui-pill--ativo{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-support)}.ui-secao-cabecalho{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-7)}.ui-secao-cabecalho h1,.ui-secao-cabecalho h2{font-size:var(--fs-2xl);line-height:1.1;color:var(--text-primary)}.ui-secao-cabecalho p{color:var(--text-secondary);font-size:var(--fs-md)}.ui-estado{text-align:center;color:var(--text-secondary);padding:var(--space-7) 0;font-size:var(--fs-md)}.ui-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(11,14,23,.35);border-top-color:#0b0e17;animation:girar .7s linear infinite}.botao:active,.colecao-card:active,.sound-button:active,.ui-pill:active{transform:scale(.97)}.colecao-card,.sound-button{transition:transform var(--transition-ui),border-color var(--transition-ui),box-shadow var(--transition-ui),background var(--transition-ui)}.colecao-card:hover,.sound-button:hover{transform:translateY(-3px);box-shadow:var(--shadow-pop)}@keyframes anim-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}70%{transform:scale(.92)}to{transform:scale(1)}}.anim-pop{animation:anim-pop .32s ease}@keyframes anim-entrada{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.anim-entrada{animation:anim-entrada .5s ease both;animation-delay:calc(var(--i, 0) * 60ms)}.anim-entrada--rapido{animation:anim-entrada .4s ease both;animation-delay:calc(var(--i, 0) * 45ms)}.comunidade__grid>.anim-entrada,.meus-sons__grid>.anim-entrada,.colecoes-grid>.anim-entrada{width:100%;min-width:0}@keyframes anim-pagina-entrada{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.anim-pagina-entrada{animation:anim-pagina-entrada .34s ease both}@keyframes anim-card-click{to{transform:scale(.94);opacity:.85}}.colecao-card.anim-card-click{animation:anim-card-click .18s ease forwards}body.eco-ativo .sound-button__pad--tocando{--cor-borda: #ff69b4}body.filtro-ativo .sound-button__pad--tocando{--cor-borda: #4a90d9}body.pitch-ativo .sound-button__pad--tocando{--cor-borda: #f0c040}.efeito-badge{position:fixed;bottom:0;left:50%;translate:-50% 0;color:#fff;font:700 .7rem/1 var(--font-display, sans-serif);padding:4px 10px;border-radius:6px 6px 0 0;z-index:9999;pointer-events:none;opacity:0;transform:translateY(100%);transition:opacity .25s ease,transform .25s ease}.efeito-badge--ativo{opacity:.9;transform:translateY(0)}@font-face{font-family:Bowlby One SC;src:url(/fonts/BowlbyOneSC-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Bungee Spice;src:url(/fonts/BungeeSpice-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Charm;src:url(/fonts/Charm-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Charm;src:url(/fonts/Charm-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Charmonman;src:url(/fonts/Charmonman-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Charmonman;src:url(/fonts/Charmonman-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Emilys Candy;src:url(/fonts/EmilysCandy-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Freeman;src:url(/fonts/Freeman-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:"Jersey 25";src:url(/fonts/Jersey25-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Kaushan Script;src:url(/fonts/KaushanScript-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Monoton;src:url(/fonts/Monoton-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Playwrite ID;src:url(/fonts/PlaywriteID-VariableFont_wght.ttf) format("truetype");font-display:swap}@font-face{font-family:Rouge Script;src:url(/fonts/RougeScript-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Uncial Antiqua;src:url(/fonts/UncialAntiqua-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Alfa Slab One;src:url(/fonts/AlfaSlabOne-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Archivo Black;src:url(/fonts/ArchivoBlack-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Freckle Face;src:url(/fonts/FreckleFace-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Lobster;src:url(/fonts/Lobster-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Port Lligat Slab;src:url(/fonts/PortLligatSlab-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:"Press Start 2P";src:url(/fonts/PressStart2P-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Righteous;src:url(/fonts/Righteous-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Share Tech;src:url(/fonts/ShareTech-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:VT323;src:url(/fonts/VT323-Regular.ttf) format("truetype");font-display:swap}.botao{display:inline-flex;align-items:center;justify-content:center;gap:var(--btn-gap);border-radius:var(--btn-radius);border:1px solid transparent;font-family:var(--font-body);font-weight:600;transition:transform var(--transition-ui),box-shadow var(--transition-ui),background var(--transition-ui),border-color var(--transition-ui);white-space:nowrap}.botao--padrao{height:var(--btn-height);padding:0 var(--space-4);font-size:.86rem}.botao--pequeno{height:var(--btn-height-sm);padding:0 var(--space-3);font-size:.78rem;gap:var(--space-1)}.botao--pilhado{border-radius:999px}.botao:disabled{opacity:var(--state-disabled-opacity);cursor:not-allowed}.botao--primaria{background:linear-gradient(135deg,var(--accent),var(--accent-support));color:#0b0e17;box-shadow:0 4px 20px var(--accent-glow)}.botao--primaria:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 28px var(--accent-glow)}.botao--secundaria{background:var(--bg-glass);border-color:var(--border-hairline);color:var(--text-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.botao--secundaria:not(:disabled):hover{border-color:var(--border-highlight);background:var(--bg-glass-strong)}.botao--perigo{background:#ff54701f;border-color:#ff547059;color:var(--danger)}.botao--perigo:not(:disabled):hover{background:#ff547033;border-color:var(--danger)}.botao--fantasma{background:transparent;color:var(--text-secondary);height:auto;padding:var(--space-1) var(--space-2);font-weight:500}.botao--fantasma:not(:disabled):hover{color:var(--text-primary)}.botao--denunciar{background:transparent;border-color:#eab30833;color:#eab3088c;border-radius:999px;height:auto;padding:2px 10px;font-size:.68rem;font-weight:500}.botao--denunciar:not(:disabled):hover{background:#eab3081a;border-color:#eab30866;color:#eab308}.denunciar-canto{position:absolute;top:var(--space-3);right:var(--space-3);z-index:2}.botao__spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(11,14,23,.35);border-top-color:#0b0e17;animation:girar .7s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.confirm-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-5);z-index:20000}.confirm-dialog-painel{width:100%;max-width:380px;background:var(--bg-glass-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);padding:var(--space-5)}.confirm-dialog-titulo{font-size:1.05rem;margin-bottom:var(--space-2);color:var(--text-primary)}.confirm-dialog-mensagem{font-size:.88rem;color:var(--text-secondary);margin-bottom:var(--space-5);line-height:1.5}.confirm-dialog-acoes{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:flex-end}.toaster{position:fixed;right:16px;bottom:16px;z-index:2000;display:flex;flex-direction:column;gap:10px;max-width:min(360px,calc(100vw - 32px));pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;background:var(--toast-bg, #1f2330);color:var(--toast-text, #f4f6fb);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px #00000059;cursor:pointer;font-size:.875rem;line-height:1.35;animation:toast-entrada .16s ease-out}.toast__icone{flex:0 0 auto;font-size:1rem;line-height:1.35}.toast__texto{flex:1 1 auto}.toast__detalhe{display:block;margin-top:4px;font-size:.75rem;opacity:.7}.toast--aviso{border-color:#ffc40080;background:var(--toast-aviso-bg, #2a2410);color:var(--toast-aviso-text, #ffe08a)}.toast--erro{border-color:#ff5a5a80;background:var(--toast-erro-bg, #2a1414);color:var(--toast-erro-text, #ffb4b4)}.toast--sucesso{border-color:#50dc9680;background:var(--toast-sucesso-bg, #102a1c);color:var(--toast-sucesso-text, #abf5cf)}@keyframes toast-entrada{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}