:root{--color-primary: #e8e8e8;--color-primary-hover: #d5d5d5;--color-primary-light: #f0f0f0;--color-teal: #39797a;--color-teal-hover: #3d8586;--color-accent: var(--color-teal);--color-accent-hover: var(--color-teal-hover);--color-page-title-icon: var(--color-text);--color-bg: #f5f5f5;--color-bg-card: rgba(255, 255, 255, .72);--color-bg-elevated: rgba(255, 255, 255, .55);--color-surface: rgba(224, 224, 224, .65);--color-text: #1a1a1a;--color-text-muted: #5a5a5a;--color-header-bg: rgba(255, 255, 255, .72);--color-header-text: #1a1a1a;--color-border: rgba(255, 255, 255, .45);--shadow: 0 2px 16px rgba(0, 0, 0, .06);--home-glass-bg: rgba(255, 255, 255, .72);--home-glass-border: rgba(255, 255, 255, .55);--home-glass-shadow: 0 2px 16px rgba(0, 0, 0, .06);--home-glass-blur: 16px;--home-glass-soft-bg: rgba(255, 255, 255, .2);--home-glass-soft-border: rgba(255, 255, 255, .16);--home-glass-soft-shadow: 0 4px 24px rgba(0, 0, 0, .04);--home-glass-soft-blur: 24px;--font-heading: "Geologica", sans-serif;--font-body: "Commissioner", sans-serif;--font-accent: "Geologica", sans-serif;--font-sans: var(--font-body);--radius: 8px;--radius-lg: 12px;--sidebar-rail-width: 72px;--sidebar-rail-inset: 12px;--content-offset-left: calc( var(--sidebar-rail-inset) + var(--sidebar-rail-width) + var(--sidebar-rail-inset) );--color-dropdown-bg: #ffffff;--color-dropdown-border: rgba(0, 0, 0, .14);--color-dropdown-hover: #f0f0f0;--z-dropdown: 1200;--z-dropdown-host: 1100;--z-modal: 2100;--color-reward: #fd5c23;--color-reward-soft: rgba(253, 92, 35, .12);--color-warning: #c25100;--color-danger: #c62828;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--touch-min: 44px;--mobile-tabbar-height: 60px;--focus-ring-color: var(--color-teal);--st-not-submitted-solid: #ffffff;--st-not-submitted-fg: #6b6b6b;--st-not-submitted-bg: rgba(158, 158, 158, .16);--st-master-review-solid: #9e9e9e;--st-master-review-fg: #5f5f5f;--st-master-review-bg: rgba(158, 158, 158, .28);--st-master-rejected-solid: #f48fb1;--st-master-rejected-fg: #c2185b;--st-master-rejected-bg: rgba(244, 143, 177, .28);--st-master-accepted-solid: #ffe082;--st-master-accepted-fg: #8a6500;--st-master-accepted-bg: rgba(255, 224, 130, .5);--st-methodist-review-solid: #ff9800;--st-methodist-review-fg: #c25100;--st-methodist-review-bg: rgba(255, 152, 0, .18);--st-methodist-accepted-solid: #66bb6a;--st-methodist-accepted-fg: #2e7d32;--st-methodist-accepted-bg: rgba(102, 187, 106, .22);--st-methodist-rejected-solid: #e53935;--st-methodist-rejected-fg: #c62828;--st-methodist-rejected-bg: rgba(229, 57, 53, .14)}html.has-mobile-tabbar body{padding-bottom:calc(var(--mobile-tabbar-height) + env(safe-area-inset-bottom,0px))}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.home-glass-panel{background:var(--home-glass-bg);border:1px solid var(--home-glass-border);border-radius:var(--radius-lg);box-shadow:var(--home-glass-shadow);backdrop-filter:blur(var(--home-glass-blur));-webkit-backdrop-filter:blur(var(--home-glass-blur))}.home-glass-panel--soft{background:var(--home-glass-soft-bg);border-color:var(--home-glass-soft-border);box-shadow:var(--home-glass-soft-shadow);backdrop-filter:blur(var(--home-glass-soft-blur));-webkit-backdrop-filter:blur(var(--home-glass-soft-blur))}.app-page-panel{background:var(--home-glass-bg);border:1px solid var(--home-glass-border);border-radius:var(--radius-lg);box-shadow:var(--home-glass-shadow);backdrop-filter:blur(var(--home-glass-blur));-webkit-backdrop-filter:blur(var(--home-glass-blur))}.app-page-header-panel{position:sticky;top:16px;z-index:25;width:fit-content;max-width:calc(100% - 48px);margin:16px 24px 0 auto;overflow:visible;background:transparent;border:none;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}.app-page-header-panel>*{pointer-events:auto}.app-page-header-panel.page-enter{animation-name:page-enter-fade}@media(max-width:767px){.app-page-header-panel{max-width:calc(100% - 32px);margin:12px 16px 0 auto;top:12px}}.admin-page__title-wrapper,.profile-page__header-left,.user-profile-page__header-left,.rating-page__header-top,.review-page__title-block{display:flex;align-items:center;gap:12px;width:fit-content;max-width:100%;padding:10px 16px;box-sizing:border-box;background:#ffffff8c;border:1px solid rgba(255,255,255,.45);border-radius:var(--radius-lg);box-shadow:var(--home-glass-shadow);backdrop-filter:blur(var(--home-glass-blur));-webkit-backdrop-filter:blur(var(--home-glass-blur))}.review-page__title-block{width:100%;justify-content:space-between;flex-wrap:wrap}.admin-page__icon{color:var(--color-page-title-icon)}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.profile-card__identity,.profile-card__form,.profile-push,.profile-achievements,.rating-widget,.rating-page__table,.rating-page__user-card,.rating-page__hint-card,.podium__item,.admin-panel__card,.admin-panel__faq-card,.admin-section-card,.admin-hero,.admin-aside-card,.role-card,.role-edit,.team-card,.achievement-card,.submission-card,.filters,.filters-bar,.users-table-card,.users-table-wrap,.matrix-wrap,.info-card,.solution-section,.review-section,.review-card--secondary,.achievement-section,.artifact-block,.test-block,.block-editor,.course-content__theme,.course-content__lesson-card,.maintenance-card,.admin-legal__section,.stats-card,.dashboard-card,.empty-state{backdrop-filter:blur(var(--home-glass-blur));-webkit-backdrop-filter:blur(var(--home-glass-blur))}}[data-theme=dark]{--color-primary: #2d2d2d;--color-primary-hover: #3d3d3d;--color-primary-light: #404040;--color-teal: #39797a;--color-teal-hover: #3d8586;--color-accent: var(--color-teal);--color-accent-hover: var(--color-teal-hover);--color-bg: #1a1a1a;--color-bg-card: #242424;--color-bg-elevated: #2d2d2d;--color-surface: #333333;--color-text: #f5f5f5;--color-text-muted: #a0a0a0;--color-header-bg: #2d2d2d;--color-header-text: #ffffff;--color-border: #3d3d3d;--shadow: 0 2px 16px rgba(0, 0, 0, .35);--color-dropdown-bg: #2d2d2d;--color-dropdown-border: #3d3d3d;--color-dropdown-hover: #3a3a3a;--color-reward-soft: rgba(253, 92, 35, .18);--color-warning: #ffb74d;--color-danger: #ef9a9a;--st-not-submitted-fg: #bdbdbd;--st-not-submitted-bg: rgba(255, 255, 255, .08);--st-master-review-fg: #d6d6d6;--st-master-review-bg: rgba(158, 158, 158, .26);--st-master-rejected-fg: #f8a5c2;--st-master-rejected-bg: rgba(244, 143, 177, .18);--st-master-accepted-fg: #ffe082;--st-master-accepted-bg: rgba(255, 224, 130, .16);--st-methodist-review-fg: #ffb74d;--st-methodist-review-bg: rgba(255, 152, 0, .18);--st-methodist-accepted-fg: #81c784;--st-methodist-accepted-bg: rgba(102, 187, 106, .18);--st-methodist-rejected-fg: #ef9a9a;--st-methodist-rejected-bg: rgba(229, 57, 53, .2)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;overflow-x:clip}body{margin:0;font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;max-width:100%;overflow-x:clip}@supports (-webkit-touch-callout: none){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]):not([type=color]),textarea,select{font-size:16px}}h1,h2,h3,h4,h5,h6,[class*=__title],[class*=__heading],.modal__title{font-family:var(--font-heading)}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}a.accent{color:var(--color-accent);font-family:var(--font-accent)}a.accent:hover{color:var(--color-accent-hover)}button{font-family:inherit;cursor:pointer}.btn--primary,.login-overlay__btn,.logo__text,.font-accent{font-family:var(--font-accent)}select,.filters__select,.filter-select,.form-select,.inline-select,.rating-filters__select,.block-editor__select,.lesson-page__artifact-editor-input,.form__input:is(select){background-color:var(--color-dropdown-bg);color:var(--color-text);color-scheme:light}[data-theme=dark] select,[data-theme=dark] .filters__select,[data-theme=dark] .filter-select,[data-theme=dark] .form-select,[data-theme=dark] .inline-select,[data-theme=dark] .rating-filters__select,[data-theme=dark] .block-editor__select,[data-theme=dark] .lesson-page__artifact-editor-input,[data-theme=dark] .form__input:is(select){color-scheme:dark}select option{background-color:var(--color-dropdown-bg);color:var(--color-text)}.scroll-filter__menu,.user-chip__menu,.keeper-popover,.artifact-block__popover{background:var(--color-dropdown-bg)!important;background-color:var(--color-dropdown-bg)!important;border-color:var(--color-dropdown-border);backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1;z-index:var(--z-dropdown)!important}.scroll-filter:has(.scroll-filter__menu),.user-chip--open,.artifact-block__attach-wrapper:has(.artifact-block__popover){position:relative;z-index:var(--z-dropdown-host)}.filters:has(.scroll-filter__menu),.filters:has(select:focus),.filters-bar:has(select:focus),.rating-page__filters:has(select:focus),.teams-toolbar:has(select:focus),.users-toolbar:has(select:focus),.sidebar:has(.user-chip--open),.app-page-shell__sidebar:has(.user-chip--open),.home__sidebar:has(.user-chip--open){position:relative;z-index:var(--z-dropdown-host);overflow:visible}.home__sticky-chrome:has(.user-chip--open),.app-page-header-panel:has(.user-chip--open){z-index:var(--z-dropdown-host);overflow:visible}.scroll-filter__option:hover,.user-chip__menu-item:hover{background:var(--color-dropdown-hover)}.modal-overlay,.avatar-position-modal,.login-overlay-panel,.sidebar-module-edit-overlay{--color-bg-card: #ffffff;--color-bg-elevated: #f0f0f0;--color-surface: #e8e8e8;--color-border: rgba(0, 0, 0, .12);--home-glass-bg: #ffffff;--home-glass-border: rgba(0, 0, 0, .12);--home-glass-blur: 0px;--home-glass-soft-bg: #ffffff;--home-glass-soft-border: rgba(0, 0, 0, .12);--home-glass-soft-blur: 0px}[data-theme=dark] .modal-overlay,[data-theme=dark] .avatar-position-modal,[data-theme=dark] .login-overlay-panel,[data-theme=dark] .sidebar-module-edit-overlay{--color-bg-card: #242424;--color-bg-elevated: #2d2d2d;--color-surface: #333333;--color-border: #3d3d3d;--home-glass-bg: #242424;--home-glass-border: #3d3d3d;--home-glass-soft-bg: #242424;--home-glass-soft-border: #3d3d3d}.modal-overlay>.modal,.avatar-position-modal__panel,.login-overlay__card,.lesson-artifact-card__upload-panel,.sidebar-module-edit-panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1}@media(max-width:767px){html .modal-overlay.modal-overlay{align-items:flex-end;justify-content:stretch;padding:0}html .modal-overlay.modal-overlay>.modal{position:relative;width:100%;max-width:none;max-height:90dvh;margin:0;border-radius:16px 16px 0 0;padding-top:12px;padding-bottom:env(safe-area-inset-bottom,0px);animation:bottom-sheet-in .25s ease-out}html .modal-overlay.modal-overlay>.modal:before{content:"";position:absolute;top:6px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:#0000002e}[data-theme=dark] .modal-overlay.modal-overlay>.modal:before{background:#ffffff40}}@keyframes bottom-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html .modal-overlay.modal-overlay>.modal{animation:none}}.login-overlay__card.home-glass-panel{background:var(--home-glass-bg);border-color:var(--home-glass-border)}img{max-width:100%;height:auto}.page-enter{animation:page-enter-rise 1.15s cubic-bezier(.22,1,.36,1) backwards;transform:none}.page-enter--fixed{animation-name:page-enter-fade;transform:none}.page-enter--1{animation-delay:.04s}.page-enter--2{animation-delay:.12s}.page-enter--3{animation-delay:.22s}.page-enter--4{animation-delay:.32s}@keyframes page-enter-rise{0%{opacity:0;transform:translate3d(0,14px,0) scale(.988)}to{opacity:1;transform:none}}@keyframes page-enter-fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.page-enter,.page-enter--fixed,.page-enter--1,.page-enter--2,.page-enter--3,.page-enter--4{animation:none;opacity:1;transform:none}}html.cptns-mobile-static-ui .page-enter,html.cptns-mobile-static-ui .page-enter--fixed,html.cptns-mobile-static-ui .page-enter--1,html.cptns-mobile-static-ui .page-enter--2,html.cptns-mobile-static-ui .page-enter--3,html.cptns-mobile-static-ui .page-enter--4{animation:none!important;opacity:1;transform:none}