html.in-site-embed,
html.in-site-embed body {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
}

html.in-site-embed body.course-landing-page,
html.in-site-embed body.course-login-page {
    min-height: 0 !important;
    padding-top: 0 !important;
}

html.in-site-embed body.course-landing-page > .course-landing-top {
    display: none !important;
}

.course-back-bar {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 1280px;
    margin: 0 auto;
    padding: 16px 18px 0;
}

.course-back-bar .course-user-links {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.course-back-bar .course-user-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 22px;
    border-radius: 10px;
    background: #60a5fa;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    line-height: 1.2;
}

.course-back-bar .course-user-links a:hover {
    background: #3b82f6;
    color: #fff;
    text-decoration: none;
}

.page,
.page--tasks,
.course-index-page,
.course-user-bar,
.course-profile-page .page,
.course-landing-body {
    max-width: 1280px !important;
}

@media (max-width: 860px) {
    .page,
    .page--tasks,
    .course-index-page,
    .course-user-bar,
    .course-profile-page .page,
    .course-landing-body {
        max-width: none !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box;
    }

    .page,
    .page--tasks,
    .course-profile-page .page {
        padding-left: 12px;
        padding-right: 12px;
    }

    .course-landing-body {
        padding-left: 12px;
        padding-right: 12px;
    }
}

html.dark-mode,
html.dark-mode body {
    background: #0b1220 !important;
    color: #e8eef8 !important;
}

html.dark-mode .hero {
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}

html.dark-mode .card,
html.dark-mode .ord-table-widget,
html.dark-mode .topic-panel,
html.dark-mode .topic-card,
html.dark-mode .cf-problem,
html.dark-mode .cf-note,
html.dark-mode .cf-io-box,
html.dark-mode .video-single,
html.dark-mode .code-playground,
html.dark-mode .course-login-card,
html.dark-mode .course-group,
html.dark-mode a.course-group-card,
html.dark-mode .course-index-skeleton-card,
html.dark-mode .course-profile-stat,
html.dark-mode .course-profile-group,
html.dark-mode .reports-table-wrap,
html.dark-mode .reports-code-dialog,
html.dark-mode .code-playground-code,
html.dark-mode .code-playground-stdin,
html.dark-mode .code-playground-output {
    background: #151c2c !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    color: #e8eef8 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28) !important;
}

html.dark-mode .topic-card {
    background: #121826 !important;
}

html.dark-mode .topic-card:hover,
html.dark-mode a.course-group-card:hover,
html.dark-mode .course-profile-group--link:hover {
    background: #1a2438 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

html.dark-mode .topic-card--theory,
html.dark-mode .topic-card--theory:hover {
    border-top-color: #2f6fed !important;
}

html.dark-mode .topic-card--tasks,
html.dark-mode .topic-card--tasks:hover {
    border-top-color: #22c55e !important;
}

html.dark-mode .topic-card--video,
html.dark-mode .topic-card--video:hover {
    border-top-color: #f59e0b !important;
}

html.dark-mode .topic-panel-head,
html.dark-mode .cf-problem-header {
    background: transparent !important;
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

html.dark-mode .topic-card-action {
    border-top-color: rgba(255, 255, 255, 0.06) !important;
}

html.dark-mode .course-profile-stat span {
    color: #fff !important;
}

html.dark-mode .course-profile-stat strong {
    color: #fff !important;
}

html.dark-mode .card h2,
html.dark-mode .cf-problem-header h2,
html.dark-mode .course-group-card h2,
html.dark-mode a.course-group-card h2,
html.dark-mode .course-group-page-head h1,
html.dark-mode .course-profile-hero h1,
html.dark-mode .topic-card-title,
html.dark-mode .topic-panel-head h2,
html.dark-mode .topic-panel-head h3,
html.dark-mode .course-profile-group header h3,
html.dark-mode .reports-head h1,
html.dark-mode .course-login-card h1 {
    color: #fff !important;
}

html.dark-mode .course-group--complete,
html.dark-mode a.course-group-card.course-group-card--complete {
    background: linear-gradient(180deg, #10261a 0%, #151c2c 40%) !important;
    border-color: #16a34a !important;
}

html.dark-mode .topic-panel--complete {
    border-color: #16a34a !important;
}

html.dark-mode .course-profile-group li {
    border-top-color: rgba(255, 255, 255, 0.06) !important;
}
html.dark-mode .course-profile-group--complete header h3,
html.dark-mode .course-profile-group li.done span:first-child {
    color: #4ade80 !important;
}

html.dark-mode a.course-profile-group--link:hover header h3,
html.dark-mode a.course-group-card:hover h2 {
    color: #93c5fd !important;
}

html.dark-mode .theory-table th,
html.dark-mode .theory-table td,
html.dark-mode .ord-table th,
html.dark-mode .ord-table td,
html.dark-mode .reports-table th,
html.dark-mode .reports-table td {
    border-color: rgba(255, 255, 255, 0.06) !important;
    color: #e8eef8 !important;
}

html.dark-mode .theory-table thead th,
html.dark-mode .ord-table thead th,
html.dark-mode .reports-table thead th,
html.dark-mode .theory-table tbody tr:nth-child(even) {
    background: #121826 !important;
}

html.dark-mode .ord-table-toolbar,
html.dark-mode .ord-table-detail {
    background: #121826 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    color: #e8eef8 !important;
}

html.dark-mode .course-user-bar {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #e8eef8 !important;
}

html.dark-mode .ord-table-tab,
html.dark-mode .ord-table-search,
html.dark-mode .cf-code,
html.dark-mode .code-block,
html.dark-mode .inline-code,
html.dark-mode .cf-io-box,
html.dark-mode textarea,
html.dark-mode input,
html.dark-mode select {
    background: #0b1220 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #e8eef8 !important;
}

html.dark-mode .cf-solver {
    border-top-color: transparent !important;
}

html.dark-mode .cf-io-box,
html.dark-mode .cf-code {
    border-color: transparent !important;
}

html.dark-mode .ord-table-tab.is-active {
    background: #2563eb !important;
    border-color: #2563eb !important;
    color: #fff !important;
}

html.dark-mode .note {
    background: #3b2a14 !important;
    border-color: #92400e !important;
    color: #fed7aa !important;
}

html.dark-mode .cf-run-sample {
    background: #0a1228 !important;
    color: #e8eef8 !important;
    border: 1px solid #1e3a8a !important;
}

html.dark-mode .cf-run-sample:hover:not(:disabled) {
    background: #15204d !important;
    color: #e8eef8 !important;
}

html.dark-mode .cf-verdict,
html.dark-mode .cf-verdict--pending {
    background: #0a1228 !important;
    border-color: #1e3a8a !important;
    color: #e8eef8 !important;
}

html.dark-mode .cf-verdict--ok {
    background: #15204d !important;
    border-color: #1e4d8a !important;
    color: #86efac !important;
}

html.dark-mode .cf-verdict--wa {
    background: #15204d !important;
    border-color: #1e4d8a !important;
    color: #e8eef8 !important;
}

html.dark-mode .cf-verdict--error {
    background: #15204d !important;
    border-color: #1e4d8a !important;
    color: #e8eef8 !important;
}

html.dark-mode .task-item {
    background: #151c2c !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

html.dark-mode .cf-problem--solved {
    background: #151c2c !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28) !important;
}

html.dark-mode .course-user-links a,
html.dark-mode .course-landing-login,
html.dark-mode .course-register-switch-login {
    background: #60a5fa !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
}

html.dark-mode .course-landing-register {
    background: transparent !important;
    border: 2px solid #22c55e !important;
    color: #86efac !important;
    box-shadow: 0 4px 14px rgba(34, 197, 94, 0.18) !important;
}

html.dark-mode .course-user-links a:hover,
html.dark-mode .course-landing-login:hover,
html.dark-mode .course-register-switch-login:hover {
    background: #3b82f6 !important;
    color: #fff !important;
}

html.dark-mode .course-landing-register:hover {
    background: rgba(34, 197, 94, 0.12) !important;
    color: #bbf7d0 !important;
}

html.dark-mode .reports-reset-btn,
html.dark-mode .course-logout-btn {
    background: #1a2438 !important;
    border-color: #334155 !important;
    color: #e8eef8 !important;
}

html.dark-mode .reports-reset-btn:hover {
    background: #243044 !important;
}

html.dark-mode .reports-filters {
    background: #121826 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

html.dark-mode .reports-filters label {
    color: #cbd5e1 !important;
}

html.dark-mode .reports-filters select,
html.dark-mode .reports-filters input[type="text"] {
    background: #151c2c !important;
    border-color: #334155 !important;
    color: #e8eef8 !important;
}

html.dark-mode .reports-filters select option {
    background: #151c2c;
    color: #e8eef8;
}

html.dark-mode .reports-status {
    color: #94a3b8 !important;
}

html.dark-mode .reports-table {
    background: #151c2c !important;
    color: #e8eef8 !important;
}

html.dark-mode .reports-table tbody tr:hover {
    background: #1a2438 !important;
}

html.dark-mode .reports-empty {
    color: #94a3b8 !important;
    background: transparent !important;
}

html.dark-mode .reports-code-btn {
    background: #1a2438 !important;
    color: #93c5fd !important;
}

html.dark-mode .reports-code-btn:hover {
    background: #243044 !important;
    color: #e8eef8 !important;
}

html.dark-mode .course-index-error,
html.dark-mode .course-index-loading,
html.dark-mode .course-group-progress,
html.dark-mode .course-profile-label,
html.dark-mode .course-profile-group-meta,
html.dark-mode .cf-limits,
html.dark-mode .cf-solver-hint,
html.dark-mode .code-playground-title,
html.dark-mode .editor-label {
    color: #94a3b8 !important;
}

html.dark-mode .course-profile-actions {
    border-color: rgba(255, 255, 255, 0.06) !important;
}

html.dark-mode .course-group-card-bar,
html.dark-mode .course-profile-group-bar {
    background: #243044 !important;
}

html.dark-mode .course-index-skeleton-card {
    background: #1a2438 !important;
}

html.dark-mode .course-register-dialog {
    background: #151c2c !important;
    color: #e8eef8 !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45) !important;
}

html.dark-mode .course-register-dialog h2 {
    color: #e8eef8 !important;
}

html.dark-mode .course-register-lead,
html.dark-mode .course-register-steps,
html.dark-mode .course-register-switch,
html.dark-mode .course-register-note {
    color: #cbd5e1 !important;
}

html.dark-mode .course-register-note {
    background: #121826 !important;
}

html.dark-mode .course-chat-threads,
html.dark-mode .course-chat-card,
html.dark-mode .course-chat-form,
html.dark-mode .course-chat-input {
    background: #151c2c !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    color: #e8eef8 !important;
}

html.dark-mode .course-chat-threads-header,
html.dark-mode .course-chat-header,
html.dark-mode .course-chat-thread-btn {
    border-color: rgba(255, 255, 255, 0.06) !important;
    color: #e8eef8 !important;
    background: transparent !important;
}

html.dark-mode .course-chat-msg--student {
    background: #1e3a5f !important;
}

html.dark-mode .course-chat-msg--curator {
    background: #2a3139 !important;
}

html.dark-mode .course-chat-pinned-item {
    background: #3a3218 !important;
    border-color: #6b5a20 !important;
}

html.dark-mode a {
    color: #93c5fd;
}

html.dark-mode a.topic-card,
html.dark-mode a.course-group-card,
html.dark-mode a.course-user-name,
html.dark-mode a.course-landing-other {
    color: inherit;
}

html.dark-mode body.course-landing-page,
html.dark-mode body.course-login-page {
    background: #0b1220 !important;
    color: #e8eef8 !important;
}

html.dark-mode .course-landing-top {
    background: #151c2c !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

html.dark-mode .course-landing-home {
    color: #94a3b8 !important;
}

html.dark-mode .course-landing-hero h1,
html.dark-mode .course-landing-point h2,
html.dark-mode .course-landing-program-wrap h2,
html.dark-mode .course-landing-author h2,
html.dark-mode .course-landing-faq-wrap h2,
html.dark-mode .course-landing-faq-item h3,
html.dark-mode .course-landing-hl h3,
html.dark-mode .course-landing-others-wrap h2,
html.dark-mode .course-landing-other h3 {
    color: #fff !important;
}

html.dark-mode .course-landing-kicker,
html.dark-mode .course-landing-lead,
html.dark-mode .course-landing-point p,
html.dark-mode .course-landing-other p,
html.dark-mode .course-landing-author-bio,
html.dark-mode .course-landing-faq-item p,
html.dark-mode .course-landing-hl p {
    color: #cbd5e1 !important;
}

html.dark-mode .course-landing-point,
html.dark-mode .course-landing-other,
html.dark-mode .course-landing-program,
html.dark-mode .course-landing-faq,
html.dark-mode .course-landing-hl,
html.dark-mode .course-landing-author {
    background: #151c2c !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

html.dark-mode .course-landing-program li,
html.dark-mode .course-landing-faq-item {
    border-top-color: rgba(255, 255, 255, 0.06) !important;
}

html.dark-mode .course-landing-program-text {
    color: #fff !important;
}

html.dark-mode .course-landing-program-blurb {
    color: #94a3b8 !important;
}

html.dark-mode .course-landing-hl-icon {
    color: #e8eef8 !important;
}

html.dark-mode .course-landing-hl-icon--accent {
    color: #a3e635 !important;
}

html.dark-mode .course-landing-hl-icon--lg,
html.dark-mode .course-landing-hl-stat {
    color: #60a5fa !important;
}

html.dark-mode a.course-landing-other:hover {
    border-color: rgba(147, 197, 253, 0.45) !important;
}