/* /Components/Layout/AdminLayout.razor.rz.scp.css */
.admin-app-shell[b-unadj3fozh]{min-height:100vh;background:#07131b;color:#e4f0f5;font-family:'Space Grotesk',system-ui,sans-serif}
.admin-app-shell .admin-topbar[b-unadj3fozh]{height:68px;border-bottom:1px solid #233e4e;background:#0a1922;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,3vw,40px);gap:20px}
.admin-app-shell .admin-brand[b-unadj3fozh]{display:flex;align-items:center;gap:11px;color:#f2f8fa;text-decoration:none;font-weight:700;letter-spacing:.04em}
.admin-app-shell .admin-brand img[b-unadj3fozh]{width:38px;height:38px;object-fit:contain}
.admin-app-shell .admin-tools[b-unadj3fozh]{display:flex;align-items:center;gap:20px}
.admin-app-shell .admin-tools a[b-unadj3fozh],.admin-app-shell .admin-tools button[b-unadj3fozh],.admin-app-shell .admin-languages a[b-unadj3fozh]{color:#bfd0d9;text-decoration:none;font:inherit;font-size:.86rem}
.admin-app-shell .admin-tools button[b-unadj3fozh]{background:transparent;border:0;cursor:pointer;padding:8px}
.admin-app-shell .admin-tools form[b-unadj3fozh]{margin:0}
.admin-app-shell .admin-languages[b-unadj3fozh]{display:flex;gap:9px;border-left:1px solid #233e4e;padding-left:14px}
.admin-app-shell .admin-workspace[b-unadj3fozh]{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 68px)}
.admin-app-shell .admin-sidebar[b-unadj3fozh]{border-right:1px solid #233e4e;padding:18px 12px;background:#091821}
.admin-app-shell .admin-menu>summary[b-unadj3fozh]{width:100%;min-height:44px;display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #233e4e;border-radius:7px;background:#0e202b;color:#dce8ed;text-align:left;font:inherit;cursor:pointer;list-style:none}.admin-app-shell .admin-menu>summary[b-unadj3fozh]::-webkit-details-marker{display:none}.admin-app-shell .admin-menu>summary[b-unadj3fozh]:after{content:"+";margin-left:auto}.admin-app-shell .admin-menu[open]>summary[b-unadj3fozh]:after{content:"−"}
.admin-app-shell .admin-navigation-panel[hidden][b-unadj3fozh]{display:none}
.admin-app-shell[b-unadj3fozh]  .admin-subnav{display:grid;gap:4px}
.admin-app-shell[b-unadj3fozh]  .admin-nav-group{display:grid;gap:4px;padding:8px 0;border-bottom:1px solid #233e4e}
.admin-app-shell[b-unadj3fozh]  .admin-nav-group:last-child{border-bottom:0}
.admin-app-shell[b-unadj3fozh]  .admin-subnav a{padding:10px 12px;border-radius:7px;color:#b6c8d2;text-decoration:none;font-size:.92rem}
.admin-app-shell[b-unadj3fozh]  .admin-subnav a:hover{background:#142a36;color:#fff}
.admin-app-shell[b-unadj3fozh]  .admin-subnav a.active{background:#12342f;color:#00e69a;font-weight:600}
.admin-app-shell[b-unadj3fozh]  .admin-subnav a:focus-visible,.admin-app-shell .admin-menu>summary:focus-visible[b-unadj3fozh],.admin-app-shell a:focus-visible[b-unadj3fozh],.admin-app-shell button:focus-visible[b-unadj3fozh]{outline:3px solid #00e69a;outline-offset:2px}
.admin-app-shell .admin-content[b-unadj3fozh]{min-width:0;padding:clamp(20px,3vw,42px)}
.admin-app-shell .admin-content[b-unadj3fozh]  .admin-shell{width:100%;max-width:100%;--admin-line:#233e4e;--admin-surface:#0e202b;--admin-surface-strong:#142a36;--admin-surface-soft:#091821;--admin-muted:#b6c8d2}
.admin-app-shell .admin-content[b-unadj3fozh]  .detail-hero,.admin-app-shell .admin-content[b-unadj3fozh]  .detail-grid,.admin-app-shell .admin-content[b-unadj3fozh]  .flow-grid,.admin-app-shell .admin-content[b-unadj3fozh]  .detail-links,.admin-app-shell .admin-content[b-unadj3fozh]  .table-panel,.admin-app-shell .admin-content[b-unadj3fozh]  .form-panel,.admin-app-shell .admin-content[b-unadj3fozh]  .admin-flow-grid,.admin-app-shell .admin-content[b-unadj3fozh]  .status-panel{width:100%;max-width:100%}
.admin-app-shell[b-unadj3fozh]  .admin-subnav a{min-width:0;overflow-wrap:anywhere}
.admin-app-shell .admin-content[b-unadj3fozh]  .table-wrap{max-width:100%;overflow-x:auto}
.admin-app-shell .admin-content[b-unadj3fozh]  .panel,.admin-app-shell .admin-content[b-unadj3fozh]  section.panel,.admin-app-shell .admin-content[b-unadj3fozh]  article.panel{background:#0e202b;border:1px solid #233e4e;border-radius:10px;color:#e4f0f5}
.admin-app-shell .admin-content[b-unadj3fozh]  table{color:#dce8ed}
.admin-app-shell .admin-content[b-unadj3fozh]  input,.admin-app-shell .admin-content[b-unadj3fozh]  select,.admin-app-shell .admin-content[b-unadj3fozh]  textarea{background:#091821;color:#e4f0f5;border:1px solid #365363;border-radius:6px}
.admin-app-shell .admin-content[b-unadj3fozh]  button:not([disabled]),.admin-app-shell .admin-content[b-unadj3fozh]  .btn{border-radius:6px}
.admin-app-shell:not(.admin-app-shell--builder) .admin-content[b-unadj3fozh]  input:not([type="checkbox"]):not([type="radio"]),.admin-app-shell:not(.admin-app-shell--builder) .admin-content[b-unadj3fozh]  select,.admin-app-shell:not(.admin-app-shell--builder) .admin-content[b-unadj3fozh]  textarea{min-height:38px;padding:8px 10px;max-width:100%;font:inherit;font-size:.9rem}
.admin-app-shell:not(.admin-app-shell--builder) .admin-content[b-unadj3fozh]  .btn,.admin-app-shell:not(.admin-app-shell--builder) .admin-content[b-unadj3fozh]  button{min-height:38px;padding:8px 12px;font:inherit;font-size:.9rem;border:1px solid #365363;background:#142a36;color:#e4f0f5}
.admin-app-shell:not(.admin-app-shell--builder) .admin-content[b-unadj3fozh]  .btn-primary{background:#086548;border-color:#00ad78;color:#effff8}
.admin-app-shell:not(.admin-app-shell--builder) .admin-content[b-unadj3fozh]  .btn-danger,.admin-app-shell:not(.admin-app-shell--builder) .admin-content[b-unadj3fozh]  .btn-outline-danger{background:#42232d;border-color:#98515e;color:#ffd9df}
.admin-app-shell .admin-content[b-unadj3fozh]  table th{background:#091821;color:#bfd0d9;border-color:#233e4e}
.admin-app-shell .admin-content[b-unadj3fozh]  table td{border-color:#233e4e}
.admin-app-shell .admin-content[b-unadj3fozh]  input:focus-visible,.admin-app-shell .admin-content[b-unadj3fozh]  select:focus-visible,.admin-app-shell .admin-content[b-unadj3fozh]  textarea:focus-visible,.admin-app-shell .admin-content[b-unadj3fozh]  button:focus-visible,.admin-app-shell .admin-content[b-unadj3fozh]  a:focus-visible{outline:2px solid #66ddff;outline-offset:2px}
.admin-app-shell--builder .admin-workspace[b-unadj3fozh]{display:block}
.admin-app-shell--builder .admin-sidebar[b-unadj3fozh]{border:0;border-bottom:1px solid #233e4e;padding:8px 18px}
.admin-app-shell--builder .admin-menu>summary[b-unadj3fozh]{width:auto;min-width:112px}
.admin-app-shell--builder .admin-menu[b-unadj3fozh]{position:relative}
.admin-app-shell--builder .admin-navigation-panel[b-unadj3fozh]{position:absolute;top:calc(100% + 6px);left:0;width:min(300px,100%);box-sizing:border-box;z-index:5;max-height:70vh;overflow:auto;background:#091821;border:1px solid #233e4e;border-radius:8px;padding:4px 12px 12px;box-shadow:0 14px 32px #0009}
.admin-app-shell--builder .admin-content[b-unadj3fozh]{padding:0}
.admin-app-shell .admin-content[b-unadj3fozh]  .admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start;min-width:0}
.admin-app-shell .admin-content[b-unadj3fozh]  .admin-form-grid--comfortable{max-width:960px}
.admin-app-shell .admin-content[b-unadj3fozh]  .admin-form-wide{grid-column:1/-1}
.admin-app-shell .admin-content[b-unadj3fozh]  .admin-form-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:.25rem}
.admin-app-shell .admin-content[b-unadj3fozh]  .admin-form-grid .checkbox-row{display:flex;align-items:center;gap:.5rem;margin:0;min-height:38px}
.admin-app-shell .admin-content[b-unadj3fozh]  .admin-edit-sections{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-items:start}
.admin-app-shell .admin-content[b-unadj3fozh]  .admin-edit-sections>section{min-width:0;margin:0}
.admin-app-shell .admin-content[b-unadj3fozh]  .admin-filter-field{display:flex;flex-direction:column;gap:.4rem;min-width:0;flex:1 1 240px;max-width:560px;font-weight:600}
.admin-app-shell .admin-content[b-unadj3fozh]  .admin-filter-field .table-filter-input{width:100%;min-width:0;box-sizing:border-box}
@media(min-width:1100px){.admin-app-shell .admin-content[b-unadj3fozh]  .admin-edit-sections{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.admin-app-shell .admin-content[b-unadj3fozh]  .admin-form-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.admin-app-shell .admin-topbar[b-unadj3fozh]{height:auto;min-height:64px;flex-wrap:wrap;padding:12px 16px}.admin-app-shell .admin-tools[b-unadj3fozh]{gap:12px;flex-wrap:wrap;justify-content:flex-end}.admin-app-shell .admin-workspace[b-unadj3fozh]{grid-template-columns:1fr}.admin-app-shell .admin-sidebar[b-unadj3fozh]{border-right:0;border-bottom:1px solid #233e4e;padding:10px 14px}.admin-app-shell[b-unadj3fozh]  .admin-subnav{display:grid}.admin-app-shell .admin-content[b-unadj3fozh]{padding:20px 14px}.admin-app-shell--builder .admin-content[b-unadj3fozh]{padding:0}}
/* /Components/Layout/GymProjectorLayout.razor.rz.scp.css */
.gym-projector-layout[b-2zoocaub4e] {
    min-height: 100vh;
    background: #101412;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.site-shell[b-leyu6atffm] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.site-header[b-leyu6atffm] {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.9rem 6vw;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(14px);
    background: color-mix(in srgb, #101412 82%, transparent);
}

.brand[b-leyu6atffm] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    font-family: var(--font-heading);
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #f4fbff;
    text-decoration: none;
}

.brand-logo[b-leyu6atffm] {
    width: 34px;
    height: 34px;
    filter: drop-shadow(0 3px 10px rgba(56, 133, 102, 0.3));
}

.brand-word[b-leyu6atffm] {
    font-size: 1.04rem;
}

.site-nav[b-leyu6atffm] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}

.nav-toggle-input[b-leyu6atffm] {
    display: none;
}

.nav-toggle-btn[b-leyu6atffm] {
    display: none;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    border: 1px solid rgba(56, 133, 102, 0.36);
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    background: rgba(16, 33, 26, 0.7);
}

.nav-toggle-btn span[b-leyu6atffm] {
    width: 18px;
    height: 2px;
    border-radius: 99px;
    background: #d9efff;
    display: block;
}

.site-nav[b-leyu6atffm]  a {
    color: #9ba8a0;
    text-decoration: none;
    font-size: 0.9rem;
    padding: 0.45rem 0.8rem;
    border-radius: 999px;
    transition: color 180ms ease, background 180ms ease, border-color 180ms ease;
    border: 1px solid transparent;
}

.site-nav[b-leyu6atffm]  a:hover,
.site-nav[b-leyu6atffm]  a.active {
    color: #E4E9EE;
    border-color: rgba(56, 133, 102, 0.36);
    background: rgba(56, 133, 102, 0.18);
}

.inline-form[b-leyu6atffm] {
    margin: 0;
}

.nav-btn[b-leyu6atffm] {
    color: #9ba8a0;
    text-decoration: none;
    font-size: 0.9rem;
    padding: 0.45rem 0.8rem;
    border-radius: 999px;
    transition: color 180ms ease, background 180ms ease, border-color 180ms ease;
    border: 1px solid transparent;
    background: transparent;
}

.nav-btn:hover[b-leyu6atffm] {
    color: #E4E9EE;
    border-color: rgba(56, 133, 102, 0.36);
    background: rgba(56, 133, 102, 0.18);
}

.lang-switcher[b-leyu6atffm] {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    margin-left: 0.5rem;
    padding-left: 0.6rem;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
}

.lang-switcher a[b-leyu6atffm] {
    color: #7a9aaa !important;
    text-decoration: none !important;
    font-size: 0.78rem !important;
    padding: 0.3rem 0.45rem !important;
    border-radius: 6px !important;
    transition: color 180ms ease, background 180ms ease !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    line-height: 1;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    font-weight: 500;
}

.lang-switcher a:hover[b-leyu6atffm],
.lang-switcher a.active[b-leyu6atffm] {
    color: #eff9ff !important;
    background: rgba(46, 112, 146, 0.24) !important;
    border-color: rgba(92, 173, 212, 0.25) !important;
}

.site-main[b-leyu6atffm] {
    flex: 1;
}

.site-footer[b-leyu6atffm] {
    border-top: 1px solid rgba(255, 255, 255, 0.11);
    background: rgba(12, 17, 14, 0.72);
    padding: 1.1rem 6vw;
}

.site-footer__inner[b-leyu6atffm] {
    width: min(1120px, 100%);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    color: var(--ink-soft);
    font-size: 0.9rem;
}

.site-footer__inner > div[b-leyu6atffm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: baseline;
}

.site-footer__inner strong[b-leyu6atffm] {
    color: var(--ink-strong);
    font-family: var(--font-heading);
}

.site-footer__links[b-leyu6atffm] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
}

.site-footer__links[b-leyu6atffm]  a,
.site-footer__links a[b-leyu6atffm] {
    color: var(--mint);
    text-decoration: none;
}

.site-footer__links[b-leyu6atffm]  a:hover,
.site-footer__links a:hover[b-leyu6atffm] {
    color: var(--ink-strong);
    text-decoration: underline;
}

#blazor-error-ui[b-leyu6atffm] {
    color-scheme: light only;
    background: #fff2cf;
    border-top: 1px solid #ebd08a;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-leyu6atffm] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

@media (max-width: 720px) {
    .site-header[b-leyu6atffm] {
        padding: 0.75rem 1rem;
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
    }

    .brand-word[b-leyu6atffm] {
        font-size: 0.98rem;
    }

    .nav-toggle-btn[b-leyu6atffm] {
        display: inline-flex;
    }

    .site-nav[b-leyu6atffm] {
        grid-column: 1 / -1;
        width: 100%;
        display: none;
        padding-top: 0.5rem;
        gap: 0.35rem;
        flex-direction: column;
        align-items: stretch;
    }

    .site-nav[b-leyu6atffm]  a,
    .nav-btn[b-leyu6atffm] {
        display: block;
        width: 100%;
        border-radius: 10px;
        padding: 0.52rem 0.75rem;
        text-align: left;
    }

    .nav-toggle-input:checked ~ .site-nav[b-leyu6atffm] {
        display: flex;
    }

    .site-footer[b-leyu6atffm] {
        padding: 1rem;
    }

    .site-footer__inner[b-leyu6atffm] {
        align-items: flex-start;
        flex-direction: column;
    }

    .site-footer__links[b-leyu6atffm] {
        justify-content: flex-start;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-6185l9f7m8],
.components-reconnect-repeated-attempt-visible[b-6185l9f7m8],
.components-reconnect-failed-visible[b-6185l9f7m8],
.components-pause-visible[b-6185l9f7m8],
.components-resume-failed-visible[b-6185l9f7m8],
.components-rejoining-animation[b-6185l9f7m8] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-6185l9f7m8],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-6185l9f7m8],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-6185l9f7m8],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-6185l9f7m8],
#components-reconnect-modal.components-reconnect-retrying[b-6185l9f7m8],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-6185l9f7m8],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-6185l9f7m8],
#components-reconnect-modal.components-reconnect-failed[b-6185l9f7m8],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-6185l9f7m8] {
    display: block;
}


#components-reconnect-modal[b-6185l9f7m8] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-6185l9f7m8 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-6185l9f7m8 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-6185l9f7m8 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-6185l9f7m8]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-6185l9f7m8 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-6185l9f7m8 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-6185l9f7m8 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-6185l9f7m8 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-6185l9f7m8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-6185l9f7m8] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-6185l9f7m8] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-6185l9f7m8] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-6185l9f7m8] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-6185l9f7m8] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-6185l9f7m8] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-6185l9f7m8 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-6185l9f7m8] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-6185l9f7m8 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AccountWorkoutCreate.razor.rz.scp.css */
.workout-builder[b-lu8porm24f] { display: grid; gap: 1rem; color: #e0e8e8; }
.wb-card[b-lu8porm24f], .wb-block[b-lu8porm24f], .wb-actions[b-lu8porm24f] { padding: 1.25rem; }
.wb-card[b-lu8porm24f] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.wb-card h2[b-lu8porm24f], .wb-card .wb-note[b-lu8porm24f], .wb-card button[b-lu8porm24f], .wb-wide[b-lu8porm24f] { grid-column: 1 / -1; }
.wb-card label[b-lu8porm24f], .wb-section label[b-lu8porm24f] { display: grid; gap: .4rem; min-width: 0; }
.wb-card input[b-lu8porm24f], .wb-card select[b-lu8porm24f], .wb-card textarea[b-lu8porm24f], .wb-section input[b-lu8porm24f], .wb-section select[b-lu8porm24f], .wb-section textarea[b-lu8porm24f] { box-sizing: border-box; width: 100%; padding: .7rem .75rem; }
.wb-summary[b-lu8porm24f], .wb-block header[b-lu8porm24f] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.wb-slot[b-lu8porm24f] { margin: 1rem 0 0 1rem; padding-left: 1rem; border-left: 2px solid #388566; }
.wb-section[b-lu8porm24f] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; margin: .9rem 0; padding: 1rem; border: 1px solid #3f4943; border-radius: 10px; }
.wb-section legend[b-lu8porm24f] { padding: 0 .4rem; font-weight: 700; }
.wb-note[b-lu8porm24f], .wb-actions p[b-lu8porm24f] { color: #bec9c1; }
.wb-alert[b-lu8porm24f] { padding: .8rem; border-left: 4px solid #d87853; background: #272b28; }
.workout-builder .panel[b-lu8porm24f] { background: linear-gradient(145deg,#111e24,#10191e); border: 1px solid #263b44; border-radius: 10px; box-shadow: 0 12px 28px #0002; }
.workout-builder .wb-block[b-lu8porm24f] { border-left: 3px solid #36535d; }
.workout-builder .wb-slot[b-lu8porm24f] { border-left-color: #276c5a; }
.workout-builder .wb-section[b-lu8porm24f] { background: #151f24; }
.workout-builder input[b-lu8porm24f], .workout-builder select[b-lu8porm24f], .workout-builder textarea[b-lu8porm24f] { background: #111a20; color: #e4ecec; border: 1px solid #354c55; border-radius: 6px; }

/* The builder intentionally uses AdminLayout's full-width builder mode. */
.wb-focused[b-lu8porm24f] { box-sizing: border-box; width: 100%; max-width: none; margin: 0 auto 2rem; padding: 0 clamp(1rem, 2.2vw, 2.5rem) 1rem; gap: .75rem; color: #e1e9eb; font: 15px/1.5 "Inter", "Segoe UI", sans-serif; }
.wb-focused .wb-topbar[b-lu8porm24f] { display: flex; align-items: center; gap: 1rem; min-height: 76px; padding: .7rem .25rem; border-bottom: 1px solid #27414b; }
.wb-brand[b-lu8porm24f] { display: flex; align-items: center; gap: .5rem; color: #e8f2f2; text-decoration: none; font-size: .95rem; font-weight: 800; letter-spacing: .08em; white-space: nowrap; }
.wb-brand img[b-lu8porm24f] { width: 30px; height: 30px; object-fit: contain; }
.wb-topbar > a:not(.wb-brand)[b-lu8porm24f] { color: #c7d4d7; text-decoration: none; }
.wb-topbar h1[b-lu8porm24f] { min-width: 0; margin: 0; padding: .45rem .75rem; border: 1px solid #34505b; border-radius: 7px; font-size: 1.2rem; line-height: 1.3; font-weight: 650; }
.wb-live-stats[b-lu8porm24f] { display: flex; gap: 1.5rem; margin-left: auto; }
.wb-live-stats b[b-lu8porm24f] { display: grid; grid-template-columns: auto auto; align-items: center; column-gap: .4rem; font-size: 1rem; }
.wb-live-stats small[b-lu8porm24f] { grid-column: 2; color: #a9bbc0; font-size: .8rem; font-weight: 400; }
.wb-focused .wb-phase[b-lu8porm24f] { display: flex; align-items: center; gap: 1rem; min-height: 52px; padding: .4rem .25rem; border-bottom: 1px solid #213640; color: #c5d1d3; font-size: .9rem; }
.wb-phase ol[b-lu8porm24f] { display: flex; align-items: center; gap: 1.25rem; margin: 0; padding: 0; list-style: none; }
.wb-phase li[b-lu8porm24f] { display: flex; align-items: center; }
.wb-phase li.is-current[b-lu8porm24f] { color: #42dda8; font-weight: 700; }
.wb-phase li.is-complete[b-lu8porm24f] { color: #acead1; }
.wb-step-number[b-lu8porm24f] { display: inline-grid; place-items: center; width: 1.6rem; height: 1.6rem; margin-right: .4rem; border: 1px solid currentColor; border-radius: 50%; }
.wb-phase > a[b-lu8porm24f] { margin-left: auto; color: #70d5f2; text-decoration: none; }
.wb-focused > .wb-alert[b-lu8porm24f] { margin: .25rem 0; padding: .65rem .8rem; font-size: .9rem; }
.wb-live-grid[b-lu8porm24f] { display: grid; grid-template-columns: minmax(340px, 480px) minmax(480px, 1fr) minmax(400px, 560px); gap: 1rem; align-items: start; min-width: 0; }
.wb-center[b-lu8porm24f], .wb-live-details[b-lu8porm24f] { display: grid; gap: .8rem; min-width: 0; }
.wb-focused .panel[b-lu8porm24f] { min-width: 0; padding: 1rem; border: 1px solid #263e48; border-radius: 9px; background: linear-gradient(145deg,#101f25,#0d181e); box-shadow: 0 8px 20px #0002; }
.wb-focused .wb-summary[b-lu8porm24f] { min-height: 68px; padding: .8rem 1rem; }
.wb-focused .wb-summary .eyebrow[b-lu8porm24f] { margin: 0 0 .25rem; color: #b7c8c9; font-size: .8rem; }
.wb-focused .wb-summary label[b-lu8porm24f] { display: flex; align-items: center; gap: .6rem; font-weight: 600; }
.wb-focused .wb-summary input[b-lu8porm24f] { max-width: 320px; padding: .5rem .6rem; }
.wb-focused .wb-summary strong[b-lu8porm24f] { font-size: 1.25rem; }
.wb-focused .wb-summary button[b-lu8porm24f] { padding: .5rem .7rem; min-height: 40px; }
.wb-structure[b-lu8porm24f] { padding: .9rem !important; }
.wb-structure > header[b-lu8porm24f], .wb-detail-card > header[b-lu8porm24f] { display: flex; align-items: center; justify-content: space-between; gap: .6rem; }
.wb-structure h2[b-lu8porm24f], .wb-detail-card h2[b-lu8porm24f] { margin: .15rem 0 .6rem; font-size: 1.1rem; line-height: 1.35; }
.wb-structure > header span[b-lu8porm24f] { font-size: .85rem; color: #afc0c4; }
.wb-structure-block[b-lu8porm24f] { margin-top: .8rem; }
.wb-structure-block > h3[b-lu8porm24f] { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; margin: .3rem 0; font-size: .98rem; overflow-wrap: anywhere; }
.wb-structure-block > h3 > b[b-lu8porm24f] { display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 5px; background: #233a44; font-size: .85rem; }
.wb-structure-block > h3 small[b-lu8porm24f] { margin-left: auto; font-size: .85rem; white-space: nowrap; }
.wb-position[b-lu8porm24f] { display: grid; grid-template-columns: 30px minmax(0,1fr) 14px; align-items: center; gap: .55rem; width: 100%; margin: .4rem 0; padding: .6rem; border: 1px solid #2c424b; border-radius: 7px; text-align: left; background: #112027; color: #e3ebec; cursor: pointer; }
.wb-position.is-inspected[b-lu8porm24f] { border-color: #20d99b; box-shadow: 0 0 9px #20d99b33; }
.wb-position-icon[b-lu8porm24f] { display: grid; place-items: center; width: 29px; height: 30px; border-radius: 5px; background: #1d333c; color: #aad1db; }
.wb-position-copy[b-lu8porm24f] { min-width: 0; }
.wb-position-copy > b[b-lu8porm24f], .wb-position-copy > small[b-lu8porm24f] { display: block; overflow-wrap: anywhere; }
.wb-position-copy > small[b-lu8porm24f] { font-variant-numeric: tabular-nums; }
.wb-position-copy > b[b-lu8porm24f] { font-size: .9rem; }
.wb-position-copy > small[b-lu8porm24f] { font-size: .8rem; color: #afc0c4; }
.wb-mini-effort[b-lu8porm24f] { display: flex; height: 5px; margin-top: .3rem; overflow: hidden; border-radius: 3px; }
.wb-mini-effort i[b-lu8porm24f] { display: block; min-width: 2px; }
.wb-focused .wb-card h2[b-lu8porm24f], .wb-focused .wb-block h2[b-lu8porm24f] { font-size: 1.2rem; }
.wb-focused .wb-card[b-lu8porm24f] { gap: .8rem; padding: 1rem; }
.wb-focused .wb-card label[b-lu8porm24f] { font-size: .9rem; }
.wb-focused .wb-card input[b-lu8porm24f], .wb-focused .wb-card select[b-lu8porm24f], .wb-focused .wb-card textarea[b-lu8porm24f], .wb-focused .wb-section input[b-lu8porm24f], .wb-focused .wb-section select[b-lu8porm24f], .wb-focused .wb-section textarea[b-lu8porm24f] { padding: .6rem .7rem; font-size: .95rem; }
.wb-focused .wb-card textarea[b-lu8porm24f] { min-height: 6rem; resize: vertical; }
.wb-focused .wb-card button[b-lu8porm24f], .wb-focused .wb-block button[b-lu8porm24f], .wb-focused .wb-actions button[b-lu8porm24f] { min-height: 40px; padding: .5rem .7rem; font-size: .9rem; }
.wb-focused .wb-section[b-lu8porm24f] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; margin: .75rem 0; padding: .8rem; }
.wb-focused .wb-section label[b-lu8porm24f] { font-size: .86rem; }
.wb-focused .wb-section label:has(textarea)[b-lu8porm24f] { grid-column: 1 / -1; }
.wb-focused .wb-section textarea[b-lu8porm24f] { min-height: 76px; resize: vertical; }
.wb-focused .wb-section legend[b-lu8porm24f] { font-size: .95rem; }
.wb-focused .wb-slot-editor[b-lu8porm24f] { align-content: start; padding: 1rem; }
.wb-slot-editor > header h2[b-lu8porm24f] { overflow-wrap: anywhere; }
.wb-slot-editor > header > span[b-lu8porm24f] { flex: 0 0 auto; font-weight: 700; white-space: nowrap; }
.wb-slot-editor > p[b-lu8porm24f] { color: #bac8cb; font-size: .9rem; }
.wb-slot-genres[b-lu8porm24f] { min-width: 0; padding: .8rem; border: 1px solid #354c55; border-radius: 7px; }
.wb-slot-genres legend[b-lu8porm24f] { padding: 0 .35rem; font-weight: 700; }
.wb-slot-editor button[b-lu8porm24f], .wb-slot-editor input[b-lu8porm24f], .wb-slot-editor select[b-lu8porm24f], .wb-slot-editor textarea[b-lu8porm24f] { min-height: 42px; }
.wb-slot-editor > section[b-lu8porm24f] { display: grid; gap: .55rem; margin-top: .9rem; }
.wb-slot-editor audio[b-lu8porm24f] { width: 100%; }
.wb-focused :is(button,a,input,select,textarea):focus-visible[b-lu8porm24f] { outline: 3px solid #acead1; outline-offset: 2px; }
.wb-focused .wb-position[b-lu8porm24f] { transition: border-color .16s ease, background .16s ease; }
.wb-focused .wb-position:hover[b-lu8porm24f] { border-color: #55866b; background: #172a20; }
.effort-recovery[b-lu8porm24f], .effort-gray[b-lu8porm24f] { background: #82909a; }
.effort-endurance[b-lu8porm24f], .effort-blue[b-lu8porm24f] { background: #16a1e8; }
.effort-tempo[b-lu8porm24f], .effort-green[b-lu8porm24f] { background: #18ca7c; }
.effort-threshold[b-lu8porm24f], .effort-yellow[b-lu8porm24f] { background: #edbd19; }
.effort-purple[b-lu8porm24f] { background: #a855f7; }
.effort-other[b-lu8porm24f] { background: #566a72; }
.wb-planner[b-lu8porm24f] { display: grid; gap: .75rem; }
.wb-planner > fieldset[b-lu8porm24f] { min-width: 0; }
.wb-genre-picker[b-lu8porm24f], .wb-genre-chips[b-lu8porm24f] { display: flex; flex-wrap: wrap; gap: .5rem; margin-block: .5rem; }
.wb-genre-picker button[aria-pressed="true"][b-lu8porm24f], .wb-genre-chips button[b-lu8porm24f] { border-color: #acead1; background: #1c211e; color: #acead1; }
.wb-planner input[b-lu8porm24f], .wb-planner select[b-lu8porm24f], .wb-planner textarea[b-lu8porm24f] { max-width: 100%; }
.wb-slot-editor .wb-section[b-lu8porm24f] { grid-template-columns: repeat(2, minmax(0, 1fr)); }

@media (max-width: 1500px) {
  .wb-live-grid[b-lu8porm24f] { grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); }
  .wb-live-details[b-lu8porm24f] { grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 1100px) {
  .wb-live-grid[b-lu8porm24f] { grid-template-columns: minmax(0, 1fr); }
  .wb-structure[b-lu8porm24f], .wb-center[b-lu8porm24f], .wb-live-details[b-lu8porm24f] { width: 100%; }
  .wb-structure[b-lu8porm24f] { order: 0; }
  .wb-live-details[b-lu8porm24f] { grid-column: auto; }
}
@media (max-width: 720px) {
  .wb-focused[b-lu8porm24f] { padding: 0 .75rem .8rem; font-size: 14px; }
  .wb-focused .wb-topbar[b-lu8porm24f] { flex-wrap: wrap; min-height: 60px; gap: .55rem; }
  .wb-topbar h1[b-lu8porm24f] { flex: 1 1 55%; font-size: 1rem; }
  .wb-live-stats[b-lu8porm24f] { order: 3; width: 100%; justify-content: space-around; margin: 0; padding: .45rem; border-top: 1px solid #233a43; }
  .wb-focused .wb-phase[b-lu8porm24f] { flex-wrap: wrap; gap: .65rem; }
  .wb-phase ol[b-lu8porm24f] { flex-wrap: wrap; gap: .65rem; }
  .wb-phase > a[b-lu8porm24f] { margin-left: 0; }
  .wb-focused .wb-section[b-lu8porm24f], .wb-slot-editor .wb-section[b-lu8porm24f] { grid-template-columns: minmax(0, 1fr); }
  .wb-focused .wb-section label:has(textarea)[b-lu8porm24f] { grid-column: auto; }
  .wb-focused .wb-summary[b-lu8porm24f] { flex-wrap: wrap; }
.wb-focused .wb-summary > div[b-lu8porm24f] { flex: 1 1 100%; }
}
.wb-focused .wb-review-actions[b-lu8porm24f] { border-color: #3b6858; }
.wb-focused .wb-actions[b-lu8porm24f] { display: grid; gap: .6rem; border-color: #3b6858; background: linear-gradient(145deg,#142820,#101e20); }
.wb-actions h2[b-lu8porm24f] { margin: 0; font-size: 1.1rem; }
.wb-review-buttons[b-lu8porm24f] { display: flex; flex-wrap: wrap; gap: .6rem; }
.wb-review-buttons .btn-primary[b-lu8porm24f] { min-width: 12rem; font-weight: 700; }
.wb-selected-location[b-lu8porm24f] { padding: .6rem .7rem; border-left: 3px solid #28d99b; background: #14251f; }
.wb-selected-location span[b-lu8porm24f] { font-weight: 700; }
.wb-focused .wb-phase a[b-lu8porm24f] { min-height: 40px; display: inline-flex; align-items: center; }
.admin-shell.workout-builder.wb-focused .wb-summary[b-lu8porm24f] { display: flex; flex-wrap: wrap; min-width: 0; }
.admin-shell.workout-builder.wb-focused .wb-summary > div[b-lu8porm24f] { min-width: 0; }
@media (max-width: 720px) { .wb-review-buttons[b-lu8porm24f] { display: grid; grid-template-columns: 1fr; } .wb-review-buttons button[b-lu8porm24f] { width: 100%; } }
@media (max-width: 480px) {
  .wb-focused[b-lu8porm24f] { padding-inline: .5rem; }
  .wb-focused .panel[b-lu8porm24f] { padding: .8rem; }
  .wb-focused .wb-phase[b-lu8porm24f] { font-size: .84rem; }
  .wb-focused .wb-summary label[b-lu8porm24f] { align-items: flex-start; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) { .wb-focused .wb-position[b-lu8porm24f] { transition: none; } }

.effort-orange[b-lu8porm24f]{background:#f97316}.effort-red[b-lu8porm24f]{background:#ef4444}
.wb-workout-graph[b-lu8porm24f] { display:grid; gap:.55rem; min-width:0; padding:.8rem; border:1px solid #354c55; border-radius:8px; }
.wb-workout-graph h3[b-lu8porm24f],.wb-workout-graph p[b-lu8porm24f] { margin:.1rem 0; }
.wb-graph-track[b-lu8porm24f] { position:relative; display:flex; align-items:flex-end; width:100%; height:92px; overflow:hidden; border-radius:6px; background:repeating-linear-gradient(to top, transparent 0 calc(25% - 1px), #83949a55 calc(25% - 1px) 25%); border-bottom:1px solid #83949a; }
.wb-graph-section[b-lu8porm24f] { display:flex; align-items:flex-end; min-width:2px; border-right:2px solid #10191e; color:#10191e; }
.wb-graph-section span[b-lu8porm24f] { padding:.3rem; font-size:.72rem; font-weight:800; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.wb-graph-playhead[b-lu8porm24f] { position:absolute; top:0; bottom:0; left:var(--audio-progress,0%); width:2px; background:#fff; box-shadow:0 0 0 2px #10191e99; pointer-events:none; }
.wb-graph-labels[b-lu8porm24f] { display:flex; justify-content:space-between; font-variant-numeric:tabular-nums; }
.wb-graph-section-labels[b-lu8porm24f] { margin:0; padding-left:1.25rem; font-size:.85rem; }
.wb-boundary-controls[b-lu8porm24f] { display:grid; gap:.35rem; }
.wb-boundary-controls label[b-lu8porm24f] { display:grid; grid-template-columns:minmax(0,1fr) minmax(100px,1fr); align-items:center; gap:.7rem; }
.wb-boundary-controls input[type=range][b-lu8porm24f] { min-height:48px; accent-color:#acead1; }
.wb-audio-stale[b-lu8porm24f] { padding:.5rem; border-left:3px solid #edbd19; background:#272b28; }
.wb-slot-editor audio[b-lu8porm24f] { margin-top:.4rem; }
/* /Components/Pages/AccountWorkouts.razor.rz.scp.css */
.workout-library[b-fqpxzteran] { display: grid; gap: 1rem; }
.workout-library .panel[b-fqpxzteran] { border: 1px solid var(--line-soft); border-radius: 14px; background: linear-gradient(145deg,var(--surface-pop),var(--surface-base)); box-shadow: 0 14px 32px #0003; }
.detail-hero[b-fqpxzteran] { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.5rem; background: radial-gradient(ellipse at 90% 5%,#25533f55,transparent 48%),linear-gradient(135deg,var(--surface-pop),var(--surface-base)); }
.detail-hero h1[b-fqpxzteran] { margin:.2rem 0 0; font-size:clamp(1.5rem,3vw,2.25rem); letter-spacing:-.035em; }
.eyebrow[b-fqpxzteran] { margin:0; color:#9bb9a8; font-size:.72rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.workout-detail[b-fqpxzteran] { display:grid; gap:1.25rem; padding:clamp(1rem,3vw,2rem); }
.workout-detail-heading[b-fqpxzteran],.workout-detail-heading nav[b-fqpxzteran] { display:flex; align-items:center; justify-content:space-between; gap:.75rem; min-width:0; }
.workout-detail-heading nav[b-fqpxzteran] { flex-wrap:wrap; }
.workout-detail-heading h2[b-fqpxzteran] { margin:.3rem 0 0; font-size:clamp(1.4rem,3vw,2rem); }
.workout-metrics[b-fqpxzteran] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; }
.workout-metrics>div[b-fqpxzteran] { display:grid; gap:.2rem; padding:.9rem 1rem; border:1px solid #33443c; border-radius:10px; background:#101714; }
.workout-metrics strong[b-fqpxzteran] { color:#acead1; font-size:1.45rem; font-variant-numeric:tabular-nums; }
.workout-metrics span[b-fqpxzteran] { color:#adbbb3; font-size:.78rem; }
.workout-timeline[b-fqpxzteran] { display:grid; gap:.8rem; }
.timeline-block[b-fqpxzteran] { padding:1rem; border:1px solid #34483e; border-radius:12px; background:linear-gradient(110deg,#17221c,#131a16); }
.timeline-block>header[b-fqpxzteran],.timeline-block>header>div[b-fqpxzteran] { display:flex; align-items:center; gap:.65rem; }
.timeline-block>header[b-fqpxzteran] { justify-content:space-between; color:#c4d1c9; }
.timeline-block h3[b-fqpxzteran] { margin:0; font-size:1.05rem; }
.timeline-index[b-fqpxzteran] { display:grid; place-items:center; width:2rem; height:2rem; border-radius:8px; color:#102017; background:#acead1; font-weight:800; }
.timeline-block>p[b-fqpxzteran] { color:#acb9b0; }
.timeline-slots[b-fqpxzteran] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr)); gap:.65rem; }
.timeline-slot[b-fqpxzteran] { min-width:0; padding:.75rem; border:1px solid #2b3a32; border-radius:9px; background:#101713; }
.timeline-slot h4[b-fqpxzteran] { margin:0 0 .6rem; }
.effort-track[b-fqpxzteran] { display:flex; height:7px; overflow:hidden; border-radius:10px; background:#29352e; }
.effort-track i[b-fqpxzteran] { flex:0 1 auto; min-width:0; }
.effort-recovery[b-fqpxzteran],.effort-gray[b-fqpxzteran]{background:#82909a}.effort-endurance[b-fqpxzteran],.effort-blue[b-fqpxzteran]{background:#16a1e8}.effort-tempo[b-fqpxzteran],.effort-green[b-fqpxzteran]{background:#18ca7c}.effort-threshold[b-fqpxzteran],.effort-yellow[b-fqpxzteran]{background:#edbd19}.effort-purple[b-fqpxzteran]{background:#a855f7}.effort-other[b-fqpxzteran]{background:#566a72}
.timeline-slot ul[b-fqpxzteran] { display:grid; gap:.45rem; margin:.75rem 0 0; padding:0; list-style:none; }
.timeline-slot li[b-fqpxzteran] { display:flex; align-items:baseline; flex-wrap:wrap; gap:.4rem; color:#acb9b0; font-size:.82rem; }
.timeline-slot li>span:first-child[b-fqpxzteran] { color:#dce7df; font-variant-numeric:tabular-nums; }
.timeline-slot li strong[b-fqpxzteran] { color:#acead1; text-transform:capitalize; }
.workout-cards[b-fqpxzteran] { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr)); gap:.85rem; }
.workout-card[b-fqpxzteran] { position:relative; display:grid; align-content:start; gap:.85rem; min-height:175px; padding:1.25rem; color:inherit; text-decoration:none; transition:transform .16s ease,border-color .16s ease; }
.workout-card:hover[b-fqpxzteran],.workout-card:focus-visible[b-fqpxzteran] { transform:translateY(-3px); border-color:#70c99d; }
.workout-card h2[b-fqpxzteran] { margin:0; padding-right:2rem; font-size:1.15rem; }
.workout-card-mark[b-fqpxzteran] { position:absolute; top:1rem; right:1rem; display:grid; place-items:center; width:2rem; height:2rem; border-radius:50%; color:#acead1; background:#294337; }
.workout-card-meta[b-fqpxzteran] { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:.5rem; color:#a9b8af; font-size:.8rem; }
.workout-card-meta strong[b-fqpxzteran] { color:#e2ece5; font-size:1rem; }.workout-card-meta small[b-fqpxzteran] { color:#a9b8af; font-size:.72rem; font-weight:400; }
.card-rule[b-fqpxzteran] { width:100%; height:3px; align-self:end; border-radius:4px; background:linear-gradient(90deg,#388566,#acead1 60%,transparent); }
.workout-empty[b-fqpxzteran] { grid-column:1/-1; display:grid; justify-items:center; gap:.8rem; padding:2.5rem 1rem; text-align:center; }
.workout-empty>span[b-fqpxzteran] { display:grid; place-items:center; width:3rem; height:3rem; border-radius:50%; color:#acead1; background:#294337; font-size:1.5rem; }
.delete-confirmation[b-fqpxzteran] { padding:1rem; border:1px solid var(--line-soft); border-radius:10px; background:var(--surface-quiet); }
.workout-library :is(a,button):focus-visible[b-fqpxzteran] { outline:3px solid #acead1; outline-offset:3px; }
@media(max-width:600px){.detail-hero[b-fqpxzteran],.workout-detail-heading[b-fqpxzteran]{align-items:flex-start;flex-direction:column}.workout-metrics[b-fqpxzteran]{gap:.45rem}.workout-metrics>div[b-fqpxzteran]{min-width:0;padding:.65rem}.workout-metrics strong[b-fqpxzteran]{font-size:clamp(.9rem,4vw,1.15rem)}.workout-card-meta[b-fqpxzteran]{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.workout-card[b-fqpxzteran]{transition:none}}

.effort-orange[b-fqpxzteran]{background:#f97316}.effort-red[b-fqpxzteran]{background:#ef4444}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
/* Dashboard scoped styles */
.dashboard-page[b-6an1qghajv] {
  max-width: 960px;
  margin: 2rem auto;
  padding: 0 1rem;
}

.dashboard-loading[b-6an1qghajv] {
  text-align: center;
  padding: 2rem;
}

.dashboard-error[b-6an1qghajv] {
  margin-bottom: 1.5rem;
}

.dashboard-grid[b-6an1qghajv] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}

@media (max-width: 768px) {
  .dashboard-grid[b-6an1qghajv] {
    grid-template-columns: 1fr;
  }
}

.dashboard-card[b-6an1qghajv] {
  padding: 1.25rem;
}

.dashboard-card h2[b-6an1qghajv] {
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0 0 1rem;
}

.dashboard-card-action[b-6an1qghajv] {
  margin-top: 0.75rem;
  display: inline-block;
  min-height: 48px;
  padding: 0.7rem 1rem;
  align-content: center;
}

/* Welcome card */
.dashboard-welcome-email[b-6an1qghajv] {
  font-weight: 500;
  margin-bottom: 0.25rem;
  word-break: break-all;
}

/* Ride summary */
.dashboard-ride-summary[b-6an1qghajv] {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.25rem 0.75rem;
  margin: 0 0 0.5rem;
  font-size: 0.9rem;
}

.dashboard-ride-summary dt[b-6an1qghajv] {
  font-weight: 500;
  margin: 0;
}

.dashboard-ride-summary dd[b-6an1qghajv] {
  margin: 0;
}

/* Watching list */
.dashboard-watching-list[b-6an1qghajv] {
  list-style: none;
  padding: 0;
  margin: 0 0 0.5rem;
}

.dashboard-watching-item[b-6an1qghajv] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  padding: 0.4rem 0;
  border-bottom: 1px solid var(--border-subtle, #333);
  font-size: 0.9rem;
}

.dashboard-watching-item:last-child[b-6an1qghajv] {
  border-bottom: none;
}

.dashboard-watching-rider[b-6an1qghajv] {
  font-weight: 500;
  flex: 0 0 auto;
  min-width: 100px;
}

.dashboard-watching-live[b-6an1qghajv] {
  color: var(--accent, #388566);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}

.dashboard-watching-offline[b-6an1qghajv] {
  color: var(--ink-subtle, #888);
  font-size: 0.75rem;
}

.dashboard-watching-speed[b-6an1qghajv],
.dashboard-watching-distance[b-6an1qghajv] {
  color: var(--ink-subtle, #888);
  font-size: 0.8rem;
}

/* Quick actions */
.dashboard-actions-grid[b-6an1qghajv] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.dashboard-actions-grid > a[b-6an1qghajv] {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.65rem 0.9rem;
}
/* /Components/Pages/Download.razor.rz.scp.css */
.download-page__choices[b-1e0sw0k61t] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
    gap: 1rem;
    margin-block: 1.5rem;
}

.download-page__choices > .panel[b-1e0sw0k61t] {
    margin: 0;
}

.download-page__login[b-1e0sw0k61t] {
    margin-bottom: 0;
}
/* /Components/Pages/GymProjector.razor.rz.scp.css */
.gym-projector[b-9w7jt6ygc5] {
    --projector-border: #3f4943;
    min-height: 100vh;
    width: 100%;
    margin: 0 auto;
    max-width: 1800px;
    padding: clamp(1.25rem, 4vw, 4rem);
    background: radial-gradient(circle at 12% 4%, #234032 0, transparent 40rem),
        radial-gradient(circle at 92% 78%, #192d24 0, transparent 36rem), #101412;
    color: #e0e3de;
    display: flex;
    flex-direction: column;
    font-family: "Space Grotesk", "Segoe UI", sans-serif;
}

.projector-brand[b-9w7jt6ygc5] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #e0e3de;
    font-size: .86rem;
    font-weight: 800;
    letter-spacing: .12em;
    align-self: flex-start;
}

.projector-brand img[b-9w7jt6ygc5] { width: 44px; height: 44px; }

.projector-brand small[b-9w7jt6ygc5] {
    display: block;
    color: #bec9c1;
    font-size: .62rem;
    letter-spacing: .2em;
    margin-top: 3px;
}

.brand-mark[b-9w7jt6ygc5] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #388566;
    color: white;
    font-size: 1.25rem;
}

.pair-card[b-9w7jt6ygc5] {
    width: min(100%, 500px);
    margin: auto;
    padding: clamp(1.5rem, 5vw, 3.5rem);
    background: #1c211e;
    border: 1px solid #3f4943;
    border-radius: 14px;
    box-shadow: 0 24px 90px #0008, inset 0 1px rgba(172, 234, 209, .08);
}

.kicker[b-9w7jt6ygc5] {
    font-size: .72rem;
    letter-spacing: .2em;
    color: #acead1;
    font-weight: 700;
}

.pair-card h1[b-9w7jt6ygc5],
.workout-state h1[b-9w7jt6ygc5] {
    color: #e0e3de;
    font-size: clamp(2rem, 5vw, 4rem);
    line-height: 1.04;
    margin: .5rem 0 1rem;
}

.pair-card > p:not(.kicker)[b-9w7jt6ygc5] {
    color: #bec9c1;
}

.pair-card form[b-9w7jt6ygc5] {
    display: grid;
    gap: 12px;
    margin-top: 2rem;
}

.pair-card label[b-9w7jt6ygc5],
.elapsed-caption[b-9w7jt6ygc5],
.timing-label[b-9w7jt6ygc5] {
    font-size: .72rem;
    letter-spacing: .16em;
    font-weight: 700;
    color: #bec9c1;
}

.pair-card input[b-9w7jt6ygc5] {
    width: 100%;
    font: 700 2rem/1.2 "Space Grotesk", "Segoe UI", sans-serif;
    letter-spacing: .5em;
    text-align: center;
    padding: 14px 16px;
    color: #e0e3de;
    background: #101412;
    border: 1px solid #3f4943;
    border-radius: 10px;
    font-variant-numeric: tabular-nums;
}

.pair-card input:focus-visible[b-9w7jt6ygc5],
.pair-card button:focus-visible[b-9w7jt6ygc5] {
    outline: 3px solid #acead1;
    outline-offset: 3px;
}

.pair-card button[b-9w7jt6ygc5] {
    min-height: 52px;
    border: 0;
    border-radius: 10px;
    background: #388566;
    color: white;
    font-weight: 800;
    letter-spacing: .1em;
    cursor: pointer;
    transition: background-color .18s ease;
}

.pair-card button:not(:disabled):hover[b-9w7jt6ygc5] { background: #479c77; }

.pair-card button:disabled[b-9w7jt6ygc5] {
    opacity: .5;
}

.privacy-note[b-9w7jt6ygc5],
.projector-error[b-9w7jt6ygc5] {
    margin: 1.5rem 0 0;
    font-size: .82rem;
    color: #bec9c1;
}

.projector-error[b-9w7jt6ygc5] {
    color: #ffb4ab;
}

.workout-state[b-9w7jt6ygc5] {
    margin: auto;
    width: 100%;
    text-align: center;
    padding: 1.5rem 0;
    max-width: 1400px;
}

.rider-lobby[b-9w7jt6ygc5] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(1rem, 4vw, 3rem);
    width: fit-content;
    max-width: 100%;
    margin: 0 auto 1.5rem;
    padding: 1rem 1.5rem;
    border: 1px solid #3f4943;
    border-radius: 12px;
    background: linear-gradient(135deg, #23382b, #1c211e 70%);
    box-shadow: inset 0 1px rgba(172, 234, 209, .08);
    text-align: left;
}

.lobby-code strong[b-9w7jt6ygc5] {
    display: block;
    color: #acead1;
    font-size: clamp(2.5rem, 6vw, 5rem);
    letter-spacing: .22em;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.lobby-code p:last-child[b-9w7jt6ygc5] { color: #bec9c1; margin-bottom: 0; }
.lobby-qr[b-9w7jt6ygc5] { width: clamp(96px, 12vw, 144px); height: clamp(96px, 12vw, 144px); background: white; padding: 5px; }
.lobby-qr[b-9w7jt6ygc5]  svg { display: block; width: 100%; height: 100%; }
.lobby-qr[b-9w7jt6ygc5] { flex-shrink: 0; border-radius: 8px; }
.lobby-code[b-9w7jt6ygc5] { min-width: 0; }
.lobby-waiting[b-9w7jt6ygc5] { font-size: clamp(1rem, 1.8vw, 1.6rem); }
.waiting-mark[b-9w7jt6ygc5] { color: #acead1; margin-right: .4rem; }
.is-preview .rider-lobby[b-9w7jt6ygc5] {
    width: min(100%, 1100px);
    justify-content: space-between;
    padding: clamp(1.25rem, 3vw, 2.5rem);
    border-color: #617d6e;
}
.is-preview .lobby-code strong[b-9w7jt6ygc5] { font-size: clamp(3rem, 7vw, 6rem); }
.is-preview .lobby-qr[b-9w7jt6ygc5] { width: clamp(160px, 20vw, 240px); height: clamp(160px, 20vw, 240px); padding: 10px; }
.is-active .rider-lobby[b-9w7jt6ygc5] { padding: .75rem 1.25rem; }
.is-active .lobby-code strong[b-9w7jt6ygc5] { font-size: clamp(2rem, 3vw, 3rem); }
.is-active .lobby-qr[b-9w7jt6ygc5] { width: 96px; height: 96px; }

.state-row[b-9w7jt6ygc5] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: .8rem;
}

.live-dot[b-9w7jt6ygc5] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #acead1;
    box-shadow: 0 0 18px #acead1;
}

.live-dot.is-stale[b-9w7jt6ygc5] { background: #f5b35e; box-shadow: 0 0 14px #f5b35e66; }

.connection[b-9w7jt6ygc5] {
    margin-left: 1rem;
    color: #bec9c1;
    border: 1px solid var(--projector-border);
    background: #1c211e;
    border-radius: 100px;
    padding: .45rem .75rem;
}

.workout-state > .kicker[b-9w7jt6ygc5] {
    margin-top: clamp(1rem, 3vh, 2rem);
}

.workout-profile[b-9w7jt6ygc5] {
    display: flex;
    overflow: hidden;
    min-height: 42px;
    margin: 2rem auto 1.5rem;
    max-width: 1400px;
    border: 1px solid #3f4943;
    border-radius: 8px;
    background: #181d1a;
}

.profile-segment[b-9w7jt6ygc5] {
    display: grid;
    place-items: center;
    min-width: 0;
    color: #e0e3de;
    background: #53675b;
    border-right: 1px solid #101412;
    font-weight: 700;
    font-size: clamp(.65rem, 1.2vw, .9rem);
}

.profile-segment.zone-green[b-9w7jt6ygc5] { background: #376d52; }
.profile-segment.zone-yellow[b-9w7jt6ygc5] { background: #827333; }
.profile-segment.zone-red[b-9w7jt6ygc5] { background: #834b43; }
.profile-segment.zone-neutral[b-9w7jt6ygc5] { background: #53675b; }
.profile-segment.is-past[b-9w7jt6ygc5] { opacity: .48; }
.profile-segment.is-current[b-9w7jt6ygc5] { outline: 3px solid #acead1; outline-offset: -3px; }

.workout-grid[b-9w7jt6ygc5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, .38fr);
    align-items: stretch;
    gap: 1.25rem;
}

.current-block[b-9w7jt6ygc5] {
    padding: clamp(1.25rem, 4vw, 3rem);
    border: 1px solid #3f4943;
    border-radius: 14px;
    background: linear-gradient(140deg, #25372c 0%, #1c211e 72%);
    box-shadow: inset 0 1px rgba(172, 234, 209, .1);
}

.current-block h2[b-9w7jt6ygc5] {
    margin: .75rem 0 .3rem;
    color: #e0e3de;
    font-size: clamp(2.2rem, 6vw, 5rem);
    font-weight: 700;
}

.target-line[b-9w7jt6ygc5],
.block-instruction[b-9w7jt6ygc5] {
    color: #bec9c1;
    font-size: clamp(1.2rem, 2.5vw, 2rem);
}

.block-instruction[b-9w7jt6ygc5] { margin-top: .35rem; }

.countdown[b-9w7jt6ygc5] {
    margin-top: 1rem;
    color: #e0e3de;
    font-size: clamp(4rem, 9vw, 7rem);
    font-weight: 700;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.elapsed-caption[b-9w7jt6ygc5] { margin-top: .6rem; }

.next-block[b-9w7jt6ygc5] {
    gap: .5rem;
    margin: 0;
    padding: clamp(1.25rem, 3vw, 2.5rem);
    border-radius: 12px;
    background: #181d1a;
    text-align: left;
    border: 1px solid var(--projector-border);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.next-block strong[b-9w7jt6ygc5] {
    color: #e0e3de;
    font-size: clamp(1.5rem, 2.5vw, 2.2rem);
}

.next-detail[b-9w7jt6ygc5] { font-size: clamp(1rem, 1.6vw, 1.3rem); color: #bec9c1; }
.next-duration[b-9w7jt6ygc5] { font-size: clamp(1.25rem, 2vw, 1.7rem); color: #acead1; font-variant-numeric: tabular-nums; }

.session-timing[b-9w7jt6ygc5] {
    display: flex;
    justify-content: center;
    gap: clamp(2rem, 8vw, 8rem);
    margin-top: 1.75rem;
    padding: 1rem;
    border-top: 1px solid var(--projector-border);
}

.session-timing > div[b-9w7jt6ygc5] {
    display: grid;
    gap: .25rem;
}

.session-timing strong[b-9w7jt6ygc5] {
    color: #e0e3de;
    font-size: clamp(1.3rem, 3vw, 2.5rem);
    font-variant-numeric: tabular-nums;
}

.preview-copy[b-9w7jt6ygc5] {
    color: #bec9c1;
    font-size: clamp(1.2rem, 2.5vw, 2rem);
}

.session-footer[b-9w7jt6ygc5] {
    margin-top: 2rem;
    color: #bec9c1;
    font-size: .72rem;
    letter-spacing: .16em;
}

.session-footer span[b-9w7jt6ygc5] {
    margin-left: .5rem;
    color: #acead1;
}

@media (max-width: 820px) {
    .workout-grid[b-9w7jt6ygc5] { grid-template-columns: 1fr; }
    .next-block[b-9w7jt6ygc5] { min-height: 110px; }
}

@media (max-width: 600px) {
    .gym-projector[b-9w7jt6ygc5] { padding: 1rem; }
    .state-row[b-9w7jt6ygc5] { flex-wrap: wrap; }
    .connection[b-9w7jt6ygc5] { margin-left: .35rem; }
    .workout-profile[b-9w7jt6ygc5] { margin-block: 1rem 1.5rem; }
    .rider-lobby[b-9w7jt6ygc5] { gap: .75rem; padding: .75rem; }
    .is-preview .rider-lobby[b-9w7jt6ygc5] { flex-direction: column; align-items: center; text-align: center; }
    .lobby-code strong[b-9w7jt6ygc5] { overflow-wrap: anywhere; }
}

/* The same full-stage hierarchy as the app kiosk. Narrow/zoomed views retain
   natural scrolling, but standard landscape TVs keep every region in view. */
@media (min-width: 900px) and (min-aspect-ratio: 13/10) {
    .gym-projector[b-9w7jt6ygc5] { height: 100dvh; min-height: 0; max-width: none; padding: 16px; overflow: hidden; }
    .projector-brand[b-9w7jt6ygc5] { height: 24px; font-size: 20px; letter-spacing: .04em; }
    .projector-brand img[b-9w7jt6ygc5] { display: none; }
    .projector-brand small[b-9w7jt6ygc5] { display: none; }
    .workout-state[b-9w7jt6ygc5] { display: flex; flex-direction: column; flex: 1; min-height: 0; padding: 0; gap: 8px; margin: 0; max-width: none; text-align: left; }
    .state-row[b-9w7jt6ygc5] { position: absolute; top: 16px; right: 16px; margin: 0; font-size: 18px; }
    .workout-state > .kicker[b-9w7jt6ygc5] { display: none; }
    .workout-state h1[b-9w7jt6ygc5] { order: 1; margin: 8px 0 0; font-size: 28px; line-height: 1.2; }
    .rider-lobby[b-9w7jt6ygc5], .is-preview .rider-lobby[b-9w7jt6ygc5], .is-active .rider-lobby[b-9w7jt6ygc5] {
        order: 2; width: 100%; padding: 8px; gap: 16px; margin: 0; justify-content: space-between;
    }
    .lobby-code .kicker[b-9w7jt6ygc5] { font-size: 18px; margin: 0; }
    .is-preview .lobby-code strong[b-9w7jt6ygc5] { font-size: 44px; line-height: 1.15; }
    .is-active .lobby-code strong[b-9w7jt6ygc5] { font-size: 26px; line-height: 1.15; }
    .lobby-code p[b-9w7jt6ygc5] { font-size: 20px; margin: 0; }
    .lobby-waiting[b-9w7jt6ygc5] { display: none; }
    .is-preview .lobby-qr[b-9w7jt6ygc5] { width: 88px; height: 88px; padding: 4px; }
    .is-active .lobby-qr[b-9w7jt6ygc5] { width: 64px; height: 64px; padding: 4px; }
    .is-active .lobby-code p:not(.kicker)[b-9w7jt6ygc5] { display: none; }
    .workout-profile[b-9w7jt6ygc5] { order: 3; height: 36px; min-height: 36px; margin: 0; width: 100%; max-width: none; }
    .profile-segment[b-9w7jt6ygc5] { min-height: 20px; font-size: 14px; }
    .workout-grid[b-9w7jt6ygc5] { order: 4; flex: 1; min-height: 0; gap: 12px; grid-template-columns: minmax(0, 7fr) minmax(0, 3fr); }
    .current-block[b-9w7jt6ygc5] { position: relative; padding: 16px; min-height: 0; }
    .current-block .kicker[b-9w7jt6ygc5] { margin: 0; font-size: 18px; }
    .current-block h2[b-9w7jt6ygc5] { font-size: 32px; margin: 0; line-height: 1.2; }
    .target-line[b-9w7jt6ygc5], .block-instruction[b-9w7jt6ygc5] { font-size: 20px; margin: 0; line-height: 1.2; }
    .current-block .position-guidance[b-9w7jt6ygc5] { position: absolute; bottom: 16px; left: 16px; width: 55%; padding: 0; gap: 0; }
    .current-block .position-guidance strong[b-9w7jt6ygc5] { font-size: 32px; line-height: 1.2; }
    .countdown[b-9w7jt6ygc5] { position: absolute; right: 16px; bottom: 16px; font-size: 64px; margin: 0; }
    .elapsed-caption[b-9w7jt6ygc5] { position: absolute; right: 16px; bottom: 84px; margin: 0; font-size: 18px; }
    .next-block[b-9w7jt6ygc5] { padding: 16px; justify-content: flex-start; gap: 8px; min-height: 0; }
    .next-block .kicker[b-9w7jt6ygc5] { margin: 0; font-size: 18px; }
    .next-block strong[b-9w7jt6ygc5] { font-size: 30px; }
    .next-detail[b-9w7jt6ygc5] { font-size: 24px; }
    .next-duration[b-9w7jt6ygc5] { font-size: 28px; }
    .workout-state[b-9w7jt6ygc5]  .projector-songs { order: 5; margin: 0; }
    .session-timing[b-9w7jt6ygc5] { order: 6; margin: 0; padding: 0; border: 0; justify-content: flex-start; gap: 0; }
    .session-timing > div:first-child[b-9w7jt6ygc5] { display: none; }
    .session-timing > div[b-9w7jt6ygc5] { display: flex; align-items: baseline; gap: 8px; }
    .session-timing strong[b-9w7jt6ygc5] { font-size: 24px; }
    .session-timing .timing-label[b-9w7jt6ygc5] { font-size: 18px; }
    .preview-copy[b-9w7jt6ygc5] { order: 7; margin: 0; font-size: 20px; }
    .session-footer[b-9w7jt6ygc5] { display: none; }
}

.position-guidance[b-9w7jt6ygc5] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    padding: .75rem 0;
    color: #acead1;
}
.position-guidance strong[b-9w7jt6ygc5] {
    font-size: clamp(1.75rem, 3.5vw, 3.5rem);
    font-weight: 800;
    text-transform: uppercase;
}

@media (prefers-reduced-motion: reduce) {
    .pair-card button[b-9w7jt6ygc5] { transition: none; }
}
/* /Components/Pages/GymProjectorSongs.razor.rz.scp.css */
.projector-songs[b-l1izjptw9j] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-top: 1rem;
}
.song-card[b-l1izjptw9j] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
    padding: clamp(1rem, 2vw, 1.5rem);
    background: #1c211e;
    border: 1px solid #3f4943;
    border-radius: 12px;
    color: #bec9c1;
    min-width: 0;
}
.song-card .kicker[b-l1izjptw9j] { font-size: clamp(.9rem, 1.4vw, 1.3rem); margin: 0; }
.song-card strong[b-l1izjptw9j] { font-size: clamp(1.2rem, 2vw, 2rem); color: #e0e3de; overflow-wrap: anywhere; }
.song-card p[b-l1izjptw9j] { margin: 0; }
.song-card b[b-l1izjptw9j] { font-size: 1.6rem; color: #e0e3de; white-space: nowrap; }
@media (max-width: 700px) { .projector-songs[b-l1izjptw9j] { grid-template-columns: 1fr; } }
@media (min-width: 900px) and (min-aspect-ratio: 13/10) {
    .projector-songs[b-l1izjptw9j] { gap: 12px; margin: 0; }
    .song-card[b-l1izjptw9j] { padding: 8px; gap: 0; }
    .song-card .kicker[b-l1izjptw9j] { font-size: 18px; }
    .song-card strong[b-l1izjptw9j] { font-size: 20px; }
    .song-card p[b-l1izjptw9j], .song-card > span:last-child[b-l1izjptw9j] { font-size: 14px; }
    .song-card b[b-l1izjptw9j] { font-size: 14px; }
}
/* /Components/Pages/PrivacyPolicy.razor.rz.scp.css */
.privacy-page[b-bzl1v890yy] {
    width: min(1120px, 92vw);
    margin: clamp(1.2rem, 3vw, 2.5rem) auto clamp(2rem, 5vw, 4rem);
    display: grid;
    gap: clamp(1rem, 2vw, 1.4rem);
}

.privacy-hero[b-bzl1v890yy] {
    position: relative;
    overflow: hidden;
    padding: clamp(1.3rem, 3.2vw, 2.6rem);
    background:
        radial-gradient(circle at 88% 10%, rgba(76, 175, 125, 0.20), transparent 32%),
        linear-gradient(135deg, rgba(24, 43, 35, 0.96), rgba(12, 20, 16, 0.96));
}

.privacy-hero[b-bzl1v890yy]::after {
    content: "";
    position: absolute;
    right: -4rem;
    bottom: -5rem;
    width: 16rem;
    height: 16rem;
    border-radius: 50%;
    border: 1px solid rgba(109, 184, 154, 0.22);
    box-shadow: inset 0 0 50px rgba(76, 175, 125, 0.08);
}

.privacy-hero > *[b-bzl1v890yy] {
    position: relative;
    z-index: 1;
}

.privacy-lead[b-bzl1v890yy] {
    margin-top: 0.9rem;
    max-width: 68ch;
    color: var(--ink-soft);
    font-size: clamp(1rem, 1.4vw, 1.16rem);
    line-height: 1.65;
}

.privacy-meta-row[b-bzl1v890yy] {
    margin-top: 1.2rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.privacy-meta-row span[b-bzl1v890yy],
.privacy-meta-row a[b-bzl1v890yy] {
    border: 1px solid rgba(109, 184, 154, 0.22);
    border-radius: 999px;
    padding: 0.42rem 0.72rem;
    color: var(--ink-strong);
    background: rgba(16, 33, 26, 0.58);
    font-size: 0.9rem;
    text-decoration: none;
}

.privacy-layout[b-bzl1v890yy] {
    display: grid;
    grid-template-columns: minmax(230px, 0.36fr) minmax(0, 1fr);
    gap: clamp(1rem, 2vw, 1.4rem);
    align-items: start;
}

.privacy-summary[b-bzl1v890yy],
.privacy-content[b-bzl1v890yy] {
    padding: clamp(1rem, 2.3vw, 1.6rem);
}

.privacy-summary[b-bzl1v890yy] {
    position: sticky;
    top: 5.4rem;
    background: linear-gradient(180deg, rgba(24, 43, 35, 0.94), rgba(16, 26, 21, 0.94));
}

.privacy-summary h2[b-bzl1v890yy],
.privacy-content h2[b-bzl1v890yy] {
    font-size: 1.12rem;
}

.privacy-summary ul[b-bzl1v890yy] {
    margin-top: 0.8rem;
}

.privacy-content[b-bzl1v890yy] {
    display: grid;
    gap: 1.05rem;
    line-height: 1.68;
    background: rgba(18, 27, 22, 0.88);
}

.privacy-content section[b-bzl1v890yy] {
    padding-bottom: 1.05rem;
    border-bottom: 1px solid rgba(109, 184, 154, 0.13);
    display: grid;
    gap: 0.6rem;
}

.privacy-content section:last-child[b-bzl1v890yy] {
    border-bottom: 0;
    padding-bottom: 0;
}

.privacy-content ul[b-bzl1v890yy] {
    padding-left: 1.25rem;
}

.privacy-callout[b-bzl1v890yy] {
    margin: 0.2rem 0;
    border: 1px solid rgba(76, 175, 125, 0.22) !important;
    border-radius: 14px;
    padding: 1rem !important;
    background: rgba(76, 175, 125, 0.08);
}

.privacy-page a[b-bzl1v890yy] {
    color: var(--accent-deep);
}

.privacy-page a:hover[b-bzl1v890yy] {
    color: var(--mint);
}

@media (max-width: 820px) {
    .privacy-layout[b-bzl1v890yy] {
        grid-template-columns: 1fr;
    }

    .privacy-summary[b-bzl1v890yy] {
        position: static;
    }
}
/* /Components/Pages/Watch.razor.rz.scp.css */
.follow-metric-card[b-27li7vfbj9] {
    border: 1px solid var(--border-color, #d6d6d6);
    border-radius: 12px;
    padding: 14px;
    background: rgba(255, 255, 255, 0.02);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.follow-metric-value[b-27li7vfbj9] {
    font-size: 1.3rem;
    font-weight: 700;
}

.watch-section-title[b-27li7vfbj9] {
    margin: 0 0 12px 0;
    font-size: 1.05rem;
    font-weight: 700;
}

.watch-metrics-row[b-27li7vfbj9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
}

.watch-follow-map-container[b-27li7vfbj9] {
    width: 100%;
    min-height: 340px;
    max-height: 500px;
    border-radius: 16px;
    background: rgba(0, 0, 0, 0.04);
}

.watch-map-placeholder[b-27li7vfbj9] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 340px;
    color: var(--muted, #888);
}

.watch-status-row[b-27li7vfbj9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.watch-status-live[b-27li7vfbj9] {
    font-weight: 600;
}

.watch-status-actions[b-27li7vfbj9] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.watch-open-btn[b-27li7vfbj9] {
    padding: 8px 20px;
    background: var(--accent);
    color: #fff;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    font-weight: 600;
}

.watch-last-seen[b-27li7vfbj9] {
    margin-top: 6px;
}

.watch-rf-list[b-27li7vfbj9] {
    display: grid;
    gap: 16px;
}

.watch-rf-heading[b-27li7vfbj9] {
    margin: 0 0 8px 0;
}

.watch-rf-active[b-27li7vfbj9] {
    border-color: var(--accent);
}

.watch-rf-eta[b-27li7vfbj9] {
    color: var(--accent);
}

.watch-add-panel[b-27li7vfbj9] {
    margin-top: 0;
}

.watch-add-actions[b-27li7vfbj9] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
}
/* /Components/Pages/WatchStart.razor.rz.scp.css */
/* Watch Start scoped styles */
.watch-start-panel[b-hn5emjk44l] {
  max-width: 560px;
  margin: 2rem auto;
  padding: 1.5rem;
  border-radius: 14px;
  display: grid;
  gap: 0.8rem;
}

.watch-start-form[b-hn5emjk44l] {
  margin-top: 1.5rem;
}

.watch-start-input[b-hn5emjk44l] {
  margin: 0.5rem 0 1rem;
}

.watch-start-submit[b-hn5emjk44l] {
  width: 100%;
  min-height: 48px;
}

.watch-start-error[b-hn5emjk44l] {
  margin-bottom: 1rem;
}

.watch-start-validating[b-hn5emjk44l] {
  text-align: center;
  margin-top: 0.75rem;
}
/* /Components/Pages/WorkoutBuilderPreview.razor.rz.scp.css */
.demo-builder[b-3dkgwes2bp] { min-height:100vh;padding:0 12px 12px;color:#edf3f7;background:radial-gradient(ellipse at 35% 0,#10232e,#07131b 62%);font:15px/1.35 "Segoe UI",Arial,sans-serif; }
.demo-builder *[b-3dkgwes2bp] { box-sizing:border-box; }
.demo-builder .batch .individual-toggle[b-3dkgwes2bp] { min-height:20px;padding:0;border:0;background:none;color:#39caff;font-size:12px;white-space:nowrap; }
.demo-builder .individual-brief[b-3dkgwes2bp] { margin-top:12px; }
.demo-builder .result>header[b-3dkgwes2bp] { margin-bottom:6px; }
.demo-builder .cover[b-3dkgwes2bp] { height:83px; }
.demo-builder .durations[b-3dkgwes2bp] { padding:8px 0; }
.demo-builder .warning[b-3dkgwes2bp] { padding:7px 12px; }
.demo-builder .warning .confirm[b-3dkgwes2bp] { min-height:27px; }
.demo-builder .flow-panel li[b-3dkgwes2bp] { padding-bottom:9px; }
.demo-builder .flow-panel li>div[b-3dkgwes2bp] { padding-bottom:6px; }
.demo-builder .demo-details dt[b-3dkgwes2bp],.demo-builder .demo-details dd[b-3dkgwes2bp] { padding-top:9px;padding-bottom:9px; }
.demo-top[b-3dkgwes2bp] { display:flex;align-items:center;gap:14px;height:65px;padding:8px 12px;border-bottom:1px solid #27414f; }
.demo-top>a[b-3dkgwes2bp] { color:#cbd9e2;text-decoration:none;font-size:13px; }
.demo-top h1[b-3dkgwes2bp] { margin:0 12px;padding:8px 14px;border:1px solid #345064;border-radius:6px;font-size:21px;font-weight:500;white-space:nowrap; }.demo-stats[b-3dkgwes2bp] { display:flex;margin-left:auto; }.demo-stats b[b-3dkgwes2bp] { display:block;min-width:94px;padding:0 15px;border-left:1px solid #203c4e;font-size:19px;font-weight:500;white-space:nowrap; }.demo-stats small[b-3dkgwes2bp] { display:block;margin-left:28px;color:#bdccd6;font-size:11px; }.demo-unsaved[b-3dkgwes2bp] { color:#ffbd26;font-size:12px;white-space:nowrap; }
.demo-builder button[b-3dkgwes2bp] { min-height:36px;padding:7px 12px;border:1px solid #365972;border-radius:6px;background:linear-gradient(140deg,#162d3d,#0f222e);color:#e9f2f7;font:inherit;font-size:13px; }.demo-builder button:disabled[b-3dkgwes2bp] { opacity:.57; }.demo-builder button:focus-visible[b-3dkgwes2bp],.demo-builder input:focus-visible[b-3dkgwes2bp],.demo-builder textarea:focus-visible[b-3dkgwes2bp],.demo-builder summary:focus-visible[b-3dkgwes2bp],.demo-builder a:focus-visible[b-3dkgwes2bp] { outline:2px solid #66ddff;outline-offset:3px; }.demo-save[b-3dkgwes2bp] { border-color:#00d790!important;color:#25eaa9!important;white-space:nowrap; }
.demo-phase[b-3dkgwes2bp] { display:flex;align-items:center;gap:16px;height:52px;padding:0 12px;border-bottom:1px solid #213c4b;font-size:14px; }.demo-phase>b[b-3dkgwes2bp] { display:flex;align-items:center;gap:11px;height:100%;padding:0 15px;border-bottom:2px solid #466171;font-weight:500; }.demo-phase i[b-3dkgwes2bp] { display:grid;place-items:center;width:26px;height:26px;background:#15995f;color:#061c17;border-radius:50%;font-style:normal;font-weight:700; }.demo-phase .current[b-3dkgwes2bp] { border-color:#00e69a; }.current i[b-3dkgwes2bp] { background:#00e69a; }.phase-arrow[b-3dkgwes2bp] { width:64px;color:#00df94;font-size:32px; }.demo-phase .concept[b-3dkgwes2bp] { padding:6px 14px;border:1px solid #235777;border-radius:20px;color:#4bd5ff;font-size:13px;white-space:nowrap; }.demo-phase em[b-3dkgwes2bp] { margin-left:auto;color:#ffc354;font-size:10px;letter-spacing:.08em;white-space:nowrap; }
.demo-grid[b-3dkgwes2bp] { display:grid;grid-template-columns:minmax(320px,395fr) minmax(540px,790fr) minmax(300px,362fr);gap:13px;margin-top:8px;align-items:start; }.demo-grid .panel[b-3dkgwes2bp] { min-width:0;margin:0;border:1px solid #233e4e;border-radius:8px;background:linear-gradient(145deg,#0e202b,#0b1921);box-shadow:none; }.demo-builder h2[b-3dkgwes2bp] { margin:0;font-size:19px;font-weight:500; }
.demo-positions[b-3dkgwes2bp] { min-height:calc(100vh - 137px);padding:0 7px 12px; }.demo-positions>header[b-3dkgwes2bp] { display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:55px;padding:0 8px;border-bottom:1px solid #233c4a; }.demo-positions header button[b-3dkgwes2bp] { white-space:nowrap; }
.position-block[b-3dkgwes2bp] { margin:9px 0 12px; }.position-block h3[b-3dkgwes2bp] { display:flex;align-items:center;gap:12px;margin:0;padding:0 10px;height:42px;font-size:18px;font-weight:500; }.position-block h3>b[b-3dkgwes2bp] { display:grid;place-items:center;width:31px;height:32px;background:#233f52;border-radius:5px;font-size:20px; }.position-block h3 small[b-3dkgwes2bp] { margin-left:auto;font-size:16px;font-variant-numeric:tabular-nums; }
.demo-position[b-3dkgwes2bp] { display:grid;grid-template-columns:22px 35px minmax(0,1fr) auto;grid-template-rows:32px 23px;gap:3px 9px;align-items:center;position:relative;min-height:78px;padding:9px 8px;border:1px solid #203a48;border-radius:6px;background:#0c1e28; }.demo-position+.demo-position[b-3dkgwes2bp] { margin-top:2px; }.demo-position.selected[b-3dkgwes2bp] { border-color:#00e69a;background:linear-gradient(100deg,#06372c77,#0d202b);box-shadow:inset 0 0 0 1px #00c88044; }.demo-position input[b-3dkgwes2bp],.confirm input[b-3dkgwes2bp] { width:19px;height:19px;margin:0;accent-color:#00e699; }.demo-position>input[b-3dkgwes2bp] { grid-row:1/3; }.position-icon[b-3dkgwes2bp] { display:grid;place-items:center;grid-row:1/3;width:32px;height:34px;background:linear-gradient(140deg,#213f56,#112b3d);border:1px solid #305169;border-radius:5px;font-size:26px; }
.demo-position .position-inspect[b-3dkgwes2bp] { grid-column:3/5;grid-row:1;display:flex;align-items:center;gap:5px;justify-content:space-between;min-width:0;min-height:32px;padding:0;border:none;background:none;text-align:left;font-size:13px; }.position-inspect>span[b-3dkgwes2bp] { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.position-inspect small[b-3dkgwes2bp] { margin-right:8px;font-size:12px;color:#d2e0e8; }.position-inspect>b[b-3dkgwes2bp] { font-weight:400;white-space:nowrap; }
.mini-effort[b-3dkgwes2bp] { grid-column:3;grid-row:2;display:flex;width:84px;height:12px;border-radius:3px;overflow:hidden; }.mini-effort i[b-3dkgwes2bp] { height:100%;display:block; }.effort-recovery[b-3dkgwes2bp] { background:#6E7C8A; }.effort-endurance[b-3dkgwes2bp] { background:#00A9FF; }.effort-tempo[b-3dkgwes2bp] { background:#22C55E; }.effort-threshold[b-3dkgwes2bp] { background:#FACC15; }
.effort-gray[b-3dkgwes2bp] { background:#6E7C8A; }.effort-blue[b-3dkgwes2bp] { background:#00A9FF; }.effort-green[b-3dkgwes2bp] { background:#22C55E; }.effort-yellow[b-3dkgwes2bp] { background:#FACC15; }.effort-purple[b-3dkgwes2bp], .effort-neuromuscular[b-3dkgwes2bp] { background:#a855f7; }
.state[b-3dkgwes2bp] { display:inline-block;padding:5px 8px;border-radius:6px;background:#352161;color:#e4ccff;font-size:11px;white-space:nowrap;font-weight:400; }.state.library[b-3dkgwes2bp] { background:#064c38;color:#57efbc; }.state.generating[b-3dkgwes2bp] { background:#063a5e;color:#69d5ff; }.state.failed[b-3dkgwes2bp] { background:#51242d;color:#ff8f94; }.state.silent[b-3dkgwes2bp] { background:#203a4d;color:#d0dee6; }.demo-position>.state[b-3dkgwes2bp] { grid-column:4;grid-row:2;max-width:140px;overflow:hidden;text-overflow:ellipsis;margin-right:33px; }
.position-order[b-3dkgwes2bp] { display:flex;flex-direction:column;position:absolute;right:4px;bottom:5px;gap:1px; }.demo-builder .position-order button[b-3dkgwes2bp] { min-height:18px;width:25px;padding:0;font-size:12px;border-color:transparent;background:none; }.ordering-note[b-3dkgwes2bp] { padding:12px 8px 0;color:#8eabbc;font-size:11px; }
.demo-main[b-3dkgwes2bp] { display:grid;gap:10px; }.batch[b-3dkgwes2bp],.result[b-3dkgwes2bp] { padding:13px 17px; }.batch[b-3dkgwes2bp] { min-height:214px; }.batch>p[b-3dkgwes2bp] { display:flex;align-items:center;justify-content:space-between;gap:10px;margin:9px 0 10px;padding:10px;border:1px solid #223e4f;border-radius:6px;font-size:14px; }.batch>p small[b-3dkgwes2bp] { margin-left:12px;font-size:12px; }.batch>p a[b-3dkgwes2bp] { color:#39caff;text-decoration:none;font-size:12px; }.batch-controls[b-3dkgwes2bp] { display:grid;grid-template-columns:1fr 1fr 170px;gap:17px;align-items:end; }.batch label[b-3dkgwes2bp] { display:grid;gap:7px;min-width:0;color:#bed0dc;font-size:12px; }.batch input[b-3dkgwes2bp],.batch textarea[b-3dkgwes2bp] { width:100%;min-height:38px;padding:9px;color:#edf3f7;background:#0d2130;border:1px solid #345468;border-radius:5px;font:inherit;font-size:13px; }.batch textarea[b-3dkgwes2bp] { height:68px;resize:vertical; }.batch-controls>div[b-3dkgwes2bp] { display:grid;gap:5px; }.batch-controls small[b-3dkgwes2bp] { font-size:11px;color:#c0d0d9; }.batch-controls b[b-3dkgwes2bp] { font-size:17px;font-weight:500; }.batch-controls button[b-3dkgwes2bp] { background:#006b4d;border-color:#00865f; }.batch details[b-3dkgwes2bp] { margin-top:8px;font-size:11px; }.batch summary[b-3dkgwes2bp] { cursor:pointer;color:#4dd2ff; }.batch details label[b-3dkgwes2bp] { margin-top:10px; }
.result[b-3dkgwes2bp] { min-height:355px; }.result>header[b-3dkgwes2bp] { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px; }.result h2[b-3dkgwes2bp] { font-size:19px; }.song[b-3dkgwes2bp] { display:grid;grid-template-columns:166px minmax(0,1fr) auto;align-items:center;gap:20px;margin:0 0 8px; }.cover[b-3dkgwes2bp] { position:relative;height:89px;overflow:hidden;border:1px solid #557685;border-radius:6px;background:linear-gradient(155deg,transparent 47%,#1f4551 48% 59%,transparent 60%),linear-gradient(135deg,transparent 49%,#38545b 50% 68%,#102c3c 69%),linear-gradient(#c9a87c,#e8bf97 52%,#1a5762 53%); }.cover[b-3dkgwes2bp]:after { content:"";position:absolute;left:14px;bottom:-14px;width:125px;height:54px;border:5px solid #dfc394;border-left-width:1px;border-bottom-width:2px;border-radius:50%;transform:rotate(-19deg); }.cover span[b-3dkgwes2bp] { position:absolute;z-index:1;left:5px;top:3px;color:#092637;font-size:9px;letter-spacing:1px; }.song h3[b-3dkgwes2bp] { margin:0;font-size:21px;font-weight:500; }.song p[b-3dkgwes2bp] { margin:3px 0 7px;color:#b5cbd8;font-size:12px; }.song-tags[b-3dkgwes2bp] { display:flex;gap:7px;flex-wrap:wrap; }.song-tags span[b-3dkgwes2bp] { padding:4px 10px;border:1px solid #31536b;border-radius:5px;background:#162e40;font-size:11px; }.song button[b-3dkgwes2bp] { white-space:nowrap; }
.durations[b-3dkgwes2bp] { display:grid;grid-template-columns:repeat(4,1fr);padding:10px 0;border:1px solid #213e4f;border-radius:6px; }.durations div[b-3dkgwes2bp] { display:grid;gap:5px;padding:0 15px;border-right:1px solid #203747;color:#b8cdda;font-size:12px; }.durations div:last-child[b-3dkgwes2bp] { border:0; }.durations b[b-3dkgwes2bp] { color:#f3f6f9;font-size:19px;font-weight:500; }.durations .warn[b-3dkgwes2bp] { color:#ff4f56; }.warning[b-3dkgwes2bp] { margin:7px 0;padding:9px 12px;border:1px solid #68501f;border-radius:6px;color:#dbe6ee;background:#302719;font-size:12px; }.warning b[b-3dkgwes2bp] { display:block;color:#ffc448;font-size:13px; }.confirm[b-3dkgwes2bp] { display:flex;align-items:center;gap:9px;min-height:31px;font-size:12px; }.review-actions[b-3dkgwes2bp] { display:flex;align-items:center;gap:10px;flex-wrap:wrap; }.review-actions button[b-3dkgwes2bp] { min-height:40px; }.approval[b-3dkgwes2bp] { border-color:#00d998!important;color:#00e4a0!important; }.version-note[b-3dkgwes2bp],.fade-note[b-3dkgwes2bp] { margin:4px 0 0;color:#9db6c6;font-size:10px; }.acknowledged[b-3dkgwes2bp] { color:#4fe2b0;font-size:12px; }.selected-empty[b-3dkgwes2bp] { padding:20px 0; }.selected-empty p[b-3dkgwes2bp] { color:#c2d4df;font-size:14px; }
.demo-side[b-3dkgwes2bp] { display:grid;gap:11px;margin-top:-59px; }.demo-details[b-3dkgwes2bp],.flow-panel[b-3dkgwes2bp],.review[b-3dkgwes2bp] { padding:15px 17px; }.demo-details[b-3dkgwes2bp] { min-height:360px; }.demo-details>header[b-3dkgwes2bp] { display:flex;justify-content:space-between;align-items:center;margin-bottom:18px; }.detail-identity[b-3dkgwes2bp] { display:flex;align-items:center;gap:12px;margin-bottom:12px; }.detail-identity>span:first-child[b-3dkgwes2bp] { display:grid;place-items:center;width:54px;height:57px;background:#142e40;border:1px solid #30516b;border-radius:5px;font-size:36px; }.detail-identity>div[b-3dkgwes2bp] { flex:1; }.detail-identity h3[b-3dkgwes2bp] { margin:0;font-size:17px;font-weight:500; }.detail-identity p[b-3dkgwes2bp] { margin:3px 0;font-size:13px;color:#bdd0de; }.detail-identity .state[b-3dkgwes2bp] { font-size:10px;padding:6px; }
.demo-details dl[b-3dkgwes2bp] { display:grid;grid-template-columns:40% minmax(0,1fr);margin:0;font-size:13px; }.demo-details dt[b-3dkgwes2bp],.demo-details dd[b-3dkgwes2bp] { padding:10px 0;margin:0;border-top:1px solid #233d4d; }.demo-details dt[b-3dkgwes2bp] { color:#c1d3df; }.demo-details dd[b-3dkgwes2bp] { padding-left:5px; }.attach-note[b-3dkgwes2bp] { color:#94b4c8;font-size:10px; }.attach-note summary[b-3dkgwes2bp] { cursor:pointer; }.flow-panel[b-3dkgwes2bp] { min-height:358px; }.flow-panel ol[b-3dkgwes2bp] { list-style:none;margin:10px 0 0;padding:0 0 0 9px; }.flow-panel li[b-3dkgwes2bp] { display:flex;position:relative;gap:23px;min-height:59px;padding:0 0 12px;border-left:3px solid #344e62; }.flow-panel li.history[b-3dkgwes2bp] { border-color:#00dc99; }.flow-panel li:last-child[b-3dkgwes2bp] { border-color:transparent; }.flow-panel li>i[b-3dkgwes2bp] { flex-shrink:0;display:grid;place-items:center;width:27px;height:27px;margin-left:-15px;border:4px solid #9db3c5;border-radius:50%;background:#112634;font-size:16px;color:#003025;font-style:normal; }.flow-panel li.history>i[b-3dkgwes2bp] { border-color:#00e79c;background:#00e79c; }.flow-panel li.current>i[b-3dkgwes2bp] { border-color:#ac69e5;background:#41305b; }.flow-panel li>div[b-3dkgwes2bp] { flex:1;padding:2px 0 11px;border-bottom:1px solid #223b4b; }.flow-panel b[b-3dkgwes2bp] { display:block;font-size:14px;font-weight:500; }.flow-panel small[b-3dkgwes2bp] { display:block;color:#b6cddd;font-size:11px;margin-top:4px; }.review h2[b-3dkgwes2bp] { margin-bottom:10px; }.demo-builder .queue-item[b-3dkgwes2bp] { display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin:4px 0;padding:7px;text-align:left;font-size:11px; }.queue-item>.state[b-3dkgwes2bp] { font-size:9px;padding:4px; }.queue-note[b-3dkgwes2bp] { margin:7px 0 0;font-size:10px;color:#9ab6c7; }
@media(max-width:1400px) { .demo-top h1[b-3dkgwes2bp] { font-size:18px;min-width:0;margin:0; }.demo-stats b[b-3dkgwes2bp] { min-width:72px;padding:0 9px;font-size:16px; }.demo-unsaved[b-3dkgwes2bp] { display:none; }.demo-grid[b-3dkgwes2bp] { grid-template-columns:minmax(290px,1fr) minmax(510px,1.75fr); }.demo-side[b-3dkgwes2bp] { margin-top:0;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr)); }.demo-details[b-3dkgwes2bp],.flow-panel[b-3dkgwes2bp] { min-height:0; }.demo-positions[b-3dkgwes2bp] { min-height:0; }.demo-phase em[b-3dkgwes2bp] { display:none; }.batch-controls[b-3dkgwes2bp] { grid-template-columns:1fr 1fr;gap:10px; }.batch-controls>div[b-3dkgwes2bp] { grid-column:1/-1;display:flex;align-items:center;justify-content:space-between; }.batch>p a[b-3dkgwes2bp] { display:none; }.song[b-3dkgwes2bp] { grid-template-columns:110px minmax(0,1fr);gap:12px; }.song button[b-3dkgwes2bp] { grid-column:1/-1;justify-self:end; }.result>header[b-3dkgwes2bp] { flex-wrap:wrap; }.detail-identity[b-3dkgwes2bp] { flex-wrap:wrap; }.detail-identity .state[b-3dkgwes2bp] { width:auto; }.review-actions[b-3dkgwes2bp] { gap:5px; } }
@media(max-width:850px) { .demo-top[b-3dkgwes2bp] { flex-wrap:wrap;height:auto;min-height:65px;gap:8px; }.demo-top h1[b-3dkgwes2bp] { flex:1; }.demo-stats[b-3dkgwes2bp] { order:3;width:100%;justify-content:center; }.demo-top>a:not(.demo-brand)[b-3dkgwes2bp],.demo-top>span[b-3dkgwes2bp] { display:none; }.demo-phase[b-3dkgwes2bp] { flex-wrap:wrap;height:auto;min-height:64px;gap:8px; }.demo-phase>b[b-3dkgwes2bp] { padding:8px; }.phase-arrow[b-3dkgwes2bp] { display:none; }.demo-grid[b-3dkgwes2bp] { display:flex;flex-direction:column; }.demo-positions[b-3dkgwes2bp],.demo-main[b-3dkgwes2bp],.demo-side[b-3dkgwes2bp] { width:100%; }.demo-side[b-3dkgwes2bp] { display:grid;grid-template-columns:1fr; }.batch-controls[b-3dkgwes2bp] { grid-template-columns:1fr; }.durations div[b-3dkgwes2bp] { padding:0 8px; }.demo-brand span[b-3dkgwes2bp] { font-size:16px; } }

.effort-orange[b-3dkgwes2bp]{background:#f97316}.effort-red[b-3dkgwes2bp]{background:#ef4444}.effort-other[b-3dkgwes2bp]{background:#566a72}
/* /Components/Shared/AdminFieldBlock.razor.rz.scp.css */
.admin-field[b-m2ml50myhw] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    min-width: 0;
}

.admin-field > label[b-m2ml50myhw] {
    margin: 0;
    font-weight: 600;
}

.admin-field[b-m2ml50myhw]  input:not([type="checkbox"]):not([type="radio"]),
.admin-field[b-m2ml50myhw]  select,
.admin-field[b-m2ml50myhw]  textarea {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.admin-field-help[b-m2ml50myhw],
.admin-field-error[b-m2ml50myhw] {
    margin: 0;
    font-size: .85rem;
    overflow-wrap: anywhere;
}

.admin-field[b-m2ml50myhw]  input[type="checkbox"],
.admin-field[b-m2ml50myhw]  input[type="radio"] {
    align-self: flex-start;
    width: auto;
}

.admin-field-help[b-m2ml50myhw] { color: var(--admin-muted, #b6c8d2); }
.admin-field-error[b-m2ml50myhw] { color: #ffd9df; }
.admin-field[b-m2ml50myhw]  input[type="datetime-local"],
.admin-field[b-m2ml50myhw]  input[type="date"],
.admin-field[b-m2ml50myhw]  input[type="time"] { color-scheme: dark; }
/* /Components/Shared/WorkoutTimeline.razor.rz.scp.css */
.wb-timeline[b-yhm7jjvcsw] { min-width:0;margin:0;padding:0 16px 12px;overflow:hidden;border:1px solid #253e4c;border-radius:8px;background:linear-gradient(145deg,#0d202b,#0b1921);color:#edf3f7; }
.wb-timeline>header[b-yhm7jjvcsw] { display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:56px;margin-bottom:0; }
.wb-timeline h2[b-yhm7jjvcsw] { margin:0;font-size:18px;font-weight:600; }
.effort-legend[b-yhm7jjvcsw] { display:flex;gap:13px;font-size:11px;white-space:nowrap; }
.effort-legend span[b-yhm7jjvcsw] { display:flex;align-items:center;gap:5px; }
.effort-legend i[b-yhm7jjvcsw] { width:12px;height:13px;border-radius:3px; }
.overview-lanes[b-yhm7jjvcsw] { display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-rows:64px 99px 28px;align-items:stretch; }
.lane-label[b-yhm7jjvcsw] { align-self:center;color:#d2e0e6;font-size:13px; }
.training-lane[b-yhm7jjvcsw],.music-lane[b-yhm7jjvcsw] { position:relative;min-width:0; }
.training-lane[b-yhm7jjvcsw] { height:58px;align-self:end;border-bottom:1px solid #557381;background:repeating-linear-gradient(to right,transparent 0,transparent calc(10% - 1px),#203946 10%);overflow:hidden; }
.effort-slice[b-yhm7jjvcsw] { position:absolute;bottom:0;min-width:0;border-right:1px solid #081b24; }
.effort-other[b-yhm7jjvcsw] { background:#566a72; }
.effort-slice.effort-gray[b-yhm7jjvcsw], .effort-slice.effort-recovery[b-yhm7jjvcsw] { height:20%; }.effort-slice.effort-blue[b-yhm7jjvcsw], .effort-slice.effort-endurance[b-yhm7jjvcsw] { height:38%; }.effort-slice.effort-green[b-yhm7jjvcsw], .effort-slice.effort-tempo[b-yhm7jjvcsw] { height:64%; }.effort-slice.effort-yellow[b-yhm7jjvcsw], .effort-slice.effort-threshold[b-yhm7jjvcsw] { height:88%; }.effort-slice.effort-orange[b-yhm7jjvcsw] { height:92%; }.effort-slice.effort-red[b-yhm7jjvcsw] { height:96%; }.effort-slice.effort-purple[b-yhm7jjvcsw] { height:100%; }.effort-slice.effort-other[b-yhm7jjvcsw] { height:28%; }
.effort-slice.is-inspected[b-yhm7jjvcsw] { box-shadow:inset 0 0 0 1px #eef7f9; }
.music-lane[b-yhm7jjvcsw] { height:96px; }
.music-tile[b-yhm7jjvcsw] { position:absolute;top:5px;bottom:25px;display:grid;grid-template-columns:26px minmax(0,1fr);grid-template-rows:1fr auto;gap:2px 5px;align-items:center;min-width:0;padding:6px;border:1px solid #3d6175;border-radius:6px;background:linear-gradient(140deg,#142c3b,#10232e);color:#edf4f7;font-size:12px; }
.music-tile b[b-yhm7jjvcsw] { grid-row:1/3;color:#d3e5ed;font-size:27px; }.music-tile span[b-yhm7jjvcsw] { overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25; }.music-tile small[b-yhm7jjvcsw] { color:#d4e3ea;font-size:12px; }
.music-tile.is-inspected[b-yhm7jjvcsw] { border-color:#ad74ed;box-shadow:inset 0 0 0 1px #a569e4,0 0 10px #9860da22; }
.music-tile.is-short[b-yhm7jjvcsw] { grid-template-columns:minmax(0,1fr); }.music-tile.is-short b[b-yhm7jjvcsw] { display:none; }
.planned-fade[b-yhm7jjvcsw] { position:absolute;top:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#cad7df;font-size:10px; }
.fade-marker[b-yhm7jjvcsw] { position:absolute;top:64px;transform:translateX(-50%);color:#dfebef;font-size:14px;line-height:14px; }
.timeline-ticks[b-yhm7jjvcsw] { position:relative;height:24px;border-top:1px solid #345568;font-variant-numeric:tabular-nums;font-size:12px;color:#dbe7eb; }
.timeline-ticks span[b-yhm7jjvcsw] { display:block;padding-top:7px; }.timeline-ticks span:not(:first-child)[b-yhm7jjvcsw] { position:absolute;top:0;transform:translateX(-50%); }.timeline-ticks span:last-child[b-yhm7jjvcsw] { transform:translateX(-100%); }
@media(max-width:1400px) { .wb-timeline>header[b-yhm7jjvcsw] { flex-wrap:wrap;align-content:center;gap:6px; }.effort-legend[b-yhm7jjvcsw] { width:100%;gap:14px; }.wb-timeline h2[b-yhm7jjvcsw] { font-size:17px; } }
@media(max-width:650px) { .wb-timeline[b-yhm7jjvcsw] { overflow-x:auto; }.overview-lanes[b-yhm7jjvcsw] { min-width:600px; }.effort-legend[b-yhm7jjvcsw] { flex-wrap:wrap; } }
.effort-gray[b-yhm7jjvcsw], .effort-recovery[b-yhm7jjvcsw] { background: #82909a; }
.effort-endurance[b-yhm7jjvcsw], .effort-blue[b-yhm7jjvcsw] { background: #16a1e8; }
.effort-tempo[b-yhm7jjvcsw], .effort-green[b-yhm7jjvcsw] { background: #18ca7c; }
.effort-threshold[b-yhm7jjvcsw], .effort-yellow[b-yhm7jjvcsw] { background: #edbd19; }
.effort-purple[b-yhm7jjvcsw] { background: #a855f7; }

.effort-orange[b-yhm7jjvcsw]{background:#f97316}.effort-red[b-yhm7jjvcsw]{background:#ef4444}