/* Final visual layer for authenticated workspaces. Layout belongs to page CSS. */
html body[data-requires-auth="true"]:not([data-view="practice"]) {
  --auth-canvas: #f3f8fc;
  --auth-canvas-edge: #eaf3fa;
  --auth-sidebar: #edf6fd;
  --auth-topbar: #f8fcff;
  --auth-surface: #ffffff;
  --auth-surface-muted: #edf5fb;
  --auth-surface-strong: #ffffff;
  --auth-text: #3e5870;
  --auth-heading: #0b2239;
  --auth-muted: #64798d;
  --auth-border: #cfdeea;
  --auth-border-strong: #afc6d8;
  --auth-primary: #007ede;
  --auth-primary-hover: #0067b8;
  --auth-primary-pressed: #005793;
  --auth-primary-soft: rgba(0, 126, 222, 0.09);
  --auth-primary-border: rgba(0, 126, 222, 0.28);
  --auth-teal: #007ede;
  --auth-teal-soft: rgba(0, 126, 222, 0.09);
  --auth-coral: #007ede;
  --auth-coral-soft: rgba(0, 126, 222, 0.09);
  --auth-amber: #007ede;
  --auth-amber-soft: rgba(0, 126, 222, 0.09);
  --auth-violet: #007ede;
  --auth-violet-soft: rgba(0, 126, 222, 0.09);
  --auth-success: #16805f;
  --auth-warning: #9a6200;
  --auth-danger: #b93848;
  --auth-radius: 8px;
  --auth-radius-sm: 6px;
  --auth-shadow: 0 1px 2px rgba(9, 42, 70, 0.06), 0 8px 22px rgba(9, 42, 70, 0.05);
  --auth-shadow-hover: 0 2px 5px rgba(9, 42, 70, 0.08), 0 14px 30px rgba(9, 42, 70, 0.09);
  --auth-focus: 0 0 0 3px rgba(0, 126, 222, 0.24);
  --flat-bg: var(--auth-canvas);
  --flat-surface: var(--auth-surface);
  --flat-surface-2: var(--auth-surface-muted);
  --flat-text: var(--auth-text);
  --flat-text-strong: var(--auth-heading);
  --flat-muted: var(--auth-muted);
  --flat-border: var(--auth-border);
  --flat-border-soft: var(--auth-border);
  --flat-primary: var(--auth-primary);
  --flat-primary-hover: var(--auth-primary-hover);
  --flat-primary-soft: var(--auth-primary-soft);
  --flat-primary-border: var(--auth-primary-border);
  --mainBox: var(--auth-surface);
  --bodyBg: var(--auth-canvas);
  --bodyT: var(--auth-text);
  --asideText: var(--auth-muted);
  --bordere8e9eb: var(--auth-border);
  --bgf9f9f9: var(--auth-surface-muted);
  --focus: var(--auth-focus);
  color: var(--auth-text) !important;
  color-scheme: light !important;
  font-family: "Roboto", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  letter-spacing: 0 !important;
  background: var(--auth-canvas) !important;
}

html body[data-requires-auth="true"][data-theme="dark"]:not([data-view="practice"]) {
  --auth-canvas: #171b20;
  --auth-canvas-edge: #1d2329;
  --auth-sidebar: #242a2e;
  --auth-topbar: #20262b;
  --auth-surface: #22282d;
  --auth-surface-muted: #292f34;
  --auth-surface-strong: #2c3339;
  --auth-text: #d8dee2;
  --auth-heading: #f4f6f7;
  --auth-muted: #9ea8ae;
  --auth-border: #394248;
  --auth-border-strong: #4b565d;
  --auth-primary: #5ab3ef;
  --auth-primary-hover: #80c6f4;
  --auth-primary-soft: #203847;
  --auth-primary-border: #3e718f;
  --auth-teal-soft: #203633;
  --auth-coral-soft: #3a2b2a;
  --auth-amber-soft: #3a3323;
  --auth-violet-soft: #312e42;
  --auth-shadow: 0 1px 2px rgba(0, 0, 0, 0.24), 0 8px 22px rgba(0, 0, 0, 0.12);
  --auth-shadow-hover: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 24px rgba(0, 0, 0, 0.18);
  --auth-focus: 0 0 0 3px rgba(90, 179, 239, 0.2);
  color-scheme: dark !important;
}

html body[data-requires-auth="true"][data-view="dashboard"] { --auth-page-accent: var(--auth-primary); --auth-page-soft: var(--auth-primary-soft); }
html body[data-requires-auth="true"][data-view="market"],
html body[data-requires-auth="true"][data-view="course-detail"],
html body[data-requires-auth="true"][data-view="course-market-detail"],
html body[data-requires-auth="true"][data-view="course-series"],
html body[data-requires-auth="true"][data-view="guide"] { --auth-page-accent: var(--auth-teal); --auth-page-soft: var(--auth-teal-soft); }
html body[data-requires-auth="true"][data-view="mistake-book"],
html body[data-requires-auth="true"][data-view="promotion-rebate"] { --auth-page-accent: var(--auth-coral); --auth-page-soft: var(--auth-coral-soft); }
html body[data-requires-auth="true"][data-view="vocab"],
html body[data-requires-auth="true"][data-view="vocab-search"],
html body[data-requires-auth="true"][data-view="reading"],
html body[data-requires-auth="true"][data-view="reading-detail"] { --auth-page-accent: var(--auth-primary); --auth-page-soft: var(--auth-primary-soft); }
html body[data-requires-auth="true"][data-view="invite-leaderboard"],
html body[data-requires-auth="true"][data-view="textbook-upload"] { --auth-page-accent: var(--auth-teal); --auth-page-soft: var(--auth-teal-soft); }
html body[data-requires-auth="true"][data-view="upgrade"],
html body[data-requires-auth="true"][data-view="partner-recruit"],
html body[data-requires-auth="true"][data-view="invite-records"],
html body[data-requires-auth="true"][data-view="profile"] { --auth-page-accent: var(--auth-violet); --auth-page-soft: var(--auth-violet-soft); }

html body[data-requires-auth="true"]:not([data-view="practice"]) ::selection {
  color: var(--auth-heading) !important;
  background: var(--auth-primary-border) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]),
html body[data-requires-auth="true"]:not([data-view="practice"]) :is(.study-shell, .main-wrapper, .study-main, .mainBox, .maxWidth, .page-wrap) {
  background-color: var(--auth-canvas) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(.mainBox, .maxWidth, .page-wrap) {
  background: transparent !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) .study-shell > :is(.main-wrapper, .study-main),
html body[data-requires-auth="true"]:not([data-view="practice"]) .container-fuild.study-shell > :is(.main-wrapper, .study-main) {
  background-color: var(--auth-canvas) !important;
  background-image:
    linear-gradient(90deg, var(--auth-canvas-edge) 0, transparent 13%, transparent 87%, var(--auth-canvas-edge) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.42) 0, transparent 220px) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100%, 100% 100% !important;
  background-attachment: fixed !important;
  box-shadow: none !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) .main-wrapper::before,
html body[data-requires-auth="true"]:not([data-view="practice"]) .main-wrapper::after,
html body[data-requires-auth="true"]:not([data-view="practice"]) .study-main::before,
html body[data-requires-auth="true"]:not([data-view="practice"]) .study-main::after {
  content: none !important;
  display: none !important;
}

/* Top bar */
html body[data-requires-auth="true"]:not([data-view="practice"]) .study-shell > .study-utility-bar {
  border-bottom: 1px solid var(--auth-border) !important;
  background: var(--auth-topbar) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.72), 0 3px 12px rgba(70, 58, 30, 0.04) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) .study-shell > .study-utility-bar::before {
  content: none !important;
  display: none !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) .study-shell > .study-utility-bar::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  right: 24px !important;
  bottom: -1px !important;
  width: 84px !important;
  height: 2px !important;
  background: var(--auth-primary) !important;
  opacity: 0.7 !important;
  pointer-events: none !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) .study-utility-brand--primary {
  background: transparent !important;
  box-shadow: none !important;
}

/* Sidebar */
html body[data-requires-auth="true"]:not([data-view="practice"]) .study-shell > .study-sidebar.sidebar-wrapper,
html body[data-requires-auth="true"]:not([data-view="practice"]) .study-sidebar.sidebar-wrapper {
  border-right: 1px solid var(--auth-border-strong) !important;
  background: var(--auth-sidebar) !important;
  box-shadow: 3px 0 14px rgba(76, 61, 24, 0.045) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) .study-sidebar.sidebar-wrapper::before,
html body[data-requires-auth="true"]:not([data-view="practice"]) .study-sidebar.sidebar-wrapper::after {
  content: none !important;
  display: none !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) .study-sidebar.sidebar-wrapper .sidebar > .sidebar-group + .sidebar-group {
  border-top: 1px solid rgba(116, 92, 31, 0.16) !important;
  border-image: none !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) .study-sidebar.sidebar-wrapper .sidebar > .sidebar-group + .sidebar-group::before {
  content: none !important;
  display: none !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) .study-sidebar.sidebar-wrapper .sidebar li > .sidebar-item,
html body[data-requires-auth="true"]:not([data-view="practice"]) .study-sidebar.sidebar-wrapper .sidebar li > .sidebar-item > a {
  border-radius: var(--auth-radius-sm) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) .study-sidebar.sidebar-wrapper .sidebar li > .sidebar-item > a {
  border: 1px solid transparent !important;
  background: transparent !important;
  color: #514830 !important;
  box-shadow: none !important;
  font-weight: 650 !important;
  transition: color 140ms ease, background-color 140ms ease, border-color 140ms ease, transform 80ms ease !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) .study-sidebar.sidebar-wrapper .sidebar li > .sidebar-item > a::after {
  content: none !important;
  display: none !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) .study-sidebar.sidebar-wrapper .sidebar li > .sidebar-item > a:hover {
  border-color: rgba(0, 126, 222, 0.18) !important;
  background: rgba(255, 255, 255, 0.46) !important;
  color: #175c89 !important;
  box-shadow: none !important;
  transform: none !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) .study-sidebar.sidebar-wrapper .sidebar li.active > .sidebar-item > a {
  border-color: var(--auth-primary-border) !important;
  background: var(--auth-primary-soft) !important;
  color: #075f9d !important;
  box-shadow: inset 3px 0 0 var(--auth-primary) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) .study-sidebar.sidebar-wrapper li.active .sidebar-item::before {
  content: none !important;
  display: none !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) .study-sidebar.sidebar-wrapper .sidebar li > .sidebar-item > a:active {
  transform: translateY(1px) !important;
  box-shadow: inset 0 1px 2px rgba(62, 50, 20, 0.12) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) .study-sidebar.sidebar-wrapper .sidebar li > .sidebar-item > a:focus-visible {
  border-color: var(--auth-primary) !important;
  outline: none !important;
  box-shadow: var(--auth-focus) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) .study-sidebar.sidebar-wrapper .userinfo {
  border-top-color: rgba(116, 92, 31, 0.16) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) .study-sidebar.sidebar-wrapper .userinfo .UserImg {
  border: 1px solid rgba(116, 92, 31, 0.18) !important;
  border-radius: var(--auth-radius) !important;
  background: rgba(255, 255, 255, 0.38) !important;
  color: #4d452f !important;
  box-shadow: none !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) .study-sidebar.sidebar-wrapper .userinfo .UserImg:hover,
html body[data-requires-auth="true"]:not([data-view="practice"]) .study-sidebar.sidebar-wrapper .userinfo .UserImg[aria-expanded="true"] {
  border-color: var(--auth-primary-border) !important;
  background: var(--auth-primary-soft) !important;
  color: #075f9d !important;
  box-shadow: none !important;
}

/* Typography */
html body[data-requires-auth="true"]:not([data-view="practice"]) :is(h1, h2, h3, h4, h5, h6, strong, b) {
  color: var(--auth-heading) !important;
  letter-spacing: 0 !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(p, label, li, td, th, dd, dt) {
  letter-spacing: 0 !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(.study-header-title, .dashboard-title, .page-title) {
  color: var(--auth-heading) !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(.study-header-subtitle, .study-breadcrumbs, .muted, .tiny, [class*="subtitle"], [class*="description"]) {
  color: var(--auth-muted) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) a:not(.button):not(.sidebar-item a) {
  color: var(--auth-primary-hover);
}

/* Quiet surfaces */
html body[data-requires-auth="true"]:not([data-view="practice"]) :is(
  .card, .card-solid, .panel-card, .section-card, .plan-card, .info-card,
  .quick-link-card, .category-card, .market-spotlight-item, .lesson-item,
  .course-card, .metric-card, .notice-strip, .dashboard-hero, .support-strip,
  .trial-banner, .detail-card, .membership-status-card, .cs-banner-compact,
  .market-notice, .vip-feature, .vip-quote, .vip-pay, .calendar,
  .market-course-card, .course-directory-card, .continue-course-card,
  .guide-series-card, .recent-course, .search-section, .explore-section,
  .search-result, .market-category-card, .market-filter-card, .market-list-card,
  .dashboard-panel, .market-toolbar, .market-notice-mini, .partner-card,
  .partner-plan-card, .partner-withdraw-card, .partner-withdraw-form-card,
  .tier-card, .benefit-table, .commitment-card, .invite-table-shell,
  .partner-table-shell, .reading-filter-panel, .reading-card,
  .reading-detail-article, .textbook-upload-panel, .textbook-upload-header
) {
  border: 1px solid var(--auth-border) !important;
  border-radius: var(--auth-radius) !important;
  background-color: var(--auth-surface) !important;
  background-image: none !important;
  box-shadow: var(--auth-shadow) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(
  .market-course-card, .course-card, .continue-course-card, .quick-link-card,
  .guide-series-card, .category-card, .reading-card, .cycle-card
):hover {
  border-color: var(--auth-primary-border) !important;
  background-color: var(--auth-surface-strong) !important;
  box-shadow: var(--auth-shadow-hover) !important;
  transform: translateY(-1px) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(
  .section-card, .panel-card, .detail-card, .metric-card, .dashboard-panel,
  .partner-card, .partner-plan-card, .benefit-table, .textbook-upload-panel
)::before,
html body[data-requires-auth="true"]:not([data-view="practice"]) :is(
  .section-card, .panel-card, .detail-card, .metric-card, .dashboard-panel,
  .partner-card, .partner-plan-card, .benefit-table, .textbook-upload-panel
)::after {
  background-image: none !important;
  box-shadow: none !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(.section-card-head, .study-topbar, .textbook-upload-header) {
  border-color: var(--auth-border) !important;
}

/* Buttons */
html body[data-requires-auth="true"]:not([data-view="practice"]) :is(
  .button, .continue-btn, .cs-btn, .invite-button, .guide-series-action,
  .course-series-card__link, .upload-btn, .word-lookup-btn,
  .textbook-template-button, .textbook-submit-button, .textbook-confirm-button,
  .reading-back-link, .reading-favorite-button, .reading-audio-button,
  .partner-summary-card__action, .profile-action, .profile-copy-button,
  .recharge-action, .pager-control
) {
  border-radius: var(--auth-radius-sm) !important;
  box-shadow: none !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  transition: color 140ms ease, background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, transform 80ms ease !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(
  .button.primary, .continue-btn, .word-lookup-btn, .textbook-submit-button,
  .textbook-confirm-button--primary, .recharge-action--primary
) {
  border-color: var(--auth-primary) !important;
  background: var(--auth-primary) !important;
  color: #ffffff !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(
  .button.primary, .continue-btn, .word-lookup-btn, .textbook-submit-button,
  .textbook-confirm-button--primary, .recharge-action--primary
):not(:disabled):hover {
  border-color: var(--auth-primary-hover) !important;
  background: var(--auth-primary-hover) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 10px rgba(0, 126, 222, 0.14) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(
  .button.secondary, .button.ghost, .cs-btn, .invite-button,
  .textbook-template-button, .textbook-confirm-button--secondary,
  .reading-back-link, .reading-favorite-button, .reading-audio-button,
  .profile-action, .profile-copy-button
) {
  border-color: var(--auth-border-strong) !important;
  background: var(--auth-surface-strong) !important;
  color: var(--auth-text) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(
  .button.secondary, .button.ghost, .cs-btn, .invite-button,
  .textbook-template-button, .textbook-confirm-button--secondary,
  .reading-back-link, .reading-favorite-button, .reading-audio-button,
  .profile-action, .profile-copy-button
):not(:disabled):hover {
  border-color: var(--auth-primary-border) !important;
  background: var(--auth-primary-soft) !important;
  color: var(--auth-primary-hover) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(button, .button, a[role="button"]):not(:disabled):active {
  transform: translateY(1px) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(button, .button, input, select, textarea, a[href]):focus-visible {
  outline: none !important;
  box-shadow: var(--auth-focus) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(button, .button, input, select, textarea):disabled,
html body[data-requires-auth="true"]:not([data-view="practice"]) [aria-disabled="true"] {
  filter: none !important;
  opacity: 0.48 !important;
  box-shadow: none !important;
}

/* Form controls */
html body[data-requires-auth="true"]:not([data-view="practice"]) :is(input, select, textarea) {
  border: 1px solid var(--auth-border-strong) !important;
  border-radius: var(--auth-radius-sm) !important;
  background: var(--auth-surface-strong) !important;
  color: var(--auth-text) !important;
  box-shadow: none !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(input, textarea)::placeholder {
  color: #9ba3a7 !important;
  opacity: 1 !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(input, select, textarea):hover:not(:disabled) {
  border-color: #c9bea3 !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(input, select, textarea):focus {
  border-color: var(--auth-primary) !important;
  box-shadow: var(--auth-focus) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(.search-box, .market-search, .mycourses-search, .search-input-wrapper) {
  border-color: var(--auth-border-strong) !important;
  border-radius: var(--auth-radius) !important;
  background: var(--auth-surface-strong) !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Chips and segmented controls */
html body[data-requires-auth="true"]:not([data-view="practice"]) :is(
  .chip, .category-btn, .status-pill, .reading-scope-button,
  .reading-button-group button, .profile-segmented__item,
  .payment-channel-pill, .recharge-tab
) {
  border: 1px solid transparent !important;
  border-radius: var(--auth-radius-sm) !important;
  background: var(--auth-surface-muted) !important;
  color: var(--auth-text) !important;
  box-shadow: none !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(
  .chip, .category-btn, .status-pill, .reading-scope-button,
  .reading-button-group button, .profile-segmented__item,
  .payment-channel-pill, .recharge-tab
):hover {
  border-color: var(--auth-primary-border) !important;
  background: var(--auth-primary-soft) !important;
  color: var(--auth-primary-hover) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(
  .chip.on, .chip.active, .category-btn.on, .category-btn.active,
  .status-pill.on, .reading-scope-button.is-active,
  .reading-button-group button.is-active, .profile-segmented__item.is-active,
  .payment-channel-pill.is-active, .recharge-tab.is-active,
  [aria-pressed="true"]
) {
  border-color: var(--auth-primary-border) !important;
  background: var(--auth-primary-soft) !important;
  color: var(--auth-primary-hover) !important;
  box-shadow: inset 0 -2px 0 var(--auth-primary) !important;
}

/* Tables */
html body[data-requires-auth="true"]:not([data-view="practice"]) table {
  border-color: var(--auth-border) !important;
  background: var(--auth-surface) !important;
  color: var(--auth-text) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(thead, .partner-table-head, .invite-table-head) {
  border-color: var(--auth-border) !important;
  background: var(--auth-surface-muted) !important;
  color: var(--auth-muted) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(th, td, .partner-table-row, .invite-record-row) {
  border-color: var(--auth-border) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(tbody tr, .partner-table-row, .invite-record-row):nth-child(even) {
  background: rgba(250, 247, 238, 0.72) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(tbody tr, .partner-table-row, .invite-record-row):hover {
  background: var(--auth-primary-soft) !important;
}

/* Pagination */
html body[data-requires-auth="true"]:not([data-view="practice"]) :is(.pages, .market-pages, .mistake-pages, .profile-pager, .invite-pager, .reading-pager) {
  color: var(--auth-muted) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(
  .pages, .profile-pager, .invite-pager, .reading-pager
) :is(a, button, span),
html body[data-requires-auth="true"]:not([data-view="practice"]) .pager-control,
html body[data-requires-auth="true"]:not([data-view="practice"]) .pager-numbers button {
  border: 1px solid var(--auth-border-strong) !important;
  border-radius: var(--auth-radius-sm) !important;
  background: var(--auth-surface-strong) !important;
  color: var(--auth-text) !important;
  box-shadow: none !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(
  .pages, .profile-pager, .invite-pager, .reading-pager
) :is(a, button):hover,
html body[data-requires-auth="true"]:not([data-view="practice"]) .pager-control:hover,
html body[data-requires-auth="true"]:not([data-view="practice"]) .pager-numbers button:hover {
  border-color: var(--auth-primary-border) !important;
  background: var(--auth-primary-soft) !important;
  color: var(--auth-primary-hover) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(
  .pages .on, .profile-pager .on, .invite-pager .is-active,
  .reading-pager .is-active, .pager-numbers .is-active,
  [aria-current="page"]
) {
  border-color: var(--auth-primary) !important;
  background: var(--auth-primary) !important;
  color: #ffffff !important;
}

/* Dialogs, account menu and overlays */
html body[data-requires-auth="true"]:not([data-view="practice"]) :is(
  .userbox, .account-menu--portal, .study-utility-panel, .settingPlan,
  .recharge-modal, .profile-modal, .study-modal, .textbook-confirm-dialog,
  [role="dialog"]
) {
  border: 1px solid var(--auth-border-strong) !important;
  border-radius: var(--auth-radius) !important;
  background: var(--auth-surface-strong) !important;
  background-image: none !important;
  color: var(--auth-text) !important;
  box-shadow: 0 18px 48px rgba(47, 42, 30, 0.16) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(
  .bg, .modal-backdrop, .recharge-modal-backdrop,
  .textbook-confirm-modal__backdrop, [class*="backdrop"]
) {
  background: rgba(37, 42, 45, 0.34) !important;
  backdrop-filter: blur(2px) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) .account-menu__title {
  border-color: var(--auth-border) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) .account-menu__section-label {
  color: var(--auth-muted) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) .account-menu__links :is(a, button) {
  border-radius: var(--auth-radius-sm) !important;
  background: transparent !important;
  color: var(--auth-text) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) .account-menu__links :is(a, button):hover,
html body[data-requires-auth="true"]:not([data-view="practice"]) .account-menu__links :is(a, button):focus-visible {
  border-color: var(--auth-primary-border) !important;
  background: var(--auth-primary-soft) !important;
  color: var(--auth-primary-hover) !important;
}

/* Semantic feedback */
html body[data-requires-auth="true"]:not([data-view="practice"]) :is(.success, .status-success, .notice-success) {
  border-color: #b8dccf !important;
  background: var(--auth-teal-soft) !important;
  color: var(--auth-success) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(.warning, .status-warning, .notice-warning) {
  border-color: #ead69c !important;
  background: var(--auth-amber-soft) !important;
  color: var(--auth-warning) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) :is(.error, .status-error, .notice-error) {
  border-color: #eac3c3 !important;
  background: #fff2f2 !important;
  color: var(--auth-danger) !important;
}

/* Loading */
html body[data-requires-auth="true"]:not([data-view="practice"]) .app-loading-overlay {
  background: rgba(251, 248, 239, 0.82) !important;
  backdrop-filter: blur(4px) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) .app-loading-overlay__panel {
  border: 1px solid var(--auth-border) !important;
  border-radius: var(--auth-radius) !important;
  background: var(--auth-surface-strong) !important;
  box-shadow: var(--auth-shadow-hover) !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"]) .app-loading-overlay__spinner {
  border-color: var(--auth-primary-border) !important;
  border-top-color: var(--auth-primary) !important;
}

/* Scrollbars */
html body[data-requires-auth="true"]:not([data-view="practice"])::-webkit-scrollbar,
html body[data-requires-auth="true"]:not([data-view="practice"]) *::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

html body[data-requires-auth="true"]:not([data-view="practice"])::-webkit-scrollbar-track,
html body[data-requires-auth="true"]:not([data-view="practice"]) *::-webkit-scrollbar-track {
  background: transparent !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"])::-webkit-scrollbar-thumb,
html body[data-requires-auth="true"]:not([data-view="practice"]) *::-webkit-scrollbar-thumb {
  border: 3px solid transparent !important;
  border-radius: 999px !important;
  background: #c8c0ad !important;
  background-clip: padding-box !important;
}

html body[data-requires-auth="true"]:not([data-view="practice"])::-webkit-scrollbar-thumb:hover,
html body[data-requires-auth="true"]:not([data-view="practice"]) *::-webkit-scrollbar-thumb:hover {
  background: #a9a08b !important;
  background-clip: padding-box !important;
}

@keyframes authenticated-content-enter {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

html body[data-requires-auth="true"]:not([data-view="practice"]) .main-wrapper > :first-child,
html body[data-requires-auth="true"]:not([data-view="practice"]) .study-main > :first-child {
  animation: authenticated-content-enter 220ms ease-out both;
}

@media (max-width: 700px) {
  html body[data-requires-auth="true"]:not([data-view="practice"]) .study-shell > :is(.main-wrapper, .study-main),
  html body[data-requires-auth="true"]:not([data-view="practice"]) .container-fuild.study-shell > :is(.main-wrapper, .study-main) {
    background-attachment: scroll !important;
  }

  html body[data-requires-auth="true"]:not([data-view="practice"]) .study-shell > .study-utility-bar::after {
    right: 12px !important;
    width: 48px !important;
  }
}

/* Shared workspace polish: preserve geometry while adding depth and motion. */
html body[data-requires-auth="true"][data-view]:not([data-view="practice"]) {
  --auth-surface-warm: #fffcf2;
  --auth-surface-cool: #f7fbfc;
  --auth-shell-line: rgba(0, 126, 222, 0.055);
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-utility-bar {
  background-color: var(--auth-topbar) !important;
  background-image: linear-gradient(100deg, #fff9e8 0%, #fff2c7 42%, #f2fafc 78%, #fff9e8 100%) !important;
  background-size: 180% 100% !important;
  animation: auth-shell-drift 18s ease-in-out infinite alternate !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper {
  background-color: var(--auth-sidebar) !important;
  background-image:
    linear-gradient(180deg, rgba(255, 250, 226, 0.8) 0%, rgba(255, 236, 164, 0.42) 48%, rgba(240, 249, 249, 0.5) 100%),
    repeating-linear-gradient(135deg, transparent 0 24px, rgba(0, 126, 222, 0.025) 24px 25px) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > :is(.main-wrapper, .study-main),
html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.container-fuild.study-shell > :is(.main-wrapper, .study-main) {
  background-color: var(--auth-canvas) !important;
  background-image:
    linear-gradient(135deg, rgba(255, 239, 184, 0.38) 0%, transparent 29%),
    linear-gradient(315deg, rgba(218, 239, 246, 0.46) 0%, transparent 31%),
    repeating-linear-gradient(135deg, transparent 0 31px, var(--auth-shell-line) 31px 32px) !important;
  background-size: 100% 100%, 100% 100%, 100% 100% !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"]) :is(
  .card, .card-solid, .panel-card, .section-card, .plan-card, .info-card,
  .quick-link-card, .category-card, .market-spotlight-item, .lesson-item,
  .course-card, .metric-card, .notice-strip, .dashboard-hero, .support-strip,
  .trial-banner, .detail-card, .membership-status-card, .cs-banner-compact,
  .market-notice, .vip-feature, .vip-quote, .vip-pay, .calendar,
  .market-course-card, .course-directory-card, .continue-course-card,
  .guide-series-card, .recent-course, .search-section, .explore-section,
  .search-result, .market-category-card, .market-filter-card, .market-list-card,
  .dashboard-panel, .market-toolbar, .market-notice-mini, .partner-card,
  .partner-plan-card, .partner-withdraw-card, .partner-withdraw-form-card,
  .tier-card, .benefit-table, .commitment-card, .invite-table-shell,
  .partner-table-shell, .reading-filter-panel, .reading-card,
  .reading-detail-article, .textbook-upload-panel, .textbook-upload-header
) {
  background-color: var(--auth-surface) !important;
  background-image: linear-gradient(145deg, rgba(255, 255, 255, 0.94), var(--auth-surface-warm)) !important;
  box-shadow: 0 1px 2px rgba(70, 58, 30, 0.055), 0 9px 24px rgba(70, 58, 30, 0.045) !important;
}

@media (hover: hover) {
  html body[data-requires-auth="true"][data-view]:not([data-view="practice"]) :is(
    .market-course-card, .course-card, .continue-course-card, .quick-link-card,
    .guide-series-card, .category-card, .reading-card, .cycle-card
  ):hover {
    border-color: color-mix(in srgb, var(--auth-page-accent, var(--auth-primary)) 34%, var(--auth-border)) !important;
    background-image: linear-gradient(145deg, #ffffff, var(--auth-page-soft, var(--auth-primary-soft))) !important;
    box-shadow: 0 1px 2px rgba(70, 58, 30, 0.06), 0 11px 26px rgba(70, 58, 30, 0.07), 0 0 0 2px color-mix(in srgb, var(--auth-page-accent, var(--auth-primary)) 7%, transparent) !important;
  }
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar li > .sidebar-item > a {
  transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 90ms ease !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar li > .sidebar-item > a:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.62), rgba(240, 249, 252, 0.5)) !important;
  box-shadow: 0 3px 10px rgba(82, 67, 25, 0.055) !important;
  transform: translateX(2px) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar li.active > .sidebar-item > a {
  background-color: var(--auth-primary-soft) !important;
  background-image: linear-gradient(90deg, rgba(231, 245, 253, 0.96), rgba(255, 252, 236, 0.72)) !important;
  box-shadow: inset 3px 0 0 var(--auth-primary), 0 4px 12px rgba(0, 103, 175, 0.07) !important;
  transform: none !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar li.active > .sidebar-item > a .sidebar-menu-icon {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  filter: brightness(0) saturate(100%) invert(36%) sepia(79%) saturate(1355%) hue-rotate(170deg) brightness(93%) contrast(101%) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar li.active > .sidebar-item > a > i {
  color: #075f9d !important;
  -webkit-text-fill-color: #075f9d !important;
  opacity: 1 !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.main-wrapper .is-detail-pending,
html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.main-wrapper .is-detail-pending.is-detail-visible {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(.main-wrapper, .study-main) > :first-child {
  animation: none !important;
}

html body.auth-workspace-ready[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(.main-wrapper, .study-main) > :first-child {
  animation: auth-workspace-enter 240ms ease-out both !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"]) .reading-loading {
  gap: 10px !important;
  color: var(--auth-muted) !important;
  font-size: 13px !important;
}

@keyframes auth-shell-drift {
  from { background-position: 0% 50%; }
  to { background-position: 100% 50%; }
}

@keyframes auth-workspace-enter {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"])
.study-shell > .study-utility-bar,
html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper {
  background-image: linear-gradient(135deg, rgba(42, 50, 55, 0.98), rgba(29, 36, 42, 0.98)) !important;
}

html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"])
.study-shell > :is(.main-wrapper, .study-main),
html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"])
.container-fuild.study-shell > :is(.main-wrapper, .study-main) {
  background-image:
    linear-gradient(135deg, rgba(90, 179, 239, 0.055), transparent 31%),
    linear-gradient(315deg, rgba(49, 133, 104, 0.05), transparent 30%),
    repeating-linear-gradient(135deg, transparent 0 31px, rgba(255, 255, 255, 0.012) 31px 32px) !important;
}

html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"]) :is(
  .card, .card-solid, .panel-card, .section-card, .plan-card, .info-card,
  .quick-link-card, .category-card, .market-course-card, .course-card,
  .dashboard-panel, .partner-card, .tier-card, .reading-card,
  .reading-detail-article, .textbook-upload-panel, .textbook-upload-header
) {
  background-image: linear-gradient(145deg, var(--auth-surface-strong), var(--auth-surface)) !important;
}

@media (max-width: 700px) {
  html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
  .study-shell > .study-sidebar.sidebar-wrapper .sidebar li > .sidebar-item > a:hover {
    transform: none !important;
  }
}

/* Final cascade lock for legacy shell rules. */
html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-utility-bar {
  border-bottom-color: rgba(0, 126, 222, 0.18) !important;
  background-color: rgba(248, 252, 255, 0.94) !important;
  background-image:
    linear-gradient(112deg, rgba(0, 126, 222, 0.065) 0 13%, transparent 13.1% 100%),
    repeating-linear-gradient(90deg, transparent 0 79px, rgba(0, 91, 156, 0.03) 79px 80px) !important;
  background-size: auto !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.84), 0 5px 18px rgba(9, 42, 70, 0.07) !important;
  backdrop-filter: blur(16px) saturate(1.08) !important;
  animation: none !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper {
  border-right-color: var(--auth-border-strong) !important;
  background-color: rgba(237, 246, 253, 0.97) !important;
  background-image:
    linear-gradient(155deg, rgba(255, 255, 255, 0.74) 0 18%, transparent 18.1% 100%),
    repeating-linear-gradient(135deg, transparent 0 47px, rgba(0, 126, 222, 0.035) 47px 48px),
    linear-gradient(180deg, #f4faff 0%, #e6f2fb 100%) !important;
  box-shadow: 4px 0 20px rgba(9, 42, 70, 0.07) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > :is(.main-wrapper, .study-main),
html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.container-fuild.study-shell > :is(.main-wrapper, .study-main) {
  background-color: var(--auth-canvas) !important;
  background-image:
    linear-gradient(115deg, rgba(0, 126, 222, 0.045) 0 14%, transparent 14.1% 100%),
    linear-gradient(245deg, rgba(0, 126, 222, 0.028) 0 10%, transparent 10.1% 100%),
    repeating-linear-gradient(90deg, transparent 0 79px, var(--auth-shell-line) 79px 80px),
    repeating-linear-gradient(180deg, transparent 0 79px, var(--auth-shell-line) 79px 80px),
    linear-gradient(180deg, #f9fcff 0%, var(--auth-canvas) 100%) !important;
  background-repeat: no-repeat, no-repeat, repeat, repeat, no-repeat !important;
  background-size: cover, cover, auto, auto, 100% 100% !important;
  background-attachment: fixed !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar li > .sidebar-item > a {
  border-color: transparent !important;
  color: var(--auth-text) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar li > .sidebar-item > a:hover {
  border-color: rgba(0, 126, 222, 0.22) !important;
  color: var(--auth-primary-pressed) !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.84), rgba(0, 126, 222, 0.06)) !important;
  box-shadow: 0 5px 14px rgba(9, 42, 70, 0.07) !important;
  transform: translateX(2px) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar li.active > .sidebar-item > a {
  border-color: var(--auth-primary-border) !important;
  color: var(--auth-primary-pressed) !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.96), rgba(0, 126, 222, 0.11)) !important;
  box-shadow: inset 3px 0 0 var(--auth-primary), 0 6px 16px rgba(0, 103, 184, 0.09) !important;
  transform: none !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.container-fuild.study-shell > .study-sidebar.sidebar-wrapper .sidebar > .sidebar-group > li.active > .sidebar-item > a > i,
html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar li.active > .sidebar-item > a > i {
  color: var(--auth-primary-pressed) !important;
  -webkit-text-fill-color: var(--auth-primary-pressed) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .userinfo .UserImg {
  border-color: var(--auth-border) !important;
  color: var(--auth-text) !important;
  background: rgba(255, 255, 255, 0.7) !important;
  box-shadow: 0 4px 14px rgba(9, 42, 70, 0.06), inset 0 1px 0 #fff !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .userinfo .UserImg:hover,
html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .userinfo .UserImg[aria-expanded="true"] {
  border-color: var(--auth-primary-border) !important;
  color: var(--auth-primary-pressed) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 8px 20px rgba(0, 103, 184, 0.1), inset 0 -2px 0 var(--auth-primary) !important;
}

html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"])
.study-shell > .study-utility-bar,
html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper {
  background-color: rgba(12, 26, 39, 0.97) !important;
  background-image:
    repeating-linear-gradient(135deg, transparent 0 47px, rgba(72, 174, 244, 0.035) 47px 48px),
    linear-gradient(180deg, #102333, #0a1824) !important;
}

html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"])
.study-shell > :is(.main-wrapper, .study-main),
html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"])
.container-fuild.study-shell > :is(.main-wrapper, .study-main) {
  background-color: var(--auth-canvas) !important;
  background-image:
    linear-gradient(115deg, rgba(72, 174, 244, 0.045) 0 14%, transparent 14.1%),
    repeating-linear-gradient(90deg, transparent 0 79px, rgba(72, 174, 244, 0.025) 79px 80px),
    repeating-linear-gradient(180deg, transparent 0 79px, rgba(72, 174, 244, 0.025) 79px 80px) !important;
}

@media (max-width: 700px) {
  html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
  .study-shell > :is(.main-wrapper, .study-main),
  html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
  .container-fuild.study-shell > :is(.main-wrapper, .study-main) {
    background-attachment: scroll !important;
  }

  html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
  .study-shell > .study-sidebar.sidebar-wrapper .sidebar li > .sidebar-item > a:hover {
    transform: none !important;
  }
}

/* Technology visual system. Keep this final and strictly outside Practice. */
html body[data-requires-auth="true"][data-view]:not([data-view="practice"]) {
  --auth-page-accent: var(--auth-primary);
  --auth-page-soft: var(--auth-primary-soft);
  --auth-surface-warm: #f9fcff;
  --auth-surface-cool: #f5faff;
  --auth-shell-line: rgba(0, 91, 156, 0.038);
  --auth-shadow-blue: 0 12px 28px rgba(0, 126, 222, 0.2);
  --auth-shadow-dialog: 0 24px 64px rgba(5, 29, 51, 0.22), 0 2px 8px rgba(5, 29, 51, 0.08);
  font-family: "Inter", "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-utility-bar {
  border-bottom-color: rgba(0, 126, 222, 0.18) !important;
  background-color: rgba(248, 252, 255, 0.94) !important;
  background-image:
    linear-gradient(112deg, rgba(0, 126, 222, 0.065) 0 13%, transparent 13.1% 100%),
    repeating-linear-gradient(90deg, transparent 0 79px, rgba(0, 91, 156, 0.03) 79px 80px) !important;
  background-size: auto !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.84), 0 5px 18px rgba(9, 42, 70, 0.07) !important;
  backdrop-filter: blur(16px) saturate(1.08) !important;
  animation: none !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-utility-bar::after {
  right: 24px !important;
  bottom: -1px !important;
  width: 96px !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, var(--auth-primary), transparent) !important;
  opacity: 0.9 !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper {
  border-right-color: var(--auth-border-strong) !important;
  background-color: rgba(237, 246, 253, 0.97) !important;
  background-image:
    linear-gradient(155deg, rgba(255, 255, 255, 0.74) 0 18%, transparent 18.1% 100%),
    repeating-linear-gradient(135deg, transparent 0 47px, rgba(0, 126, 222, 0.035) 47px 48px),
    linear-gradient(180deg, #f4faff 0%, #e6f2fb 100%) !important;
  box-shadow: 4px 0 20px rgba(9, 42, 70, 0.07) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 14px 0 auto auto !important;
  width: 2px !important;
  height: 92px !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, transparent, var(--auth-primary), transparent) !important;
  opacity: 0.7 !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > :is(.main-wrapper, .study-main),
html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.container-fuild.study-shell > :is(.main-wrapper, .study-main) {
  background-color: var(--auth-canvas) !important;
  background-image:
    linear-gradient(115deg, rgba(0, 126, 222, 0.045) 0 14%, transparent 14.1% 100%),
    linear-gradient(245deg, rgba(0, 126, 222, 0.028) 0 10%, transparent 10.1% 100%),
    repeating-linear-gradient(90deg, transparent 0 79px, var(--auth-shell-line) 79px 80px),
    repeating-linear-gradient(180deg, transparent 0 79px, var(--auth-shell-line) 79px 80px),
    linear-gradient(180deg, #f9fcff 0%, var(--auth-canvas) 100%) !important;
  background-repeat: no-repeat, no-repeat, repeat, repeat, no-repeat !important;
  background-size: cover, cover, auto, auto, 100% 100% !important;
  background-attachment: fixed !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar > .sidebar-group + .sidebar-group {
  border-image: linear-gradient(90deg, rgba(0, 126, 222, 0.28), rgba(0, 126, 222, 0.06), transparent 92%) 1 !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar li > .sidebar-item > a {
  border-color: transparent !important;
  color: var(--auth-text) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar li > .sidebar-item > a .sidebar-menu-icon {
  opacity: 0.74 !important;
  filter: brightness(0) saturate(100%) invert(29%) sepia(17%) saturate(1202%) hue-rotate(164deg) brightness(90%) contrast(90%) !important;
  transition: opacity 160ms ease, filter 160ms ease, transform 160ms ease !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar li > .sidebar-item > a:hover {
  border-color: rgba(0, 126, 222, 0.22) !important;
  color: var(--auth-primary-pressed) !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.84), rgba(0, 126, 222, 0.06)) !important;
  box-shadow: 0 5px 14px rgba(9, 42, 70, 0.07) !important;
  transform: translateX(2px) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar li > .sidebar-item > a:hover .sidebar-menu-icon {
  opacity: 1 !important;
  filter: brightness(0) saturate(100%) invert(34%) sepia(96%) saturate(2035%) hue-rotate(180deg) brightness(93%) contrast(102%) !important;
  transform: translateX(1px) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar li.active > .sidebar-item > a {
  border-color: var(--auth-primary-border) !important;
  color: var(--auth-primary-pressed) !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.96), rgba(0, 126, 222, 0.11)) !important;
  box-shadow: inset 3px 0 0 var(--auth-primary), 0 6px 16px rgba(0, 103, 184, 0.09) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.container-fuild.study-shell > .study-sidebar.sidebar-wrapper .sidebar > .sidebar-group > li.active > .sidebar-item > a > i,
html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar li.active > .sidebar-item > a > i {
  color: var(--auth-primary-pressed) !important;
  -webkit-text-fill-color: var(--auth-primary-pressed) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .userinfo .UserImg {
  border-color: var(--auth-border) !important;
  color: var(--auth-text) !important;
  background: rgba(255, 255, 255, 0.7) !important;
  box-shadow: 0 4px 14px rgba(9, 42, 70, 0.06), inset 0 1px 0 #fff !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .userinfo .UserImg:hover,
html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .userinfo .UserImg[aria-expanded="true"] {
  border-color: var(--auth-primary-border) !important;
  color: var(--auth-primary-pressed) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 8px 20px rgba(0, 103, 184, 0.1), inset 0 -2px 0 var(--auth-primary) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(.study-utility-link, .study-utility-brand, .study-utility-link--icon-only, .dashboard-icon-button, .hero-icon-btn) {
  border-color: transparent !important;
  color: var(--auth-text) !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease, transform 90ms ease !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(.study-utility-link, .study-utility-brand, .study-utility-link--icon-only, .dashboard-icon-button, .hero-icon-btn):hover {
  border-color: var(--auth-primary-border) !important;
  color: var(--auth-primary-pressed) !important;
  background: var(--auth-primary-soft) !important;
  box-shadow: 0 5px 14px rgba(0, 103, 184, 0.08) !important;
}

/* Shared surfaces */
html body[data-requires-auth="true"][data-view]:not([data-view="practice"]) :is(
  .card, .card-solid, .panel-card, .section-card, .plan-card, .info-card,
  .quick-link-card, .category-card, .market-spotlight-item, .lesson-item,
  .course-card, .metric-card, .notice-strip, .dashboard-hero, .support-strip,
  .trial-banner, .detail-card, .membership-status-card, .cs-banner-compact,
  .market-notice, .vip-feature, .vip-quote, .vip-pay, .calendar,
  .market-course-card, .course-directory-card, .continue-course-card,
  .guide-series-card, .recent-course, .search-section, .explore-section,
  .search-result, .market-category-card, .market-filter-card, .market-list-card,
  .dashboard-panel, .dashboard-toolbar, .dashboard-banner, .dashboard-stat-block,
  .dashboard-mini-metric, .dashboard-metric-card, .market-toolbar,
  .market-notice-mini, .partner-card, .partner-panel, .partner-plan-card,
  .partner-withdraw-card, .partner-withdraw-form-card, .tier-card, .benefit-table,
  .commitment-card, .invite-table-shell, .partner-table-shell,
  .leaderboard-table, .reading-filter-panel, .reading-card,
  .reading-detail-article, .textbook-upload-panel, .textbook-upload-header,
  .profile-card, .profile-section, .word-lookup-box, .vocab-hint-item,
  .vocab-search-result-card, .mistake-hero, .mistake-course-card,
  .mistake-lesson-card, .course-series-hero, .course-series-card
) {
  border-color: var(--auth-border) !important;
  background-color: rgba(255, 255, 255, 0.93) !important;
  background-image: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(247, 251, 254, 0.96)) !important;
  box-shadow: var(--auth-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"]) :is(
  .section-card, .panel-card, .detail-card, .dashboard-panel, .partner-card,
  .partner-plan-card, .tier-card, .benefit-table, .textbook-upload-panel,
  .reading-detail-article, .profile-section, .leaderboard-table
) {
  border-top-color: rgba(0, 126, 222, 0.24) !important;
}

@media (hover: hover) {
  html body[data-requires-auth="true"][data-view]:not([data-view="practice"]) :is(
    .market-course-card, .course-card, .continue-course-card, .quick-link-card,
    .guide-series-card, .category-card, .reading-card, .cycle-card,
    .course-series-card, .vocab-hint-item
  ):hover {
    border-color: var(--auth-primary-border) !important;
    background-image: linear-gradient(145deg, #ffffff, rgba(0, 126, 222, 0.055)) !important;
    box-shadow: var(--auth-shadow-hover), 0 0 0 2px rgba(0, 126, 222, 0.045) !important;
    transform: translateY(-2px) !important;
  }
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(.section-card-head, .study-topbar, .textbook-upload-header, .dashboard-panel__head,
.profile-section__header, .recharge-modal__head, .textbook-confirm-dialog__actions) {
  border-color: var(--auth-border) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(.study-header-title, .dashboard-title, .page-title, .dashboard-page__title,
.dashboard-panel__title, .word-lookup-title) {
  color: var(--auth-heading) !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(.dashboard-page__eyebrow, .dashboard-panel__eyebrow, .word-lookup-panel__badge,
.course-series-eyebrow, .recharge-modal__eyebrow, [class*="__eyebrow"]) {
  border-color: var(--auth-primary-border) !important;
  color: var(--auth-primary-pressed) !important;
  background: var(--auth-primary-soft) !important;
}

/* Controls */
html body[data-requires-auth="true"][data-view]:not([data-view="practice"]) :is(
  .button.primary, .continue-btn, .word-lookup-btn, .textbook-submit-button,
  .textbook-confirm-button--primary, .recharge-action--primary,
  .dashboard-button--primary, .guide-series-action, .course-series-card__link
) {
  border-color: var(--auth-primary) !important;
  color: #fff !important;
  background: linear-gradient(135deg, #1493ed 0%, var(--auth-primary) 48%, #005daa 100%) !important;
  box-shadow: var(--auth-shadow-blue), inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"]) :is(
  .button.primary, .continue-btn, .word-lookup-btn, .textbook-submit-button,
  .textbook-confirm-button--primary, .recharge-action--primary,
  .dashboard-button--primary, .guide-series-action, .course-series-card__link
):not(:disabled):hover {
  border-color: var(--auth-primary-pressed) !important;
  color: #fff !important;
  background: linear-gradient(135deg, #0788e6 0%, #006fc9 54%, #005394 100%) !important;
  box-shadow: 0 15px 30px rgba(0, 103, 184, 0.27), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"]) :is(
  .button.secondary, .button.ghost, .cs-btn, .invite-button,
  .textbook-template-button, .textbook-confirm-button--secondary,
  .reading-back-link, .reading-favorite-button, .reading-audio-button,
  .profile-action, .profile-copy-button, .dashboard-button:not(.dashboard-button--primary)
) {
  border-color: var(--auth-border-strong) !important;
  color: var(--auth-text) !important;
  background: linear-gradient(180deg, #ffffff 0%, #eff6fb 100%) !important;
  box-shadow: 0 5px 14px rgba(9, 42, 70, 0.07), inset 0 1px 0 #fff !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"]) :is(
  .button.secondary, .button.ghost, .cs-btn, .invite-button,
  .textbook-template-button, .textbook-confirm-button--secondary,
  .reading-back-link, .reading-favorite-button, .reading-audio-button,
  .profile-action, .profile-copy-button, .dashboard-button:not(.dashboard-button--primary)
):not(:disabled):hover {
  border-color: var(--auth-primary-border) !important;
  color: var(--auth-primary-pressed) !important;
  background: linear-gradient(180deg, #ffffff 0%, #dceefb 100%) !important;
  box-shadow: 0 8px 20px rgba(0, 103, 184, 0.11) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(button, .button, a[role="button"]):not(:disabled):active {
  transform: translateY(1px) scale(0.995) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(button, .button, input, select, textarea, a[href], summary):focus-visible {
  outline: 2px solid var(--auth-primary) !important;
  outline-offset: 3px !important;
  box-shadow: var(--auth-focus) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(button, .button, input, select, textarea):disabled,
html body[data-requires-auth="true"][data-view]:not([data-view="practice"]) [aria-disabled="true"] {
  cursor: not-allowed !important;
  opacity: 0.48 !important;
  filter: saturate(0.4) !important;
  box-shadow: none !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  border-color: var(--auth-border-strong) !important;
  color: var(--auth-heading) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: inset 0 1px 2px rgba(9, 42, 70, 0.035) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(input:not([type="checkbox"]):not([type="radio"]), select, textarea):hover:not(:disabled) {
  border-color: var(--auth-border-strong) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(input:not([type="checkbox"]):not([type="radio"]), select, textarea):focus {
  border-color: var(--auth-primary) !important;
  background: #fff !important;
  box-shadow: var(--auth-focus), inset 0 1px 0 #fff !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(input, textarea)::placeholder {
  color: #5f7588 !important;
  opacity: 1 !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(.search-box, .market-search, .mycourses-search, .search-input-wrapper,
.word-lookup-input, .searchInp) {
  border-color: var(--auth-border-strong) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 6px 18px rgba(9, 42, 70, 0.06), inset 0 1px 0 #fff !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(.search-box, .market-search, .mycourses-search, .search-input-wrapper,
.word-lookup-input, .searchInp):focus-within {
  border-color: var(--auth-primary) !important;
  box-shadow: var(--auth-focus), 0 8px 22px rgba(0, 103, 184, 0.08) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"]) :is(
  .chip, .category-btn, .status-pill, .reading-scope-button,
  .reading-button-group button, .profile-segmented__item,
  .payment-channel-pill, .recharge-tab, .dashboard-tab, .source_tab a,
  .lesson-tabs button
) {
  border-color: transparent !important;
  color: var(--auth-text) !important;
  background: #eaf3fa !important;
  box-shadow: inset 0 1px 2px rgba(9, 42, 70, 0.04) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"]) :is(
  .chip.on, .chip.active, .category-btn.on, .category-btn.active,
  .status-pill.on, .reading-scope-button.is-active,
  .reading-button-group button.is-active, .profile-segmented__item.is-active,
  .payment-channel-pill.is-active, .recharge-tab.is-active,
  .dashboard-tab.is-active, .source_tab a.on, .lesson-tabs button.active,
  [aria-pressed="true"]
) {
  border-color: var(--auth-primary-border) !important;
  color: var(--auth-primary-pressed) !important;
  background: var(--auth-primary-soft) !important;
  box-shadow: inset 0 -2px 0 var(--auth-primary), 0 4px 12px rgba(0, 103, 184, 0.06) !important;
}

/* Data, pagination and feedback */
html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(thead, .partner-table-head, .invite-table-head, .leaderboard-table__head) {
  border-color: var(--auth-border) !important;
  color: var(--auth-muted) !important;
  background: #eaf3fa !important;
  box-shadow: inset 0 -1px 0 var(--auth-border) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(tbody tr, .partner-table-row, .invite-record-row, .leaderboard-row):nth-child(even) {
  background: rgba(237, 245, 251, 0.66) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(tbody tr, .partner-table-row, .invite-record-row, .leaderboard-row):hover {
  background: var(--auth-primary-soft) !important;
  box-shadow: inset 3px 0 0 rgba(0, 126, 222, 0.52) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(.pages, .market-pages, .mistake-pages, .profile-pager, .invite-pager, .reading-pager) :is(a, button, span),
html body[data-requires-auth="true"][data-view]:not([data-view="practice"]) .pager-control,
html body[data-requires-auth="true"][data-view]:not([data-view="practice"]) .pager-numbers button {
  min-width: 44px !important;
  min-height: 44px !important;
  border-color: var(--auth-border-strong) !important;
  color: var(--auth-text) !important;
  background: linear-gradient(180deg, #fff 0%, #eff6fb 100%) !important;
  box-shadow: 0 4px 12px rgba(9, 42, 70, 0.06) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(.pages .on, .profile-pager .on, .invite-pager .is-active,
.reading-pager .is-active, .pager-numbers .is-active, [aria-current="page"]) {
  border-color: var(--auth-primary) !important;
  color: #fff !important;
  background: linear-gradient(135deg, #1493ed, #0062b0) !important;
  box-shadow: 0 8px 18px rgba(0, 103, 184, 0.2) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(.pages, .market-pages, .mistake-pages, .profile-pager, .invite-pager, .reading-pager)
:is(a, button):disabled,
html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(.pages, .market-pages, .mistake-pages, .profile-pager, .invite-pager, .reading-pager)
[aria-disabled="true"] {
  color: #91a2b1 !important;
  background: #edf2f6 !important;
  opacity: 0.66 !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(.empty-state, [class*="empty"], .no-data, .loading-state, .reading-loading) {
  border-color: var(--auth-border) !important;
  color: var(--auth-muted) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(.empty-state, .no-data) > i {
  color: var(--auth-primary) !important;
  filter: drop-shadow(0 4px 10px rgba(0, 126, 222, 0.16)) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(.success, .status-success, .notice-success) {
  border-color: rgba(22, 128, 95, 0.3) !important;
  color: #126a50 !important;
  background: rgba(22, 128, 95, 0.09) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(.warning, .status-warning, .notice-warning) {
  border-color: rgba(154, 98, 0, 0.3) !important;
  color: #764b00 !important;
  background: rgba(154, 98, 0, 0.09) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(.error, .status-error, .notice-error) {
  border-color: rgba(185, 56, 72, 0.3) !important;
  color: #9f2635 !important;
  background: rgba(185, 56, 72, 0.08) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"]) .app-loading-overlay {
  background: rgba(243, 248, 252, 0.84) !important;
  backdrop-filter: blur(7px) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"]) .app-loading-overlay__panel {
  border-color: var(--auth-primary-border) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: var(--auth-shadow-dialog) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"]) .app-loading-overlay__spinner {
  border-color: rgba(0, 126, 222, 0.2) !important;
  border-top-color: var(--auth-primary) !important;
  filter: drop-shadow(0 0 7px rgba(0, 126, 222, 0.22)) !important;
}

/* Menus and dialogs */
html body[data-requires-auth="true"][data-view]:not([data-view="practice"]) :is(
  .userbox, .account-menu--portal, .study-utility-panel, .settingPlan,
  .recharge-modal, .profile-modal, .study-modal, .textbook-confirm-dialog,
  [role="dialog"]
) {
  border-color: var(--auth-border-strong) !important;
  color: var(--auth-text) !important;
  background: rgba(255, 255, 255, 0.97) !important;
  box-shadow: var(--auth-shadow-dialog) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"]) :is(
  .bg, .modal-backdrop, .recharge-modal-backdrop,
  .textbook-confirm-modal__backdrop, [class*="backdrop"]
) {
  background: rgba(4, 22, 38, 0.56) !important;
  backdrop-filter: blur(7px) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.account-menu__links :is(a, button) {
  min-height: 42px !important;
  border: 1px solid transparent !important;
  color: var(--auth-text) !important;
  background: transparent !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.account-menu__links :is(a, button) i {
  color: var(--auth-primary) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.account-menu__links :is(a, button):hover {
  border-color: var(--auth-primary-border) !important;
  color: var(--auth-primary-pressed) !important;
  background: var(--auth-primary-soft) !important;
  box-shadow: inset 2px 0 0 var(--auth-primary) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(.study-utility-panel__close, .account-menu__close, .recharge-modal__close,
.study-modal-close, .textbook-confirm-dialog button[aria-label*="关闭"]) {
  border-color: var(--auth-border) !important;
  color: var(--auth-muted) !important;
  background: var(--auth-surface-muted) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
:is(.study-utility-panel__close, .account-menu__close, .recharge-modal__close,
.study-modal-close):hover {
  border-color: var(--auth-primary-border) !important;
  color: var(--auth-primary-pressed) !important;
  background: var(--auth-primary-soft) !important;
}

/* Page-specific high-value details */
html body[data-requires-auth="true"][data-view="dashboard"]
:is(.dashboard-banner__icon, .dashboard-stat-block__head i, .dashboard-checkin__date,
.dashboard-panel__tag) {
  border-color: var(--auth-primary-border) !important;
  color: var(--auth-primary-pressed) !important;
  background: var(--auth-primary-soft) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72) !important;
}

html body[data-requires-auth="true"][data-view="dashboard"] .dashboard-progress__track,
html body[data-requires-auth="true"][data-view="vocab"] :is(.progress, .progress-track),
html body[data-requires-auth="true"][data-view="my-courses"] :is(.progress, .progress-track) {
  background: #dbe8f2 !important;
  box-shadow: inset 0 1px 2px rgba(9, 42, 70, 0.08) !important;
}

html body[data-requires-auth="true"][data-view="dashboard"] .dashboard-progress__track span,
html body[data-requires-auth="true"][data-view="vocab"] :is(.progress-bar, .progress-fill),
html body[data-requires-auth="true"][data-view="my-courses"] :is(.progress-bar, .progress-fill) {
  background: linear-gradient(90deg, #1493ed, var(--auth-primary), #005daa) !important;
  box-shadow: 0 0 12px rgba(0, 126, 222, 0.24) !important;
}

html body[data-requires-auth="true"][data-view="vocab-search"] .word-lookup-box {
  border-color: var(--auth-primary-border) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(237, 247, 253, 0.96)) !important;
  box-shadow: 0 20px 48px rgba(9, 42, 70, 0.1), inset 0 1px 0 #fff !important;
}

html body[data-requires-auth="true"][data-view="reading"] .reading-card__cover,
html body[data-requires-auth="true"][data-view="reading-detail"] .reading-detail-article__header,
html body[data-requires-auth="true"] :is(.course-cover, .detail-card-visual, .market-course-card__visual) {
  border-color: var(--auth-border) !important;
  background: linear-gradient(145deg, #edf7fe, #dbeefb) !important;
}

html body[data-requires-auth="true"][data-view="invite-leaderboard"]
:is(.leaderboard-rank, .leaderboard-avatar, .leaderboard-score),
html body[data-requires-auth="true"][data-view="knowledge-base"]
:is(.leaderboard-rank, .leaderboard-avatar, .leaderboard-score) {
  border-color: var(--auth-primary-border) !important;
  box-shadow: 0 5px 14px rgba(0, 103, 184, 0.09) !important;
}

html body[data-requires-auth="true"][data-view="upgrade"]
:is(.tier-card.is-active, .cycle-card.is-active, .recharge-tab.is-active) {
  border-color: var(--auth-primary) !important;
  box-shadow: 0 12px 30px rgba(0, 103, 184, 0.13), inset 0 0 0 1px rgba(0, 126, 222, 0.1) !important;
}

html body[data-requires-auth="true"][data-view="textbook-upload"]
:is(.textbook-dropzone, .textbook-file-card) {
  border-color: var(--auth-primary-border) !important;
  background: rgba(237, 247, 253, 0.72) !important;
}

html body[data-requires-auth="true"][data-view="textbook-upload"] .textbook-dropzone:hover {
  border-color: var(--auth-primary) !important;
  background: var(--auth-primary-soft) !important;
  box-shadow: inset 0 0 0 1px rgba(0, 126, 222, 0.08) !important;
}

/* Dark technology theme */
html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"]) {
  --auth-canvas: #08131f;
  --auth-canvas-edge: #0b1a28;
  --auth-sidebar: #0d1c2a;
  --auth-topbar: #0c1a27;
  --auth-surface: #102131;
  --auth-surface-muted: #142a3c;
  --auth-surface-strong: #172d3f;
  --auth-text: #c8d8e5;
  --auth-heading: #f4f9fc;
  --auth-muted: #8ea5b7;
  --auth-border: #294357;
  --auth-border-strong: #38586f;
  --auth-primary: #48aef4;
  --auth-primary-hover: #72c2f8;
  --auth-primary-pressed: #9ad4fb;
  --auth-primary-soft: rgba(72, 174, 244, 0.12);
  --auth-primary-border: rgba(72, 174, 244, 0.34);
  --auth-shadow: 0 1px 2px rgba(0, 0, 0, 0.26), 0 9px 24px rgba(0, 0, 0, 0.16);
  --auth-shadow-hover: 0 2px 5px rgba(0, 0, 0, 0.3), 0 14px 30px rgba(0, 0, 0, 0.22);
}

html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"])
.study-shell > .study-utility-bar,
html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper {
  background-color: rgba(12, 26, 39, 0.97) !important;
  background-image:
    repeating-linear-gradient(135deg, transparent 0 47px, rgba(72, 174, 244, 0.035) 47px 48px),
    linear-gradient(180deg, #102333, #0a1824) !important;
}

html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"])
.study-shell > :is(.main-wrapper, .study-main),
html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"])
.container-fuild.study-shell > :is(.main-wrapper, .study-main) {
  background-color: var(--auth-canvas) !important;
  background-image:
    linear-gradient(115deg, rgba(72, 174, 244, 0.045) 0 14%, transparent 14.1%),
    repeating-linear-gradient(90deg, transparent 0 79px, rgba(72, 174, 244, 0.025) 79px 80px),
    repeating-linear-gradient(180deg, transparent 0 79px, rgba(72, 174, 244, 0.025) 79px 80px) !important;
}

html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"]) :is(
  .card, .card-solid, .panel-card, .section-card, .plan-card, .info-card,
  .quick-link-card, .category-card, .market-course-card, .course-card,
  .dashboard-panel, .dashboard-toolbar, .dashboard-banner, .partner-card,
  .tier-card, .reading-card, .reading-detail-article, .textbook-upload-panel,
  .leaderboard-table, .profile-section, .word-lookup-box
) {
  background-color: rgba(16, 33, 49, 0.96) !important;
  background-image: linear-gradient(145deg, rgba(23, 45, 63, 0.96), rgba(16, 33, 49, 0.98)) !important;
  box-shadow: var(--auth-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"])
:is(input:not([type="checkbox"]):not([type="radio"]), select, textarea,
.search-box, .search-input-wrapper, .word-lookup-input, .searchInp) {
  border-color: var(--auth-border-strong) !important;
  color: var(--auth-heading) !important;
  background: #102131 !important;
}

html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"])
:is(.button.secondary, .button.ghost, .pager-control, .pager-numbers button) {
  color: var(--auth-text) !important;
  border-color: var(--auth-border-strong) !important;
  background: linear-gradient(180deg, #172d3f, #102131) !important;
}

html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"]) .app-loading-overlay {
  background: rgba(8, 19, 31, 0.86) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
::-webkit-scrollbar-thumb {
  border: 3px solid transparent !important;
  background: #afc6d8 !important;
  background-clip: padding-box !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
::-webkit-scrollbar-thumb:hover {
  background: #7898b1 !important;
  background-clip: padding-box !important;
}

@media (max-width: 700px) {
  html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
  .study-shell > :is(.main-wrapper, .study-main),
  html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
  .container-fuild.study-shell > :is(.main-wrapper, .study-main) {
    background-attachment: scroll !important;
  }

  html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
  .study-shell > .study-sidebar.sidebar-wrapper .sidebar li > .sidebar-item > a:hover {
    transform: none !important;
  }

  html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
  .study-shell > .study-sidebar.sidebar-wrapper::after {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body[data-requires-auth="true"][data-view]:not([data-view="practice"]) *,
  html body[data-requires-auth="true"][data-view]:not([data-view="practice"]) *::before,
  html body[data-requires-auth="true"][data-view]:not([data-view="practice"]) *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"])
.study-shell > :is(.main-wrapper, .study-main),
html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"])
.container-fuild.study-shell > :is(.main-wrapper, .study-main) {
  background-image:
    linear-gradient(90deg, var(--auth-canvas-edge) 0, transparent 12%, transparent 88%, var(--auth-canvas-edge) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.025) 0, transparent 220px) !important;
}

html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar li > .sidebar-item > a,
html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .userinfo .UserImg {
  border-color: transparent !important;
  background-color: transparent !important;
  color: var(--auth-text) !important;
}

html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar li > .sidebar-item > a:hover,
html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .userinfo .UserImg:hover {
  border-color: var(--auth-primary-border) !important;
  background-color: rgba(255, 255, 255, 0.055) !important;
  color: var(--auth-primary-hover) !important;
}

html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar li.active > .sidebar-item > a,
html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .userinfo .UserImg[aria-expanded="true"] {
  border-color: var(--auth-primary-border) !important;
  background-color: var(--auth-primary-soft) !important;
  color: var(--auth-primary-hover) !important;
}

html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"])
.container-fuild.study-shell > .study-sidebar.sidebar-wrapper .sidebar > .sidebar-group > li.active > .sidebar-item > a > i {
  color: var(--auth-primary-hover) !important;
  -webkit-text-fill-color: var(--auth-primary-hover) !important;
}

html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"]) .app-loading-overlay {
  background: rgba(23, 27, 32, 0.84) !important;
}

html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"]) :is(.error, .status-error, .notice-error) {
  border-color: #704545 !important;
  background: #392729 !important;
}

@media (prefers-reduced-motion: reduce) {
  html body[data-requires-auth="true"]:not([data-view="practice"]) *,
  html body[data-requires-auth="true"]:not([data-view="practice"]) *::before,
  html body[data-requires-auth="true"]:not([data-view="practice"]) *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Match the historical shell selectors exactly so the final layer wins. */
html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-utility-bar {
  border-bottom: 1px solid var(--auth-border) !important;
  background-color: var(--auth-topbar) !important;
  background-image: none !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.72), 0 3px 12px rgba(70, 58, 30, 0.04) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-utility-bar::before {
  content: none !important;
  display: none !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-utility-bar::after {
  content: "" !important;
  display: block !important;
  right: 24px !important;
  bottom: -1px !important;
  width: 84px !important;
  height: 2px !important;
  background: var(--auth-primary) !important;
  opacity: 0.7 !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper {
  border-right: 1px solid var(--auth-border-strong) !important;
  background-color: var(--auth-sidebar) !important;
  background-image: none !important;
  box-shadow: 3px 0 14px rgba(76, 61, 24, 0.045) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper::before,
html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper::after {
  content: none !important;
  display: none !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > :is(.main-wrapper, .study-main),
html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.container-fuild.study-shell > :is(.main-wrapper, .study-main) {
  background-color: var(--auth-canvas) !important;
  background-image:
    linear-gradient(90deg, var(--auth-canvas-edge) 0, transparent 12%, transparent 88%, var(--auth-canvas-edge) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.42) 0, transparent 220px) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100%, 100% 100% !important;
  background-attachment: fixed !important;
  box-shadow: none !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar li > .sidebar-item > a {
  border: 1px solid transparent !important;
  border-radius: var(--auth-radius-sm) !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #514830 !important;
  box-shadow: none !important;
  transform: none !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar li > .sidebar-item > a i {
  color: inherit !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar li > .sidebar-item > a .sidebar-menu-icon {
  opacity: 0.86 !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar li > .sidebar-item > a:hover {
  border-color: rgba(0, 126, 222, 0.18) !important;
  background-color: rgba(255, 255, 255, 0.46) !important;
  color: #175c89 !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar li.active > .sidebar-item > a {
  border-color: var(--auth-primary-border) !important;
  background-color: var(--auth-primary-soft) !important;
  background-image: none !important;
  color: #075f9d !important;
  box-shadow: inset 3px 0 0 var(--auth-primary) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar li.active > .sidebar-item > a .sidebar-menu-icon {
  opacity: 1 !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.container-fuild.study-shell > .study-sidebar.sidebar-wrapper .sidebar > .sidebar-group > li.active > .sidebar-item > a > i {
  color: #075f9d !important;
  -webkit-text-fill-color: #075f9d !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar li > .sidebar-item > a:active {
  transform: translateY(1px) !important;
  box-shadow: inset 0 1px 2px rgba(62, 50, 20, 0.12) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .userinfo .UserImg {
  border: 1px solid rgba(116, 92, 31, 0.18) !important;
  border-radius: var(--auth-radius) !important;
  background-color: rgba(255, 255, 255, 0.38) !important;
  background-image: none !important;
  color: #4d452f !important;
  box-shadow: none !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .userinfo .UserImg:hover,
html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .userinfo .UserImg[aria-expanded="true"] {
  border-color: var(--auth-primary-border) !important;
  background-color: var(--auth-primary-soft) !important;
  color: #075f9d !important;
}

@media (max-width: 700px) {
  html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
  .study-shell > :is(.main-wrapper, .study-main),
  html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
  .container-fuild.study-shell > :is(.main-wrapper, .study-main) {
    background-attachment: scroll !important;
  }

  html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
  .study-shell > .study-utility-bar::after {
    right: 12px !important;
    width: 48px !important;
  }
}

/* Cascade guard for the historical shell selectors immediately above. */
html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-utility-bar {
  background-color: var(--auth-topbar) !important;
  background-image: linear-gradient(100deg, #fff9e8 0%, #fff2c7 42%, #f2fafc 78%, #fff9e8 100%) !important;
  background-size: 180% 100% !important;
  animation: auth-shell-drift 18s ease-in-out infinite alternate !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper {
  background-color: var(--auth-sidebar) !important;
  background-image:
    linear-gradient(180deg, rgba(255, 250, 226, 0.8) 0%, rgba(255, 236, 164, 0.42) 48%, rgba(240, 249, 249, 0.5) 100%),
    repeating-linear-gradient(135deg, transparent 0 24px, rgba(0, 126, 222, 0.025) 24px 25px) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > :is(.main-wrapper, .study-main),
html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.container-fuild.study-shell > :is(.main-wrapper, .study-main) {
  background-color: var(--auth-canvas) !important;
  background-image:
    linear-gradient(135deg, rgba(255, 239, 184, 0.38) 0%, transparent 29%),
    linear-gradient(315deg, rgba(218, 239, 246, 0.46) 0%, transparent 31%),
    repeating-linear-gradient(135deg, transparent 0 31px, var(--auth-shell-line) 31px 32px) !important;
  background-size: 100% 100%, 100% 100%, 100% 100% !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar li > .sidebar-item > a:hover {
  background-color: rgba(255, 255, 255, 0.5) !important;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.62), rgba(240, 249, 252, 0.5)) !important;
  box-shadow: 0 3px 10px rgba(82, 67, 25, 0.055) !important;
  transform: translateX(2px) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar li.active > .sidebar-item > a {
  background-color: var(--auth-primary-soft) !important;
  background-image: linear-gradient(90deg, rgba(231, 245, 253, 0.96), rgba(255, 252, 236, 0.72)) !important;
  box-shadow: inset 3px 0 0 var(--auth-primary), 0 4px 12px rgba(0, 103, 175, 0.07) !important;
  transform: none !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar li.active > .sidebar-item > a .sidebar-menu-icon {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  filter: brightness(0) saturate(100%) invert(36%) sepia(79%) saturate(1355%) hue-rotate(170deg) brightness(93%) contrast(101%) !important;
}

html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.container-fuild.study-shell > .study-sidebar.sidebar-wrapper .sidebar > .sidebar-group > li.active > .sidebar-item > a > i,
html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper .sidebar li.active > .sidebar-item > a > i {
  color: #075f9d !important;
  -webkit-text-fill-color: #075f9d !important;
  opacity: 1 !important;
}

html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"])
.study-shell > .study-utility-bar,
html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"])
.study-shell > .study-sidebar.sidebar-wrapper {
  background-image: linear-gradient(135deg, rgba(42, 50, 55, 0.98), rgba(29, 36, 42, 0.98)) !important;
}

html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"])
.study-shell > :is(.main-wrapper, .study-main),
html body[data-requires-auth="true"][data-view][data-theme="dark"]:not([data-view="practice"])
.container-fuild.study-shell > :is(.main-wrapper, .study-main) {
  background-image:
    linear-gradient(135deg, rgba(90, 179, 239, 0.055), transparent 31%),
    linear-gradient(315deg, rgba(49, 133, 104, 0.05), transparent 30%),
    repeating-linear-gradient(135deg, transparent 0 31px, rgba(255, 255, 255, 0.012) 31px 32px) !important;
}

@media (max-width: 700px) {
  html body[data-requires-auth="true"][data-view]:not([data-view="practice"])
  .study-shell > .study-sidebar.sidebar-wrapper .sidebar li > .sidebar-item > a:hover {
    transform: none !important;
  }
}