/* /Layout/ToneNav.razor.rz.scp.css */
.modes[b-vgh6j17qmc] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.35rem;
    margin: 0.85rem 0 0.9rem;
    border-bottom: 1px solid var(--line);
}

.modes[b-vgh6j17qmc]  .mode {
    margin: 0;
    padding: 0.4rem 0.85rem 0.45rem;
    border: 1px solid transparent;
    border-top: 2px solid transparent;
    border-bottom: none;
    background: transparent;
    color: var(--muted);
    font-family: var(--sans);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
}

.modes[b-vgh6j17qmc]  .mode:hover {
    color: var(--ink);
}

.modes[b-vgh6j17qmc]  .mode.active {
    margin-bottom: -1px;
    padding-bottom: calc(0.45rem + 1px);
    border-color: var(--line);
    border-top-color: var(--brass);
    border-bottom: 1px solid var(--panel);
    color: var(--brass);
}

.modes[b-vgh6j17qmc]  .mode.active:hover {
    color: var(--brass);
}
/* /Pages/BrainwaveTable.razor.rz.scp.css */
.bands[b-9dzecf91ws] {
    margin-top: 1.75rem;
    padding-top: 1.15rem;
    border-top: 1px solid var(--line);
}

.bands-title[b-9dzecf91ws] {
    margin: 0;
    font-family: var(--sans);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--brass);
}

.bands-note[b-9dzecf91ws] {
    margin: 0.4rem 0 0.85rem;
    font-family: var(--sans);
    font-size: 0.9rem;
    color: var(--muted);
}

.bands table[b-9dzecf91ws] {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--sans);
    color: var(--ink);
    font-size: 0.92rem;
}

.bands th[b-9dzecf91ws],
.bands td[b-9dzecf91ws] {
    padding: 0.5rem 0.35rem;
    border-bottom: 1px solid var(--line);
    text-align: left;
    font-weight: 500;
    vertical-align: top;
}

.bands thead th[b-9dzecf91ws] {
    color: var(--muted);
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bands tr.is-current[b-9dzecf91ws] {
    background: rgba(215, 161, 90, 0.28);
}

.bands tr.is-current th[b-9dzecf91ws] {
    color: var(--brass);
    box-shadow: inset 3px 0 0 var(--brass);
}
/* /Pages/Glissando.razor.rz.scp.css */
.panel.is-playing[b-dkxl2weu9x] {
    border-color: var(--brass);
}

.lede[b-dkxl2weu9x] {
    margin: 0.6rem 0 1.75rem;
    max-width: 36rem;
    color: var(--muted);
}

.channel[b-dkxl2weu9x] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.35rem 0.75rem;
    align-items: center;
    margin-top: 1.25rem;
    padding: 1rem;
    background: var(--well);
    border-top: 2px solid var(--brass);
}

h2[b-dkxl2weu9x] {
    grid-column: 1 / -1;
    margin: 0;
    font-family: var(--sans);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.readout[b-dkxl2weu9x] {
    grid-column: 1 / -1;
    margin: 0 0 0.4rem;
    font-size: 2.25rem;
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

.readout span[b-dkxl2weu9x],
label[b-dkxl2weu9x],
.direction-note[b-dkxl2weu9x],
.beat-note[b-dkxl2weu9x],
.status[b-dkxl2weu9x] {
    font-family: var(--sans);
    color: var(--muted);
}

.readout span[b-dkxl2weu9x] {
    font-size: 0.95rem;
}

input[type="range"][b-dkxl2weu9x] {
    grid-column: 1 / -1;
    width: 100%;
    margin: 0.35rem 0 0.5rem;
    accent-color: var(--brass);
}

label[b-dkxl2weu9x] {
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

input[type="number"][b-dkxl2weu9x] {
    width: 100%;
    box-sizing: border-box;
    padding: 0.4rem 0.5rem;
    border: 1px solid var(--line);
    background: var(--bg);
    color: var(--ink);
    font: inherit;
    font-variant-numeric: tabular-nums;
}

.direction-row[b-dkxl2weu9x] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1rem;
}

.direction-row select[b-dkxl2weu9x] {
    min-width: 14rem;
    padding: 0.4rem 0.5rem;
    border: 1px solid var(--line);
    background: var(--bg);
    color: var(--ink);
    font-family: var(--sans);
    font-size: 0.95rem;
}

.direction-note[b-dkxl2weu9x],
.beat-note[b-dkxl2weu9x] {
    margin: 0.55rem 0 0;
    font-size: 0.85rem;
}

.controls[b-dkxl2weu9x] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
    margin-top: 1.25rem;
}

.play[b-dkxl2weu9x] {
    min-width: 7.5rem;
    padding: 0.7rem 1.4rem;
    border: 1px solid var(--brass);
    background: var(--brass);
    color: var(--brass-ink);
    font: inherit;
    font-size: 1.15rem;
    cursor: pointer;
}

.play:disabled[b-dkxl2weu9x] {
    cursor: wait;
    opacity: 0.45;
}

.is-playing .play[b-dkxl2weu9x] {
    background: transparent;
    color: var(--brass);
}

.status[b-dkxl2weu9x],
.error[b-dkxl2weu9x] {
    margin: 0;
}

.error[b-dkxl2weu9x] {
    flex-basis: 100%;
    color: #e7b2a2;
}

@media (max-width: 640px) {
    .panel[b-dkxl2weu9x] {
        margin-top: 1.5rem;
        padding: 1.25rem 1rem 1.25rem;
    }

    h1[b-dkxl2weu9x] {
        font-size: 2rem;
    }
}
/* /Pages/Home.razor.rz.scp.css */
.panel[b-p1rsf0fvj8] {
    width: min(42rem, calc(100% - 2rem));
    margin: 8vh auto 4rem;
    padding: 2rem 1.75rem 1.75rem;
    background: var(--panel);
    border: 1px solid var(--line);
}

.panel.is-playing[b-p1rsf0fvj8] {
    border-color: var(--brass);
}

.mark[b-p1rsf0fvj8] {
    margin: 0;
    font-family: var(--sans);
    font-size: 1rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--brass);
}

h1[b-p1rsf0fvj8] {
    margin: 0.35rem 0 0;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.1;
}

.lede[b-p1rsf0fvj8] {
    margin: 0.6rem 0 1.75rem;
    max-width: 36rem;
    color: var(--muted);
}

.channels[b-p1rsf0fvj8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.channel[b-p1rsf0fvj8] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.35rem 0.75rem;
    align-items: center;
    padding: 1rem;
    background: var(--well);
    border-top: 2px solid var(--brass);
}

h2[b-p1rsf0fvj8] {
    grid-column: 1 / -1;
    margin: 0;
    font-family: var(--sans);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.readout[b-p1rsf0fvj8] {
    grid-column: 1 / -1;
    margin: 0 0 0.4rem;
    font-size: 2.25rem;
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

readout span[b-p1rsf0fvj8],
label[b-p1rsf0fvj8],
.beat[b-p1rsf0fvj8],
.status[b-p1rsf0fvj8],
.lock-note[b-p1rsf0fvj8] {
    font-family: var(--sans);
    color: var(--muted);
}

.readout span[b-p1rsf0fvj8] {
    font-size: 0.95rem;
}

input[type="range"][b-p1rsf0fvj8] {
    grid-column: 1 / -1;
    width: 100%;
    margin: 0.35rem 0 0.5rem;
    accent-color: var(--brass);
}

label[b-p1rsf0fvj8] {
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

input[type="number"][b-p1rsf0fvj8] {
    width: 100%;
    box-sizing: border-box;
    padding: 0.4rem 0.5rem;
    border: 1px solid var(--line);
    background: var(--bg);
    color: var(--ink);
    font: inherit;
    font-variant-numeric: tabular-nums;
}

.beat-row[b-p1rsf0fvj8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1rem;
    margin-top: 1.25rem;
}

.beat[b-p1rsf0fvj8] {
    margin: 0;
    font-size: 0.95rem;
}

.beat strong[b-p1rsf0fvj8] {
    color: var(--ink);
    font-family: var(--serif);
    font-size: 1.35rem;
    font-weight: 500;
}

.controls[b-p1rsf0fvj8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
    margin-top: 1.25rem;
}

.play[b-p1rsf0fvj8] {
    min-width: 7.5rem;
    padding: 0.7rem 1.4rem;
    border: 1px solid var(--brass);
    background: var(--brass);
    color: var(--brass-ink);
    font: inherit;
    font-size: 1.15rem;
    cursor: pointer;
}

.play:disabled[b-p1rsf0fvj8] {
    cursor: wait;
    opacity: 0.45;
}

.is-playing .play[b-p1rsf0fvj8] {
    background: transparent;
    color: var(--brass);
}

.lock[b-p1rsf0fvj8] {
    border: 1px solid var(--line);
    background: transparent;
    color: var(--ink);
    font-family: var(--sans);
    font-size: 0.85rem;
    padding: 0.45rem 0.75rem;
    cursor: pointer;
}

.lock[aria-pressed="true"][b-p1rsf0fvj8] {
    border-color: var(--brass);
    color: var(--brass);
}

.lock-note[b-p1rsf0fvj8] {
    margin: 0.55rem 0 0;
    font-size: 0.85rem;
}

.status[b-p1rsf0fvj8],
.error[b-p1rsf0fvj8] {
    margin: 0;
}

.error[b-p1rsf0fvj8] {
    flex-basis: 100%;
    color: #e7b2a2;
}

@media (max-width: 640px) {
    .panel[b-p1rsf0fvj8] {
        margin-top: 1.5rem;
        padding: 1.25rem 1rem 1.25rem;
    }

    .channels[b-p1rsf0fvj8] {
        grid-template-columns: 1fr;
    }

    h1[b-p1rsf0fvj8] {
        font-size: 2rem;
    }
}