/* /Components/ActionDialog.razor.rz.scp.css */
.exam-action-dialog-mask[b-jwskj0hsqf] {
    position: fixed;
    inset: 0;
    background: rgba(49, 48, 74, .3);
    backdrop-filter: blur(2px);
    display: grid;
    place-items: center;
    z-index: 999;
    padding: 1rem;
    animation: dialog-mask-fade-in-b-jwskj0hsqf .24s ease-out;
}

.exam-action-dialog[b-jwskj0hsqf] {
    width: min(440px, 100%);
    border-radius: 16px;
    border: 1px solid #ece6f9;
    background: #fff;
    box-shadow: 0 16px 35px rgba(156, 137, 191, .16);
    overflow: hidden;
    transform-origin: 50% 40%;
    animation: dialog-panel-pop-in-b-jwskj0hsqf .34s cubic-bezier(.22, 1, .36, 1);
}

.exam-action-dialog-header[b-jwskj0hsqf] {
    padding: 1rem 1.2rem .6rem;
    border-bottom: 1px solid #ebe4f8;
}

.exam-action-dialog-header h2[b-jwskj0hsqf] {
    margin: 0;
    color: #31304a;
    font-size: 1.1rem;
    font-weight: 700;
}

.exam-action-dialog-body[b-jwskj0hsqf] {
    margin: 0;
    padding: 1rem 1.2rem;
    color: #7d7897;
    line-height: 1.6;
    font-size: .98rem;
}


.exam-action-dialog-footer[b-jwskj0hsqf] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    padding: .2rem 1.2rem 1.1rem;
}

.exam-action-dialog-button[b-jwskj0hsqf] {
    border-radius: var(--button-radius);
    border: 1px solid transparent;
    padding: .6rem .95rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease, background-color .14s ease;
}

.exam-action-dialog-button:not(:disabled):hover[b-jwskj0hsqf] {
    box-shadow: 0 8px 16px rgba(127, 105, 217, .16);
}

.exam-action-dialog-button:disabled[b-jwskj0hsqf] {
    opacity: .45;
    cursor: not-allowed;
}

.exam-action-dialog-button.ghost[b-jwskj0hsqf] {
    border-color: var(--button-soft-border);
    background: var(--button-soft-bg);
    color: var(--button-soft-text);
}

.exam-action-dialog-button.solid[b-jwskj0hsqf] {
    color: #fff;
    background: var(--button-primary-bg);
    border-color: var(--button-primary-border);
    box-shadow: var(--button-primary-shadow);
}

@keyframes dialog-mask-fade-in-b-jwskj0hsqf {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes dialog-panel-pop-in-b-jwskj0hsqf {
    0% {
        opacity: 0;
        transform: translateY(10px) scale(.92);
    }

    65% {
        opacity: 1;
        transform: translateY(-2px) scale(1.01);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .exam-action-dialog-mask[b-jwskj0hsqf],
    .exam-action-dialog[b-jwskj0hsqf] {
        animation: none;
    }
}
/* /Components/AppHeader.razor.rz.scp.css */
.app-header[b-m4u63l9grr] {
    position: sticky;
    top: 0;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    box-sizing: border-box;
    z-index: 90;
    padding: .26rem 1.2rem;
    border-bottom: 1px solid #eadcf7;
    background:
        linear-gradient(180deg, rgba(255, 250, 254, .98) 0%, rgba(252, 246, 255, .98) 100%);
    box-shadow: 0 10px 24px rgba(162, 98, 163, .14);
    backdrop-filter: blur(8px);
}

.app-header-inner[b-m4u63l9grr] {
    width: min(1140px, calc(100% - 1.5rem));
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .9rem;
}

.app-header-brand[b-m4u63l9grr] {
    flex-shrink: 0;
    color: #6a3c7e;
    text-decoration: none;
    font-size: 1.02rem;
    font-weight: 800;
    letter-spacing: .01em;
}

.app-header-brand:hover[b-m4u63l9grr] {
    text-decoration: underline;
}

.app-header-nav[b-m4u63l9grr] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .2rem;
    overflow: visible;
    margin-left: auto;
}

.app-header-nav[b-m4u63l9grr]  a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: .35rem .6rem;
    border-radius: 999px;
    text-decoration: none;
    color: #7a5f8b;
    font-size: .96rem;
    font-weight: 500;
    line-height: 1;
}

.app-header-nav[b-m4u63l9grr]  a:hover {
    background: #f4e8fb;
    color: #7a3d95;
    text-decoration: none;
}

.app-header-nav[b-m4u63l9grr]  a.active {
    background: #edd9f8;
    color: #6d2f89;
    text-decoration: none;
}

.nav-menu-wrapper[b-m4u63l9grr] {
    position: relative;
    flex-shrink: 0;
}

.nav-menu-trigger[b-m4u63l9grr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    padding: .35rem .6rem;
    border-radius: 999px;
    color: #7a5f8b;
    font-size: .96rem;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
}

.nav-menu-trigger[b-m4u63l9grr]::after {
    content: "";
    width: .38rem;
    height: .38rem;
    margin-left: .35rem;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: translateY(-.12rem) rotate(45deg);
}

.nav-menu-trigger:hover[b-m4u63l9grr],
.nav-menu-trigger:focus-visible[b-m4u63l9grr],
.nav-menu-wrapper.open > .nav-menu-trigger[b-m4u63l9grr],
.nav-menu-wrapper.selected > .nav-menu-trigger[b-m4u63l9grr] {
    background: #edd9f8;
    color: #6d2f89;
}

.nav-menu-trigger:focus-visible[b-m4u63l9grr] {
    outline: none;
    box-shadow: 0 0 0 3px rgb(179 111 216 / 22%);
}

.nav-dropdown-menu[b-m4u63l9grr] {
    position: absolute;
    top: calc(100% + .18rem);
    left: 0;
    min-width: 136px;
    border-radius: .7rem;
    border: 1px solid #eadcf6;
    background: #fff;
    box-shadow: 0 10px 24px rgba(162, 98, 163, .18);
    padding: .5rem;
    display: none;
    flex-direction: column;
    gap: .28rem;
    z-index: 5;
}

.nav-dropdown-menu[b-m4u63l9grr]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: .35rem;
}

.nav-menu-wrapper.open > .nav-dropdown-menu[b-m4u63l9grr] {
    display: flex;
}

.app-header-nav[b-m4u63l9grr]  .nav-dropdown-item {
    justify-content: flex-start;
    width: 100%;
    padding: .42rem .38rem;
    border-radius: .5rem;
    color: #6d2f89;
    font-size: .9rem;
    font-weight: 700;
    line-height: 1.2;
}

.app-header-nav[b-m4u63l9grr]  .nav-dropdown-item:hover,
.app-header-nav[b-m4u63l9grr]  .nav-dropdown-item.active {
    background: #f4e8fb;
    color: #6d2f89;
}

.app-header-controls[b-m4u63l9grr] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.login-trigger[b-m4u63l9grr] {
    border: 1px solid var(--button-primary-border);
    background: var(--button-primary-bg);
    color: #fff;
    border-radius: var(--button-radius);
    padding: .48rem 1rem;
    font-size: .95rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 8px 16px rgb(127 105 217 / 18%);
}

.login-trigger:hover[b-m4u63l9grr] {
    box-shadow: var(--button-primary-shadow-hover);
}

.login-trigger:focus-visible[b-m4u63l9grr] {
    outline: none;
    box-shadow: 0 0 0 3px rgb(179 111 216 / 22%);
}

.user-menu-wrapper[b-m4u63l9grr] {
    position: relative;
}

.avatar-trigger[b-m4u63l9grr] {
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    border-radius: 999px;
}

.avatar-trigger:focus-visible[b-m4u63l9grr] {
    outline: none;
    box-shadow: 0 0 0 3px rgb(179 111 216 / 22%);
}

.user-menu[b-m4u63l9grr] {
    position: absolute;
    right: 0;
    top: calc(100% + .5rem);
    min-width: 132px;
    border-radius: .75rem;
    border: 1px solid #eadcf6;
    background: #fff;
    box-shadow: 0 10px 24px rgba(162, 98, 163, .18);
    padding: .32rem;
    display: flex;
    flex-direction: column;
    gap: .15rem;
    z-index: 4;
}

.user-menu-item[b-m4u63l9grr] {
    border: none;
    background: transparent;
    text-align: left;
    padding: .42rem .5rem;
    border-radius: .5rem;
    color: #6d2f89;
    font-size: .82rem;
    font-weight: 600;
    cursor: pointer;
}

.user-menu-item:hover[b-m4u63l9grr] {
    background: #f4e8fb;
}

.user-menu-item:focus-visible[b-m4u63l9grr] {
    outline: none;
    box-shadow: 0 0 0 2px rgb(179 111 216 / 24%);
}

@media (max-width: 860px) {
    .app-header[b-m4u63l9grr] {
        padding: .24rem .55rem;
    }

    .app-header-inner[b-m4u63l9grr] {
        width: 100%;
        gap: .5rem;
    }

    .app-header-brand[b-m4u63l9grr] {
        font-size: .92rem;
    }

    .app-header-nav[b-m4u63l9grr]  a {
        padding: .3rem .48rem;
        font-size: .85rem;
    }

    .nav-menu-trigger[b-m4u63l9grr] {
        padding: .3rem .48rem;
        font-size: .85rem;
    }

    .login-trigger[b-m4u63l9grr] {
        padding: .42rem .7rem;
        font-size: .85rem;
    }
}
/* /Components/BubbleCanvas.razor.rz.scp.css */
.bubble-canvas[b-h7diuj4x5p] {
    position: relative;
    margin-top: 1.4rem;
    min-height: 540px;
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.45);
    border: 1px dashed rgba(113, 127, 143, 0.4);
    overflow: hidden;
    touch-action: none;
}
/* /Components/BubbleNode.razor.rz.scp.css */
.bubble[b-9io740d2y4] {
    position: absolute;
    border-radius: 50%;
    cursor: grab;
    user-select: none;
    transform: translateZ(0);
}

.bubble:active[b-9io740d2y4] {
    cursor: grabbing;
}

.bubble-svg[b-9io740d2y4] {
    width: 100%;
    height: 100%;
    filter: drop-shadow(0 8px 14px rgba(51, 67, 85, 0.16));
}

.bubble-outline[b-9io740d2y4] {
    fill: rgba(255, 255, 255, 0.95);
    stroke: #cfd7df;
    stroke-width: 1.2;
}

.bubble-water[b-9io740d2y4] {
    fill: #e8cf76;
}

.bubble-water.is-red[b-9io740d2y4] {
    fill: #efb6bc;
}

.bubble-water.is-yellow[b-9io740d2y4] {
    fill: #e8cf76;
}

.bubble-water.is-blue[b-9io740d2y4] {
    fill: #a6c8ea;
}

.bubble-water.is-green[b-9io740d2y4] {
    fill: #a9d9bf;
}

.bubble-labels[b-9io740d2y4] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #4e5f74;
    line-height: 1.2;
    pointer-events: none;
}

.bubble-title[b-9io740d2y4] {
    display: block;
    font-size: 0.88rem;
    font-weight: 800;
    color: #2a3642;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bubble-percent[b-9io740d2y4] {
    margin-top: 0.33rem;
    display: block;
    font-size: 0.86rem;
    font-weight: 700;
    color: #8091a3;
}
/* /Components/CircleOptions.razor.rz.scp.css */
.circle-options[b-8lc7rwdfmw] {
    display: grid;
    gap: .38rem;
    margin: .1rem 0 .2rem;
    padding: .55rem .65rem;
    border: 1px solid #e1d7f5;
    border-radius: .72rem;
    background: rgba(255, 255, 255, .54);
    color: #4b4865;
}

.circle-option[b-8lc7rwdfmw] {
    display: grid;
    grid-template-columns: 1.75rem minmax(0, 1fr);
    gap: .4rem;
    align-items: start;
}

.circle-option-marker[b-8lc7rwdfmw] {
    color: #6f57c8;
    font-weight: 900;
    line-height: 1.55;
}

.circle-option-text[b-8lc7rwdfmw] {
    line-height: 1.55;
    min-width: 0;
}

/* /Components/ExplanationPanel.razor.rz.scp.css */
.explanation-panel[b-ghmo4tfy1d] {
    border: 1px solid #e4dbfa;
    border-left: 4px solid #8a68d8;
    border-radius: .8rem;
    padding: .9rem;
    background: linear-gradient(150deg, #fff, #fcf9ff);
    color: #35537c;
}

.explanation-panel.analysis[b-ghmo4tfy1d] {
    border-left-color: #4f83d1;
    background: linear-gradient(150deg, #fff, #f7faff);
}

.explanation-panel.distractors[b-ghmo4tfy1d] {
    border-left-color: #d3994b;
    background: linear-gradient(150deg, #fff, #fffbf5);
}

.explanation-panel h2[b-ghmo4tfy1d] {
    margin: 0 0 .45rem;
    color: #5a478f;
    font-size: 1rem;
}

.explanation-panel.analysis h2[b-ghmo4tfy1d] {
    color: #315f9c;
}

.explanation-panel.distractors h2[b-ghmo4tfy1d] {
    color: #9a651f;
}

.explanation-panel p[b-ghmo4tfy1d] {
    margin: 0;
    white-space: pre-line;
    line-height: 1.7;
}
/* /Components/FloatingBubblesBackground.razor.rz.scp.css */
.floating-background-layer[b-l0uby4iwyn] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 0;
}

.floating-bubble[b-l0uby4iwyn] {
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
    filter: blur(1px);
    z-index: 0;
    animation: float-b-l0uby4iwyn 10s ease-in-out infinite;
    mix-blend-mode: screen;
}

.floating-bubble-1[b-l0uby4iwyn] {
    width: 280px;
    height: 280px;
    top: 6%;
    right: -90px;
    background: radial-gradient(circle at 30% 30%, rgb(199 176 255 / 52%), rgb(199 176 255 / 0) 72%);
}

.floating-bubble-2[b-l0uby4iwyn] {
    width: 220px;
    height: 220px;
    left: -72px;
    bottom: 10%;
    background: radial-gradient(circle at 60% 40%, rgb(227 214 255 / 48%), rgb(227 214 255 / 0) 74%);
    animation-delay: -3.2s;
}

.floating-bubble-3[b-l0uby4iwyn] {
    width: 180px;
    height: 180px;
    right: 12%;
    bottom: 18%;
    background: radial-gradient(circle at 40% 35%, rgb(169 224 255 / 38%), rgb(169 224 255 / 0) 75%);
    animation-delay: -5.4s;
}

.floating-bubble-4[b-l0uby4iwyn] {
    width: 130px;
    height: 130px;
    left: 14%;
    top: 18%;
    background: radial-gradient(circle at 55% 40%, rgb(255 219 246 / 38%), rgb(255 219 246 / 0) 72%);
    animation-delay: -1.8s;
}

.floating-ring[b-l0uby4iwyn] {
    position: absolute;
    border-radius: 999px;
    border: 2px solid rgb(156 206 255 / 34%);
    animation: drift-b-l0uby4iwyn 15s linear infinite;
}

.floating-ring-1[b-l0uby4iwyn] {
    width: 96px;
    height: 96px;
    right: 18%;
    top: 13%;
}

.floating-ring-2[b-l0uby4iwyn] {
    width: 64px;
    height: 64px;
    left: 8%;
    bottom: 28%;
    border-color: rgb(213 180 255 / 32%);
    animation-delay: -6s;
}

.floating-shimmer[b-l0uby4iwyn] {
    position: absolute;
    width: 160px;
    height: 160px;
    border-radius: 999px;
    background: radial-gradient(circle, rgb(255 255 255 / 42%) 0%, rgb(255 255 255 / 0) 70%);
    filter: blur(8px);
    animation: pulse-b-l0uby4iwyn 9s ease-in-out infinite;
}

.floating-shimmer-1[b-l0uby4iwyn] {
    right: 28%;
    top: 40%;
}

.floating-shimmer-2[b-l0uby4iwyn] {
    left: 20%;
    bottom: 18%;
    animation-delay: -4.5s;
}

@keyframes float-b-l0uby4iwyn {
    0%,
    100% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    50% {
        transform: translate3d(0, -14px, 0) scale(1.04);
    }
}

@keyframes drift-b-l0uby4iwyn {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg);
        opacity: .45;
    }

    50% {
        transform: translate3d(12px, -10px, 0) rotate(180deg);
        opacity: .7;
    }

    100% {
        transform: translate3d(0, 0, 0) rotate(360deg);
        opacity: .45;
    }
}

@keyframes pulse-b-l0uby4iwyn {
    0%,
    100% {
        transform: scale(.92);
        opacity: .35;
    }

    50% {
        transform: scale(1.1);
        opacity: .7;
    }
}
/* /Components/LoginPanel.razor.rz.scp.css */
.login-panel-mask[b-87cyro7fur] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgb(43 34 73 / 46%);
    z-index: 1100;
    backdrop-filter: blur(2px);
    animation: maskFadeIn-b-87cyro7fur .24s ease-out;
}

.login-panel[b-87cyro7fur] {
    width: min(460px, 100%);
    border-radius: 1rem;
    border: 1px solid #e6dcfb;
    background: linear-gradient(140deg, #ffffff 0%, #f6f0ff 55%, #f7f2ff 100%);
    box-shadow: 0 24px 36px rgb(73 52 139 / 28%);
    padding: 1.2rem;
    position: relative;
    overflow: hidden;
    transform-origin: center top;
    animation: loginPanelEnter-b-87cyro7fur .34s cubic-bezier(.22, 1, .36, 1);
}

.login-panel[b-87cyro7fur]::before {
    content: "";
    position: absolute;
    inset: -80% 40% 20% -40%;
    background: radial-gradient(circle, rgb(166 137 255 / 22%) 0%, rgb(166 137 255 / 0%) 70%);
    pointer-events: none;
    animation: panelSheen-b-87cyro7fur 1.7s ease-out .05s both;
}


.login-panel-eyebrow[b-87cyro7fur] {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #9b84ef;
    font-size: .78rem;
    font-weight: 700;
    animation: contentRise-b-87cyro7fur .34s ease-out .08s both;
}

.login-panel h2[b-87cyro7fur] {
    margin: .5rem 0;
    color: #31304a;
    font-size: 1.45rem;
    animation: contentRise-b-87cyro7fur .34s ease-out .13s both;
}

.login-panel-description[b-87cyro7fur] {
    margin: 0;
    color: #6b6780;
    line-height: 1.5;
    animation: contentRise-b-87cyro7fur .34s ease-out .18s both;
}

.login-panel-error[b-87cyro7fur] {
    margin: .65rem 0 0;
    font-size: .88rem;
    color: #9c2f3f;
    animation: contentRise-b-87cyro7fur .34s ease-out .2s both;
}

.google-login-button[b-87cyro7fur] {
    margin-top: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: .6rem 1rem;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 700;
    color: #3d2e72;
    border: 1px solid #cbb7ff;
    background: linear-gradient(180deg, #fff 0%, #f2ebff 100%);
    box-shadow: 0 10px 20px rgb(95 74 165 / 12%);
    transition: transform .18s ease, box-shadow .22s ease, border-color .2s ease;
    animation: contentRise-b-87cyro7fur .34s ease-out .23s both;
    cursor: pointer;
}

.google-login-button:hover[b-87cyro7fur] {
    transform: translateY(-2px);
    box-shadow: 0 14px 24px rgb(95 74 165 / 18%);
    border-color: #b89fff;
}

.google-login-button:active[b-87cyro7fur] {
    transform: translateY(0) scale(.985);
    box-shadow: 0 8px 16px rgb(95 74 165 / 14%);
}

@keyframes maskFadeIn-b-87cyro7fur {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes loginPanelEnter-b-87cyro7fur {
    0% {
        opacity: 0;
        transform: translateY(16px) scale(.96);
    }

    60% {
        opacity: 1;
        transform: translateY(-2px) scale(1.01);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes contentRise-b-87cyro7fur {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes panelSheen-b-87cyro7fur {
    from {
        transform: translate(-10%, -10%);
        opacity: .2;
    }

    to {
        transform: translate(2%, 2%);
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .login-panel-mask[b-87cyro7fur],
    .login-panel[b-87cyro7fur],
    .login-panel[b-87cyro7fur]::before,
    .login-panel-eyebrow[b-87cyro7fur],
    .login-panel h2[b-87cyro7fur],
    .login-panel-description[b-87cyro7fur],
    .google-login-button[b-87cyro7fur] {
        animation: none;
    }

    .google-login-button[b-87cyro7fur] {
        transition: none;
    }
}
/* /Components/PageState.razor.rz.scp.css */
.page-state[b-q3u9at53jp] {
    margin: 0;
    padding: 2rem;
    color: rgba(30, 41, 59, 0.64);
    text-align: center;
    font-size: 0.95rem;
}

.page-state.card[b-q3u9at53jp] {
    border: 1px solid #ece3ff;
    border-radius: 1rem;
    padding: 1.2rem;
    color: #7a739e;
    background: rgba(255, 255, 255, .9);
}

.page-state.card[b-q3u9at53jp] {
    border: 1px solid #ece3ff;
    border-radius: 1rem;
    padding: 1.2rem;
    color: #7a739e;
    background: rgba(255, 255, 255, .9);
}
/* /Components/QuestionAnswerStatistics.razor.rz.scp.css */
.answer-statistics[b-sif69x4sbn] {
    margin-bottom: 1.35rem;
    padding: 1.15rem;
    border: 1px solid #e3daf6;
    border-radius: .85rem;
    background: linear-gradient(145deg, rgba(250, 248, 255, .96), rgba(244, 239, 255, .9));
}

.statistics-header[b-sif69x4sbn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.statistics-header h2[b-sif69x4sbn],
.statistics-header p[b-sif69x4sbn] {
    margin: 0;
}

.statistics-header h2[b-sif69x4sbn] {
    color: #3f3a63;
    font-size: 1rem;
}

.statistics-header p[b-sif69x4sbn],
.statistics-updated[b-sif69x4sbn] {
    margin-top: .28rem;
    color: #7d7595;
    font-size: .8rem;
}

.statistics-updated[b-sif69x4sbn] {
    white-space: nowrap;
}

.statistics-body[b-sif69x4sbn] {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    align-items: center;
    gap: 1.25rem;
}

.distribution-ring[b-sif69x4sbn] {
    position: relative;
    width: 104px;
    height: 104px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #403868;
    font-size: 1.15rem;
    font-weight: 800;
}

.distribution-ring[b-sif69x4sbn]::after {
    content: "";
    position: absolute;
    inset: 17px;
    border-radius: 50%;
    background: #faf8ff;
    box-shadow: inset 0 0 0 1px rgba(127, 105, 217, .08);
}

.distribution-ring span[b-sif69x4sbn],
.distribution-ring small[b-sif69x4sbn] {
    position: relative;
    z-index: 1;
}

.distribution-ring small[b-sif69x4sbn] {
    color: #887fa4;
    font-size: .68rem;
    font-weight: 700;
}

.distribution-options[b-sif69x4sbn] {
    display: grid;
    gap: .72rem;
}

.distribution-row[b-sif69x4sbn] {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    align-items: center;
    gap: .65rem;
}

.option-marker[b-sif69x4sbn] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.option-label[b-sif69x4sbn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    color: #fff;
    font-size: .78rem;
    font-weight: 800;
}

.correct-check[b-sif69x4sbn] {
    color: #23865b;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1;
}

.option-measure[b-sif69x4sbn] {
    min-width: 0;
}

.option-summary[b-sif69x4sbn] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .28rem;
    color: #625a78;
    font-size: .78rem;
    font-weight: 700;
}

.option-track[b-sif69x4sbn] {
    height: .55rem;
    overflow: hidden;
    border-radius: 999px;
    background: #e7e0f2;
}

.option-track span[b-sif69x4sbn] {
    display: block;
    min-width: 0;
    height: 100%;
    border-radius: inherit;
}

@media (max-width: 600px) {
    .statistics-header[b-sif69x4sbn] {
        display: block;
    }

    .statistics-updated[b-sif69x4sbn] {
        display: block;
    }

    .statistics-body[b-sif69x4sbn] {
        grid-template-columns: 1fr;
    }

    .distribution-ring[b-sif69x4sbn] {
        margin: 0 auto;
    }
}
/* /Components/QuestionExplanation.razor.rz.scp.css */
.explanation-section[b-gfled6aidr] {
    display: grid;
    gap: .7rem;
}

.practice-spacing[b-gfled6aidr] {
    margin-top: .7rem;
}

.explanation-toolbar[b-gfled6aidr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.explanation-report-side[b-gfled6aidr] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .65rem;
    min-width: 0;
}

.explanation-tabs[b-gfled6aidr] {
    width: fit-content;
    max-width: 100%;
    padding: .25rem;
    display: flex;
    gap: .2rem;
    border: 1px solid #e2e8f0;
    border-radius: .75rem;
    background: #f1f5f9;
}

.explanation-tab[b-gfled6aidr] {
    border: 1px solid transparent;
    border-radius: .55rem;
    padding: .45rem .75rem;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    background: transparent;
    color: #64748b;
    font-weight: 700;
    cursor: pointer;
}

.explanation-tab.active[b-gfled6aidr] {
    border-color: #d9ccfa;
    background: #fff;
    color: #694ebf;
    box-shadow: 0 2px 8px rgba(105, 78, 191, .12);
}

.explanation-tab:disabled[b-gfled6aidr] {
    opacity: .45;
    cursor: not-allowed;
}

.ai-tab-mark[b-gfled6aidr] {
    border-radius: .3rem;
    padding: .05rem .28rem;
    background: #eee6ff;
    color: #694ebf;
    font-size: .68rem;
    line-height: 1.35;
}

.ai-explanation-panels[b-gfled6aidr] {
    display: grid;
    gap: .7rem;
}

.ai-explanation-warning[b-gfled6aidr] {
    margin: 0;
    padding: .65rem .8rem;
    border: 1px solid #fde68a;
    border-radius: .65rem;
    background: #fffbeb;
    color: #92400e;
    font-size: .9rem;
    line-height: 1.5;
}

.explanation-report-icon[b-gfled6aidr] {
    width: 2.8rem;
    height: 2.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border: 1px solid #e2e8f0;
    border-radius: .8rem;
    background: #fff;
    color: #64748b;
    box-shadow: 0 6px 16px rgba(15, 23, 42, .06);
    cursor: pointer;
}

.explanation-report-icon:hover[b-gfled6aidr],
.explanation-report-icon:focus-visible[b-gfled6aidr] {
    border-color: #c4b5fd;
    color: #694ebf;
    outline: none;
}

.explanation-report-icon svg[b-gfled6aidr] {
    width: 1.35rem;
    height: 1.35rem;
    fill: currentColor;
}

.explanation-report-backdrop[b-gfled6aidr] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(15, 23, 42, .36);
    backdrop-filter: blur(2px);
}

.explanation-report-dialog[b-gfled6aidr] {
    width: min(32rem, 100%);
    display: grid;
    gap: .9rem;
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 20px 48px rgba(15, 23, 42, .22);
}

.explanation-report-header[b-gfled6aidr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.explanation-report-header h2[b-gfled6aidr] {
    margin: 0;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 800;
}

.explanation-report-close[b-gfled6aidr] {
    width: 2rem;
    height: 2rem;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    background: #fff;
    color: #64748b;
    font-size: 1.2rem;
    line-height: 1;
    cursor: pointer;
}

.explanation-report-reasons[b-gfled6aidr] {
    display: grid;
    gap: .55rem;
    margin: 0;
    padding: 0;
    border: 0;
}

.explanation-report-reasons legend[b-gfled6aidr] {
    margin-bottom: .15rem;
    color: #334155;
    font-weight: 700;
}

.explanation-report-reasons label[b-gfled6aidr] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: #334155;
}

.explanation-report-comment[b-gfled6aidr] {
    min-height: 5rem;
    resize: vertical;
    border: 1px solid #cbd5e1;
    border-radius: .55rem;
    padding: .55rem .65rem;
}

.explanation-report-actions[b-gfled6aidr] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
}

.explanation-report-actions button[b-gfled6aidr] {
    border: 1px solid #cbd5e1;
    border-radius: .5rem;
    padding: .35rem .7rem;
    background: #fff;
}

.explanation-report-actions button:last-child[b-gfled6aidr] {
    border-color: #2563eb;
    background: #2563eb;
    color: #fff;
}

.explanation-report-message[b-gfled6aidr] {
    margin: 0;
    color: #2563eb;
    font-size: .9rem;
    white-space: nowrap;
}

.explanation-report-error[b-gfled6aidr] {
    margin: 0;
    color: #b91c1c;
    font-size: .9rem;
}

@media (max-width: 520px) {
    .explanation-toolbar[b-gfled6aidr] {
        align-items: flex-start;
    }

    .explanation-report-side[b-gfled6aidr] {
        flex-direction: column-reverse;
        align-items: flex-end;
        gap: .4rem;
    }

    .explanation-tabs[b-gfled6aidr] {
        flex-wrap: wrap;
    }
}
/* /Components/QuestionReviewPanel.razor.rz.scp.css */
.answer-section[b-euo0ilizyd] {
    margin-top: 1.75rem;
    padding-top: 1.5rem;
    border-top: 1px solid #dbe5f0;
}

.review-topics[b-euo0ilizyd] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: 1rem;
}

.review-topics-label[b-euo0ilizyd] {
    color: #56708f;
    font-size: .85rem;
    font-weight: 700;
}

.topic-pill[b-euo0ilizyd] {
    padding: .3rem .65rem;
    border-radius: 999px;
    font-size: .82rem;
    font-weight: 700;
    text-decoration: none;
}

.topic-pill.primary[b-euo0ilizyd] {
    background: #e5f0ff;
    color: #245b9b;
}

.topic-pill.secondary[b-euo0ilizyd] {
    background: #eef2f7;
    color: #536981;
}

.answer-text[b-euo0ilizyd],
.contested-note[b-euo0ilizyd],
.empty-explanation[b-euo0ilizyd] {
    margin: 0 0 1rem;
    color: #294766;
}

.answer-text strong[b-euo0ilizyd] {
    color: #176a45;
}

.contested-note[b-euo0ilizyd] {
    padding: .8rem 1rem;
    border-radius: .65rem;
    background: #fff7e8;
    color: #87520a;
}

.empty-explanation[b-euo0ilizyd] {
    padding: 1rem;
    border-radius: .65rem;
    background: #f5f8fb;
    text-align: center;
}

.statistics-divider[b-euo0ilizyd] {
    margin: 1.5rem 0;
    border: 0;
    border-top: 1px solid #dbe5f0;
    opacity: 1;
}
/* /Components/QuestionSituation.razor.rz.scp.css */
.question-situation[b-kfbkdrisqe] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .45rem;
    align-items: start;
    margin: .05rem 0 .2rem;
    padding: .78rem .9rem;
    border: 1px solid rgba(166, 132, 232, .28);
    border-left: .28rem solid #8e6be8;
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .9), rgba(248, 244, 255, .86));
    color: #4d4669;
    box-shadow: 0 10px 22px rgba(88, 67, 158, .08);
}

.question-situation-label[b-kfbkdrisqe] {
    color: #6e49d5;
    font-weight: 850;
    white-space: nowrap;
}

.question-situation-text[b-kfbkdrisqe] {
    min-width: 0;
    line-height: 1.65;
    overflow-wrap: anywhere;
}

@media (max-width: 640px) {
    .question-situation[b-kfbkdrisqe] {
        grid-template-columns: 1fr;
        gap: .24rem;
        padding: .68rem .75rem;
        border-radius: 12px;
    }
}
/* /Components/QuestionVisuals.razor.rz.scp.css */
.question-visuals[b-gxkxtjdfh4] {
    display: grid;
    gap: .5rem;
    margin: .45rem 0 .65rem;
}

.question-visuals img[b-gxkxtjdfh4] {
    display: block;
    max-width: min(100%, 720px);
    height: auto;
    border: 1px solid #d9e2f1;
    border-radius: .7rem;
    background: #fff;
    box-shadow: 0 10px 22px rgba(67, 83, 123, .1);
}

.option-visuals[b-gxkxtjdfh4] {
    margin: .45rem 0 0;
}

.option-visuals img[b-gxkxtjdfh4] {
    max-width: min(100%, 360px);
}
/* /Components/SortToggle.razor.rz.scp.css */
.sort-toggle[b-39yav2xi56] {
    border: 1px solid var(--button-soft-border);
    border-radius: var(--button-radius);
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    color: var(--button-soft-text);
    background: var(--button-soft-bg);
    box-shadow: 0 1px 2px rgb(127 105 217 / 14%);
    cursor: pointer;
    font-weight: 800;
    line-height: 1.2;
}

.sort-toggle.compact[b-39yav2xi56],
.sort-toggle.wide[b-39yav2xi56] {
    min-width: 7.4rem;
    min-height: 2.45rem;
    padding: .43rem .5rem .43rem .72rem;
    gap: .55rem;
    font-size: .9rem;
}

.sort-toggle.large[b-39yav2xi56] {
    min-width: 8rem;
    padding: .45rem .55rem .45rem .8rem;
    gap: .7rem;
    font-size: .95rem;
}

.sort-toggle:hover[b-39yav2xi56] {
    border-color: #bbaaf4;
    box-shadow: 0 7px 14px rgb(127 105 217 / 15%);
    transform: translateY(-1px);
}

.sort-toggle:focus-visible[b-39yav2xi56] {
    outline: none;
    border-color: #9b84ef;
    box-shadow: 0 0 0 3px rgb(155 132 239 / 24%);
}

.sort-toggle.active[b-39yav2xi56] {
    border-color: var(--button-primary-border);
    color: var(--button-soft-text-strong);
    background: var(--button-soft-bg-active);
}

.sort-arrows[b-39yav2xi56] {
    width: .8rem;
    display: grid;
    justify-items: center;
    gap: .18rem;
    line-height: 1;
}

.large .sort-arrows[b-39yav2xi56] {
    width: .85rem;
}

.sort-arrow[b-39yav2xi56] {
    width: 0;
    height: 0;
    overflow: hidden;
    color: transparent;
}

.sort-arrow.reverse[b-39yav2xi56] {
    border-left: .28rem solid transparent;
    border-right: .28rem solid transparent;
    border-bottom: .46rem solid #d8d2e8;
}

.sort-arrow.forward[b-39yav2xi56] {
    border-left: .28rem solid transparent;
    border-right: .28rem solid transparent;
    border-top: .46rem solid #d8d2e8;
}

.sort-arrow.reverse.selected[b-39yav2xi56] {
    border-bottom-color: #2f9e44;
}

.sort-arrow.forward.selected[b-39yav2xi56] {
    border-top-color: #d94848;
}

@media (max-width: 960px) {
    .sort-toggle.compact[b-39yav2xi56],
    .sort-toggle.wide[b-39yav2xi56] {
        flex: 1;
        min-width: 0;
    }
}

@media (max-width: 640px) {
    .sort-toggle.large[b-39yav2xi56] {
        flex: 1 1 calc(50% - .4rem);
        min-width: 0;
    }
}
/* /Components/SubjectModuleFilter.razor.rz.scp.css */
.filter-toolbar[b-ycv04cp1e6] {
    margin-bottom: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    backdrop-filter: none;
}

.filter-toolbar.has-sort[b-ycv04cp1e6] {
    grid-template-columns: minmax(9rem, .78fr) minmax(9rem, .78fr) minmax(0, 2.4fr);
}

.filter-toolbar.has-leading[b-ycv04cp1e6] {
    grid-template-columns: minmax(16rem, 1.55fr) minmax(8rem, .72fr) minmax(8rem, .72fr);
}

.filter-toolbar.has-leading.has-sort[b-ycv04cp1e6] {
    grid-template-columns: minmax(17rem, 1.8fr) minmax(7.5rem, .64fr) minmax(7.5rem, .64fr) minmax(0, 1.75fr);
}

.leading-content[b-ycv04cp1e6] {
    display: flex;
    min-width: 0;
}

.leading-content[b-ycv04cp1e6]  .filter-search {
    font-size: .96rem;
}

.filter-group[b-ycv04cp1e6] {
    display: flex;
    min-width: 0;
}

.subject-filter[b-ycv04cp1e6] {
    font-size: .96rem;
}

.sort-controls[b-ycv04cp1e6] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    flex-wrap: wrap;
    min-width: 0;
}

.sort-controls[b-ycv04cp1e6]  .sort-toggle {
    min-height: 2.45rem;
    box-shadow: none;
}

@media (max-width: 960px) {
    .filter-toolbar.has-leading[b-ycv04cp1e6],
    .filter-toolbar.has-leading.has-sort[b-ycv04cp1e6],
    .filter-toolbar.has-sort[b-ycv04cp1e6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .leading-content[b-ycv04cp1e6] {
        grid-column: 1 / -1;
    }

    .sort-controls[b-ycv04cp1e6] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .filter-toolbar[b-ycv04cp1e6],
    .filter-toolbar.has-leading[b-ycv04cp1e6],
    .filter-toolbar.has-leading.has-sort[b-ycv04cp1e6],
    .filter-toolbar.has-sort[b-ycv04cp1e6] {
        grid-template-columns: 1fr;
    }

    .sort-controls[b-ycv04cp1e6] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/TopicHint.razor.rz.scp.css */
.topic-hint[b-ja1oeg4s77] {
    position: relative;
    display: inline-flex;
    align-items: center;
    z-index: 4;
}

.topic-hint-trigger[b-ja1oeg4s77] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    min-height: 1.9rem;
    border: 1px solid #9de6c3;
    border-radius: .55rem;
    padding: .22rem .58rem;
    background: linear-gradient(180deg, #ffffff 0%, #f5fff9 100%);
    color: #0f9f63;
    font-size: .9rem;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 3px 8px rgba(20, 132, 86, .12);
    cursor: pointer;
}

.topic-hint-trigger:hover[b-ja1oeg4s77],
.topic-hint-trigger:focus-visible[b-ja1oeg4s77] {
    border-color: #57d396;
    background: #ffffff;
    outline: 3px solid rgba(87, 211, 150, .18);
    outline-offset: 2px;
}

.topic-hint-trigger[aria-expanded="true"][b-ja1oeg4s77] {
    border-color: #35bf7d;
    box-shadow: 0 5px 14px rgba(20, 132, 86, .14);
}

.topic-hint-icon[b-ja1oeg4s77] {
    font-size: .88rem;
    line-height: 1;
}

.topic-hint-panel[b-ja1oeg4s77] {
    position: absolute;
    bottom: calc(100% + .75rem);
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    width: min(21rem, calc(100vw - 2rem));
    border: 1px solid #e4edf9;
    border-radius: .75rem;
    padding: .85rem .95rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    color: #23456f;
    box-shadow: 0 10px 22px rgba(39, 71, 112, .1);
    z-index: 20;
}

.topic-hint-title[b-ja1oeg4s77] {
    flex: 1;
    color: #123d73;
    font-size: .94rem;
    font-weight: 900;
    line-height: 1.5;
    text-align: left;
}

.topic-hint-link[b-ja1oeg4s77] {
    flex: 0 0 auto;
    border-radius: .55rem;
    padding: .48rem .7rem;
    background: #eef7ff;
    color: #2563eb;
    font-size: .86rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
}

.topic-hint-link:hover[b-ja1oeg4s77],
.topic-hint-link:focus-visible[b-ja1oeg4s77] {
    background: #dfefff;
    outline: 3px solid rgba(37, 99, 235, .16);
    outline-offset: 2px;
}

@media (max-width: 520px) {
    .topic-hint-panel[b-ja1oeg4s77] {
        align-items: stretch;
        flex-direction: column;
        right: 50%;
        transform: translateX(50%);
        width: min(18rem, calc(100vw - 2rem));
    }

    .topic-hint-link[b-ja1oeg4s77] {
        text-align: center;
    }
}
/* /Components/UserAvatar.razor.rz.scp.css */
.user-avatar[b-a7b14umf64] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 999px;
    border: 1px solid #eadcf6;
    background: linear-gradient(180deg, #fff 0%, #f9f0ff 100%);
    color: #7c488f;
    font-size: .9rem;
    font-weight: 700;
    object-fit: cover;
}

img.user-avatar[b-a7b14umf64] {
    padding: 0;
}

.google-avatar[b-a7b14umf64] {
    background: #ffffff;
}

.google-icon[b-a7b14umf64] {
    width: 22px;
    height: 22px;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-wbuz66zyay] {
    min-height: 100vh;
    background: transparent;
}

#blazor-error-ui[b-wbuz66zyay] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, .2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: .6rem 1.25rem .7rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-wbuz66zyay] {
    cursor: pointer;
    position: absolute;
    right: .75rem;
    top: .5rem;
}
/* /Pages/ExamAttemptPage.razor.rz.scp.css */
.exam-attempt-page-shell[b-53qlnz1v6y] {
    height: 100vh;
    height: 100dvh;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.exam-attempt-page-shell[b-53qlnz1v6y]  .app-header {
    position: relative;
    flex: 0 0 auto;
}

.viewport-bg[b-53qlnz1v6y] {
    position: fixed;
    inset: 0;
    z-index: 0;
    background:
        radial-gradient(circle at 8% 10%, #ffe7f6 0, transparent 36%),
        radial-gradient(circle at 92% 90%, #e2edff 0, transparent 36%),
        linear-gradient(160deg, #fff8fc, #f6f3ff 50%, #f2f8ff);
}

.exam-page.juicy-theme[b-53qlnz1v6y] {
    --ink: #302d45;
    --muted: #7d759c;
    --line: #e7e1f7;
    --card: rgba(255, 255, 255, 0.82);
    --primary: #8e6be8;
    --primary-strong: #6e49d5;
    --accent: #ff8fca;
    --mint: #63c8c5;

    flex: 1;
    min-height: 0;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: .75rem;
    width: min(1540px, calc(100vw - 2rem));
    margin: 0 auto;
    color: var(--ink);
    display: grid;
    grid-template-rows: auto minmax(0, auto) minmax(0, 1fr) auto;
    gap: .55rem;
    background: transparent;
    isolation: isolate;
}

.ambient-layer[b-53qlnz1v6y] { position: absolute; inset: 0; pointer-events: none; }
.mesh-a[b-53qlnz1v6y] { inset: 12% 20%; border-radius: 26px; background: linear-gradient(120deg, rgba(255,255,255,.45), rgba(255,255,255,0)); transform: rotate(-5deg); }

.attempt-context[b-53qlnz1v6y] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: baseline;
    gap: .65rem;
    min-width: 0;
    padding: .05rem .2rem;
}

.attempt-context span[b-53qlnz1v6y] {
    flex-shrink: 0;
    color: var(--primary-strong);
    font-size: .72rem;
    font-weight: 850;
}

.attempt-context h1[b-53qlnz1v6y] {
    overflow: hidden;
    margin: 0;
    color: var(--ink);
    font-size: clamp(.98rem, .92rem + .28vw, 1.2rem);
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.progress-stage[b-53qlnz1v6y],
.question-stage-shell[b-53qlnz1v6y],
.question-actions[b-53qlnz1v6y] {
    position: relative;
    z-index: 1;
    border: 1px solid var(--line);
    background: var(--card);
    backdrop-filter: blur(12px);
    border-radius: 18px;
    box-shadow: 0 16px 34px rgba(88, 67, 158, .12);
}

.exam-timer[b-53qlnz1v6y] {
    display: grid;
    justify-items: end;
    color: var(--primary-strong);
    line-height: 1.1;
}

.exam-timer span[b-53qlnz1v6y] { font-size: .72rem; font-weight: 700; }
.exam-timer strong[b-53qlnz1v6y] { font-size: 1.35rem; font-variant-numeric: tabular-nums; }
.exam-timer.urgent[b-53qlnz1v6y] { color: #b13f70; }

.progress-stage[b-53qlnz1v6y] {
    height: 142px;
    padding: .58rem .75rem .7rem;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: .48rem;
    overflow: hidden;
}

.progress-toolbar[b-53qlnz1v6y] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .75rem; }
.progress-summary[b-53qlnz1v6y] { display: grid; min-width: 0; gap: .35rem; }
.progress-header[b-53qlnz1v6y] { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .35rem; color: #5a5477; font-size: .84rem; }
.progress-track[b-53qlnz1v6y] { height: .55rem; background: #ece8fb; border-radius: 999px; overflow: hidden; }
.progress-value[b-53qlnz1v6y] { height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--accent), var(--primary), var(--mint)); transition: width .3s ease; }
.progress-nav[b-53qlnz1v6y] { display: grid; min-height: 0; }
.timeline-grid[b-53qlnz1v6y] { display: grid; grid-template-columns: repeat(25, minmax(0, 1fr)); gap: .32rem; overflow: auto; align-content: start; }

.node[b-53qlnz1v6y] {
    min-height: 1.72rem;
    border-radius: 10px;
    border: 1px solid #dbd2f7;
    background: #fff;
    color: #6a628a;
    font-weight: 700;
    transition: transform .14s ease, box-shadow .14s ease;
}
.node:hover[b-53qlnz1v6y] { transform: translateY(-1px); box-shadow: 0 8px 14px rgba(113, 81, 199, .16); }
.node.pending[b-53qlnz1v6y] { opacity: .86; }
.node.done[b-53qlnz1v6y] { background: #f1ebff; border-color: #c7b4f9; }
.node.active[b-53qlnz1v6y] { color: #fff; border-color: transparent; background: linear-gradient(180deg, var(--accent), var(--primary-strong)); box-shadow: 0 8px 14px rgba(113, 81, 199, .25); }

.auto-jump-switch[b-53qlnz1v6y] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    font-size: .78rem;
    color: #5f5680;
    border: 1px solid #ded6f6;
    padding: .26rem .42rem;
    border-radius: 11px;
    background: #f7f3ff;
}

.auto-jump-switch input[b-53qlnz1v6y] {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
}

.switch-label[b-53qlnz1v6y] { font-weight: 800; }

.switch-ui[b-53qlnz1v6y] {
    width: 2.2rem;
    height: 1.24rem;
    border-radius: 999px;
    background: #ece6fb;
    border: 1px solid #d8cdf7;
    padding: .1rem;
    display: inline-flex;
    align-items: center;
    transition: background .2s ease, border-color .2s ease;
}

.switch-thumb[b-53qlnz1v6y] {
    width: .88rem;
    height: .88rem;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 6px rgba(66, 59, 110, .2);
    transform: translateX(0);
    transition: transform .2s ease;
}

.auto-jump-switch input:checked + .switch-ui[b-53qlnz1v6y] {
    background: linear-gradient(140deg, #c4b0ff, #8f6de7);
    border-color: #9b7ae8;
}

.auto-jump-switch input:checked + .switch-ui .switch-thumb[b-53qlnz1v6y] {
    transform: translateX(.94rem);
}

.question-flow[b-53qlnz1v6y] { display: grid; grid-template-columns: 1fr; min-height: 0; }
.question-stage-shell[b-53qlnz1v6y] { overflow: hidden; padding: .72rem .82rem; min-height: 0; display: grid; grid-template-rows: minmax(0, 1fr); gap: .55rem; }
.question-stage-content[b-53qlnz1v6y] { display: grid; align-content: start; gap: .58rem; min-height: 0; overflow: auto; padding-right: .12rem; }
.question-title[b-53qlnz1v6y] { margin: 0; font-size: clamp(1rem, .92rem + .38vw, 1.36rem); line-height: 1.45; white-space: pre-wrap; }

.options[b-53qlnz1v6y] { display: grid; gap: .42rem; }
.option-card[b-53qlnz1v6y] {
    border: 1px solid #e4dbfa;
    border-radius: 14px;
    background: linear-gradient(150deg, #fff, #fcf9ff);
    padding: .58rem .7rem;
    width: 100%;
    display: grid;
    grid-template-columns: 1.9rem 1fr;
    gap: .55rem;
    align-items: start;
    text-align: left;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.option-card:hover:not(:disabled)[b-53qlnz1v6y] { transform: translateY(-1px); border-color: #c9b7f8; box-shadow: 0 10px 20px rgba(115, 86, 200, .14); }
.option-card.selected[b-53qlnz1v6y] { border-color: #a88ef0; box-shadow: 0 12px 24px rgba(115, 86, 200, .2); }
.option-index[b-53qlnz1v6y] { width: 1.9rem; height: 1.9rem; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; color: #694ebf; background: #eee6ff; }
.option-card.selected .option-index[b-53qlnz1v6y] { background: linear-gradient(180deg, var(--primary), var(--primary-strong)); color: #fff; }
.option-body[b-53qlnz1v6y] { display: grid; min-width: 0; }
.option-text[b-53qlnz1v6y] { line-height: 1.42; color: #4a4666; min-width: 0; }

.question-actions[b-53qlnz1v6y] {
    margin-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
    padding: .32rem;
    background: var(--card);
    box-shadow: 0 12px 24px rgba(88, 67, 158, .1);
}

.mini-btn[b-53qlnz1v6y] { border: 1px solid var(--button-soft-border); background: var(--button-soft-bg); border-radius: var(--button-radius); padding: .3rem .66rem; font-size: .9rem; font-weight: 800; color: var(--button-soft-text); transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.mini-btn:hover:not(:disabled)[b-53qlnz1v6y] { transform: translateY(-1px); box-shadow: var(--button-primary-shadow); }
.mini-btn.primary[b-53qlnz1v6y] { background: var(--button-primary-bg); color: #fff; border-color: var(--button-primary-border); box-shadow: var(--button-primary-shadow); }
.mini-btn.submit[b-53qlnz1v6y] { background: linear-gradient(160deg, #f1fff8, #dcf8ea); color: #257a55; border-color: #a8e3c4; }
.mini-btn.abandon[b-53qlnz1v6y] { background: linear-gradient(160deg, #fff4f4, #ffe9ec); color: #a74356; border-color: #f2bec8; }
button:disabled[b-53qlnz1v6y] { opacity: .55; cursor: not-allowed; }

@media (max-height: 900px) and (min-width: 981px) {
    .exam-page.juicy-theme[b-53qlnz1v6y] {
        padding: .55rem .75rem;
        grid-template-rows: auto minmax(0, auto) minmax(0, 1fr) auto;
        gap: .45rem;
    }

    .progress-stage[b-53qlnz1v6y] {
        height: 126px;
        padding: .5rem .7rem;
        gap: .34rem;
    }

    .timeline-grid[b-53qlnz1v6y] {
        grid-template-columns: repeat(25, minmax(0, 1fr));
        gap: .26rem;
    }

    .node[b-53qlnz1v6y] {
        min-height: 1.54rem;
        border-radius: 9px;
    }

    .question-stage-shell[b-53qlnz1v6y] {
        padding: .62rem .75rem;
    }

    .question-stage-content[b-53qlnz1v6y] {
        gap: .46rem;
    }

    .option-card[b-53qlnz1v6y] {
        padding: .48rem .62rem;
    }

    .question-actions[b-53qlnz1v6y] {
        padding: .28rem;
    }
}

@media (max-width: 980px) {
    .exam-page.juicy-theme[b-53qlnz1v6y] {
        width: calc(100vw - 1.25rem);
        grid-template-rows: auto minmax(0, auto) minmax(0, 1fr) auto;
        gap: .45rem;
    }
    .progress-stage[b-53qlnz1v6y] { height: 164px; }
    .timeline-grid[b-53qlnz1v6y] { grid-template-columns: repeat(10, minmax(0, 1fr)); }
    .node[b-53qlnz1v6y] { min-height: 1.44rem; }
}

@media (max-width: 640px) {
    .exam-page.juicy-theme[b-53qlnz1v6y] {
        padding: .5rem;
        grid-template-rows: auto minmax(0, auto) minmax(0, 1fr) auto;
        width: calc(100vw - .8rem);
        gap: .38rem;
    }
    .progress-stage[b-53qlnz1v6y] {
        height: 208px;
        padding: .45rem .58rem;
        gap: .36rem;
    }
    .timeline-grid[b-53qlnz1v6y] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .question-actions[b-53qlnz1v6y] { width: 100%; justify-content: stretch; }
    .mini-btn[b-53qlnz1v6y] { flex: 1; }
    .question-stage-shell[b-53qlnz1v6y] { padding: .55rem .62rem; }
}
/* /Pages/ExamAttemptReviewPage.razor.rz.scp.css */
.viewport-bg.review[b-xlins1bz2d] {
    position: fixed;
    inset: 0;
    z-index: 0;
    background:
        radial-gradient(circle at 8% 10%, #ffe7f6 0, transparent 36%),
        radial-gradient(circle at 92% 90%, #e2edff 0, transparent 36%),
        linear-gradient(160deg, #fff8fc, #f6f3ff 50%, #f2f8ff);
}

.exam-attempt-review-page-shell[b-xlins1bz2d] {
    height: 100vh;
    height: 100dvh;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.exam-attempt-review-page-shell[b-xlins1bz2d]  .app-header {
    position: relative;
    flex: 0 0 auto;
}

.exam-attempt-review-page.juicy-theme[b-xlins1bz2d] {
    --ink: #302d45;
    --muted: #7d759c;
    --line: #e7e1f7;
    --card: rgba(255, 255, 255, 0.82);
    --primary: #8e6be8;
    --primary-strong: #6e49d5;
    --accent: #ff8fca;
    --mint: #63c8c5;

    flex: 1;
    min-height: 0;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: .75rem;
    width: min(1540px, calc(100vw - 2rem));
    margin: 0 auto;
    color: var(--ink);
    display: grid;
    grid-template-rows: auto auto minmax(0, auto) minmax(0, 1fr) auto;
    gap: .55rem;
    background: transparent;
    isolation: isolate;
}

.ambient-layer[b-xlins1bz2d] { position: absolute; inset: 0; pointer-events: none; }
.mesh-a[b-xlins1bz2d] { inset: 12% 20%; border-radius: 26px; background: linear-gradient(120deg, rgba(255,255,255,.45), rgba(255,255,255,0)); transform: rotate(-5deg); }

.review-context[b-xlins1bz2d] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: baseline;
    gap: .65rem;
    min-width: 0;
    padding: .05rem .2rem;
}

.review-context span[b-xlins1bz2d] {
    flex-shrink: 0;
    color: var(--primary-strong);
    font-size: .72rem;
    font-weight: 850;
}

.review-context h1[b-xlins1bz2d] {
    overflow: hidden;
    margin: 0;
    color: var(--ink);
    font-size: clamp(.98rem, .92rem + .28vw, 1.2rem);
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.progress-stage[b-xlins1bz2d],
.question-stage-shell[b-xlins1bz2d] {
    position: relative;
    z-index: 1;
    border: 1px solid var(--line);
    background: var(--card);
    backdrop-filter: blur(12px);
    border-radius: 18px;
    box-shadow: 0 16px 34px rgba(88, 67, 158, .12);
}

.review-stats[b-xlins1bz2d] { display: flex; flex-wrap: wrap; gap: .45rem; }
.review-chip[b-xlins1bz2d] {
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 700;
    padding: .18rem .48rem;
    border: 1px solid transparent;
}
.review-chip.correct[b-xlins1bz2d] { color: #15803d; background: rgba(34, 197, 94, .16); border-color: rgba(34, 197, 94, .28); }
.review-chip.wrong[b-xlins1bz2d] { color: #b91c1c; background: rgba(239, 68, 68, .14); border-color: rgba(239, 68, 68, .25); }
.review-chip.unanswered[b-xlins1bz2d] { color: #c27d00; background: rgba(245, 158, 11, .16); border-color: rgba(245, 158, 11, .24); }
.review-chip.contested[b-xlins1bz2d] { color: #6d28d9; background: rgba(139, 92, 246, .14); border-color: rgba(139, 92, 246, .26); }

.review-tabs[b-xlins1bz2d] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    justify-self: start;
    gap: 1.4rem;
    border-bottom: 1px solid #e5ddf1;
    padding: 0 .15rem;
}

.tab-btn[b-xlins1bz2d] {
    min-width: 6.5rem;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    background: transparent;
    color: #746b91;
    font-weight: 850;
    padding: .48rem .25rem .55rem;
    cursor: pointer;
    transition: color 120ms ease, border-color 120ms ease;
}

.tab-btn:hover[b-xlins1bz2d] {
    color: #5f4fb8;
}

.tab-btn.active[b-xlins1bz2d] {
    border-bottom-color: #8d72e8;
    color: #684fc2;
    background: transparent;
}

.progress-stage[b-xlins1bz2d] { height: 142px; padding: .58rem .75rem .7rem; display: grid; grid-template-rows: auto minmax(0, 1fr); gap: .48rem; overflow: hidden; }
.progress-toolbar[b-xlins1bz2d] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .75rem; }
.progress-summary[b-xlins1bz2d] { display: grid; min-width: 0; gap: .35rem; }
.progress-header[b-xlins1bz2d] { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .35rem; color: #5a5477; font-size: .84rem; }
.progress-track[b-xlins1bz2d] { height: .55rem; background: #ece8fb; border-radius: 999px; overflow: hidden; }
.progress-value[b-xlins1bz2d] { height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--accent), var(--primary), var(--mint)); transition: width .3s ease; }
.progress-nav[b-xlins1bz2d] { display: grid; min-height: 0; }
.timeline-grid[b-xlins1bz2d] { display: grid; grid-template-columns: repeat(25, minmax(0, 1fr)); gap: .32rem; overflow: auto; align-content: start; }

.node[b-xlins1bz2d] {
    min-height: 1.72rem;
    border-radius: 10px;
    border: 1px solid #dbd2f7;
    background: #fff;
    color: #6a628a;
    font-weight: 700;
    transition: transform .14s ease, box-shadow .14s ease;
}
.node:hover[b-xlins1bz2d] { transform: translateY(-1px); box-shadow: 0 8px 14px rgba(113, 81, 199, .16); }
.node.active[b-xlins1bz2d] { color: #fff; border-color: transparent; background: linear-gradient(180deg, var(--accent), var(--primary-strong)); box-shadow: 0 8px 14px rgba(113, 81, 199, .25); }
.node.correct[b-xlins1bz2d] { background: #f2fff8; border-color: #9fdfba; color: #0f8a4b; }
.node.wrong[b-xlins1bz2d] { background: #fff5f5; border-color: #f3c2c2; color: #c02626; }
.node.unanswered[b-xlins1bz2d] { background: #fff9ef; border-color: #f2ce8a; color: #a15e00; }
.node.contested[b-xlins1bz2d] { background: #f7f1ff; border-color: #d8b4fe; color: #6d28d9; }
.node.active.correct[b-xlins1bz2d],
.node.active.wrong[b-xlins1bz2d],
.node.active.unanswered[b-xlins1bz2d],
.node.active.contested[b-xlins1bz2d] { color: #fff; border-color: transparent; background: linear-gradient(180deg, var(--accent), var(--primary-strong)); }

.question-flow[b-xlins1bz2d] { display: grid; grid-template-columns: 1fr; min-height: 0; }
.question-stage-shell[b-xlins1bz2d] { overflow: hidden; padding: .72rem .82rem; min-height: 0; display: grid; grid-template-rows: minmax(0, 1fr); gap: .55rem; }
.question-stage-content[b-xlins1bz2d] { display: grid; align-content: start; gap: .58rem; min-height: 0; overflow: auto; padding-right: .12rem; }
.question-id[b-xlins1bz2d] { margin: 0 0 .28rem; color: #8068cf; font-size: .82rem; font-weight: 800; line-height: 1.2; }
.question-id a[b-xlins1bz2d] { color: inherit; text-decoration: none; }
.question-id a:hover[b-xlins1bz2d] { text-decoration: underline; }
.question-id a:focus-visible[b-xlins1bz2d] { border-radius: .2rem; outline: 2px solid #8068cf; outline-offset: 2px; }
.question-title[b-xlins1bz2d] { margin: 0; font-size: clamp(1rem, .92rem + .38vw, 1.36rem); line-height: 1.45; white-space: pre-wrap; }
.question-meta[b-xlins1bz2d] { color: var(--muted); margin: 0; }
.unanswered-answer[b-xlins1bz2d] { color: #b45309; font-weight: 800; }
.contested-answer-note[b-xlins1bz2d] { color: #6d28d9; font-weight: 800; }

.question-meta-row[b-xlins1bz2d] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: .4rem .75rem;
}

.question-topic-badges[b-xlins1bz2d] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: .32rem;
    min-width: 0;
}

.topic-pill[b-xlins1bz2d] {
    display: inline-flex;
    border: 1px solid transparent;
    max-width: 100%;
    border-radius: 999px;
    padding: .2rem .58rem;
    font-size: .84rem;
    font-weight: 800;
    line-height: 1.45;
    font-family: inherit;
    overflow-wrap: anywhere;
    cursor: pointer;
    transition: transform .14s ease, box-shadow .14s ease;
}

.topic-pill:hover[b-xlins1bz2d] {
    transform: translateY(-1px);
    box-shadow: 0 6px 12px rgba(113, 81, 199, .14);
}

.topic-pill.primary[b-xlins1bz2d] {
    color: #5a478f;
    background: #f1ebff;
    border: 1px solid #dacfff;
}

.topic-pill.secondary[b-xlins1bz2d] {
    color: #0f766e;
    background: #ecfffb;
    border: 1px solid #b9eee5;
}

.options[b-xlins1bz2d] { display: grid; gap: .42rem; }
.option-card[b-xlins1bz2d] {
    border: 1px solid #e4dbfa;
    border-radius: 14px;
    background: linear-gradient(150deg, #fff, #fcf9ff);
    padding: .58rem .7rem;
    width: 100%;
    display: grid;
    grid-template-columns: 1.9rem 1fr;
    gap: .55rem;
    align-items: start;
}
.option-index[b-xlins1bz2d] { width: 1.9rem; height: 1.9rem; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; color: #694ebf; background: #eee6ff; }
.option-body[b-xlins1bz2d] { min-width: 0; }
.option-text-wrap[b-xlins1bz2d] { display: grid; flex: 1; min-width: 0; }
.option-content-row[b-xlins1bz2d] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .65rem;
}
.option-text[b-xlins1bz2d] { line-height: 1.42; color: #4a4666; flex: 1; min-width: 0; }
.option-card.correct-answer[b-xlins1bz2d] { border-color: #16a34a; background: rgba(34, 197, 94, .1); }
.option-card.attempt-answer[b-xlins1bz2d] { border-color: #dc2626; background: rgba(239, 68, 68, .1); }
.option-card.contested-answer[b-xlins1bz2d] { border-color: #a855f7; background: rgba(168, 85, 247, .1); }
.result-badge[b-xlins1bz2d] { display: inline-flex; width: fit-content; font-size: .72rem; font-weight: 700; padding: .18rem .5rem; border-radius: 999px; }
.result-badge[b-xlins1bz2d] { flex-shrink: 0; align-self: flex-start; margin-top: .12rem; }
.result-badge.ok[b-xlins1bz2d] { color: #166534; background: rgba(34, 197, 94, .18); }
.result-badge.ng[b-xlins1bz2d] { color: #991b1b; background: rgba(239, 68, 68, .18); }
.result-badge.contested[b-xlins1bz2d] { color: #6d28d9; background: rgba(168, 85, 247, .16); }

.contested-question-note[b-xlins1bz2d] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .45rem;
    padding: .6rem .75rem;
    border: 1px solid #d8b4fe;
    border-radius: 12px;
    background: #faf5ff;
    color: #581c87;
    line-height: 1.5;
}

.contested-question-note strong[b-xlins1bz2d] {
    color: #6d28d9;
}

.question-actions[b-xlins1bz2d],
.review-page-actions[b-xlins1bz2d] {
    margin-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
    border: 1px solid #e4dbfa;
    border-radius: 14px;
    padding: .32rem;
    background: linear-gradient(160deg, #fff, #faf7ff);
}

.review-page-actions[b-xlins1bz2d] {
    position: relative;
    z-index: 1;
    grid-row: 5;
    align-self: end;
    border-color: var(--line);
    background: var(--card);
    backdrop-filter: blur(12px);
    box-shadow: 0 12px 24px rgba(88, 67, 158, .1);
}

.mini-btn[b-xlins1bz2d] { border: 1px solid var(--button-soft-border); background: var(--button-soft-bg); border-radius: var(--button-radius); padding: .3rem .66rem; font-size: .9rem; font-weight: 800; color: var(--button-soft-text); transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.mini-btn:hover:not(:disabled)[b-xlins1bz2d] { transform: translateY(-1px); box-shadow: var(--button-primary-shadow); }
.mini-btn.primary[b-xlins1bz2d] { background: var(--button-primary-bg); color: #fff; border-color: var(--button-primary-border); box-shadow: var(--button-primary-shadow); }
.mini-btn.submit[b-xlins1bz2d] { background: linear-gradient(160deg, #effcf4, #e6f9ef); color: #0f7a46; border-color: #bce9cf; }
button:disabled[b-xlins1bz2d] { opacity: .55; cursor: not-allowed; }

@media (max-height: 900px) and (min-width: 981px) {
    .exam-attempt-review-page.juicy-theme[b-xlins1bz2d] {
        padding: .55rem .75rem;
        grid-template-rows: auto auto minmax(0, auto) minmax(0, 1fr) auto;
        gap: .45rem;
    }

    .progress-stage[b-xlins1bz2d] {
        height: 126px;
        padding: .5rem .7rem;
        gap: .34rem;
    }

    .timeline-grid[b-xlins1bz2d] {
        grid-template-columns: repeat(25, minmax(0, 1fr));
        gap: .26rem;
    }

    .node[b-xlins1bz2d] {
        min-height: 1.54rem;
        border-radius: 9px;
    }

    .question-stage-shell[b-xlins1bz2d] {
        padding: .62rem .75rem;
    }

    .question-stage-content[b-xlins1bz2d] {
        gap: .46rem;
    }

    .option-card[b-xlins1bz2d] {
        padding: .48rem .62rem;
    }

    .review-page-actions[b-xlins1bz2d] {
        padding: .28rem;
    }
}

.topic-strengthening-panel[b-xlins1bz2d] {
    position: relative;
    z-index: 1;
    grid-row: 3 / 5;
    display: grid;
    min-height: 0;
}

.topic-strengthening-shell[b-xlins1bz2d] {
    border: 1px solid var(--line);
    background: var(--card);
    backdrop-filter: blur(12px);
    border-radius: 18px;
    box-shadow: 0 16px 34px rgba(88, 67, 158, .12);
    padding: .72rem .82rem;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
}

.topic-practice-tabs[b-xlins1bz2d] {
    display: inline-flex;
    justify-self: start;
    gap: .35rem;
    margin-bottom: .7rem;
    padding: .24rem;
    border: 1px solid #e2daf6;
    border-radius: 12px;
    background: rgba(255, 255, 255, .58);
}

.topic-practice-tab[b-xlins1bz2d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-width: 7rem;
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: #746b91;
    font-weight: 900;
    padding: .42rem .72rem;
    cursor: pointer;
    transition: background 120ms ease, color 120ms ease, border-color 120ms ease;
}

.topic-practice-tab span[b-xlins1bz2d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.45rem;
    min-height: 1.45rem;
    border-radius: 999px;
    background: rgba(116, 107, 145, .12);
    font-size: .74rem;
}

.topic-practice-tab:hover[b-xlins1bz2d] {
    color: #5f4fb8;
    background: rgba(142, 107, 232, .08);
}

.topic-practice-tab.active[b-xlins1bz2d] {
    border-color: #d8cdf7;
    background: #fff;
    color: var(--primary-strong);
    box-shadow: 0 8px 16px rgba(88, 67, 158, .1);
}

.topic-strengthening-header[b-xlins1bz2d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .8rem;
}

.topic-strengthening-header h2[b-xlins1bz2d] {
    margin: .35rem 0 0;
    font-size: 1.35rem;
}

.empty-topics[b-xlins1bz2d] {
    margin: 0;
    color: var(--muted);
    padding: 1rem;
    border: 1px dashed #d8cef5;
    border-radius: 12px;
    background: rgba(255, 255, 255, .58);
}

.topic-table-wrap[b-xlins1bz2d] {
    min-height: 0;
    overflow: auto;
}
.topic-table[b-xlins1bz2d] { width: 100%; border-collapse: collapse; min-width: 500px; }
.topic-table th[b-xlins1bz2d],
.topic-table td[b-xlins1bz2d] {
    border-bottom: 1px solid #e8e1f8;
    padding: .82rem .65rem;
    text-align: left;
}
.topic-table th[b-xlins1bz2d] {
    color: #6b628c;
    font-size: .78rem;
    text-transform: uppercase;
}
.topic-table td:nth-child(2)[b-xlins1bz2d],
.topic-table th:nth-child(2)[b-xlins1bz2d] {
    width: 7rem;
    text-align: center;
}
.topic-table td:last-child[b-xlins1bz2d],
.topic-table th:last-child[b-xlins1bz2d] {
    width: 6.5rem;
    text-align: right;
}
.topic-table.practiced td:nth-child(2)[b-xlins1bz2d],
.topic-table.practiced th:nth-child(2)[b-xlins1bz2d] {
    width: 6.5rem;
    text-align: right;
}
.topic-link[b-xlins1bz2d] {
    border: 0;
    background: transparent;
    padding: 0;
    color: var(--primary-strong);
    font-weight: 900;
    text-align: left;
    line-height: 1.45;
}
.topic-link:hover[b-xlins1bz2d] { text-decoration: underline; }
.topic-practice-btn[b-xlins1bz2d] {
    border: 1px solid var(--button-primary-border);
    border-radius: var(--button-radius);
    background: var(--button-primary-bg);
    color: #fff;
    padding: .36rem .72rem;
    font-size: .86rem;
    font-weight: 900;
    line-height: 1;
    box-shadow: var(--button-primary-shadow);
    transition: transform .16s ease, box-shadow .16s ease;
}
.topic-practice-btn:hover:not(:disabled)[b-xlins1bz2d] {
    transform: translateY(-1px);
    box-shadow: var(--button-primary-shadow-hover);
}
.topic-practice-btn:disabled[b-xlins1bz2d] {
    opacity: .55;
    cursor: not-allowed;
}

@media (max-width: 980px) {
    .exam-attempt-review-page.juicy-theme[b-xlins1bz2d] {
        width: calc(100vw - 1.25rem);
        grid-template-rows: auto auto minmax(0, auto) minmax(0, 1fr) auto;
        gap: .45rem;
    }
    .progress-stage[b-xlins1bz2d] { height: 164px; }
    .progress-toolbar[b-xlins1bz2d] { grid-template-columns: 1fr; align-items: stretch; }
    .review-stats[b-xlins1bz2d] { justify-content: flex-end; }
    .timeline-grid[b-xlins1bz2d] { grid-template-columns: repeat(10, minmax(0, 1fr)); }
    .node[b-xlins1bz2d] { min-height: 1.44rem; }
}

@media (max-width: 640px) {
    .exam-attempt-review-page.juicy-theme[b-xlins1bz2d] {
        padding: .5rem;
        grid-template-rows: auto auto minmax(0, auto) minmax(0, 1fr) auto;
        width: calc(100vw - .8rem);
        gap: .38rem;
    }
    .progress-stage[b-xlins1bz2d] {
        height: 218px;
        padding: .45rem .58rem;
        gap: .36rem;
    }
    .timeline-grid[b-xlins1bz2d] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .question-actions[b-xlins1bz2d],
    .review-page-actions[b-xlins1bz2d] { width: 100%; justify-content: stretch; }
    .mini-btn[b-xlins1bz2d] { flex: 1; }
    .review-context[b-xlins1bz2d] { padding: 0 .15rem; }
    .review-tabs[b-xlins1bz2d] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
    }
    .tab-btn[b-xlins1bz2d] { flex: 1; }
    .review-stats[b-xlins1bz2d] { justify-content: flex-start; }
    .topic-table[b-xlins1bz2d] { min-width: 440px; }
    .topic-practice-tabs[b-xlins1bz2d] { width: 100%; }
    .topic-practice-tab[b-xlins1bz2d] { flex: 1; min-width: 0; }
    .question-stage-shell[b-xlins1bz2d],
    .topic-strengthening-shell[b-xlins1bz2d] { padding: .55rem .62rem; }
}
/* /Pages/ExamAttemptsPanel.razor.rz.scp.css */
.attempts-content.light-theme[b-372sisubbz] {
    --page-text: #383548;
    --muted-text: #746f83;
    --accent: #8068cf;
    --accent-strong: #7c5fe8;
    --ink-soft: #4b4865;
    --chip-pass-bg: rgba(34, 197, 94, .16);
    --chip-pass-text: #15803d;
    --chip-fail-bg: rgba(239, 68, 68, .14);
    --chip-fail-text: #b91c1c;
    --action-bg: var(--button-primary-bg);
    --action-text: #fff;
}

.attempts-content[b-372sisubbz] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    height: auto;
}

.attempts-toolbar[b-372sisubbz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .4rem;
}

.attempts-toolbar h2[b-372sisubbz] {
    margin: 0;
    color: #4f3e74;
    font-size: 1.35rem;
    line-height: 1.2;
    font-weight: 900;
}

.active-attempt[b-372sisubbz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 1rem;
    border: 1px solid rgba(139, 115, 220, .35);
    border-radius: .55rem;
    padding: .55rem .65rem .55rem .75rem;
    background: rgba(139, 115, 220, .08);
}

.active-attempt-copy[b-372sisubbz] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
}

.active-attempt-copy > div[b-372sisubbz] {
    display: grid;
    gap: .08rem;
    min-width: 0;
}

.active-label[b-372sisubbz] {
    flex-shrink: 0;
    border-radius: 999px;
    padding: .18rem .45rem;
    color: #684fc2;
    background: rgba(139, 115, 220, .14);
    font-size: .68rem;
    font-weight: 900;
}

.active-attempt-copy strong[b-372sisubbz] {
    overflow: hidden;
    color: #3f3a63;
    font-size: .9rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.active-attempt-copy div span[b-372sisubbz],
.active-attempt-meta[b-372sisubbz] {
    color: #7a739e;
    font-size: .68rem;
}

.active-attempt-meta[b-372sisubbz] {
    display: flex;
    align-items: center;
    gap: .65rem;
    white-space: nowrap;
}

.resume-action[b-372sisubbz] {
    min-height: 2rem;
    border: 1px solid var(--button-primary-border);
    border-radius: var(--button-radius-pill);
    padding: .32rem .72rem;
    color: #fff;
    background: var(--button-primary-bg);
    font-size: .8rem;
    font-weight: 900;
    cursor: pointer;
}

.filter-toolbar[b-372sisubbz] {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 0;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none;
}

.filter-toolbar[b-372sisubbz]  .sort-toggle {
    min-height: 2.15rem;
    border-color: #cfc4df;
    border-radius: .45rem;
    background: rgba(255, 255, 255, .38);
    box-shadow: none;
}

.filter-toolbar[b-372sisubbz]  .sort-toggle:hover,
.filter-toolbar[b-372sisubbz]  .sort-toggle.active {
    border-color: #aa98cf;
    background: rgba(255, 255, 255, .62);
    box-shadow: none;
    transform: none;
}

.attempts-scroll-view[b-372sisubbz] {
    overflow: visible;
    border-top: 1px solid #d8d0e2;
    border-bottom: 1px solid #d8d0e2;
    background: transparent;
    box-shadow: none;
}

.attempts-grid[b-372sisubbz] {
    display: flex;
    flex-direction: column;
}

.attempt-card[b-372sisubbz] {
    display: grid;
    grid-template-columns: minmax(13rem, .74fr) minmax(8.5rem, auto) minmax(22rem, 1.28fr) auto;
    align-items: center;
    gap: 1rem;
    border: 0 !important;
    border-bottom: 1px solid #ddd6e5 !important;
    border-radius: 0 !important;
    padding: .62rem .15rem;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none;
}

.attempt-card:last-child[b-372sisubbz] {
    border-bottom: 0 !important;
}

.attempts-content[b-372sisubbz]  .pagination-nav {
    margin-top: 0;
    border-top-color: #d8d0e2;
    background: transparent;
    box-shadow: none;
}
.card-top[b-372sisubbz] {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.card-title-block[b-372sisubbz] {
    display: grid;
    gap: .04rem;
    min-width: 0;
}

.card-badges[b-372sisubbz] {
    display: flex;
    align-items: center;
    gap: .3rem;
    min-width: 0;
}

.card-completed-time[b-372sisubbz] {
    display: grid;
    justify-items: end;
    align-self: start;
    gap: .16rem;
    padding-top: .05rem;
    min-width: 0;
    text-align: right;
}

.card-completed-time span[b-372sisubbz] {
    color: var(--muted-text);
    font-size: .68rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.card-completed-time time[b-372sisubbz] {
    color: var(--ink-soft);
    font-size: .76rem;
    font-weight: 700;
    line-height: 1.1;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum";
}

.subject[b-372sisubbz] {
    margin: 0;
    color: var(--accent);
    font-weight: 700;
    font-size: .78rem;
    line-height: 1.15;
}

.card-top h2[b-372sisubbz] {
    margin: 0;
    color: var(--page-text);
    font-size: 1rem;
    line-height: 1.22;
}

.status-chip[b-372sisubbz] {
    border-radius: 999px;
    padding: .12rem .46rem;
    font-size: .68rem;
    font-weight: 800;
    white-space: nowrap;
    line-height: 1.25;
}

.status-chip.passed[b-372sisubbz] {
    color: var(--chip-pass-text);
    background: var(--chip-pass-bg);
}

.status-chip.failed[b-372sisubbz] {
    color: var(--chip-fail-text);
    background: var(--chip-fail-bg);
}

.status-chip.in-progress[b-372sisubbz] {
    color: #92400e;
    background: rgba(245, 158, 11, .2);
}

.meta[b-372sisubbz] {
    margin: 0;
    border-radius: 999px;
    padding: 0;
    color: var(--muted-text);
    background: transparent;
    font-size: .72rem;
    line-height: 1.2;
    white-space: nowrap;
}

.score-panel[b-372sisubbz] {
    --correct: 0%;
    display: grid;
    grid-template-columns: minmax(8.75rem, auto) minmax(12rem, 1fr);
    align-items: stretch;
    gap: 1rem;
    min-width: 0;
}

.score-summary[b-372sisubbz] {
    display: grid;
    align-content: center;
    gap: .24rem;
    min-width: 0;
}

.metric-label[b-372sisubbz],
.chart-header span[b-372sisubbz] {
    color: var(--muted-text);
    font-size: .72rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.score-value[b-372sisubbz] {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-width: 0;
}

.score-summary strong[b-372sisubbz] {
    color: var(--page-text);
    font-size: 1.12rem;
    font-weight: 900;
    line-height: 1.05;
    min-width: 2.8rem;
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum";
}

.score-summary.failed strong[b-372sisubbz] {
    color: #85342f;
}

.score-summary.passed strong[b-372sisubbz] {
    color: #166534;
}

.score-summary.in-progress strong[b-372sisubbz] {
    color: #7c4b12;
}

.correct-chart[b-372sisubbz] {
    display: grid;
    align-content: center;
    gap: .36rem;
    min-width: 0;
}

.chart-header[b-372sisubbz] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .75rem;
}

.chart-header strong[b-372sisubbz] {
    color: var(--ink-soft);
    font-size: .94rem;
    line-height: 1;
    white-space: nowrap;
}

.answer-bar[b-372sisubbz] {
    height: .26rem;
    overflow: hidden;
    border-radius: 999px;
    background: #e4dfeb;
}

.answer-bar span[b-372sisubbz] {
    display: block;
    width: var(--correct);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #7c5fe8, #45b8ac);
}

.card-footer[b-372sisubbz] {
    display: flex;
    justify-content: flex-end;
}

.attempt-action[b-372sisubbz] {
    border: 1px solid var(--button-primary-border);
    border-radius: var(--button-radius-pill);
    padding: .3rem .62rem;
    color: var(--action-text);
    background: var(--action-bg);
    box-shadow: none;
    font-weight: 700;
    font-size: .82rem;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease;
}

.attempt-action:hover[b-372sisubbz] {
    box-shadow: none;
}

@media (max-width: 760px) {
    .attempts-content[b-372sisubbz] {
        height: auto;
    }

    .attempts-scroll-view[b-372sisubbz] {
        overflow-y: visible;
        border: 0;
    }
}

@media (max-width: 900px) {
    .attempt-card[b-372sisubbz] {
        grid-template-columns: minmax(12rem, .78fr) minmax(8rem, auto) minmax(17rem, 1.12fr) auto;
        gap: .6rem;
    }
}

@media (max-width: 700px) {
    .active-attempt[b-372sisubbz] {
        grid-template-columns: 1fr;
        gap: .55rem;
    }

    .active-attempt-copy[b-372sisubbz] {
        align-items: flex-start;
        flex-direction: column;
        gap: .35rem;
    }

    .active-attempt-meta[b-372sisubbz] {
        flex-wrap: wrap;
    }

    .resume-action[b-372sisubbz] {
        width: 100%;
    }

    .attempts-toolbar[b-372sisubbz] {
        align-items: stretch;
        flex-direction: column;
        gap: .55rem;
    }

    .filter-toolbar[b-372sisubbz] {
        align-items: stretch;
        justify-content: flex-start;
    }

    .attempt-card[b-372sisubbz] {
        grid-template-columns: 1fr;
        gap: .5rem;
        padding: .65rem .2rem;
    }

    .card-top[b-372sisubbz] {
        gap: .3rem;
    }

    .card-completed-time[b-372sisubbz] {
        justify-items: start;
        text-align: left;
    }

    .card-badges[b-372sisubbz] {
        align-items: flex-start;
        text-align: left;
    }

    .score-panel[b-372sisubbz] {
        grid-template-columns: 1fr;
        gap: .6rem;
    }

    .score-summary[b-372sisubbz],
    .correct-chart[b-372sisubbz] {
        align-content: start;
    }

    .card-footer[b-372sisubbz] {
        justify-content: stretch;
    }

    .attempt-action[b-372sisubbz] {
        width: 100%;
    }
}
/* /Pages/ExamsPage.razor.rz.scp.css */
.exams-page[b-k8xrd0kw58] {
    min-height: 100vh;
    padding-bottom: 1.25rem;
}

.exam-workspace[b-k8xrd0kw58] {
    display: grid;
    gap: .55rem;
    margin-top: .8rem;
}

.exam-tabs[b-k8xrd0kw58] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    justify-self: start;
    gap: 1.4rem;
    border-bottom: 1px solid #e5ddf1;
    padding: 0 .15rem;
}

.exam-tab[b-k8xrd0kw58] {
    min-width: 6.5rem;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    padding: .48rem .25rem .55rem;
    color: #746b91;
    background: transparent;
    font-weight: 850;
    cursor: pointer;
    transition: color 120ms ease, border-color 120ms ease;
}

.exam-tab:hover[b-k8xrd0kw58] {
    color: #5f4fb8;
}

.resume-banner[b-k8xrd0kw58] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 1rem;
    margin-top: .85rem;
    border: 1px solid #e3b86a;
    border-left: 5px solid #d58a1f;
    border-radius: .75rem;
    padding: .7rem .8rem;
    background: linear-gradient(90deg, rgba(255, 238, 202, .86), rgba(255, 255, 255, .56));
}

.resume-banner-main[b-k8xrd0kw58] {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-width: 0;
}

.resume-banner-main > div[b-k8xrd0kw58] {
    display: grid;
    gap: .06rem;
    min-width: 0;
}

.resume-status[b-k8xrd0kw58] {
    flex-shrink: 0;
    border-radius: 999px;
    padding: .24rem .52rem;
    color: #fff;
    background: #c97916;
    font-size: .76rem;
    font-weight: 900;
}

.resume-banner-main p[b-k8xrd0kw58],
.resume-banner-main h2[b-k8xrd0kw58] {
    margin: 0;
}

.resume-banner-main p[b-k8xrd0kw58] {
    color: #9a5a0d;
    font-size: .8rem;
    font-weight: 900;
}

.resume-banner-main h2[b-k8xrd0kw58] {
    overflow: hidden;
    color: #3f352b;
    font-size: 1.05rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.resume-banner-main div > span[b-k8xrd0kw58] {
    color: #75695d;
    font-size: .76rem;
}

.resume-timer[b-k8xrd0kw58] {
    display: grid;
    justify-items: end;
    gap: .05rem;
    min-width: 5rem;
}

.resume-timer span[b-k8xrd0kw58] {
    color: #75695d;
    font-size: .75rem;
    font-weight: 800;
}

.resume-timer strong[b-k8xrd0kw58] {
    color: #9a5a0d;
    font-size: 1.2rem;
    font-variant-numeric: tabular-nums;
}

.resume-timer.urgent strong[b-k8xrd0kw58] {
    color: #c2415a;
}

.resume-button[b-k8xrd0kw58] {
    min-height: 2.2rem;
    border: 1px solid #9a5a0d;
    border-radius: var(--button-radius-pill);
    padding: .38rem .85rem;
    color: #fff;
    background: #9a5a0d;
    font-size: .88rem;
    font-weight: 900;
    cursor: pointer;
}

.exam-tab.active[b-k8xrd0kw58] {
    border-bottom-color: #8d72e8;
    color: #684fc2;
    background: transparent;
}

.exam-tab-content[b-k8xrd0kw58] {
    min-height: 17rem;
}

.attempts-section[b-k8xrd0kw58] {
    display: grid;
    margin-top: 1.05rem;
    scroll-margin-top: 5rem;
}

.attempts-section[b-k8xrd0kw58]  > .attempts-content {
    height: auto;
}

.exam-tab-content[b-k8xrd0kw58]  > *:first-child {
    min-height: 17rem;
}

@media (max-width: 760px) {
    .exams-page[b-k8xrd0kw58] {
        height: auto;
        min-height: 100vh;
        overflow: visible;
    }

    .exam-tab-content[b-k8xrd0kw58],
    .exam-tab-content[b-k8xrd0kw58]  > *:first-child {
        min-height: 0;
    }

    .resume-banner[b-k8xrd0kw58] {
        grid-template-columns: 1fr;
    }

    .resume-timer[b-k8xrd0kw58] {
        justify-items: start;
    }

    .resume-button[b-k8xrd0kw58] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .exam-tabs[b-k8xrd0kw58] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
    }

    .exam-tab[b-k8xrd0kw58] {
        min-width: 0;
    }
}
/* /Pages/ExamTemplatesPanel.razor.rz.scp.css */
.templates-content[b-cuvqjl2uoq] {
    display: grid;
    grid-template-rows: auto auto;
    gap: .55rem;
    height: 100%;
}

.selection-panel[b-cuvqjl2uoq],
.exam-detail-card[b-cuvqjl2uoq],
.state-card[b-cuvqjl2uoq] {
    border: 1px solid #d6c8ea;
    border-radius: .72rem;
    background: rgba(255, 255, 255, .38);
    box-sizing: border-box;
}

.selection-panel[b-cuvqjl2uoq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
    align-items: end;
    padding: .62rem .85rem;
}

.selection-field[b-cuvqjl2uoq] {
    display: grid;
    gap: .42rem;
    color: #5f5683;
    font-weight: 800;
}

.selection-field span[b-cuvqjl2uoq] {
    color: #5f5683;
    font-size: .94rem;
    font-weight: 900;
}

.selection-field select[b-cuvqjl2uoq] {
    min-height: 2.45rem;
    width: 100%;
    border: 1px solid #cbb9e7;
    border-radius: .65rem;
    padding: .38rem .68rem;
    color: #3f3a63;
    background-color: rgba(255, 255, 255, .72);
    font-size: .96rem;
    transition: border-color 120ms ease, box-shadow 120ms ease;
}

.selection-field select:focus[b-cuvqjl2uoq] {
    outline: none;
    border-color: #9b84ef;
    box-shadow: var(--ring-focus);
}

.exam-detail-card[b-cuvqjl2uoq] {
    display: grid;
    grid-template-rows: auto auto auto;
    gap: .55rem;
    padding: .68rem .85rem;
}

.detail-heading[b-cuvqjl2uoq] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.detail-heading h2[b-cuvqjl2uoq] {
    margin: 0;
    color: #4f3e74;
    font-size: 1.05rem;
    line-height: 1.2;
    font-weight: 900;
}

.detail-heading p[b-cuvqjl2uoq] {
    margin: .15rem 0 0;
    color: #7a739e;
    font-size: .9rem;
    line-height: 1.35;
}

.panel-index[b-cuvqjl2uoq] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: .7rem;
    color: #fff;
    background: var(--button-primary-bg);
    font-size: .82rem;
    font-weight: 900;
    flex: 0 0 auto;
}

.exam-metrics[b-cuvqjl2uoq] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .55rem;
    margin: 0;
}

.exam-metrics div[b-cuvqjl2uoq] {
    min-width: 0;
    border: 1px solid #d9cdea;
    border-radius: .72rem;
    padding: .5rem .6rem;
    background: rgba(255, 255, 255, .5);
}

.exam-metrics dt[b-cuvqjl2uoq] {
    margin-bottom: .2rem;
    color: #8b82a8;
    font-size: .84rem;
    font-weight: 800;
}

.exam-metrics dd[b-cuvqjl2uoq] {
    margin: 0;
    overflow-wrap: anywhere;
    color: #3f3a63;
    font-weight: 900;
    line-height: 1.35;
}

.exam-actions[b-cuvqjl2uoq] {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: .7rem;
    border-top: 1px solid #eee6fb;
    padding-top: .55rem;
}

.exam-actions p[b-cuvqjl2uoq] {
    margin: 0;
    color: #7a739e;
    font-size: .9rem;
    line-height: 1.35;
}

.action-buttons[b-cuvqjl2uoq] {
    display: flex;
    gap: .7rem;
    flex-shrink: 0;
}

.clone-button[b-cuvqjl2uoq],
.primary-button[b-cuvqjl2uoq] {
    min-height: 2.45rem;
    min-width: 8.5rem;
    border-radius: var(--button-radius);
    padding: .48rem .9rem;
    font-size: .92rem;
    font-weight: 900;
    cursor: pointer;
    transition: box-shadow 120ms ease, transform 120ms ease;
}

.clone-button[b-cuvqjl2uoq] {
    border: 1px solid var(--button-soft-border);
    color: var(--button-soft-text-strong);
    background: var(--button-soft-bg);
}

.primary-button[b-cuvqjl2uoq] {
    border: 1px solid var(--button-primary-border);
    color: #fff;
    background: var(--button-primary-bg);
    box-shadow: var(--button-primary-shadow);
}

.clone-button:hover[b-cuvqjl2uoq],
.primary-button:hover[b-cuvqjl2uoq] {
    transform: translateY(-1px);
}

.primary-button:hover[b-cuvqjl2uoq] {
    box-shadow: var(--button-primary-shadow-hover);
}

.state-card[b-cuvqjl2uoq] {
    height: 100%;
    padding: 1.2rem;
    color: #7a739e;
    text-align: center;
}

@media (max-width: 850px) {
    .exam-metrics[b-cuvqjl2uoq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 760px) {
    .templates-content[b-cuvqjl2uoq] {
        height: auto;
    }

    .selection-panel[b-cuvqjl2uoq] {
        grid-template-columns: 1fr;
    }

    .action-buttons[b-cuvqjl2uoq] {
        display: grid;
    }

    .clone-button[b-cuvqjl2uoq],
    .primary-button[b-cuvqjl2uoq] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .exam-metrics[b-cuvqjl2uoq] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/ExplorePage.razor.rz.scp.css */
.explore-page[b-xtf0ar65ym] {
    min-height: 100vh;
    overflow: hidden;
}

.explore-content[b-xtf0ar65ym] {
    position: relative;
    z-index: 1;
    width: min(100%, 1160px);
    margin: 0 auto;
    padding: clamp(2rem, 5vw, 4.25rem) 1rem 2rem;
}

.explore-content[b-xtf0ar65ym]::before {
    content: none;
}

.explore-content h1[b-xtf0ar65ym] {
    max-width: 46rem;
    margin: 0 auto clamp(2rem, 4.4vw, 3.5rem);
    color: #241a4d;
    font-size: clamp(1.75rem, 3.1vw, 3rem);
    font-weight: 900;
    line-height: 1.12;
    text-align: center;
    letter-spacing: 0;
    text-wrap: balance;
}

.explore-content h1[b-xtf0ar65ym]::before {
    content: "";
    display: block;
    width: 4.5rem;
    height: .24rem;
    margin: 0 auto 1rem;
    border-radius: 999px;
    background: linear-gradient(90deg, #9b84ef, #a9e0ff);
    box-shadow: 0 8px 18px rgb(127 105 217 / 18%);
}

.explore-card-grid[b-xtf0ar65ym] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: clamp(1rem, 2vw, 1.35rem);
}

[b-xtf0ar65ym] .explore-filter-toolbar {
    width: min(100%, 42rem);
    margin: 0 auto clamp(1.2rem, 2.6vw, 1.8rem);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

[b-xtf0ar65ym] .explore-filter-toolbar .subject-filter {
    font-weight: 800;
}

.explore-card[b-xtf0ar65ym] {
    min-height: 18rem;
    padding: clamp(.82rem, 1.7vw, 1rem);
    border-radius: .72rem;
    border: 1px solid #d6c8ea;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: .85rem;
    overflow: hidden;
    position: relative;
    isolation: isolate;
    color: #3f3a63;
    background: rgba(255, 255, 255, .38);
    box-shadow: none;
}

.explore-card[b-xtf0ar65ym]::before,
.explore-card[b-xtf0ar65ym]::after {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: -1;
}

.explore-card[b-xtf0ar65ym]::before {
    content: none;
}

.explore-card[b-xtf0ar65ym]::after {
    content: none;
}

.explore-card:nth-child(1)[b-xtf0ar65ym]::before {
    content: none;
}

.explore-card:nth-child(2)[b-xtf0ar65ym]::before {
    content: none;
}

.explore-card-copy[b-xtf0ar65ym] {
    min-height: 0;
    position: relative;
    z-index: 1;
}

.explore-card-kicker[b-xtf0ar65ym],
.explore-card-muted[b-xtf0ar65ym] {
    margin: 0;
    color: #7a739e;
    font-size: .88rem;
    font-weight: 800;
    line-height: 1.45;
}

.explore-card-kicker[b-xtf0ar65ym] {
    display: inline-flex;
    align-items: center;
    min-height: 1.75rem;
    margin-bottom: .55rem;
    padding: .2rem .48rem;
    border: 1px solid #d9cdea;
    border-radius: 999px;
    color: #8068cf;
    background: rgba(255, 255, 255, .5);
    box-shadow: none;
}

.explore-card-muted[b-xtf0ar65ym] {
    color: #8b82a8;
}

.explore-card h2[b-xtf0ar65ym] {
    margin: .55rem 0 0;
    color: #383548;
    font-size: clamp(1.02rem, 1.35vw, 1.12rem);
    font-weight: 850;
    line-height: 1.45;
    letter-spacing: 0;
    text-wrap: balance;
}

.explore-topic-meta[b-xtf0ar65ym] {
    margin: .72rem 0 0;
    color: #7a739e;
    font-size: .86rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
}

.explore-topic-meta span[b-xtf0ar65ym] {
    display: inline-flex;
    align-items: center;
    min-height: 1.75rem;
    padding: .2rem .48rem;
    border: 1px solid #d9cdea;
    border-radius: 999px;
    background: rgba(255, 255, 255, .5);
}

.topic-practiced[b-xtf0ar65ym] {
    color: #2563eb;
}

.topic-correct-perfect[b-xtf0ar65ym] {
    color: #16a34a;
}

.explore-action[b-xtf0ar65ym] {
    width: 100%;
    min-height: 2.45rem;
    border: 1px solid var(--button-primary-border);
    border-radius: var(--button-radius);
    color: #fff;
    font-size: .92rem;
    font-weight: 900;
    letter-spacing: 0;
    cursor: pointer;
    position: relative;
    z-index: 1;
    box-shadow: var(--button-primary-shadow);
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.explore-action.blue[b-xtf0ar65ym] {
    background: var(--button-primary-bg);
    border-color: var(--button-primary-border);
}

.explore-action.green[b-xtf0ar65ym] {
    background: var(--button-success-bg);
    border-color: var(--button-success-border);
}

.explore-action.purple[b-xtf0ar65ym] {
    background: var(--button-primary-bg);
    border-color: var(--button-primary-border);
}

.explore-action:not(:disabled):hover[b-xtf0ar65ym],
.explore-action:not(:disabled):focus-visible[b-xtf0ar65ym] {
    box-shadow: var(--button-primary-shadow-hover);
}

.explore-action:focus-visible[b-xtf0ar65ym] {
    outline: none;
    box-shadow: var(--ring-focus), 0 18px 32px rgb(127 105 217 / 22%);
}

.explore-action:disabled[b-xtf0ar65ym] {
    opacity: .55;
    cursor: not-allowed;
}

.explore-status[b-xtf0ar65ym] {
    width: min(100%, 26rem);
    margin: 4rem auto 0;
    padding: 1rem 1.2rem;
    border: 1px solid #d6c8ea;
    border-radius: .72rem;
    background: rgba(255, 255, 255, .38);
    color: #7a739e;
    text-align: center;
    box-shadow: none;
}

@media (max-width: 920px) {
    .explore-card-grid[b-xtf0ar65ym] {
        grid-template-columns: 1fr;
    }

    .explore-card[b-xtf0ar65ym] {
        min-height: 13.5rem;
    }
}

@media (max-width: 640px) {
    .explore-content[b-xtf0ar65ym] {
        padding-top: 1.55rem;
    }

    .explore-content h1[b-xtf0ar65ym] {
        margin-bottom: 1.45rem;
        font-size: clamp(1.55rem, 8vw, 2.2rem);
    }

    .explore-card[b-xtf0ar65ym] {
        min-height: 13rem;
        border-radius: .72rem;
    }

    [b-xtf0ar65ym] .explore-filter-toolbar {
        grid-template-columns: 1fr;
    }

    .explore-action[b-xtf0ar65ym] {
        min-height: 2.45rem;
    }
}
/* /Pages/HomePage.razor.rz.scp.css */
.page-container[b-sbek8ophg0] {
    width: min(1400px, calc(100% - 2rem));
    margin: 0 auto;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.home-page[b-sbek8ophg0] {
    min-height: 100vh;
    padding: clamp(1rem, 2.4vw, 2rem) 0;
    background:
        radial-gradient(circle at 7% 14%, rgb(255 219 246 / 38%) 0 16%, transparent 30%),
        radial-gradient(circle at 90% 11%, rgb(232 221 255 / 44%) 0 17%, transparent 33%),
        radial-gradient(circle at 72% 82%, rgb(169 224 255 / 24%) 0 18%, transparent 34%),
        linear-gradient(135deg, #fff9fd 0%, #f7f3ff 48%, #f2f6ff 100%);
    overflow: hidden;
}

.home-content[b-sbek8ophg0] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: clamp(1rem, 2vw, 1.5rem);
}

.hero-board[b-sbek8ophg0] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(640px, 1.08fr) minmax(500px, .92fr);
    align-items: center;
    gap: clamp(1.75rem, 4vw, 4rem);
    min-height: min(720px, calc(100vh - 10rem));
    padding: clamp(1.5rem, 4.2vw, 4rem) clamp(.25rem, 2vw, 1.25rem) clamp(.75rem, 2vw, 1.5rem);
}

.hero-board[b-sbek8ophg0]::before,
.hero-board[b-sbek8ophg0]::after {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: 0;
    border-radius: 999px;
}

.hero-board[b-sbek8ophg0]::before {
    inset: 8% auto auto 25%;
    width: min(58vw, 42rem);
    height: min(58vw, 42rem);
    background: radial-gradient(circle, rgb(255 255 255 / 60%) 0 40%, transparent 68%);
    filter: blur(3px);
}

.hero-board[b-sbek8ophg0]::after {
    right: -8%;
    bottom: 2%;
    width: 24rem;
    height: 24rem;
    background: radial-gradient(circle, rgb(155 132 239 / 12%), transparent 66%);
}

.hero-copy[b-sbek8ophg0] {
    position: relative;
    z-index: 2;
}

.eyebrow[b-sbek8ophg0] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: .8rem;
    margin: 0 0 1.05rem;
    color: #6f58d8;
    font-size: clamp(.92rem, 1.1vw, 1.08rem);
    font-weight: 800;
    letter-spacing: .03em;
}

.eyebrow[b-sbek8ophg0]::after {
    content: "";
    width: clamp(3.5rem, 8vw, 7.5rem);
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgb(155 132 239 / 72%), rgb(169 224 255 / 0%));
}

.home-title-block[b-sbek8ophg0] {
    text-align: left;
}

.home-title-block h1[b-sbek8ophg0] {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: .45rem;
    line-height: 1.02;
}

.title-platform[b-sbek8ophg0] {
    display: inline-block;
    color: #241a4d;
    font-weight: 900;
}


.title-platform[b-sbek8ophg0] {
    font-size: clamp(2.35rem, 3.05vw, 3.65rem);
    letter-spacing: 0;
    white-space: nowrap;
}

.hero-lead[b-sbek8ophg0] {
    max-width: 42rem;
    margin: 1.35rem 0 0;
    color: #5d5290;
    font-size: clamp(1.02rem, 1.5vw, 1.2rem);
    font-weight: 650;
    line-height: 1.85;
}

.hero-actions[b-sbek8ophg0] {
    display: flex;
    flex-wrap: wrap;
    gap: .85rem;
    margin-top: 1.35rem;
}

.primary-action[b-sbek8ophg0],
.secondary-action[b-sbek8ophg0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3.05rem;
    padding: .82rem 1.35rem;
    border-radius: var(--button-radius-pill);
    font-weight: 800;
    text-decoration: none;
    transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.primary-action[b-sbek8ophg0] {
    color: #fff;
    border: 1px solid var(--button-primary-border);
    background: var(--button-primary-bg);
    box-shadow: var(--button-primary-shadow);
}

.secondary-action[b-sbek8ophg0] {
    color: var(--button-soft-text);
    border: 1px solid var(--button-soft-border);
    background: var(--button-soft-bg);
    box-shadow: 0 8px 16px rgb(127 105 217 / 10%);
}

.primary-action:hover[b-sbek8ophg0],
.secondary-action:hover[b-sbek8ophg0] {
    transform: translateY(-2px);
    box-shadow: var(--button-primary-shadow-hover);
}

.learning-highlights[b-sbek8ophg0] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
    margin-top: 1.55rem;
    max-width: 46rem;
}

.highlight-item[b-sbek8ophg0] {
    position: relative;
    min-height: 5.4rem;
    padding: .15rem .9rem .15rem 1rem;
    border-left: 3px solid rgb(155 132 239 / 52%);
}

.highlight-item strong[b-sbek8ophg0],
.highlight-item span[b-sbek8ophg0] {
    display: block;
}

.highlight-item strong[b-sbek8ophg0] {
    color: #2f2660;
    font-size: 1rem;
    font-weight: 850;
}

.highlight-item span[b-sbek8ophg0] {
    margin-top: .25rem;
    color: #766ca0;
    font-size: .9rem;
    font-weight: 650;
    line-height: 1.55;
}

.repository-map[b-sbek8ophg0] {
    position: relative;
    z-index: 1;
    min-height: 560px;
    border-radius: 1.65rem;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgb(255 255 255 / 0%) 0 8%, rgb(255 255 255 / 32%) 8% 8.4%, rgb(255 255 255 / 0%) 8.4% 16.5%),
        radial-gradient(circle at 50% 50%, rgb(155 132 239 / 14%) 0 18%, transparent 19%),
        radial-gradient(circle at 50% 50%, transparent 0 44%, rgb(199 176 255 / 18%) 45% 46%, transparent 47%),
        radial-gradient(circle at 50% 50%, transparent 0 60%, rgb(169 224 255 / 18%) 61% 62%, transparent 63%);
}

.map-grid[b-sbek8ophg0] {
    position: absolute;
    inset: 7% 5%;
    border-radius: 1.4rem;
    background-image:
        linear-gradient(rgb(91 61 196 / 10%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(91 61 196 / 10%) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: radial-gradient(circle at center, black 0 52%, transparent 78%);
}

.map-lines[b-sbek8ophg0] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.map-lines line[b-sbek8ophg0] {
    stroke: rgb(91 61 196 / 34%);
    stroke-width: 3;
    stroke-linecap: round;
    stroke-dasharray: 7 9;
}

.map-orbit[b-sbek8ophg0] {
    position: absolute;
    inset: 50%;
    border-radius: 999px;
    border: 1px solid rgb(155 132 239 / 20%);
    transform: translate(-50%, -50%);
}

.map-orbit-inner[b-sbek8ophg0] {
    width: 310px;
    height: 310px;
}

.map-orbit-outer[b-sbek8ophg0] {
    width: 500px;
    height: 500px;
    border-color: rgb(199 176 255 / 30%);
}

.map-node[b-sbek8ophg0] {
    position: absolute;
    z-index: 2;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .12rem;
    width: 7.4rem;
    min-height: 7.4rem;
    padding: .75rem;
    border-radius: 999px;
    text-align: center;
    text-decoration: none;
    color: #241a4d;
    background: rgb(255 255 255 / 76%);
    border: 1px solid rgb(223 211 255 / 70%);
    box-shadow: 0 15px 26px rgb(91 61 196 / 11%);
    transform: translate(-50%, -50%);
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
    backdrop-filter: blur(5px);
}

a.map-node:hover[b-sbek8ophg0] {
    transform: translate(-50%, calc(-50% - 4px));
    box-shadow: 0 22px 38px rgb(91 61 196 / 18%);
}

.map-node span[b-sbek8ophg0] {
    color: #7d5ce8;
    font-size: .88rem;
    line-height: 1;
    font-weight: 850;
}

.map-node strong[b-sbek8ophg0] {
    font-size: .95rem;
    font-weight: 850;
}

.map-node small[b-sbek8ophg0] {
    color: #7e73aa;
    font-weight: 650;
}

.hub-node[b-sbek8ophg0] {
    left: 50%;
    top: 50%;
    width: 9.3rem;
    min-height: 9.3rem;
    color: #fff;
    background: radial-gradient(circle at 35% 25%, #ad99ff, #514284 78%);
    border: 7px solid rgb(255 255 255 / 82%);
    box-shadow: 0 22px 38px rgb(91 61 196 / 24%);
}

.hub-node .hub-code[b-sbek8ophg0] {
    color: #fff;
    font-size: 1.35rem;
    letter-spacing: 0;
}

.hub-node small[b-sbek8ophg0] {
    color: rgb(255 255 255 / 74%);
}

.node-primary[b-sbek8ophg0] {
    width: 7.7rem;
    min-height: 7.7rem;
}

.node-papers[b-sbek8ophg0] { left: 20%; top: 22%; }
.node-topics[b-sbek8ophg0] { left: 80%; top: 22%; }
.node-practices[b-sbek8ophg0] { left: 18%; top: 76%; }
.node-wrong[b-sbek8ophg0] { left: 82%; top: 76%; }
.node-explore[b-sbek8ophg0] { left: 50%; top: 88%; }
.node-events[b-sbek8ophg0] { left: 50%; top: 12%; }

.node-secondary[b-sbek8ophg0] {
    width: 6.5rem;
    min-height: 6.5rem;
    color: #5e548f;
    background: rgb(255 255 255 / 58%);
    box-shadow: 0 12px 22px rgb(91 61 196 / 9%);
}

.module-rail[b-sbek8ophg0] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .7rem;
    padding: 0 clamp(.25rem, 2vw, 1.25rem);
}

.module-link[b-sbek8ophg0] {
    min-height: 7rem;
    padding: 1rem;
    border: 1px solid rgb(223 211 255 / 70%);
    border-radius: .8rem;
    background:
        linear-gradient(180deg, rgb(255 255 255 / 72%), rgb(255 255 255 / 44%));
    color: #2f2660;
    text-decoration: none;
    box-shadow: 0 12px 22px rgb(91 61 196 / 8%);
    backdrop-filter: blur(6px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform .2s ease, box-shadow .2s ease;
}

.module-link:hover[b-sbek8ophg0] {
    transform: translateY(-3px);
    box-shadow: 0 18px 34px rgb(91 61 196 / 14%);
}

.module-index[b-sbek8ophg0] {
    color: #7d5ce8;
    font-size: .78rem;
    font-weight: 850;
}

.module-link strong[b-sbek8ophg0] {
    font-size: 1rem;
    font-weight: 850;
}

.module-link small[b-sbek8ophg0] {
    color: #766ca0;
    font-size: .86rem;
    font-weight: 650;
    line-height: 1.35;
}

.copyright[b-sbek8ophg0] {
    position: relative;
    z-index: 1;
    margin-top: auto;
    text-align: center;
    font-size: .9rem;
    font-weight: 800;
    color: #5e548f;
    padding-bottom: .5rem;
}

@media (max-width: 1180px) {
    .hero-board[b-sbek8ophg0] {
        grid-template-columns: 1fr;
        min-height: auto;
        padding-block: 2rem 1rem;
    }

    .repository-map[b-sbek8ophg0] {
        min-height: 500px;
    }

    .module-rail[b-sbek8ophg0] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .learning-highlights[b-sbek8ophg0],
    .module-rail[b-sbek8ophg0] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .page-container[b-sbek8ophg0] {
        width: min(100% - 1rem, 1400px);
    }

    .hero-board[b-sbek8ophg0] {
        gap: 1.5rem;
        padding: 1rem .35rem 1.35rem;
    }

    .eyebrow[b-sbek8ophg0] {
        font-size: .86rem;
        letter-spacing: .05em;
    }

    .eyebrow[b-sbek8ophg0]::after {
        width: 3rem;
    }
    
    .title-platform[b-sbek8ophg0] {
        font-size: clamp(1.95rem, 9vw, 2.55rem);
        white-space: normal;
    }

    .hero-lead[b-sbek8ophg0] {
        font-size: 1rem;
    }

    .hero-actions[b-sbek8ophg0] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .repository-map[b-sbek8ophg0] {
        min-height: 390px;
        transform: scale(.86);
        transform-origin: center;
        margin: -1.6rem 0;
        overflow: visible;
    }

    .map-orbit-outer[b-sbek8ophg0] {
        width: 380px;
        height: 380px;
    }

    .map-orbit-inner[b-sbek8ophg0] {
        width: 230px;
        height: 230px;
    }

    .map-node[b-sbek8ophg0] {
        width: 5.8rem;
        min-height: 5.8rem;
        padding: .55rem;
    }

    .map-node strong[b-sbek8ophg0] {
        font-size: .82rem;
    }

    .map-node small[b-sbek8ophg0] {
        font-size: .7rem;
    }

    .node-primary[b-sbek8ophg0] {
        width: 6rem;
        min-height: 6rem;
    }

    .node-secondary[b-sbek8ophg0] {
        width: 5.35rem;
        min-height: 5.35rem;
    }

    .hub-node[b-sbek8ophg0] {
        width: 7.4rem;
        min-height: 7.4rem;
    }

    .hub-node .hub-code[b-sbek8ophg0] {
        font-size: 1.45rem;
    }

    .module-link[b-sbek8ophg0] {
        min-height: 5.5rem;
    }
}
/* /Pages/PracticeSessionPage.razor.rz.scp.css */
.practice-session-page[b-zn1oqn1z52] {
    min-height: 100vh;
    padding: 0 0 .5rem;
}

.practice-session-content[b-zn1oqn1z52] {
    margin: 0 auto;
    max-width: 1040px;
    width: 100%;
    padding: 12px 16px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.practice-card[b-zn1oqn1z52] {
    width: min(100%, 640px);
    border-radius: 1rem;
    padding: 1.25rem;
    border: 1px solid var(--surface-border);
}

.practice-mode-banner[b-zn1oqn1z52] {
    margin: 0 0 1rem;
    padding: .95rem 1rem;
    border: 1px solid #e5edf8;
    border-radius: .85rem;
    background: linear-gradient(135deg, rgba(138, 52, 224, .1) 0%, rgba(49, 100, 238, .08) 100%);
}

.practice-mode-title[b-zn1oqn1z52] {
    margin: 0;
    color: #15396b;
    font-size: 1.35rem;
    line-height: 1.25;
}

.practice-card-header[b-zn1oqn1z52] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    justify-content: space-between;
}

.question-id[b-zn1oqn1z52] {
    margin: 0;
    color: #64748b;
    font-size: .82rem;
    font-weight: 700;
}

.question-id a[b-zn1oqn1z52] {
    color: inherit;
    text-decoration: none;
}

.question-id a:hover[b-zn1oqn1z52] {
    text-decoration: underline;
}

.question-id a:focus-visible[b-zn1oqn1z52] {
    border-radius: .2rem;
    outline: 2px solid #8068cf;
    outline-offset: 2px;
}

.remaining-count[b-zn1oqn1z52] {
    margin: 0;
    color: #475569;
    font-size: .82rem;
    font-weight: 700;
    white-space: nowrap;
}

.question-stem[b-zn1oqn1z52] {
    margin: .65rem 0 1rem;
    color: #304d75;
    font-size: 1.1rem;
    line-height: 1.6;
}

.options-list[b-zn1oqn1z52] {
    border: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .7rem;
}

.option-item[b-zn1oqn1z52] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    border: 1px solid #d9e2f1;
    border-radius: .6rem;
    padding: .8rem .9rem;
    color: #36537a;
}

.option-content[b-zn1oqn1z52] {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.option-item.correct[b-zn1oqn1z52] {
    border-color: #4cb879;
    background: #ecfdf3;
}

.option-item.wrong[b-zn1oqn1z52] {
    border-color: #e47070;
    background: #fff1f1;
}

.result-text[b-zn1oqn1z52] {
    margin: 1rem 0 .6rem;
    font-weight: 700;
}

.result-text.ok[b-zn1oqn1z52] {
    color: #1f8f4f;
}

.result-text.bad[b-zn1oqn1z52] {
    color: #c34141;
}

.practice-actions[b-zn1oqn1z52] {
    width: min(100%, 22rem);
    margin: 1rem auto 0;
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.primary-btn[b-zn1oqn1z52] {
    width: min(100%, 22rem);
    margin: 0 auto;
    display: block;
    border: none;
    border-radius: .65rem;
    padding: .7rem 1rem;
    background: linear-gradient(135deg, #8a34e0 0%, #9733ee 100%);
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
}

.secondary-btn[b-zn1oqn1z52] {
    width: min(100%, 22rem);
    margin: 0 auto;
    display: block;
    border: 1px solid #cbd5e1;
    border-radius: .65rem;
    padding: .7rem 1rem;
    background: #fff;
    color: #475569;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
}

.stop-practice-btn[b-zn1oqn1z52] {
    margin: 1rem auto 0;
    display: block;
    border: none;
    background: transparent;
    color: #64748b;
    font-size: .95rem;
    font-weight: 700;
    cursor: pointer;
}

.stop-practice-btn:hover[b-zn1oqn1z52] {
    color: #334155;
    text-decoration: underline;
}

.primary-btn:disabled[b-zn1oqn1z52],
.secondary-btn:disabled[b-zn1oqn1z52] {
    opacity: .55;
    cursor: not-allowed;
}

.status-text[b-zn1oqn1z52] {
    color: #64748b;
}

.completion-card[b-zn1oqn1z52] {
    text-align: center;
    padding: 2rem 1.25rem;
}

.completion-icon[b-zn1oqn1z52] {
    margin: 0;
    font-size: 2rem;
}

.completion-title[b-zn1oqn1z52] {
    margin: .75rem 0;
    color: #15396b;
}

.completion-meta[b-zn1oqn1z52] {
    margin: .15rem 0;
    color: #64748b;
}

.completion-btn[b-zn1oqn1z52] {
    margin-top: 1.8rem;
}

.back-link[b-zn1oqn1z52] {
    display: inline-block;
    margin-top: 1rem;
    color: #64748b;
    text-decoration: none;
}

.back-link:hover[b-zn1oqn1z52] {
    text-decoration: underline;
}
/* /Pages/PracticesPage.razor.rz.scp.css */
.practices-page[b-tcq6tgvana] {
    height: 100vh;
    padding: 0 0 .5rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.practices-page .page-container[b-tcq6tgvana] {
    width: min(1400px, calc(100% - 2rem));
}

.practices-content[b-tcq6tgvana] {
    width: 100%;
    margin: 0 auto;
    padding: 12px 0 0;
    display: flex;
    flex-direction: column;
    gap: .7rem;
    flex: 1;
    min-height: 0;
}

.practices-content[b-tcq6tgvana]  .filter-toolbar.has-leading.has-sort {
    grid-template-columns:
        minmax(17rem, 1fr)
        minmax(12rem, .575fr)
        minmax(12rem, .575fr)
        minmax(18.5rem, auto);
}

.practices-content[b-tcq6tgvana]  .filter-toolbar.has-leading.has-sort .subject-filter,
.practices-content[b-tcq6tgvana]  .filter-toolbar.has-leading.has-sort .sort-toggle {
    white-space: nowrap;
}

@media (max-width: 1120px) {
    .practices-content[b-tcq6tgvana]  .filter-toolbar.has-leading.has-sort {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .practices-content[b-tcq6tgvana]  .filter-toolbar.has-leading.has-sort .leading-content,
    .practices-content[b-tcq6tgvana]  .filter-toolbar.has-leading.has-sort .sort-controls {
        grid-column: 1 / -1;
    }

    .practices-content[b-tcq6tgvana]  .filter-toolbar.has-leading.has-sort .sort-controls {
        justify-content: flex-start;
    }
}

.practices-content h1[b-tcq6tgvana] {
    margin: 0 0 14px;
    color: #25629a;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.2;
}

.practices-table[b-tcq6tgvana] {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
}

.practices-header[b-tcq6tgvana],
.answer-event-row[b-tcq6tgvana] {
    display: grid;
    grid-template-columns: 112px 128px 78px minmax(120px, 1fr) 42px 50px;
    align-items: center;
    column-gap: 14px;
}

.practices-header[b-tcq6tgvana] {
    padding: 0 20px 10px;
    color: #8a9ab5;
    font-size: .78rem;
    line-height: 1;
}

.practices-scroll-view[b-tcq6tgvana] {
    min-height: 0;
    overflow-y: auto;
    padding: 0 4px 10px 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.practices-scroll-view[b-tcq6tgvana]::-webkit-scrollbar {
    width: .46rem;
}

.practices-scroll-view[b-tcq6tgvana]::-webkit-scrollbar-thumb {
    background: #c9d1df;
    border-radius: 999px;
}

.answer-event-row[b-tcq6tgvana] {
    min-height: 54px;
    padding: 0 18px 0 20px;
    border: 1px solid #edf1f7;
    border-radius: 8px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 2px 7px rgba(30, 41, 59, .06);
    color: #12345d;
    font-size: .82rem;
}

.event-time[b-tcq6tgvana] {
    display: grid;
    gap: 3px;
    color: #6f88aa;
    font-variant-numeric: tabular-nums;
    line-height: 1.05;
}

.event-date[b-tcq6tgvana] {
    color: #4d719c;
    font-size: .82rem;
    font-weight: 700;
}

.event-clock[b-tcq6tgvana] {
    color: #9aa9bf;
    font-size: .74rem;
    font-weight: 600;
}

.event-module[b-tcq6tgvana] {
    color: #8da0bd;
}

.event-question[b-tcq6tgvana] {
    color: #2f5e9c;
    font-variant-numeric: tabular-nums;
}

.event-question a[b-tcq6tgvana] {
    color: inherit;
    text-decoration: none;
}

.event-question a:hover[b-tcq6tgvana] {
    text-decoration: underline;
}

.event-question a:focus-visible[b-tcq6tgvana] {
    border-radius: .2rem;
    outline: 2px solid #8068cf;
    outline-offset: 2px;
}

.event-topic[b-tcq6tgvana] {
    min-width: 0;
    position: relative;
    z-index: 1;
}

.event-topic-text[b-tcq6tgvana],
.event-topic-label[b-tcq6tgvana] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
}

.event-topic-link[b-tcq6tgvana] {
    display: block;
    max-width: 100%;
    color: #2563eb;
    text-decoration: none;
    outline-offset: 3px;
}

.event-topic-link:hover[b-tcq6tgvana],
.event-topic-link:focus-visible[b-tcq6tgvana] {
    color: #1d4ed8;
}

.event-result[b-tcq6tgvana] {
    justify-self: center;
    font-size: 1.02rem;
    line-height: 1;
    font-weight: 700;
}

.event-result.correct[b-tcq6tgvana] {
    color: #16a34a;
}

.event-result.wrong[b-tcq6tgvana] {
    color: #ef4444;
}

.event-actions[b-tcq6tgvana] {
    display: inline-flex;
    justify-content: flex-end;
}

.retry-action[b-tcq6tgvana] {
    min-width: 42px;
    border-radius: .55rem;
    padding: 5px 8px;
    background: var(--button-soft-bg);
    font-size: .8rem;
    font-weight: 800;
    line-height: 1.1;
    cursor: pointer;
}

.retry-action[b-tcq6tgvana] {
    border: 1px solid var(--button-soft-border);
    color: #6e49d5;
}

.retry-action:disabled[b-tcq6tgvana] {
    opacity: .42;
    cursor: default;
}

.retry-action:not(:disabled):hover[b-tcq6tgvana] {
    background: var(--button-soft-bg-active);
    box-shadow: 0 7px 14px rgb(127 105 217 / 14%);
    transform: translateY(-1px);
}

@media (max-width: 760px) {
    .practices-content[b-tcq6tgvana] {
        padding-top: 28px;
    }

    .practices-header[b-tcq6tgvana] {
        display: none;
    }

    .practices-scroll-view[b-tcq6tgvana] {
        gap: 8px;
    }

    .answer-event-row[b-tcq6tgvana] {
        grid-template-columns: auto 1fr auto;
        gap: 7px 12px;
        padding: 12px;
    }

    .event-time[b-tcq6tgvana] {
        grid-row: span 2;
        align-self: start;
        min-width: 92px;
        padding: 2px 0;
    }

    .event-module[b-tcq6tgvana],
    .event-question[b-tcq6tgvana] {
        align-self: end;
    }

    .event-topic[b-tcq6tgvana] {
        grid-column: 2 / -1;
    }

    .event-topic-text[b-tcq6tgvana],
    .event-topic-label[b-tcq6tgvana] {
        white-space: normal;
        line-height: 1.45;
    }

    .event-actions[b-tcq6tgvana] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}
/* /Pages/QuestionDetailPage.razor.rz.scp.css */
.question-detail-page[b-gabi1yavsv] {
    min-height: 100vh;
}

.question-detail-content[b-gabi1yavsv] {
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
    padding: 12px 16px 40px;
}

.question-detail-card[b-gabi1yavsv] {
    padding: 1.75rem;
    border: 1px solid var(--surface-border);
    border-radius: 1rem;
}

.question-header[b-gabi1yavsv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.question-id[b-gabi1yavsv] {
    margin: 0;
    color: #56708f;
    font-size: .92rem;
    font-weight: 700;
}

.question-stem[b-gabi1yavsv] {
    margin: 1.25rem 0;
    color: #203a64;
    font-size: 1.25rem;
    line-height: 1.75;
}

.option-list[b-gabi1yavsv] {
    list-style: none;
    display: grid;
    gap: .75rem;
    margin: 1.5rem 0 0;
    padding: 0;
}

.option-card[b-gabi1yavsv] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    align-items: start;
    gap: .85rem;
    padding: 1rem;
    border: 1px solid #dbe5f0;
    border-radius: .8rem;
    background: #fff;
    color: #294766;
}

.option-card.correct-option[b-gabi1yavsv] {
    border-color: #59b987;
    background: #effaf4;
}

.option-key[b-gabi1yavsv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #edf3f9;
    color: #294f7a;
    font-weight: 800;
}

.correct-option .option-key[b-gabi1yavsv] {
    background: #23865b;
    color: #fff;
}

.option-content[b-gabi1yavsv] {
    min-width: 0;
    line-height: 1.65;
}

.correct-badge[b-gabi1yavsv],
.contested-badge[b-gabi1yavsv] {
    padding: .3rem .65rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 800;
    white-space: nowrap;
}

.correct-badge[b-gabi1yavsv] {
    background: #d9f4e5;
    color: #176a45;
}

.contested-badge[b-gabi1yavsv] {
    background: #fff0d5;
    color: #9a5a00;
}

.review-state-note[b-gabi1yavsv] {
    margin-top: 1.75rem;
    padding: 1rem;
    border: 1px solid #dbe5f0;
    border-radius: .75rem;
    background: #f5f8fb;
    color: #56708f;
    text-align: center;
}

.review-state-note.locked[b-gabi1yavsv] {
    background: #f7f9fc;
    color: #445d78;
}

.review-state-note.error[b-gabi1yavsv] {
    border-color: #f2c9c9;
    background: #fff5f5;
    color: #9b3737;
}

@media (max-width: 640px) {
    .question-detail-card[b-gabi1yavsv] {
        padding: 1.15rem;
    }

    .option-card[b-gabi1yavsv] {
        grid-template-columns: 2rem minmax(0, 1fr);
    }

    .correct-badge[b-gabi1yavsv] {
        grid-column: 2;
        justify-self: start;
    }
}
/* /Pages/SmartExamPanel.razor.rz.scp.css */
.smart-exam-page[b-uk72s4pnap] {
    min-height: 100vh;
    padding-bottom: 1.4rem;
    position: relative;
}

.smart-exam-content[b-uk72s4pnap] {
    display: grid;
    gap: .65rem;
    height: 100%;
}

.smart-exam-header[b-uk72s4pnap] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem 0 .1rem;
}

.smart-exam-header h1[b-uk72s4pnap] {
    margin: 0;
    color: #4f3e74;
    font-size: 2rem;
    line-height: 1.12;
    font-weight: 900;
}

.secondary-link[b-uk72s4pnap] {
    flex-shrink: 0;
    border: 1px solid var(--button-primary-border);
    border-radius: var(--button-radius-pill);
    padding: .52rem .9rem;
    color: var(--button-soft-text-strong);
    background: var(--button-soft-bg-active);
    text-decoration: none;
    font-weight: 800;
    box-shadow: 0 1px 2px rgb(127 105 217 / 14%);
    transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

.secondary-link:hover[b-uk72s4pnap] {
    border-color: #bbaaf4;
    color: #6d2f89;
    box-shadow: 0 7px 14px rgb(127 105 217 / 15%);
    text-decoration: none;
    transform: translateY(-1px);
}

.smart-exam-shell[b-uk72s4pnap] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 22rem);
    gap: .65rem;
    align-items: stretch;
    height: 100%;
}

.loading-shell[b-uk72s4pnap] {
    display: block;
    border: 1px solid #d6c8ea;
    border-radius: .72rem;
    background: rgba(255, 255, 255, .38);
    padding: 1.2rem;
}

.settings-panel[b-uk72s4pnap],
.summary-panel[b-uk72s4pnap] {
    border: 1px solid #d6c8ea;
    border-radius: 1rem;
    background: rgba(255, 255, 255, .68);
    box-sizing: border-box;
}

.settings-panel[b-uk72s4pnap] {
    padding: .78rem .85rem;
}

.summary-panel[b-uk72s4pnap] {
    position: sticky;
    top: 4.7rem;
    display: grid;
    gap: .6rem;
    padding: .78rem .85rem;
}

.panel-heading[b-uk72s4pnap] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: .65rem;
}

.panel-heading.compact[b-uk72s4pnap] {
    margin-bottom: .1rem;
}

.panel-heading h2[b-uk72s4pnap] {
    margin: 0;
    color: #4f3e74;
    font-size: 1.05rem;
    line-height: 1.2;
    font-weight: 900;
}

.panel-heading p[b-uk72s4pnap] {
    margin: .15rem 0 0;
    color: #7a739e;
    font-size: .9rem;
    line-height: 1.35;
}

.panel-index[b-uk72s4pnap] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: .7rem;
    color: #fff;
    background: var(--button-primary-bg);
    font-size: .82rem;
    font-weight: 900;
    flex: 0 0 auto;
}

.filters-row[b-uk72s4pnap] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(15rem, .9fr);
    gap: .65rem;
    align-items: end;
}

.field[b-uk72s4pnap] {
    display: grid;
    gap: .42rem;
    color: #5f5683;
    font-weight: 800;
}

.field span[b-uk72s4pnap],
.setting-label[b-uk72s4pnap] {
    color: #5f5683;
    font-size: .94rem;
    font-weight: 900;
}

.select-control[b-uk72s4pnap] {
    min-height: 2.45rem;
    width: 100%;
    border: 1px solid #cbb9e7;
    border-radius: .65rem;
    padding: .38rem .68rem;
    color: #3f3a63;
    background-color: rgba(255, 255, 255, .72);
    font-size: .96rem;
    transition: border-color 120ms ease, box-shadow 120ms ease;
}

.select-control:focus[b-uk72s4pnap] {
    outline: none;
    border-color: #9b84ef;
    box-shadow: var(--ring-focus);
}

.setting-group[b-uk72s4pnap] {
    display: grid;
    gap: .55rem;
    margin-top: .65rem;
}

.segmented-control[b-uk72s4pnap] {
    display: grid;
    grid-template-columns: repeat(2, minmax(7rem, 1fr));
    width: 100%;
    border: 1px solid #cbb9e7;
    border-radius: .75rem;
    padding: .22rem;
    background: rgba(255, 255, 255, .72);
}

.segment-option[b-uk72s4pnap] {
    min-height: 2.25rem;
    border: 0;
    border-radius: .58rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    color: #756d92;
    background: transparent;
    cursor: pointer;
    line-height: 1;
    text-align: center;
}

.segment-option strong[b-uk72s4pnap] {
    font-size: 1.05rem;
    font-weight: 900;
}

.segment-option span[b-uk72s4pnap] {
    font-size: .86rem;
    font-weight: 800;
}

.segment-option.selected[b-uk72s4pnap] {
    color: #fff;
    background: var(--button-primary-bg);
}

.segment-option.selected span[b-uk72s4pnap] {
    color: #fff;
}

.focus-grid[b-uk72s4pnap] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .72rem;
}

.focus-option[b-uk72s4pnap] {
    display: grid;
    grid-template-rows: auto 1fr;
    gap: .35rem;
    min-height: 4.7rem;
    border: 1px solid #d5c7e9;
    border-radius: .8rem;
    padding: .62rem .68rem;
    text-align: left;
    color: #5f5683;
    background: rgba(255, 255, 255, .56);
    cursor: pointer;
    transition: border-color 120ms ease, background 120ms ease;
}

.focus-option:hover[b-uk72s4pnap] {
    border-color: #bbaaf4;
}

.focus-option.selected[b-uk72s4pnap] {
    border-color: #9b84ef;
    background: #fbf8ff;
    box-shadow: 0 0 0 2px rgb(155 132 239 / 16%);
}

.focus-option span[b-uk72s4pnap] {
    color: #4f3e74;
    font-weight: 900;
}

.focus-option small[b-uk72s4pnap] {
    color: #7a739e;
    line-height: 1.45;
}

.summary-list[b-uk72s4pnap] {
    display: grid;
    gap: .35rem;
    margin: 0;
}

.summary-list div[b-uk72s4pnap] {
    display: grid;
    grid-template-columns: 4.2rem minmax(0, 1fr);
    align-items: baseline;
    gap: .65rem;
    min-height: 2.05rem;
    border: 1px solid #d9cdea;
    border-radius: .72rem;
    padding: .4rem .55rem;
    background: rgba(255, 255, 255, .5);
}

.summary-list dt[b-uk72s4pnap] {
    color: #8b82a8;
    font-size: .84rem;
    font-weight: 800;
}

.summary-list dd[b-uk72s4pnap] {
    margin: 0;
    color: #3f3a63;
    font-weight: 900;
    line-height: 1.35;
}

.start-button[b-uk72s4pnap] {
    min-height: 2.35rem;
    width: 100%;
    border: 1px solid var(--button-primary-border);
    border-radius: var(--button-radius);
    padding: .42rem .9rem;
    color: #fff;
    background: var(--button-primary-bg);
    font-size: .92rem;
    font-weight: 900;
    cursor: pointer;
    box-shadow: var(--button-primary-shadow);
    transition: box-shadow 120ms ease, transform 120ms ease, opacity 120ms ease;
}

.start-button:not(:disabled):hover[b-uk72s4pnap] {
    box-shadow: var(--button-primary-shadow-hover);
    transform: translateY(-1px);
}

.start-button:disabled[b-uk72s4pnap] {
    opacity: .6;
    cursor: default;
}

@media (max-width: 940px) {
    .smart-exam-shell[b-uk72s4pnap] {
        grid-template-columns: 1fr;
    }

    .summary-panel[b-uk72s4pnap] {
        position: static;
    }
}

@media (max-width: 760px) {
    .smart-exam-content[b-uk72s4pnap],
    .smart-exam-shell[b-uk72s4pnap] {
        height: auto;
    }

    .smart-exam-header[b-uk72s4pnap] {
        align-items: stretch;
        flex-direction: column;
    }

    .secondary-link[b-uk72s4pnap] {
        width: fit-content;
    }

    .filters-row[b-uk72s4pnap],
    .focus-grid[b-uk72s4pnap] {
        grid-template-columns: 1fr;
    }

    .summary-list div[b-uk72s4pnap] {
        grid-template-columns: 1fr;
        gap: .2rem;
    }
}
/* /Pages/TopicDetailPage.razor.rz.scp.css */
.topic-detail-page[b-l27hhzllbs] {
    min-height: 100vh;
    padding: 0 0 .5rem;
}

.topic-detail-content[b-l27hhzllbs] {
    margin: 0 auto;
    max-width: 1040px;
    width: 100%;
    padding: 12px 16px 24px;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.topic-card-panel[b-l27hhzllbs] {
    border-radius: 1rem;
    padding: 1.75rem 1.5rem;
    border: 1px solid var(--surface-border);
}

.topic-card-panel h1[b-l27hhzllbs] {
    margin: 0;
    color: #1f3f6d;
    font-size: 1.85rem;
    font-weight: 700;
}

.topic-header-row[b-l27hhzllbs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.topic-practice-cta[b-l27hhzllbs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .62rem 1rem;
    border-radius: var(--button-radius);
    border: 1px solid var(--button-primary-border);
    background: var(--button-primary-bg);
    color: #fff;
    font-size: .92rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color .2s ease, border-color .2s ease, transform .15s ease, box-shadow .2s ease;
}

.topic-practice-cta:hover[b-l27hhzllbs] {
    box-shadow: var(--button-primary-shadow-hover);
    transform: translateY(-1px);
}

.topic-practice-cta:focus-visible[b-l27hhzllbs] {
    outline: none;
    box-shadow: var(--ring-focus), var(--button-primary-shadow-hover);
}

.topic-description[b-l27hhzllbs] {
    margin: 1rem 0 0;
    color: #35537c;
    font-size: 1.02rem;
    line-height: 1.8;
    white-space: pre-line;
}

.topic-practice-meta[b-l27hhzllbs] {
    margin: .75rem 0 0;
    color: #9fa8ba;
    font-size: .9rem;
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.topic-practiced[b-l27hhzllbs] {
    color: #2563eb;
}

.topic-correct-perfect[b-l27hhzllbs] {
    color: #16a34a;
}

.topic-card-panel h2[b-l27hhzllbs] {
    margin: 0;
    color: #203a64;
    font-size: 1.12rem;
    font-weight: 700;
}

.exam-points-list[b-l27hhzllbs] {
    list-style: none;
    margin: 1rem 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: .7rem;
}

.exam-points-list li[b-l27hhzllbs] {
    border: 1px solid #cfdcf0;
    background: #edf3fb;
    color: #315d9f;
    border-radius: 999px;
    padding: .45rem .9rem;
    font-size: .9rem;
    line-height: 1;
}

.status-text[b-l27hhzllbs] {
    margin: 0;
    color: #64748b;
}

.topic-questions-list[b-l27hhzllbs] {
    list-style: none;
    margin: 1rem 0 0;
    padding: 0;
}

.topic-questions-list li[b-l27hhzllbs] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .85rem 0;
    border-bottom: 1px solid #e6ecf5;
}

.topic-questions-list li:last-child[b-l27hhzllbs] {
    border-bottom: none;
}

.topic-question-light[b-l27hhzllbs] {
    width: .62rem;
    height: .62rem;
    border-radius: 50%;
    flex: 0 0 auto;
    background: #cfd8e6;
    box-shadow: 0 0 0 3px rgba(207, 216, 230, .28);
}

.topic-question-light.correct[b-l27hhzllbs] {
    background: #22c55e;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, .16);
}

.topic-question-light.wrong[b-l27hhzllbs] {
    background: #ef4444;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, .14);
}

.topic-question-light.unanswered[b-l27hhzllbs] {
    background: #d7dee9;
    box-shadow: 0 0 0 3px rgba(148, 163, 184, .14);
}

.topic-question-body[b-l27hhzllbs] {
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: .8rem;
    flex: 1 1 auto;
}

.topic-question-id[b-l27hhzllbs] {
    color: #9aa8bd;
    font-size: .82rem;
    letter-spacing: .04em;
    white-space: nowrap;
}

.topic-question-id a[b-l27hhzllbs] {
    color: inherit;
    text-decoration: none;
}

.topic-question-id a:hover[b-l27hhzllbs] {
    color: #6f58bd;
    text-decoration: underline;
}

.topic-question-id a:focus-visible[b-l27hhzllbs] {
    border-radius: .2rem;
    outline: 2px solid #8068cf;
    outline-offset: 2px;
}

.topic-question-stem[b-l27hhzllbs] {
    color: #304d75;
    font-size: .95rem;
    line-height: 1.6;
}

.topic-question-status[b-l27hhzllbs] {
    flex: 0 0 auto;
    min-width: 4.1rem;
    border-radius: .55rem;
    padding: .28rem .5rem;
    text-align: center;
    font-size: .78rem;
    font-weight: 700;
    line-height: 1;
}

.topic-question-status.correct[b-l27hhzllbs] {
    color: #15803d;
    background: #dcfce7;
}

.topic-question-status.wrong[b-l27hhzllbs] {
    color: #b91c1c;
    background: #fee2e2;
}

.topic-question-status.unanswered[b-l27hhzllbs] {
    color: #64748b;
    background: #f1f5f9;
}

@media (max-width: 640px) {
    .topic-questions-list li[b-l27hhzllbs] {
        align-items: flex-start;
    }

    .topic-question-light[b-l27hhzllbs] {
        margin-top: .42rem;
    }

    .topic-question-body[b-l27hhzllbs] {
        flex-direction: column;
        gap: .18rem;
    }

    .topic-question-status[b-l27hhzllbs] {
        min-width: 3.6rem;
    }
}
/* /Pages/TopicsPage.razor.rz.scp.css */
.topics-page[b-9aze6r5m8w] {
    --topics-completion: var(--accent-primary);
    --topics-completion-strong: #7f69d9;
    --topics-accuracy: #cf7da9;
    --topics-accuracy-strong: #b75d8d;
    --topics-track: #ece8f5;
    --topics-ink: #203a64;
    height: 100vh;
    padding: 0 0 .4rem;
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.topics-content[b-9aze6r5m8w] {
    margin: 0 auto;
    max-width: 1160px;
    width: 100%;
    padding: 12px 10px 0;
    display: flex;
    flex-direction: column;
    gap: .7rem;
    flex: 1;
    min-height: 0;
}

.topics-scroll-view[b-9aze6r5m8w] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding-right: .25rem;
}

.topics-scroll-view[b-9aze6r5m8w]::-webkit-scrollbar {
    width: .45rem;
}

.topics-scroll-view[b-9aze6r5m8w]::-webkit-scrollbar-thumb {
    background: #c9c0d5;
    border-radius: 999px;
}

.topics-content[b-9aze6r5m8w]  .filter-toolbar.has-leading.has-sort {
    grid-template-columns: minmax(18rem, 1.7fr) minmax(8.5rem, .8fr) minmax(8.5rem, .8fr);
    align-items: stretch;
}

.topics-content[b-9aze6r5m8w]  .filter-toolbar.has-leading.has-sort .sort-controls {
    grid-column: 1 / -1;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.topics-content[b-9aze6r5m8w]  .filter-toolbar.has-leading.has-sort .sort-toggle {
    min-width: 6.75rem;
    padding-inline: .62rem;
    white-space: nowrap;
}

.topic-scope-toggle[b-9aze6r5m8w] {
    min-height: 2.45rem;
    min-width: 7.4rem;
    border: 1px solid #d8ccef;
    border-radius: 999px;
    padding: .42rem .85rem .42rem .52rem;
    display: inline-flex;
    align-items: center;
    gap: .46rem;
    color: #62587a;
    background: linear-gradient(180deg, #fff 0%, #f7f3fb 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .76), 0 4px 10px rgb(91 70 125 / 8%);
    cursor: pointer;
    font-size: .9rem;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
    margin-left: auto;
    order: 10;
    transition: border-color 120ms ease, box-shadow 120ms ease, color 120ms ease, background 120ms ease, transform 120ms ease;
}

.topic-scope-toggle[b-9aze6r5m8w]::before {
    content: "";
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 50%;
    flex: 0 0 auto;
    background: #eee9f4;
    box-shadow: inset 0 -2px 0 rgb(0 0 0 / 6%), 0 0 0 4px rgb(145 125 172 / 15%);
}

.topic-scope-toggle:hover[b-9aze6r5m8w] {
    border-color: #bba9df;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .82), 0 7px 14px rgb(91 70 125 / 12%);
    transform: translateY(-1px);
}

.topic-scope-toggle:focus-visible[b-9aze6r5m8w] {
    outline: none;
    border-color: var(--topics-completion);
    box-shadow: var(--ring-focus);
}

.topic-scope-toggle.active[b-9aze6r5m8w] {
    border-color: #ad98e7;
    color: #5b479d;
    background: linear-gradient(180deg, rgba(249, 246, 255, .98) 0%, rgba(237, 229, 253, .94) 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .72), 0 4px 10px rgb(91 70 125 / 11%);
}

.topic-scope-toggle.active[b-9aze6r5m8w]::before {
    background: var(--topics-completion);
    box-shadow: inset 0 -2px 0 rgb(0 0 0 / 9%), 0 0 0 4px rgb(155 132 239 / 18%);
}

.progress-visual[b-9aze6r5m8w] {
    display: grid;
    gap: 1rem;
    padding-bottom: 1rem;
}

.progress-overview[b-9aze6r5m8w] {
    min-height: 10rem;
    border: 1px solid var(--surface-border);
    border-radius: .9rem;
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    background: linear-gradient(145deg, rgba(255, 255, 255, .97) 0%, rgba(252, 249, 255, .94) 100%);
    box-shadow: var(--surface-shadow);
}

.overview-ring[b-9aze6r5m8w],
.chapter-progress-ring[b-9aze6r5m8w] {
    --completion: 0;
    --accuracy: 0;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background:
        radial-gradient(circle, #fff 0 56%, transparent 57%),
        conic-gradient(var(--topics-accuracy) 0 calc(var(--accuracy) * 1%), transparent 0),
        conic-gradient(var(--topics-completion) 0 calc(var(--completion) * 1%), #e6dff0 0);
    box-shadow: inset 0 0 0 1px rgba(86, 67, 119, .09), 0 8px 18px rgba(86, 67, 119, .13);
}

.overview-ring[b-9aze6r5m8w] {
    width: 8rem;
    height: 8rem;
}

.overview-ring span[b-9aze6r5m8w],
.chapter-progress-ring span[b-9aze6r5m8w] {
    color: var(--topics-ink);
    font-weight: 900;
}

.overview-ring span[b-9aze6r5m8w] {
    font-size: 1.65rem;
}

.overview-copy[b-9aze6r5m8w] {
    min-width: 0;
}

.overview-label[b-9aze6r5m8w] {
    margin: 0 0 .2rem;
    color: #8a78b3;
    font-size: .86rem;
    font-weight: 900;
}

.overview-copy h2[b-9aze6r5m8w] {
    margin: 0;
    color: var(--topics-ink);
    font-size: 1.5rem;
    font-weight: 900;
}

.overview-metrics[b-9aze6r5m8w] {
    margin-top: .8rem;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.overview-metrics span[b-9aze6r5m8w] {
    border: 1px solid #ddd1ee;
    border-radius: 999px;
    padding: .36rem .58rem;
    color: #716984;
    background: rgba(250, 247, 253, .94);
    font-size: .92rem;
    font-weight: 700;
}

.overview-metrics strong[b-9aze6r5m8w] {
    margin-right: .2rem;
    color: var(--topics-ink);
}

.chapter-progress-grid[b-9aze6r5m8w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 1rem;
}

.chapter-progress-card[b-9aze6r5m8w] {
    border: 1px solid var(--surface-border);
    border-radius: .75rem;
    padding: .92rem;
    background: rgba(255, 255, 255, .92);
    box-shadow: var(--surface-shadow);
    align-self: start;
}

.chapter-progress-header[b-9aze6r5m8w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
}

.chapter-progress-header .chapter-path[b-9aze6r5m8w] {
    margin: 0 0 .24rem;
    color: #948aa4;
    font-size: .86rem;
    font-weight: 700;
}

.chapter-progress-header h3[b-9aze6r5m8w] {
    margin: 0;
    color: #1f3f6d;
    font-size: 1.18rem;
    font-weight: 900;
    line-height: 1.25;
}

.chapter-title-row[b-9aze6r5m8w] {
    display: flex;
    align-items: flex-end;
    gap: .42rem .5rem;
}

.chapter-heading-copy[b-9aze6r5m8w] {
    min-width: 0;
    padding-left: .7rem;
    position: relative;
}

.chapter-heading-copy[b-9aze6r5m8w]::before {
    content: "";
    position: absolute;
    inset: .12rem auto .08rem 0;
    width: .22rem;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--topics-completion) 0%, var(--topics-accuracy) 100%);
}

.chapter-heading-copy > span[b-9aze6r5m8w] {
    display: block;
    margin-bottom: .08rem;
    color: #8d7ab9;
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .08em;
}

.question-count-pill[b-9aze6r5m8w] {
    border: 1px solid #d8ccef;
    border-radius: 999px;
    padding: .22rem .5rem;
    flex: 0 0 auto;
    color: #675987;
    background: linear-gradient(180deg, rgba(249, 246, 252, .98) 0%, rgba(238, 231, 248, .96) 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .68);
    font-size: .8rem;
    font-weight: 900;
    line-height: 1.1;
    white-space: nowrap;
}

.question-count-pill.compact[b-9aze6r5m8w] {
    padding: .18rem .42rem;
    color: #71618f;
    font-size: .75rem;
}

.chapter-progress-ring[b-9aze6r5m8w] {
    width: 4.2rem;
    height: 4.2rem;
}

.chapter-progress-ring span[b-9aze6r5m8w] {
    font-size: 1.05rem;
}

.chapter-progress-bars[b-9aze6r5m8w] {
    margin-top: .82rem;
    display: grid;
    gap: .62rem;
}

.chapter-progress-bars > div[b-9aze6r5m8w] {
    display: grid;
    grid-template-columns: auto auto;
    gap: .35rem .55rem;
    align-items: center;
}

.chapter-progress-bars span[b-9aze6r5m8w] {
    color: #7d738d;
    font-size: .86rem;
    font-weight: 800;
}

.chapter-progress-bars strong[b-9aze6r5m8w] {
    justify-self: end;
    color: #5f5572;
    font-size: .86rem;
}

.visual-track[b-9aze6r5m8w] {
    grid-column: 1 / -1;
    height: .44rem;
    overflow: hidden;
    border-radius: 999px;
    background: var(--topics-track);
}

.visual-fill[b-9aze6r5m8w] {
    height: 100%;
    border-radius: inherit;
}

.visual-fill.completion[b-9aze6r5m8w] {
    background: linear-gradient(90deg, #c7b7f6 0%, var(--topics-completion-strong) 100%);
}

.visual-fill.accuracy[b-9aze6r5m8w] {
    background: linear-gradient(90deg, #e2a7c5 0%, var(--topics-accuracy-strong) 100%);
}

.topic-orbit[b-9aze6r5m8w] {
    margin-top: .88rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .52rem;
}

[b-9aze6r5m8w] .topic-progress-dot {
    min-height: 4.8rem;
    border: 1px solid #e4dbfa;
    border-radius: .62rem;
    padding: .68rem .82rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(16rem, .62fr) auto;
    align-items: center;
    gap: .6rem .8rem;
    text-align: left;
    text-decoration: none;
    color: #304d75;
    background: rgba(255, 255, 255, .9);
    transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease, background 120ms ease;
}

[b-9aze6r5m8w] .topic-progress-dot:hover,
[b-9aze6r5m8w] .topic-progress-dot:focus-visible {
    border-color: #bfaee0;
    box-shadow: 0 6px 14px rgb(91 70 125 / 11%);
    transform: translateY(-1px);
}

[b-9aze6r5m8w] .topic-progress-dot.is-not-started {
    border-color: #e2dfea;
    background: #f8f7fa;
}

[b-9aze6r5m8w] .topic-progress-dot.is-in-progress {
    border-color: #d2c4f5;
    border-left: 3px solid var(--topics-completion);
    background: linear-gradient(90deg, #faf7ff 0%, #fff 72%);
}

[b-9aze6r5m8w] .topic-progress-dot.is-complete {
    border-color: #c6b4f2;
    border-left: 3px solid var(--topics-completion-strong);
    background: linear-gradient(90deg, #f5f0ff 0%, #fff 72%);
}

.topic-progress-heading[b-9aze6r5m8w] {
    max-width: 100%;
    display: flex;
    align-items: center;
    gap: .28rem .4rem;
    min-width: 0;
}

.topic-progress-name[b-9aze6r5m8w] {
    min-width: 0;
    color: #304d75;
    flex: 1 1 10rem;
    font-size: 1.06rem;
    font-weight: 800;
    line-height: 1.25;
    overflow-wrap: anywhere;
    white-space: normal;
}

.topic-progress-meter[b-9aze6r5m8w] {
    display: grid;
    gap: .28rem;
}

[b-9aze6r5m8w] .topic-progress-dot.is-not-started .topic-progress-name,
[b-9aze6r5m8w] .topic-progress-dot.is-not-started .topic-progress-meter strong {
    color: #78869a;
}

.topic-progress-meter > span[b-9aze6r5m8w] {
    display: grid;
    grid-template-columns: 2.65rem 2.4rem minmax(3.25rem, 1fr);
    gap: .25rem .36rem;
    align-items: center;
}

.topic-progress-meter span span[b-9aze6r5m8w] {
    color: #83788f;
    font-size: .78rem;
    font-weight: 800;
}

.topic-progress-meter strong[b-9aze6r5m8w] {
    justify-self: end;
    color: #62576f;
    font-size: .8rem;
    font-weight: 900;
}

.topic-progress-meter i[b-9aze6r5m8w] {
    grid-column: 3;
    display: block;
    height: .24rem;
    max-width: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #c7b7f6 0%, var(--topics-completion-strong) 100%);
}

.topic-progress-meter > span[b-9aze6r5m8w]::after {
    content: "";
    grid-column: 3;
    grid-row: 1;
    height: .24rem;
    border-radius: 999px;
    background: var(--topics-track);
    z-index: 0;
}

.topic-progress-meter i[b-9aze6r5m8w] {
    grid-row: 1;
    z-index: 1;
}

.topic-row-arrow[b-9aze6r5m8w] {
    color: #a092ae;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1;
    transition: color 120ms ease, transform 120ms ease;
}

[b-9aze6r5m8w] .topic-progress-dot:hover .topic-row-arrow,
[b-9aze6r5m8w] .topic-progress-dot:focus-visible .topic-row-arrow {
    color: var(--topics-completion-strong);
    transform: translateX(2px);
}

.topic-progress-meter > span + span i[b-9aze6r5m8w] {
    background: linear-gradient(90deg, #e2a7c5 0%, var(--topics-accuracy-strong) 100%);
}

@media (max-width: 960px) {
    .topics-content[b-9aze6r5m8w]  .filter-toolbar.has-leading.has-sort {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [b-9aze6r5m8w] .topic-progress-dot {
        grid-template-columns: minmax(0, 1fr) minmax(12rem, .7fr) auto;
    }
}

@media (max-width: 640px) {
    .progress-overview[b-9aze6r5m8w] {
        align-items: flex-start;
        flex-direction: column;
    }

    .overview-ring[b-9aze6r5m8w] {
        width: 6.5rem;
        height: 6.5rem;
    }

    .topic-orbit[b-9aze6r5m8w] {
        grid-template-columns: 1fr;
    }

    [b-9aze6r5m8w] .topic-progress-dot {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .topic-progress-meter[b-9aze6r5m8w] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .topic-row-arrow[b-9aze6r5m8w] {
        grid-column: 2;
        grid-row: 1;
    }
}
/* /Pages/UserPage.razor.rz.scp.css */
.user-page[b-o6almghbdv] {
    min-height: 100vh;
    padding: 0 0 2rem;
    overflow: hidden;
}

.user-content[b-o6almghbdv] {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    max-width: 1160px;
    width: 100%;
    padding: 18px 10px 0;
}

.summary-cards[b-o6almghbdv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    grid-column: span 12;
}

.summary-card[b-o6almghbdv] {
    display: flex;
    align-items: center;
    gap: .9rem;
    min-height: 5.6rem;
    padding: .95rem 1rem;
    overflow: hidden;
    position: relative;
    isolation: isolate;
    border-radius: .72rem;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 4px 14px rgb(30 41 59 / 5%);
}

.summary-card[b-o6almghbdv]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(135deg, rgb(255 255 255 / 42%) 0%, transparent 58%);
}

.summary-icon[b-o6almghbdv] {
    width: 2.4rem;
    height: 2.4rem;
    border: 1px solid #e5ddf1;
    border-radius: .62rem;
    display: grid;
    place-items: center;
    font-size: 1.15rem;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 65%);
}

.theme-blue[b-o6almghbdv] { background: linear-gradient(180deg, #f6fbff 0%, #e2f1ff 100%); }
.theme-green[b-o6almghbdv] { background: linear-gradient(180deg, #f5fffc 0%, #e1f7f1 100%); }
.theme-yellow[b-o6almghbdv] { background: linear-gradient(180deg, #fffdf6 0%, #fff0c7 100%); }
.theme-red[b-o6almghbdv] { background: linear-gradient(180deg, #fff9fb 0%, #ffe2e9 100%); }

.summary-content[b-o6almghbdv] {
    min-width: 0;
}

.summary-label[b-o6almghbdv] {
    margin: 0;
    font-size: .82rem;
    font-weight: 800;
    color: #8a9ab5;
}

.summary-value[b-o6almghbdv] {
    margin: .2rem 0 0;
    font-size: clamp(1.35rem, 2.3vw, 1.72rem);
    font-weight: 850;
    line-height: 1;
    color: #2f4059;
}

.floating-panel[b-o6almghbdv] {
    border: 1px solid var(--surface-border);
    border-radius: .9rem;
    background: var(--surface-primary);
    box-shadow: var(--surface-shadow);
    backdrop-filter: blur(3px);
}

.user-grid[b-o6almghbdv] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem;
}

.user-grid > article[b-o6almghbdv] {
    border: 1px solid var(--surface-border);
    border-radius: .9rem;
    padding: 1rem;
}

.user-grid h2[b-o6almghbdv] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 850;
    color: #2f4059;
}

.user-grid header p[b-o6almghbdv] {
    margin: .3rem 0 .8rem;
    color: #7a739e;
    font-size: .9rem;
}

.heatmap-card[b-o6almghbdv] {
    grid-column: span 12;
    padding-inline: 1.2rem;
    position: relative;
    overflow: visible;
    z-index: 2;
}

.heatmap-card:hover[b-o6almghbdv],
.heatmap-card:focus-within[b-o6almghbdv] {
    z-index: 6;
}

.bubble-card[b-o6almghbdv] {
    grid-column: span 12;
}

.bubble-toolbar[b-o6almghbdv] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    margin-top: .75rem;
}

.bubble-mode-tabs[b-o6almghbdv] {
    display: inline-flex;
    gap: .25rem;
    padding: .2rem;
    border: 1px solid var(--button-soft-border);
    border-radius: var(--button-radius-pill);
    background: var(--button-soft-bg);
    box-shadow: 0 4px 10px rgb(127 105 217 / 8%);
}

.bubble-mode-tab[b-o6almghbdv] {
    border: none;
    border-radius: var(--button-radius-pill);
    background: transparent;
    color: var(--button-soft-text);
    font-size: .85rem;
    font-weight: 800;
    padding: .48rem .8rem;
    cursor: pointer;
    transition: background-color .14s ease, color .14s ease, box-shadow .14s ease;
}

.bubble-mode-tab.active[b-o6almghbdv] {
    background: var(--button-primary-bg);
    color: #fff;
    box-shadow: var(--button-primary-shadow);
}

.bubble-mode-tab:focus-visible[b-o6almghbdv] {
    outline: none;
    box-shadow: var(--ring-focus);
}

.bubble-card :global(.bubble-canvas)[b-o6almghbdv] {
    margin-top: .8rem;
    min-height: 440px;
    border-color: #e5ddf1;
    background: rgba(255, 255, 255, .42);
}

.heatmap-calendar[b-o6almghbdv] {
    --heatmap-cell-size: clamp(.48rem, .68vw, .68rem);
    --heatmap-cell-gap: clamp(.08rem, .16vw, .16rem);
    position: relative;
    z-index: 2;
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    gap: clamp(.24rem, .68vw, .75rem);
    overflow: visible;
    padding: .35rem .35rem .25rem;
}

.month-column[b-o6almghbdv] {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    gap: .35rem;
}

.month-label[b-o6almghbdv] {
    color: #8a9ab5;
    font-size: .78rem;
    font-weight: 800;
    line-height: 1;
}

.month-grid[b-o6almghbdv] {
    display: grid;
    grid-template-rows: repeat(7, var(--heatmap-cell-size));
    grid-auto-flow: column;
    grid-auto-columns: var(--heatmap-cell-size);
    gap: var(--heatmap-cell-gap);
}

.cell[b-o6almghbdv] {
    width: var(--heatmap-cell-size);
    height: var(--heatmap-cell-size);
    border-radius: 3px;
    background: #edf2f8;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 42%);
}

.heatmap-tooltip-cell[b-o6almghbdv] {
    position: relative;
    cursor: pointer;
}

.heatmap-tooltip-cell:hover[b-o6almghbdv],
.heatmap-tooltip-cell:focus-visible[b-o6almghbdv] {
    z-index: 12;
}

.heatmap-tooltip-cell[b-o6almghbdv]::after {
    content: attr(data-tooltip);
    position: absolute;
    left: 50%;
    bottom: calc(100% + .55rem);
    transform: translateX(-50%) translateY(.18rem) scale(.96);
    transform-origin: bottom center;
    opacity: 0;
    pointer-events: none;
    white-space: nowrap;
    padding: .38rem .62rem;
    border-radius: .62rem;
    border: 1px solid var(--surface-border);
    background: #fff;
    color: #2f4059;
    font-size: .75rem;
    line-height: 1.1;
    box-shadow: 0 8px 18px rgba(99, 82, 152, .14);
    transition: opacity .14s ease, transform .16s ease;
    z-index: 20;
}

.heatmap-tooltip-cell:hover[b-o6almghbdv]::after,
.heatmap-tooltip-cell:focus-visible[b-o6almghbdv]::after {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
}

.cell-empty[b-o6almghbdv] {
    visibility: hidden;
}

.cell.lv-1[b-o6almghbdv] { background: #d8f2e5; }
.cell.lv-2[b-o6almghbdv] { background: #8bdcaa; }
.cell.lv-3[b-o6almghbdv] { background: #1ca873; }

.heatmap-card footer[b-o6almghbdv] {
    margin-top: .85rem;
    padding-inline: .35rem;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    color: #7a739e;
    font-size: .85rem;
    font-weight: 800;
}

@media (max-width: 1020px) {
    .summary-cards[b-o6almghbdv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bubble-card :global(.bubble-canvas)[b-o6almghbdv] {
        min-height: 400px;
    }
}

@media (max-width: 700px) {
    .summary-cards[b-o6almghbdv] {
        grid-template-columns: 1fr;
    }

    .heatmap-calendar[b-o6almghbdv] {
        justify-content: flex-start;
        overflow-x: auto;
    }

    .bubble-card :global(.bubble-canvas)[b-o6almghbdv] {
        min-height: 360px;
    }
}
/* /Pages/WrongQuestionsPage.razor.rz.scp.css */
.wrong-questions-page[b-ph7e9pch4s] {
    height: 100vh;
    padding: 0 0 .4rem;
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.wrong-questions-content[b-ph7e9pch4s] {
    margin: 0 auto;
    max-width: 920px;
    width: 100%;
    padding: 12px 16px 0;
    display: flex;
    flex-direction: column;
    gap: .7rem;
    flex: 1;
    min-height: 0;
}

.wrong-questions-header[b-ph7e9pch4s] {
    padding: .15rem .1rem;
}

.wrong-questions-header p[b-ph7e9pch4s] {
    margin: 0;
    color: #7a739e;
    font-size: .9rem;
    line-height: 1.45;
}

.wrong-questions-content[b-ph7e9pch4s]  .pagination-nav {
    margin-top: 0;
}

.wrong-questions-scroll-view[b-ph7e9pch4s] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding-right: .35rem;
}

.wrong-questions-scroll-view[b-ph7e9pch4s]::-webkit-scrollbar {
    width: .5rem;
}

.wrong-questions-scroll-view[b-ph7e9pch4s]::-webkit-scrollbar-thumb {
    background: #b7a9dc;
    border-radius: 999px;
}

.wrong-questions-list[b-ph7e9pch4s] {
    display: grid;
    gap: .7rem;
}

.wrong-question-card[b-ph7e9pch4s] {
    border: 1px solid #d6c8ea;
    border-radius: .72rem;
    padding: .78rem .85rem;
    color: #3f3a63;
    background: rgba(255, 255, 255, .38);
    box-shadow: none;
}

.question-id[b-ph7e9pch4s] {
    margin: 0 0 .28rem;
    color: #8068cf;
    font-size: .82rem;
    font-weight: 800;
    line-height: 1.2;
}

.question-id a[b-ph7e9pch4s] {
    color: inherit;
    text-decoration: none;
}

.question-id a:hover[b-ph7e9pch4s] {
    text-decoration: underline;
}

.question-id a:focus-visible[b-ph7e9pch4s] {
    border-radius: .2rem;
    outline: 2px solid #8068cf;
    outline-offset: 2px;
}

.wrong-question-card h2[b-ph7e9pch4s] {
    font-size: 1.05rem;
    line-height: 1.45;
    margin: 0;
    color: #383548;
    font-weight: 850;
}

.option-list[b-ph7e9pch4s] {
    display: grid;
    gap: .38rem;
    margin: .72rem 0;
    padding-left: 0;
    list-style: none;
}

.option-list li[b-ph7e9pch4s] {
    display: grid;
    grid-template-columns: 1.75rem minmax(0, 1fr);
    gap: .35rem;
    border: 1px solid #d9cdea;
    border-radius: .72rem;
    padding: .45rem .55rem;
    color: #4b4865;
    background: rgba(255, 255, 255, .42);
}

.correct-option[b-ph7e9pch4s] {
    border-color: rgba(22, 143, 115, .42) !important;
    color: #168f73;
    background: rgba(67, 214, 161, .12) !important;
    font-weight: 700;
}

.option-key[b-ph7e9pch4s] {
    color: #8b82a8;
    font-weight: 900;
}

.option-content[b-ph7e9pch4s] {
    display: inline-grid;
    gap: .2rem;
    max-width: 100%;
    vertical-align: top;
}

.analysis[b-ph7e9pch4s] {
    border-top: 1px solid #eee6fb;
    margin-top: .65rem;
    padding-top: .6rem;
    display: grid;
    gap: .6rem;
}

.analysis-summary[b-ph7e9pch4s] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .35rem .9rem;
}

.analysis-answer[b-ph7e9pch4s] {
    margin: 0;
    color: #4f3e74;
    font-weight: 800;
}

.analysis-answer strong[b-ph7e9pch4s] {
    color: #8b82a8;
    margin-right: .35rem;
}

.answer-stats[b-ph7e9pch4s] {
    margin: 0;
    color: #7a739e;
    font-size: .86rem;
    font-weight: 800;
}

@media (max-width: 520px) {
    .option-list li[b-ph7e9pch4s] {
        grid-template-columns: 1.45rem minmax(0, 1fr);
        padding: .45rem .48rem;
    }
}