/* /Advertising/AdConsentCenter.razor.rz.scp.css */
.consent-shell[b-anhtgubu15] {
    position: fixed;
    inset: auto 1rem 1rem;
    z-index: 1500;
    display: flex;
    justify-content: center;
    pointer-events: none;
}

[b-anhtgubu15] .consent-panel {
    width: min(760px, 100%);
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
    border: 1px solid rgba(72, 48, 210, 0.16);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.98);
    pointer-events: auto;
}

[b-anhtgubu15] .consent-details {
    border: 1px solid rgba(72, 48, 210, 0.12);
    border-radius: 14px;
    background: rgba(32, 59, 228, 0.025);
}

[b-anhtgubu15] .consent-links,
[b-anhtgubu15] .consent-actions {
    flex-wrap: wrap;
    align-items: center;
}

@media (max-width: 600px) {
    .consent-shell[b-anhtgubu15] {
        inset: auto 0.5rem 0.5rem;
    }

    [b-anhtgubu15] .consent-panel {
        max-height: calc(100vh - 1rem);
    }

    [b-anhtgubu15] .consent-actions {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Advertising/AdSlot.razor.rz.scp.css */
[b-61tbfz2u8x] .advertising-slot {
    width: 100%;
    min-height: 150px;
    margin-top: 2.5rem;
    border: 1px solid rgba(72, 48, 210, 0.08);
    border-radius: 18px;
    background: rgba(248, 248, 255, 0.72);
}

.advertising-frame[b-61tbfz2u8x] {
    display: block;
    min-height: 110px;
}

[b-61tbfz2u8x] .advertising-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    border-style: dashed;
    border-color: rgba(72, 48, 210, 0.24);
    background:
        radial-gradient(circle at 18% 20%, rgba(0, 202, 222, 0.09), transparent 30%),
        radial-gradient(circle at 82% 80%, rgba(168, 38, 231, 0.08), transparent 32%),
        rgba(248, 248, 255, 0.78);
}

@media (max-width: 600px) {
    [b-61tbfz2u8x] .advertising-slot {
        min-height: 120px;
        margin-top: 2rem;
    }

    .advertising-frame[b-61tbfz2u8x] {
        min-height: 80px;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
[b-jnmuojkey0] .app-bar {
    border-bottom: 1px solid rgba(70, 65, 120, 0.1);
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(14px);
}

[b-jnmuojkey0] .brand-link {
    display: flex;
    align-items: center;
    color: inherit;
    border-radius: 10px;
    transition: opacity 160ms ease, transform 160ms ease;
}

[b-jnmuojkey0] .brand-link:hover {
    opacity: 0.86;
    transform: translateY(-1px);
}

[b-jnmuojkey0] .brand-link:focus-visible {
    outline: 3px solid rgba(32, 59, 228, 0.24);
    outline-offset: 3px;
}

.header-brand-lockup[b-jnmuojkey0] {
    display: block;
    width: 164px;
    height: 46px;
    overflow: hidden;
}

[b-jnmuojkey0] .header-brand-logo {
    width: 164px;
    height: 46px;
    /* O recorte oficial preserva o wordmark inteiro nos tamanhos do cabeçalho. */
    object-fit: contain !important;
}

[b-jnmuojkey0] .main-container {
    min-height: calc(100vh - 64px);
}

.site-footer[b-jnmuojkey0] {
    margin-top: 3rem;
    padding-bottom: 0.5rem;
}

[b-jnmuojkey0] .footer-links {
    flex-wrap: wrap;
}

@media (max-width: 600px) {
    .header-brand-lockup[b-jnmuojkey0],
    [b-jnmuojkey0] .header-brand-logo {
        width: 142px;
        height: 42px;
    }

    [b-jnmuojkey0] .main-container {
        padding-top: 1.5rem !important;
        padding-bottom: 2rem !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    [b-jnmuojkey0] .brand-link {
        transition: none;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navigation-shell[b-9m1tslf9p2] {
    min-height: 100%;
}

[b-9m1tslf9p2] .navigation-heading {
    position: relative;
}

[b-9m1tslf9p2] .navigation-heading::after {
    content: "";
    width: 42px;
    height: 3px;
    margin-top: 0.8rem;
    border-radius: 99px;
    background: linear-gradient(90deg, #00cadd, #203be4 52%, #a726e7);
}

[b-9m1tslf9p2] .navigation-eyebrow {
    color: #5f51bd;
    font-weight: 750;
    letter-spacing: 0.15em;
}

[b-9m1tslf9p2] .navigation-title {
    color: #202039;
    font-weight: 750;
    letter-spacing: -0.025em;
}

[b-9m1tslf9p2] .navigation-menu .mud-nav-link {
    min-height: 46px;
    margin-bottom: 0.35rem;
    border: 1px solid transparent;
    border-radius: 13px;
    color: #484761;
    transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

[b-9m1tslf9p2] .navigation-menu .mud-nav-link:hover {
    border-color: rgba(32, 59, 228, 0.1);
    color: #203be4;
    background: rgba(32, 59, 228, 0.055);
    transform: translateX(2px);
}

[b-9m1tslf9p2] .navigation-menu .mud-nav-link.active {
    color: #ffffff;
    background: linear-gradient(105deg, #203be4 0%, #6231df 58%, #9227e6 100%);
    box-shadow: 0 9px 22px rgba(64, 47, 202, 0.2);
}

[b-9m1tslf9p2] .navigation-menu .mud-nav-link.active .mud-icon-root {
    color: #ffffff;
}

[b-9m1tslf9p2] .navigation-menu .mud-nav-link.active .mud-nav-link-text {
    color: #ffffff;
}

[b-9m1tslf9p2] .navigation-menu .mud-nav-link:not(.active) .mud-icon-root {
    color: #6656c5;
}

[b-9m1tslf9p2] .navigation-section {
    display: block;
    margin-bottom: 0.45rem;
    color: #77738e;
    font-weight: 700;
    letter-spacing: 0.11em;
}

[b-9m1tslf9p2] .navigation-divider {
    border-color: rgba(73, 58, 168, 0.1);
}

@media (prefers-reduced-motion: reduce) {
    [b-9m1tslf9p2] .navigation-menu .mud-nav-link {
        transition: none;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
[b-fowrpb7voq] .hero {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(72, 48, 210, 0.1);
    border-radius: 28px;
    background:
        radial-gradient(circle at 92% 12%, rgba(2, 204, 224, 0.12), transparent 30%),
        radial-gradient(circle at 70% 90%, rgba(165, 38, 231, 0.1), transparent 32%),
        #ffffff;
}

[b-fowrpb7voq] .hero-copy {
    position: relative;
    z-index: 1;
}

[b-fowrpb7voq] .hero-grid {
    align-items: center;
}

[b-fowrpb7voq] .hero-title {
    max-width: 760px;
    font-size: clamp(3rem, 7vw, 5.6rem);
    font-weight: 850;
    line-height: 0.98;
    letter-spacing: -0.055em;
    color: #151528;
}

[b-fowrpb7voq] .hero-description {
    max-width: 650px;
    line-height: 1.55;
}

[b-fowrpb7voq] .hero-actions {
    flex-wrap: wrap;
}

.logo-wrap[b-fowrpb7voq] {
    max-width: 460px;
    margin: 0 auto;
    filter: drop-shadow(0 22px 35px rgba(47, 48, 206, 0.12));
}

[b-fowrpb7voq] .brand-logo {
    border-radius: 28px;
}

[b-fowrpb7voq] .feature-card {
    height: 100%;
    border: 1px solid rgba(72, 48, 210, 0.1);
    border-radius: 24px;
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

[b-fowrpb7voq] .feature-card:hover {
    transform: translateY(-4px);
    border-color: rgba(72, 48, 210, 0.22);
    box-shadow: 0 18px 42px rgba(45, 39, 130, 0.1);
}

[b-fowrpb7voq] .privacy-strip {
    border: 1px solid rgba(32, 59, 228, 0.1);
    border-radius: 20px;
    background: rgba(32, 59, 228, 0.035);
}

[b-fowrpb7voq] .privacy-content {
    justify-content: center;
}

@media (max-width: 959px) {
    .logo-wrap[b-fowrpb7voq] {
        max-width: 340px;
    }
}

@media (max-width: 600px) {
    [b-fowrpb7voq] .hero-title {
        font-size: clamp(2.65rem, 13vw, 4rem);
    }

    [b-fowrpb7voq] .hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .logo-wrap[b-fowrpb7voq] {
        max-width: 270px;
    }

    [b-fowrpb7voq] .privacy-content {
        align-items: flex-start !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    [b-fowrpb7voq] .feature-card {
        transition: none;
    }
}
/* /Features/HarmonicField/HarmonicField.razor.rz.scp.css */
[b-ldcfszlic6] .selector-surface,
[b-ldcfszlic6] .field-surface {
    border: 1px solid rgba(76, 52, 218, 0.12);
    border-radius: 24px;
    background:
        radial-gradient(circle at 96% 4%, rgba(0, 202, 221, 0.08), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(246, 247, 255, 0.98));
}

[b-ldcfszlic6] .field-surface {
    height: 100%;
}

[b-ldcfszlic6] .selector-grid {
    align-items: center;
}

[b-ldcfszlic6] .field-surface-minor {
    background:
        radial-gradient(circle at 96% 4%, rgba(167, 38, 231, 0.09), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(250, 246, 255, 0.98));
}

[b-ldcfszlic6] .field-heading {
    gap: 1rem;
    flex-wrap: wrap;
}

[b-ldcfszlic6] .chord-tile {
    height: 100%;
    min-height: 126px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(32, 59, 228, 0.12);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.78);
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

[b-ldcfszlic6] .chord-tile-minor {
    border-color: rgba(129, 40, 231, 0.13);
}

[b-ldcfszlic6] .chord-tile:hover {
    border-color: rgba(32, 59, 228, 0.3);
    box-shadow: 0 12px 26px rgba(45, 39, 130, 0.09);
    transform: translateY(-2px);
}

[b-ldcfszlic6] .chord-tile-minor:hover {
    border-color: rgba(129, 40, 231, 0.3);
}

[b-ldcfszlic6] .chord-symbol {
    font-weight: 750;
    letter-spacing: -0.025em;
}

@media (max-width: 600px) {
    [b-ldcfszlic6] .chord-tile {
        min-height: 112px;
    }
}

@media (prefers-reduced-motion: reduce) {
    [b-ldcfszlic6] .chord-tile {
        transition: none;
    }
}
/* /Features/Metronome/Metronome.razor.rz.scp.css */
[b-rzxxqwnf1k] .metronome-surface,
[b-rzxxqwnf1k] .settings-card {
    border: 1px solid rgba(76, 52, 218, 0.12);
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(247, 246, 255, 0.98));
}

[b-rzxxqwnf1k] .metronome-surface {
    min-height: 580px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pulse-wrap[b-rzxxqwnf1k] {
    width: 96px;
    height: 96px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: white;
    background: linear-gradient(135deg, #02cada, #203be4 50%, #a726e7);
    box-shadow: 0 18px 44px rgba(60, 45, 210, 0.2);
}

.pulse-wrap.is-running[b-rzxxqwnf1k] {
    animation: metronome-pulse-b-rzxxqwnf1k 0.55s ease-in-out infinite alternate;
}

[b-rzxxqwnf1k] .bpm-value {
    font-size: clamp(5rem, 14vw, 8.5rem);
    font-weight: 800;
    line-height: 0.95;
    letter-spacing: -0.06em;
    background: linear-gradient(135deg, #02cada, #203be4 50%, #a726e7);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

[b-rzxxqwnf1k] .tempo-slider {
    width: min(100%, 560px);
}

[b-rzxxqwnf1k] .beat-row {
    min-height: 48px;
    flex-wrap: wrap;
}

[b-rzxxqwnf1k] .action-row {
    flex-wrap: wrap;
}

@keyframes metronome-pulse-b-rzxxqwnf1k {
    from {
        transform: scale(0.94);
        box-shadow: 0 12px 30px rgba(60, 45, 210, 0.16);
    }

    to {
        transform: scale(1.04);
        box-shadow: 0 22px 50px rgba(131, 39, 229, 0.28);
    }
}

@media (max-width: 600px) {
    [b-rzxxqwnf1k] .metronome-surface {
        min-height: 520px;
    }

    .pulse-wrap[b-rzxxqwnf1k] {
        width: 76px;
        height: 76px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pulse-wrap.is-running[b-rzxxqwnf1k] {
        animation: none;
    }
}
/* /Features/Tuner/Tuner.razor.rz.scp.css */
[b-514d3syptj] .tool-surface,
[b-514d3syptj] .settings-card {
    border: 1px solid rgba(76, 52, 218, 0.12);
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(246, 247, 255, 0.98));
}

[b-514d3syptj] .tool-surface {
    min-height: 580px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.note-display[b-514d3syptj] {
    min-height: 160px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    line-height: 1;
}

[b-514d3syptj] .note-name {
    font-size: clamp(6rem, 16vw, 10rem);
    font-weight: 800;
    line-height: 0.9;
    letter-spacing: -0.08em;
    background: linear-gradient(135deg, #03cde1 5%, #1536e7 48%, #a826e7 92%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

[b-514d3syptj] .octave {
    margin: 0 0 1rem 0.6rem;
}

[b-514d3syptj] .tuning-meter {
    width: min(100%, 520px);
}

[b-514d3syptj] .primary-action {
    min-width: min(100%, 260px);
}

@media (max-width: 600px) {
    [b-514d3syptj] .tool-surface {
        min-height: 500px;
    }

    .note-display[b-514d3syptj] {
        min-height: 125px;
    }
}

@media (prefers-reduced-motion: reduce) {
    [b-514d3syptj] .note-name {
        transition: none;
    }
}