: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-secondary: color-mix(in srgb, var(--user-bg-raw) 35%, #141a2e 65%);--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%);--bg-glass-hover: rgba(255, 255, 255, .1);--bg-hover: rgba(255, 255, 255, .06);--bg-active: rgba(255, 255, 255, .1);--bg-input: var(--bg-elevated);--bg-card: var(--bg-glass-strong);--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);--danger-text: var(--danger);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .14);--error: var(--danger);--text-on-accent: #fff;--accent-bg: var(--accent-soft);--border: var(--border-hairline);--status-proibida-text: #f87171;--status-proibida-bg: rgba(220, 38, 38, .25);--status-proibida-border: rgba(220, 38, 38, .5);--status-ofensiva-text: #fbbf24;--status-ofensiva-bg: rgba(234, 179, 8, .15);--status-ofensiva-border: rgba(234, 179, 8, .3);--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-lg: 0 6px 24px rgba(0, 0, 0, .36), 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-base: var(--fs-md);--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);--text-on-accent: var(--text-primary);--transition-ui: .15s ease;--state-disabled-opacity: .55;--bp-lg: 1100px;--bp-md: 900px;--bp-sm: 640px;--bp-xs: 380px;--toast-bg: #1f2330;--toast-text: #f4f6fb;--toast-aviso-bg: #2a2410;--toast-aviso-text: #ffe08a;--toast-erro-bg: #2a1414;--toast-erro-text: #ffb4b4;--toast-sucesso-bg: #102a1c;--toast-sucesso-text: #abf5cf;--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-plano-gratis-bg: rgba(100, 116, 139, .15);--admin-plano-gratis-text: #64748b;--admin-plano-premium-bg: rgba(59, 130, 246, .15);--admin-plano-premium-text: #60a5fa;--admin-plano-premium_plus-bg: rgba(245, 158, 11, .15);--admin-plano-premium_plus-text: #f59e0b;--plano-premium-bg: rgba(59, 130, 246, .25);--plano-premium-text: #60a5fa;--plano-premium-border: rgba(59, 130, 246, .5);--plano-premium_plus-bg: rgba(245, 158, 11, .25);--plano-premium_plus-text: #f59e0b;--plano-premium_plus-border: rgba(245, 158, 11, .5);--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{overflow-x:clip}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}img{max-width:100%}h1,h2,h3,h4{overflow-wrap:anywhere}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}.sound-button__pad.sound-button__pad--pulsando{animation-duration:.1s!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-input);color:var(--text-primary);font-size:.85rem}.ui-busca:focus{outline:none;border-color:var(--accent)}.ui-busca::placeholder{color:var(--text-tertiary)}.ui-campo-com-icone{position:relative;display:flex;align-items:center}.ui-campo-com-icone__icone{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;z-index:1;display:flex;align-items:center}.ui-campo-com-icone>input,.ui-campo-com-icone>textarea{padding-left:var(--space-6)}.ui-campo-com-icone--topo .ui-campo-com-icone__icone{top:var(--space-3);transform:none}.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}.ui-tutorial-btn{padding:var(--space-2) var(--space-4);border-radius:999px;border:1px solid var(--border-hairline);background:transparent;color:var(--text-secondary);font-size:var(--fs-sm);cursor:pointer;transition:color var(--transition-ui),border-color var(--transition-ui),background var(--transition-ui)}.ui-tutorial-btn:hover{color:var(--text-primary);border-color:var(--accent);background:#ffffff0a}@media (max-width: 640px){:root .ui-tutorial-btn{display:none}}.ui-aba{padding:var(--space-3) var(--space-4);border:none;background:none;color:var(--text-secondary);font-size:var(--fs-md);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--transition-ui),border-color var(--transition-ui);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.ui-aba:hover{color:var(--text-primary)}.ui-aba--ativa{color:var(--accent);border-bottom-color:var(--accent)}@keyframes drawer-deslizar{0%{transform:translate(100%)}to{transform:translate(0)}}.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,.colecao-detalhe__grid>.anim-entrada{width:100%;min-width:0}.comunidade__grid .sound-button__pad,.meus-sons__grid .sound-button__pad,.home__grid .sound-button__pad,.colecoes-grid .sound-button__pad{content-visibility:auto;contain-intrinsic-size:auto 200px}@media (max-width: 900px){:root .comunidade__grid,:root .meus-sons__grid,:root .perfil-grid,:root .perfil-publico__grid,:root .colecao-compartilhada__grid,:root .colecao-detalhe__grid,:root .controle-remoto__grade{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-4)}}@media (max-width: 640px){:root .comunidade__grid,:root .meus-sons__grid,:root .perfil-grid,:root .perfil-publico__grid,:root .colecao-compartilhada__grid,:root .colecao-detalhe__grid,:root .controle-remoto__grade{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}}@media (max-width: 640px){.anim-entrada,.anim-entrada--rapido{animation-delay:calc(min(var(--i, 0),5)*40ms)}}@media (max-width: 640px){.comunidade__conteudo,.meus-sons__conteudo,.colecao-compartilhada__conteudo,.colecao-detalhe__conteudo,.perfil-conteudo,.perfil-publico__conteudo{padding-left:var(--space-2);padding-right:var(--space-2)}}@media (min-width: 641px) and (max-width: 900px){.comunidade__conteudo,.meus-sons__conteudo,.colecao-compartilhada__conteudo,.colecao-detalhe__conteudo,.perfil-conteudo,.perfil-publico__conteudo{padding-left:var(--space-3);padding-right:var(--space-3)}}@media (max-width: 640px){.comunidade__conteudo,.meus-sons__conteudo,.colecoes-conteudo,.perfil-conteudo,.perfil-publico__conteudo,.colecao-compartilhada__conteudo,.colecao-detalhe__conteudo,.configuracoes__conteudo,.aplicativos-page__conteudo,.legal-page__conteudo,.suporte__conteudo{padding:var(--space-4)}}@media (max-width: 900px){:root .comunidade__conteudo,:root .meus-sons__conteudo,:root .colecoes-conteudo,:root .perfil-conteudo,:root .perfil-publico__conteudo,:root .colecao-compartilhada__conteudo,:root .colecao-detalhe__conteudo,:root .configuracoes__conteudo,:root .aplicativos-page__conteudo,:root .legal-page__conteudo,:root .suporte__conteudo,:root .som-page__conteudo,:root .admin__conteudo,:root .planos-page>main,:root .checkout-resultado-page>main,:root .controle-remoto__conteudo{padding-bottom:calc(var(--space-7) + 72px)}}.admin-somente-desktop{max-width:480px;margin:var(--space-6) auto;padding:var(--space-6);text-align:center;color:var(--text-secondary)}@media (max-width: 480px){body .modal-overlay,body .modal-overlay--relatorio,body .confirm-dialog-overlay{padding:var(--space-3)}}button,a,[role=button],select,input,textarea{touch-action:manipulation}@media (max-width: 640px){input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],input[type=tel],input[type=date],textarea{font-size:16px}}@keyframes anim-pagina-entrada{0%{opacity:0;translate:0 16px}to{opacity:1;translate:none}}.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)}@media (hover: none),(pointer: coarse){.efeito-badge{display:none}}@font-face{font-family:Bowlby One SC;src:url(/fonts/BowlbyOneSC-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: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}@font-face{font-family:Mukta;src:url(/fonts/Mukta-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Kalam;src:url(/fonts/Kalam-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Cairo;src:url(/fonts/Cairo-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Tajawal;src:url(/fonts/Tajawal-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Amiri;src:url(/fonts/Amiri-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Montserrat Alternates;src:url(/fonts/MontserratAlternates-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:ZCOOL KuaiLe;src:url(/fonts/ZCOOLKuaiLe-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:DotGothic16;src:url(/fonts/DotGothic16-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Do Hyeon;src:url(/fonts/DoHyeon-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Gugi;src:url(/fonts/Gugi-Regular.ttf) format("truetype");font-display:swap}.ui-secao-titulo{display:flex;align-items:center;gap:var(--space-2)}.ui-secao-titulo>svg{flex-shrink:0}.error-boundary__recarregar{padding:var(--space-2) var(--space-4);border-radius:var(--btn-radius);border:1px solid var(--border-hairline);background:var(--bg-glass);color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:border-color var(--transition-ui)}.error-boundary__recarregar:hover{border-color:var(--accent)}.footer-legal{width:100%;border-top:1px solid var(--border-hairline);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);background:var(--bg-base)}.footer-legal__links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.footer-legal__link{color:var(--text-tertiary);font-size:var(--fs-xs);text-decoration:none;transition:color var(--transition-ui)}.footer-legal__link:hover{color:var(--text-primary)}.footer-legal__copyright{color:var(--text-tertiary);font-size:var(--fs-xs)}@media (max-width: 900px){.footer-legal{padding-bottom:calc(var(--space-4) + 56px)}}@media (max-width: 640px){.footer-legal{display:none}}.badge-plano{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:.72rem;font-weight:700;line-height:1.4;white-space:nowrap;vertical-align:middle}.badge-plano--navbar{padding:1px 4px;font-size:.7rem;margin-left:4px}.badge-plano--premium{background-color:var(--plano-premium-bg);color:var(--plano-premium-text);border:1px solid var(--plano-premium-border)}.badge-plano--premium_plus{background-color:var(--plano-premium_plus-bg);color:var(--plano-premium_plus-text);border:1px solid var(--plano-premium_plus-border)}.sino{position:relative}.sino__botao{background:none;border:1px solid var(--border-hairline);border-radius:var(--radius-sm);width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.9rem;position:relative;transition:border-color .15s ease,color .15s ease}.sino__botao:hover{border-color:var(--border-highlight);color:var(--text-primary)}.sino__badge{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:.62rem;font-weight:700;line-height:16px;text-align:center}.sino__painel{position:absolute;top:calc(100% + var(--space-2));right:0;width:320px;max-height:420px;display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);z-index:60;overflow:hidden}@media (max-width: 480px){.sino__painel{position:fixed;left:50%;right:auto;transform:translate(-50%);top:calc(var(--space-3) + 56px);width:min(320px,calc(100vw - 24px))}}.sino__cabecalho{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-hairline)}.sino__titulo{font-size:.82rem;font-weight:600;color:var(--text-primary)}.sino__marcar-todas{background:none;border:none;color:var(--accent);font-size:.72rem;cursor:pointer}.sino__lista{overflow-y:auto}.sino__vazio{padding:var(--space-4);font-size:.78rem;color:var(--text-secondary);text-align:center}.sino__item{position:relative;display:flex;flex-direction:column;border-bottom:1px solid var(--border-hairline)}.sino__item:hover{background:var(--accent-soft)}.sino__item--lida{opacity:var(--state-disabled-opacity)}.sino__item-corpo{display:flex;flex-direction:column;gap:var(--space-1);width:100%;text-align:left;padding:var(--space-3) var(--space-7) var(--space-3) var(--space-4);background:none;border:none;cursor:pointer}.sino__item-apagar{position:absolute;top:var(--space-1);right:var(--space-2);width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.8rem;line-height:1;cursor:pointer;transition:color .15s ease,background-color .15s ease}.sino__item-apagar:hover,.sino__item-apagar:focus-visible{color:var(--text-primary);background:var(--accent-soft);outline:none}.sino__item-texto{font-size:.78rem;color:var(--text-primary);line-height:1.35}.sino__item-data{font-size:.68rem;color:var(--text-secondary)}.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:var(--text-on-accent);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:var(--text-on-accent);animation:girar .7s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.instalar-app__passos{margin:var(--space-4) 0 var(--space-5);padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.5}.instalar-app__manual{margin:var(--space-4) 0 var(--space-5);color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.5}.navbar{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-2) var(--space-5);background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-hairline);position:sticky;top:0;z-index:50}.navbar__logo{font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--text-primary)}.navbar__logo-trigger{background:linear-gradient(135deg,var(--accent),var(--accent-support));-webkit-background-clip:text;background-clip:text;color:transparent}.navbar__menus{display:flex;gap:var(--space-1);flex:1;justify-content:flex-start}.navbar__item{background:none;border:none;height:28px;padding:0 var(--space-3);display:inline-flex;align-items:center;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.82rem;font-weight:500;transition:background .15s ease,color .15s ease}.navbar__item:not(:disabled):hover{background:#ffffff0a;color:var(--text-primary)}.navbar__item--ativo{background:var(--accent-soft);color:var(--text-primary)}.navbar__item:disabled{opacity:.4;cursor:not-allowed}.navbar__parar-tudo{background:#ff54701a;border:1px solid rgba(255,84,112,.3);border-radius:var(--radius-sm);height:28px;padding:0 var(--space-2);display:inline-flex;align-items:center;justify-content:center;color:var(--danger);font-size:.85rem;line-height:1}.navbar__parar-tudo:hover{background:#ff54702e;border-color:var(--danger)}.navbar__usuario{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4);flex:1}.navbar__admin{background:none;border:1px solid var(--border-hairline);border-radius:var(--radius-sm);height:28px;padding:0 var(--space-3);display:inline-flex;align-items:center;color:var(--text-secondary);font-size:.82rem;font-weight:500;transition:border-color .15s ease,color .15s ease}.navbar__admin:hover{border-color:var(--border-highlight);color:var(--text-primary)}.navbar__admin--ativo{background:var(--accent-soft);border-color:var(--accent);color:var(--text-primary)}.navbar__ajuda{background:none;border:1px solid var(--border-hairline);border-radius:999px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:.8rem;font-weight:600;line-height:1;transition:border-color .15s ease,color .15s ease,background .15s ease}.navbar__ajuda:hover{border-color:var(--border-highlight);color:var(--text-primary);background:#ffffff0a}.navbar__config{background:none;border:1px solid var(--border-hairline);border-radius:var(--radius-sm);width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.95rem;transition:border-color .15s ease,color .15s ease}.navbar__config:hover{border-color:var(--border-highlight);color:var(--text-primary)}.navbar__nome{background:none;border:none;font-size:.85rem;color:var(--text-secondary);font-family:inherit}.navbar__nome:hover{color:var(--text-primary);text-decoration:underline}.navbar__sair{background:none;border:1px solid var(--border-hairline);border-radius:var(--radius-sm);height:28px;padding:0 var(--space-3);display:inline-flex;align-items:center;color:var(--text-secondary);font-size:.82rem}.navbar__sair:hover{border-color:var(--border-highlight);color:var(--text-primary)}.navbar__menu-botao{display:none;background:none;border:1px solid var(--border-hairline);border-radius:var(--radius-sm);width:28px;height:28px;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.95rem;line-height:1;transition:border-color .15s ease,color .15s ease}.navbar__menu-botao:hover{border-color:var(--border-highlight);color:var(--text-primary)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#05060a8c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;justify-content:flex-end}.navbar__drawer{width:min(320px,86vw);height:100%;background:var(--bg-elevated);border-left:1px solid var(--border-hairline);box-shadow:var(--shadow-pop);display:flex;flex-direction:column;padding:var(--space-3) var(--space-4) var(--space-6);gap:var(--space-2);overflow-y:auto;animation:drawer-deslizar .22s ease}.navbar__drawer-fechar{align-self:flex-end;background:none;border:none;color:var(--text-secondary);font-size:1.05rem;cursor:pointer;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background .15s ease,color .15s ease}.navbar__drawer-fechar:hover{background:#ffffff0f;color:var(--text-primary)}.navbar__drawer-grupo{display:flex;flex-direction:column;gap:var(--space-1)}.navbar__drawer-item{background:none;border:none;height:44px;padding:0 var(--space-3);border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:.95rem;font-weight:500;text-align:left;text-decoration:none;font-family:inherit;cursor:pointer;transition:background .15s ease,color .15s ease}.navbar__drawer-item:not(:disabled):hover{background:#ffffff0a;color:var(--text-primary)}.navbar__drawer-item--ativo{background:var(--accent-soft);color:var(--text-primary)}.navbar__drawer-divisor{border:none;border-top:1px solid var(--border-hairline);margin:var(--space-2) 0}.navbar__barra-inferior{display:none}@media (max-width: 900px){.navbar__menus,.navbar__admin,.navbar__ajuda,.navbar__nome,.navbar__sair{display:none}.navbar__menu-botao{display:inline-flex}.navbar__usuario{gap:var(--space-2)}.navbar__barra-inferior{position:fixed;bottom:0;left:0;right:0;z-index:60;display:flex;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-hairline);padding:var(--space-1) var(--space-2) calc(var(--space-1) + env(safe-area-inset-bottom,0px))}.navbar__tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-1) 0;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);font-family:inherit;cursor:pointer;transition:color .15s ease}.navbar__tab--ativo{color:var(--accent)}.navbar__tab--voltar{color:var(--text-secondary)}.navbar__tab-icone{font-size:1.15rem;line-height:1}.navbar__tab-rotulo{font-size:.62rem;font-weight:500;white-space:nowrap}}@media (hover: none),(pointer: coarse){.navbar,.navbar__barra-inferior{background:var(--bg-base);backdrop-filter:none;-webkit-backdrop-filter:none}.drawer-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}.navbar__admin{display:none}}.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;max-height:90dvh;overflow-y:auto;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-cabecalho{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2)}.confirm-dialog-icone{color:var(--accent);line-height:1;flex-shrink:0;margin-top:2px}.confirm-dialog-icone--perigo{color:var(--danger)}.confirm-dialog-titulo{font-size:var(--fs-lg);margin-bottom:0;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}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--bg-card);border-top:1px solid var(--border);padding:var(--space-4) var(--space-5);display:flex;align-items:center;justify-content:center;gap:var(--space-4);box-shadow:0 -2px 12px #00000026;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-consent-banner__texto{font-size:var(--fs-sm);color:var(--text-secondary);text-align:center;flex:1;line-height:1.5}.cookie-consent-banner__texto a,.cookie-consent-banner__texto button.cookie-consent-banner__link{color:var(--accent);text-decoration:underline;background:none;border:none;cursor:pointer;font:inherit;padding:0}.cookie-consent-banner__texto a:hover,.cookie-consent-banner__texto button.cookie-consent-banner__link:hover{opacity:.8}.cookie-consent-banner__icone{flex-shrink:0;color:var(--accent)}.cookie-consent-banner__fechar{flex-shrink:0}@media (max-width: 600px){.cookie-consent-banner{flex-direction:column;padding:var(--space-3) var(--space-4);gap:var(--space-3)}}.efeitos-mobile{position:fixed;bottom:calc(72px + env(safe-area-inset-bottom,0px));left:50%;translate:-50% 0;z-index:65;display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-1);max-width:calc(100vw - var(--space-5));padding:var(--space-1) var(--space-2);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);background:var(--bg-glass-strong);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-hairline);box-shadow:var(--shadow-pop)}.efeitos-mobile::-webkit-scrollbar{display:none}.efeitos-mobile>:first-child{margin-inline-start:auto}.efeitos-mobile>:last-child{margin-inline-end:auto}.efeitos-mobile__btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:999px;border:1px solid var(--border-hairline);background:transparent;color:var(--text-secondary);font-size:min(var(--fs-xs),12px);font-weight:600;font-family:inherit;line-height:1;white-space:nowrap;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:color .15s ease,border-color .15s ease,background .15s ease}.efeitos-mobile__btn:active{transform:scale(.94)}.efeitos-mobile__btn--ativo{color:var(--text-primary)}.efeitos-mobile__btn--eco.efeitos-mobile__btn--ativo{border-color:#ff69b4;background:#ff69b429}.efeitos-mobile__btn--filtro.efeitos-mobile__btn--ativo{border-color:#4a90d9;background:#4a90d929}.efeitos-mobile__btn--pitch.efeitos-mobile__btn--ativo{border-color:#f0c040;background:#f0c04029}body.efeito-segurando .sound-button__pad,body.efeito-segurando .controle-remoto__pad{touch-action:none}.efeitos-modal__lista{margin:var(--space-4) 0 var(--space-4);padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.efeitos-modal__item{display:flex;flex-direction:column;gap:2px}.efeitos-modal__item strong{color:var(--text-primary);font-size:var(--fs-sm)}.efeitos-modal__item span{color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.45}.efeitos-modal__nota{color:var(--text-tertiary);font-size:var(--fs-xs);line-height:1.45;margin:0 0 var(--space-4)}@media (max-width: 480px){.efeitos-mobile__btn{padding:2px 8px;gap:3px}}@media (max-width: 400px){.efeitos-mobile__btn{font-size:min(var(--fs-xs),11px);padding:2px 7px;gap:2px}}@media (max-width: 360px){.efeitos-mobile{flex-wrap:wrap;justify-content:center}.efeitos-mobile>:first-child{margin-inline-start:0}.efeitos-mobile>:last-child{margin-inline-end:0}}body:has(.modal-overlay) .efeitos-mobile,body:has(.confirm-dialog-overlay) .efeitos-mobile,body:has(.admin-modal-overlay) .efeitos-mobile,body:has(.imagem-modal-overlay) .efeitos-mobile,body:has(.configuracoes__modal-overlay) .efeitos-mobile,body:has(.drawer-overlay) .efeitos-mobile{display:none}.toaster{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:2000;display:flex;flex-direction:column;gap:var(--space-3);max-width:min(360px,calc(100vw - 32px));pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--toast-bg);color:var(--toast-text);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-elevated);cursor:pointer;font-size:.875rem;line-height:1.35;animation:toast-entrada .16s ease-out}.toast__texto{flex:1 1 auto}.toast__detalhe{display:block;margin-top:var(--space-1);font-size:.75rem;opacity:.7}.toast--aviso{border-color:#ffc40080;background:var(--toast-aviso-bg);color:var(--toast-aviso-text)}.toast--erro{border-color:#ff5a5a80;background:var(--toast-erro-bg);color:var(--toast-erro-text)}.toast--sucesso{border-color:#50dc9680;background:var(--toast-sucesso-bg);color:var(--toast-sucesso-text)}@keyframes toast-entrada{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}