/* /Components/SongFretboard.razor.rz.scp.css */
.song-fretboard-card[b-xmvxiolmnw]{
    display:grid;
    gap:10px;
    padding:14px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:18px;
    background:#222c3b;
    color:#f5fbff;
}
.song-fretboard-head[b-xmvxiolmnw]{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;
}
.song-fretboard-head>div[b-xmvxiolmnw]{
    display:grid;
    gap:2px;
}
.song-fretboard-head span[b-xmvxiolmnw],
.song-fretboard-head small[b-xmvxiolmnw]{
    color:#aebdca;
    font-size:.74rem;
}
.song-fretboard-head strong[b-xmvxiolmnw]{
    color:#fff;
    font-size:1rem;
}
.song-fretboard[b-xmvxiolmnw]{
    width:100%;
    height:auto;
    display:block;
}
.string-name[b-xmvxiolmnw],
.fret-number[b-xmvxiolmnw],
.marker-label[b-xmvxiolmnw]{
    width:100%;
    height:100%;
    display:grid;
    place-items:center;
    color:#bac7d2;
    font-size:13px;
    font-weight:700;
    line-height:1;
    text-align:center;
}
.marker circle[b-xmvxiolmnw]{
    vector-effect:non-scaling-stroke;
}
.marker-label[b-xmvxiolmnw]{
    color:#fff;
    font-size:12px;
    font-weight:900;
    pointer-events:none;
}
.marker.current circle[b-xmvxiolmnw]{
    fill:#2fc4df;
    stroke:#b7f5ff;
    stroke-width:3;
    filter:drop-shadow(0 0 6px rgba(47,196,223,.62));
}
.marker.next circle[b-xmvxiolmnw]{
    fill:rgba(255,255,255,.18);
    stroke:rgba(255,255,255,.55);
    stroke-width:2;
}
.song-fretboard-caption[b-xmvxiolmnw]{
    display:flex;
    justify-content:center;
    gap:14px;
    color:#bdcad4;
    font-size:.78rem;
}
@media(max-width:620px){
    .song-fretboard-card[b-xmvxiolmnw]{padding:10px}
    .song-fretboard-head[b-xmvxiolmnw]{align-items:flex-start;flex-direction:column;gap:3px}
}
/* /Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-cqpnhb6h3h] { min-height: 100dvh; }

.onboarding-backdrop[b-cqpnhb6h3h] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #07121d;
    overscroll-behavior: none;
}

.onboarding-pending[b-cqpnhb6h3h] {
    pointer-events: all;
}

.onboarding-stage[b-cqpnhb6h3h] {
    position: relative;
    width: min(100vw, 56.28dvh);
    max-height: 100dvh;
    aspect-ratio: 941 / 1672;
    flex: 0 0 auto;
}

.onboarding-image[b-cqpnhb6h3h] {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    user-select: none;
    -webkit-user-drag: none;
}

.language-onboarding-stage[b-cqpnhb6h3h] {
    overflow: hidden;
}

.language-choice-actions[b-cqpnhb6h3h] {
    position: absolute;
    left: 6%;
    right: 6%;
    bottom: 6.2%;
    z-index: 5;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.language-choice-button[b-cqpnhb6h3h] {
    min-height: 54px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.28);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font: inherit;
    font-size: clamp(.88rem,3.2vw,1rem);
    font-weight: 900;
    color: #fff;
    cursor: pointer;
    touch-action: manipulation;
    box-shadow: 0 8px 22px rgba(0,0,0,.26);
}

.language-choice-button span[b-cqpnhb6h3h] {
    font-size: 1.15rem;
}

.language-choice-button.danish[b-cqpnhb6h3h] {
    background: linear-gradient(145deg,#f58f4a,#ea6f35);
}

.language-choice-button.english[b-cqpnhb6h3h] {
    background: linear-gradient(145deg,#26313e,#151d28);
}

.language-choice-button:focus-visible[b-cqpnhb6h3h] {
    outline: 3px solid #fff;
    outline-offset: 3px;
}

.cookie-onboarding-stage[b-cqpnhb6h3h] {
    overflow: hidden;
}

.cookie-onboarding-stage[b-cqpnhb6h3h]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 29%;
    z-index: 2;
    background: linear-gradient(180deg, #07121d 0%, #07121d 82%, rgba(7,18,29,.92) 92%, rgba(7,18,29,0) 100%);
    pointer-events: none;
}

.cookie-decorative-image[b-cqpnhb6h3h] {
    filter: brightness(.78) saturate(.92);
}

.cookie-question-panel[b-cqpnhb6h3h] {
    position: absolute;
    left: 6%;
    right: 6%;
    top: 7.5%;
    z-index: 3;
    display: grid;
    gap: 4px;
    padding: 15px 16px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 18px;
    background: rgba(7,18,29,.94);
    color: #fff;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,.30);
    backdrop-filter: blur(8px);
}

.cookie-question-panel strong[b-cqpnhb6h3h] {
    font-size: clamp(1.25rem, 5vw, 2rem);
}

.cookie-question-panel span[b-cqpnhb6h3h] {
    color: #d7e2ec;
    font-size: clamp(.82rem, 2.6vw, 1rem);
    line-height: 1.35;
}

.cookie-choice-panel[b-cqpnhb6h3h] {
    position: absolute;
    left: 4%;
    right: 4%;
    bottom: 2%;
    z-index: 4;
    display: grid;
    gap: 10px;
    padding: 13px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 20px;
    background: rgba(7,18,29,.96);
    box-shadow: 0 12px 34px rgba(0,0,0,.38);
    backdrop-filter: blur(10px);
}

.cookie-choice-actions[b-cqpnhb6h3h] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
}

.cookie-choice-button[b-cqpnhb6h3h] {
    min-height: 48px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.16);
    font: inherit;
    font-weight: 900;
    cursor: pointer;
    touch-action: manipulation;
}

.cookie-choice-button.accept[b-cqpnhb6h3h] {
    background: linear-gradient(145deg, #f58f4a, #ea6f35);
    color: #fff;
}

.cookie-choice-button.necessary[b-cqpnhb6h3h] {
    background: #1a2534;
    color: #f5f8fc;
    border-color: #526479;
}

.onboarding-consent-links[b-cqpnhb6h3h] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 2px;
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,.12);
}

.onboarding-privacy-link[b-cqpnhb6h3h],
.onboarding-consent-info[b-cqpnhb6h3h] {
    color: rgba(255,255,255,.96);
    font-size: clamp(.72rem,2.2vw,.88rem);
    font-weight: 850;
    text-decoration: underline;
    text-underline-offset: 3px;
    white-space: nowrap;
}

.onboarding-consent-info[b-cqpnhb6h3h] {
    appearance: none;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.onboarding-privacy-link:focus-visible[b-cqpnhb6h3h],
.onboarding-consent-info:focus-visible[b-cqpnhb6h3h],
.cookie-choice-button:focus-visible[b-cqpnhb6h3h] {
    outline: 2px solid #fff;
    outline-offset: 3px;
}

.consent-details-backdrop[b-cqpnhb6h3h] {
    position:fixed;
    inset:0;
    z-index:10030;
    display:grid;
    place-items:center;
    padding:18px;
    background:rgba(4,9,16,.82);
    backdrop-filter:blur(7px);
}

.consent-details-card[b-cqpnhb6h3h] {
    width:min(620px,100%);
    max-height:min(84vh,760px);
    overflow:auto;
    display:grid;
    gap:14px;
    padding:22px;
    border:1px solid rgba(127,213,236,.34);
    border-radius:22px;
    background:#222c3b;
    color:#f7fbff;
    box-shadow:0 24px 70px rgba(0,0,0,.45);
}

.consent-details-head[b-cqpnhb6h3h] {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
}

.consent-details-card h2[b-cqpnhb6h3h] {
    margin:3px 0 0;
    color:#fff;
}

.consent-details-card p[b-cqpnhb6h3h],
.consent-details-card li[b-cqpnhb6h3h] {
    color:#d7e2ec;
    line-height:1.55;
}

.consent-details-card ul[b-cqpnhb6h3h] {
    margin:0;
    padding-left:1.25rem;
    display:grid;
    gap:8px;
}

.consent-details-card .secondary-action[b-cqpnhb6h3h] {
    background:#182334;
    color:#f7fbff;
    border-color:#53677f;
}



.floating-app-actions[b-cqpnhb6h3h] {
    position: fixed;
    right: max(12px, env(safe-area-inset-right));
    top: calc(74px + env(safe-area-inset-top));
    z-index: 8500;
    display: grid;
    gap: 8px;
}

@media (min-width: 920px) {
    .floating-app-actions[b-cqpnhb6h3h] {
        right: max(18px, calc((100% - 170px - 880px) / 2 + 18px));
        top: 92px;
    }
}

.floating-help-button[b-cqpnhb6h3h],
.floating-settings-button[b-cqpnhb6h3h] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 50%;
    background: rgba(18,26,37,.9);
    color: #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,.24);
    text-decoration: none;
    font-weight: 900;
    backdrop-filter: blur(12px);
}

.floating-help-button[b-cqpnhb6h3h] {
    font-size: 1.2rem;
    cursor: pointer;
}

.floating-settings-button[b-cqpnhb6h3h] {
    font-size: 1rem;
}

.help-modal-backdrop[b-cqpnhb6h3h] {
    position: fixed;
    inset: 0;
    z-index: 9500;
    display: grid;
    place-items: center;
    padding: 18px;
    background: rgba(4,9,16,.72);
    backdrop-filter: blur(8px);
}

.help-modal-card[b-cqpnhb6h3h] {
    width: min(100%, 560px);
    max-height: min(760px, 88dvh);
    overflow: auto;
    display: grid;
    gap: 16px;
    padding: 20px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 22px;
    background: #151d28;
    color: #f6f3ea;
    box-shadow: 0 24px 70px rgba(0,0,0,.45);
}

.help-modal-head[b-cqpnhb6h3h] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.help-modal-head h2[b-cqpnhb6h3h] {
    margin: 2px 0 0;
}

.help-modal-card p[b-cqpnhb6h3h],
.help-modal-card li[b-cqpnhb6h3h] {
    color: rgba(246,243,234,.8);
}

.help-modal-card ol[b-cqpnhb6h3h] {
    display: grid;
    gap: 10px;
    margin: 0;
    padding-left: 1.4rem;
}

.help-close[b-cqpnhb6h3h] {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.08);
    color: #fff;
    font-size: 1.5rem;
    cursor: pointer;
}

@media (max-width: 560px) {
    .floating-app-actions[b-cqpnhb6h3h] {
        top: calc(68px + env(safe-area-inset-top));
        right: 8px;
    }

    .floating-help-button[b-cqpnhb6h3h],
    .floating-settings-button[b-cqpnhb6h3h] {
        width: 38px;
        height: 38px;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */