/* DETONA — entrada do aluno e fronteira comercial */
.student-library {
  --entry-cyan: #39d5ff;
  --entry-indigo: #6977ff;
  --entry-orange: #ff8a1f;
  display: grid;
  gap: 28px;
  padding-bottom: max(32px, env(safe-area-inset-bottom));
}

.student-library .library-hero {
  border: 1px solid color-mix(in srgb, var(--entry-cyan) 28%, #29314a);
  background: linear-gradient(125deg, #080d1c 0%, #0c1630 58%, #12102a 100%);
  box-shadow: 0 24px 80px rgb(0 0 0 / 28%);
}

.student-library .library-section {
  min-width: 0;
  padding: clamp(18px, 3vw, 30px);
  border: 1px solid #27304a;
  border-radius: 24px;
  background: rgb(10 14 29 / 84%);
}

.student-library .library-section--owned {
  border-color: color-mix(in srgb, var(--entry-cyan) 34%, #27304a);
  background: linear-gradient(145deg, rgb(10 22 40 / 94%), rgb(10 14 29 / 92%));
}

.student-library .library-section--catalog {
  border-color: color-mix(in srgb, var(--entry-indigo) 28%, #27304a);
}

.student-library .library-section--upcoming {
  border-color: color-mix(in srgb, #a855f7 34%, #27304a);
  background: linear-gradient(145deg, rgb(25 15 43 / 90%), rgb(10 14 29 / 92%));
}

.student-library .library-section__title {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}

.student-library .library-section__title h2 { margin: 3px 0 0; }
.student-library .library-section__title > p { margin: 0; color: var(--text-muted); }

.student-library .contest-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr));
  gap: 18px;
}

.student-library .contest-grid--owned {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
}

.student-library .contest-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--contest, #6977ff) 28%, #29314a);
  border-radius: 20px;
  background: linear-gradient(155deg, #11182d, #0a0f20 72%);
  box-shadow: 0 14px 38px rgb(0 0 0 / 22%);
}

.student-library .contest-card--owned {
  border-color: color-mix(in srgb, var(--contest-accent, #39d5ff) 52%, #29314a);
}

.student-library .contest-card__body { padding: 18px; }
.student-library .contest-card__body h3 { overflow-wrap:break-word; }

.student-library .contest-card__commerce-detail {
  display: none;
  margin-top: 14px;
  padding: 14px;
  border-radius: 14px;
  background: #0b1327;
  color: var(--text-muted);
}

.student-library .contest-card--details .contest-card__commerce-detail { display: block; }
.student-library .contest-card__commerce-detail p { margin: 5px 0 0; }

.student-library .contest-card__footer {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 14px;
  margin-top: 18px;
}

.student-library .contest-card__footer .btn,
.student-library .library-network-state .btn,
.student-library .library-commerce-notice .btn {
  min-height: 44px;
}

.student-library .career-filters button { min-height: 44px; }

.student-library .contest-card__price { display: grid; gap: 2px; }
.student-library .contest-card__price small { color: var(--text-muted); }
.student-library .contest-card__price strong { color: var(--entry-orange); font-size: 1.2rem; }
.student-library .contest-card__feedback { min-height: 1.4em; margin: 10px 0 0; color: #ffb0b5; }
.student-library .contest-card__fact { min-height: 0; margin: 8px 0 0; color: var(--text-muted); }
.student-library .contest-card__interest {
  display: grid;
  gap: 4px;
  margin-top: 14px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--contest-accent, #a855f7) 35%, #27304a);
  border-radius: 12px;
  background: rgb(10 15 32 / 74%);
}
.student-library .contest-card__interest strong { color: #f0e8ff; font-size: 13px; }
.student-library .contest-card__interest span { color: var(--text-muted); font-size: 12px; }
.student-library .contest-card__interest-note { min-height: 0; margin: 10px 0 0; color: var(--text-muted); font-size: 12px; }
.student-library [data-interest-contest][aria-pressed="true"] { border-color: #65d6b5; color: #bff8e7; }

.student-library .library-network-state,
.student-library .library-commerce-notice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 18px;
  border: 1px solid #43506e;
  border-radius: 16px;
  background: #10172a;
}

.student-library .library-network-state span,
.student-library .library-commerce-notice p { margin: 3px 0 0; color: var(--text-muted); }
.student-library .library-commerce-notice--success { border-color: #277a68; }
.student-library .library-commerce-notice--warning { border-color: #a76431; }
.student-library .library-commerce-notice--info { border-color: #326f9b; }

/* Fase 10A — portal visual de descoberta de concursos */
.student-library > * { min-width: 0; }

.student-library .library-hero,
.student-library .library-search-panel,
.student-library .library-areas,
.student-library .library-network-state,
.student-library .library-commerce-notice {
  width: min(1280px, calc(100% - 56px));
  margin-inline: auto;
}

.student-library .library-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: clamp(24px, 5vw, 72px);
  overflow: hidden;
  padding: clamp(32px, 5vw, 64px);
  border-radius: 30px;
  background:
    radial-gradient(circle at 86% 14%, rgb(57 213 255 / 16%), transparent 28%),
    radial-gradient(circle at 72% 100%, rgb(124 92 255 / 24%), transparent 40%),
    linear-gradient(125deg, #080d1c 0%, #0c1630 58%, #12102a 100%);
}

.student-library .library-hero::after {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgb(255 255 255 / 3%) 1px, transparent 1px),
    linear-gradient(90deg, rgb(255 255 255 / 3%) 1px, transparent 1px);
  background-size: 42px 42px;
  content: '';
  mask-image: linear-gradient(90deg, transparent, #000 70%, transparent);
  pointer-events: none;
}

.student-library .library-hero__copy,
.student-library .library-summary,
.student-library .library-primary-journey { position: relative; z-index: 1; }
.student-library .library-greeting { margin: 0 0 8px; }
.student-library .library-hero h1 {
  max-width: 850px;
  margin: 0 0 14px;
  font: 800 clamp(34px, 5vw, 62px)/.98 var(--display);
  letter-spacing: -.045em;
}
.student-library .library-hero__copy > p:last-child { max-width: 720px; margin: 0; color: #bdc9e5; font-size: clamp(15px, 1.4vw, 18px); }
.student-library .library-summary { min-width: 176px; justify-content: center; }
.student-library .library-primary-journey {
  grid-column: 1 / -1;
  display: flex;
  width: min(520px, 100%);
  min-height: 64px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 13px 18px;
  border: 1px solid #ffb05f;
  border-radius: 17px;
  color: #170b02;
  background: linear-gradient(135deg, #ffba58, #ff8d28);
  box-shadow: 0 16px 34px rgb(255 137 35 / 20%);
  cursor: pointer;
  text-align: left;
  transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;
}
.student-library .library-primary-journey > span:first-child { display: grid; gap: 2px; }
.student-library .library-primary-journey small { font-size: 12px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.student-library .library-primary-journey strong { font: 750 17px var(--display); }
.student-library .library-primary-journey > span:last-child { font-size: 25px; }
.student-library .library-primary-journey:hover { filter: brightness(1.07); transform: translateY(-2px); box-shadow: 0 20px 42px rgb(255 137 35 / 27%); }
.student-library .library-primary-journey:focus-visible { outline: 3px solid #7ee7ff; outline-offset: 4px; }
.student-library .library-primary-journey:disabled { cursor: wait; filter: saturate(.7); transform: none; }

.student-library .library-search-panel {
  display: grid;
  grid-template-columns: minmax(240px, .65fr) minmax(320px, 1.35fr);
  align-items: end;
  gap: clamp(20px, 4vw, 56px);
  padding: clamp(22px, 3vw, 32px);
  border: 1px solid color-mix(in srgb, var(--entry-cyan) 30%, #27304a);
  border-radius: 22px;
  background: linear-gradient(135deg, rgb(11 19 39 / 96%), rgb(10 14 29 / 92%));
  box-shadow: 0 18px 48px rgb(0 0 0 / 20%);
}

.student-library .library-search-panel h2 { margin: 4px 0 0; font: 700 clamp(22px, 2.4vw, 30px) var(--display); }
.student-library .library-search { display: grid; gap: 8px; }
.student-library .library-search > span { color: #c8d2e9; font-size: 12px; font-weight: 700; }
.student-library .library-search input {
  width: 100%;
  min-height: 56px;
  padding: 0 18px;
  border: 1px solid #435378;
  border-radius: 15px;
  outline: none;
  color: #f7f9ff;
  background: #070c19;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 4%);
}
.student-library .library-search input::placeholder { color: #7f8aa7; }
.student-library .library-search input:focus { border-color: var(--entry-cyan); box-shadow: 0 0 0 4px rgb(57 213 255 / 14%); }

.student-library .library-areas {
  padding: clamp(8px, 1.5vw, 18px) 0;
}
.student-library .library-areas .library-section__title { margin-bottom: 18px; }
.student-library .library-area-reset {
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid #34405f;
  border-radius: 999px;
  color: #b7c2dc;
  background: #0c1224;
  cursor: pointer;
}
.student-library .library-area-reset:hover,
.student-library .library-area-reset:focus-visible,
.student-library .library-area-reset.active { border-color: var(--entry-cyan); color: #fff; }
.student-library .library-area-reset.active { background: rgb(29 90 118 / 34%); }

.student-library .library-area-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.student-library .library-area-card {
  position: relative;
  display: block;
  min-width: 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  padding: 0;
  border: 1px solid #354263;
  border-radius: 20px;
  color: #fff;
  background: #0a1020;
  box-shadow: 0 16px 38px rgb(0 0 0 / 26%);
  cursor: pointer;
  text-align: left;
  isolation: isolate;
}
.student-library .library-area-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease, filter .35s ease;
}
.student-library .library-area-card__shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgb(3 6 15 / 4%) 8%, rgb(3 6 15 / 30%) 48%, rgb(3 6 15 / 96%) 100%);
}
.student-library .library-area-card__copy {
  position: absolute;
  inset: auto 0 0;
  z-index: 2;
  display: grid;
  gap: 4px;
  padding: clamp(16px, 2vw, 24px);
}
.student-library .library-area-card__copy strong { font: 800 clamp(17px, 1.55vw, 23px) var(--display); letter-spacing: -.02em; }
.student-library .library-area-card__copy p {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: #d2d9eb;
  font-size: 11px;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.student-library .library-area-card__copy small { margin-top: 3px; color: #7ee7ff; font-size: 10px; font-weight: 750; }
.student-library .library-area-card__selection {
  position: absolute;
  top: 13px;
  right: 13px;
  z-index: 3;
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 1px solid rgb(255 255 255 / 32%);
  border-radius: 50%;
  opacity: 0;
  background: #37c9ed;
  color: #04111a;
  font-weight: 900;
  transform: scale(.82);
  transition: opacity .2s ease, transform .2s ease;
}
.student-library .library-area-card:hover img { transform: scale(1.025); filter: saturate(1.08) brightness(1.04); }
.student-library .library-area-card:focus-visible { outline: 3px solid #ff9b42; outline-offset: 4px; }
.student-library .library-area-card.active { border-color: var(--entry-cyan); box-shadow: 0 0 0 2px rgb(57 213 255 / 22%), 0 18px 46px rgb(24 126 170 / 24%); }
.student-library .library-area-card.active .library-area-card__selection { opacity: 1; transform: scale(1); }
.student-library .library-area-card--fallback { background: radial-gradient(circle at 60% 30%, #303d79, transparent 42%), #0a1020; }

.student-library .library-section--owned { order: initial; }
.student-library .library-section--catalog { margin-top: 0; padding-top: clamp(18px, 3vw, 30px); border-top: 1px solid color-mix(in srgb, var(--entry-indigo) 28%, #27304a); }
.student-library .library-section--catalog .contest-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr)); }
.student-library .contest-card__visual { min-height: 104px; }

.student-library .library-filter-empty {
  display: grid;
  justify-items: center;
  gap: 9px;
  min-height: 240px;
  padding: 42px 20px;
  border: 1px dashed #384462;
  border-radius: 18px;
  background: rgb(7 12 25 / 62%);
  text-align: center;
}
.student-library .library-filter-empty > span { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid #435378; border-radius: 50%; color: var(--entry-cyan); font-size: 25px; }
.student-library .library-filter-empty h3 { margin: 4px 0 0; }
.student-library .library-filter-empty p { max-width: 560px; margin: 0; color: var(--text-muted); }
.student-library .library-filter-empty > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 8px; }
.student-library .library-filter-empty .btn { min-height: 44px; }

@media (min-width: 761px) and (max-width: 1023px) {
  .student-library .library-area-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .student-library .library-search-panel { grid-template-columns: 1fr; align-items: stretch; }
}

.student-entry-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 4px;
  color: var(--text-muted);
}

.student-entry-footer nav { display: flex; flex-wrap: wrap; gap: 16px; }
.student-entry-footer a,
.auth-legal a,
.auth-support { color: #8edfff; text-underline-offset: 3px; }
.student-entry-footer a:focus-visible,
.auth-legal a:focus-visible,
.auth-support:focus-visible { outline: 3px solid #ff9b42; outline-offset: 4px; }

.auth-support {
  display: block;
  width: fit-content;
  min-height: 44px;
  margin: 2px auto 0;
  padding: 12px;
  text-align: center;
}

.detona-login-card .auth-forgot,
.detona-login-card .auth-switch,
.detona-login-card .auth-install-wrap button { min-height: 44px; }

.student-legal-page {
  min-height: 100dvh;
  padding: clamp(20px, 5vw, 64px);
  color: #eff4ff;
  background: radial-gradient(circle at 80% 0, #18255b 0, transparent 38%), #070b17;
}

.student-legal { width: min(860px, 100%); margin: auto; }
.student-legal header,
.student-legal section {
  margin-bottom: 20px;
  padding: clamp(20px, 4vw, 36px);
  border: 1px solid #293759;
  border-radius: 20px;
  background: rgb(12 18 36 / 92%);
}
.student-legal h1 { margin: 8px 0; }
.student-legal h2 { scroll-margin-top: 24px; }
.student-legal p,
.student-legal li { color: #bdc7dc; line-height: 1.65; }
.student-legal a { color: #72dfff; }

@media (max-width: 760px) {
  .student-library { gap: 18px; }
  .student-library .library-hero,
  .student-library .library-search-panel,
  .student-library .library-areas,
  .student-library .library-network-state,
  .student-library .library-commerce-notice { width: calc(100% - 28px); max-width: 1280px; }
  .student-library .library-hero { grid-template-columns: 1fr; gap: 18px; padding: 28px 20px; border-radius: 22px; }
  .student-library .library-hero h1 { font-size: clamp(30px, 11vw, 44px); }
  .student-library .library-summary { width: 100%; min-width: 0; padding: 14px 18px; }
  .student-library .library-primary-journey { width: 100%; min-height: 60px; }
  .student-library .library-search-panel { grid-template-columns: 1fr; align-items: stretch; padding: 20px 16px; border-radius: 18px; }
  .student-library .library-search-panel h2 { font-size: 22px; }
  .student-library .library-search input { min-height: 52px; font-size: 16px; }
  .student-library .library-areas { overflow: hidden; padding-block: 2px 8px; }
  .student-library .library-areas .library-section__title { align-items: center; flex-direction: row; }
  .student-library .library-area-grid {
    grid-template-columns: none;
    grid-auto-columns: min(82vw, 350px);
    grid-auto-flow: column;
    gap: 12px;
    overflow-x: auto;
    margin-inline: -14px;
    padding: 4px 14px 14px;
    scroll-padding-inline: 14px;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
  }
  .student-library .library-area-card { scroll-snap-align: start; border-radius: 17px; }
  .student-library .library-area-card__copy { padding: 16px; }
  .student-library .library-area-card__copy strong { font-size: 18px; }
  .student-library .library-area-reset { flex: 0 0 auto; padding-inline: 13px; font-size: 11px; }
  .student-library .library-section { padding: 16px; border-radius: 18px; }
  .student-library .library-section__title,
  .student-library .library-network-state,
  .student-library .library-commerce-notice,
  .student-entry-footer { align-items: stretch; flex-direction: column; }
  .student-library .contest-card__footer { align-items: stretch; flex-direction: column; }
  .student-library .contest-card__footer .btn { width: 100%; }
  .student-entry-footer nav { flex-direction: column; gap: 2px; }
  .student-entry-footer a { min-height: 44px; padding: 12px 0; }
  .saas-auth__panel { padding-bottom: max(20px, env(safe-area-inset-bottom)); }
  .auth-form input { scroll-margin-bottom: 160px; }
}

@media (prefers-reduced-motion: reduce) {
  .student-library .library-primary-journey { transition: none; }
}

@media (max-width: 360px) {
  .student-library .library-hero,
  .student-library .library-search-panel,
  .student-library .library-areas,
  .student-library .library-network-state,
  .student-library .library-commerce-notice { width: calc(100% - 20px); max-width: 1280px; }
  .student-library .library-hero { padding-inline: 16px; }
  .student-library .library-area-grid { grid-auto-columns: min(85vw, 322px); margin-inline: -10px; padding-inline: 10px; scroll-padding-inline: 10px; }
  .student-library .library-areas .library-section__title { align-items: flex-start; flex-direction: column; }
  .student-library .library-section { padding: 13px; }
  .student-library .contest-card__body { padding: 15px; }
  .student-library .library-search input { font-size: 16px; }
}

/* Biblioteca privada: cursos adquiridos, sem superfícies comerciais. */
.student-library--private {
  width: min(1400px, calc(100% - clamp(64px, 7vw, 96px)));
  margin-inline: auto;
  padding-block: clamp(28px, 4vw, 52px) 32px;
  gap: clamp(22px, 3vw, 34px);
}
.student-library--private > * { width: 100%; max-width: none; }
.library-kicker { color: #62ddff; font-size: 11px; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.private-library-header { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.private-library-header h1 { margin: 4px 0 2px; font: 850 clamp(30px, 3.6vw, 46px)/1 var(--display); letter-spacing: -.035em; }
.private-library-header p { margin: 0; color: #aeb9d2; font-size: 16px; }
.library-public-courses,
.active-journey__action,
.owned-course-card__action {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid #8358f4;
  border-radius: 12px;
  padding: 0 20px;
  color: #fff;
  background: #6840dc;
  font: 850 12px/1 var(--display);
  letter-spacing: .05em;
  text-decoration: none;
  cursor: pointer;
}
.library-public-courses:hover,
.active-journey__action:hover,
.owned-course-card__action:hover { border-color: #a68cff; background: #7950ef; transform: translateY(-1px); }
.library-public-courses:focus-visible,
.active-journey__action:focus-visible,
.owned-course-card__action:focus-visible { outline: 3px solid #62ddff; outline-offset: 3px; }
.library-public-courses:disabled,
.active-journey__action:disabled,
.owned-course-card__action:disabled { border-color: #36415c; color: #78839e; background: #151b2b; cursor: not-allowed; transform: none; }
.student-library--private .library-network-state { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.student-library--private .library-network-state > div { display: grid; gap: 4px; }
.commercial-intent {
  display: grid;
  grid-template-columns: minmax(180px, 260px) minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(18px, 3vw, 34px);
  overflow: hidden;
  padding: 18px;
  border: 1px solid color-mix(in srgb, var(--contest-accent, #62ddff) 55%, #33415f);
  border-radius: 22px;
  background: linear-gradient(112deg, #0d1529 0 58%, color-mix(in srgb, var(--contest, #6840dc) 25%, #0a1020));
  box-shadow: 0 22px 52px rgb(0 0 0 / 24%);
}
.commercial-intent__art { overflow: hidden; aspect-ratio: 16 / 9; border: 1px solid #344462; border-radius: 15px; background: #080d19; }
.commercial-intent__art img { width: 100%; height: 100%; display: block; object-fit: cover; }
.commercial-intent__content { min-width: 0; display: grid; gap: 7px; }
.commercial-intent__content h2 { margin: 0; font: 850 clamp(22px, 2.5vw, 34px)/1.08 var(--display); }
.commercial-intent__content p,
.commercial-intent__action p { margin: 0; color: #aeb9d2; }
.commercial-intent__price { margin-top: 5px; color: #fff; font: 850 24px/1 var(--display); }
.commercial-intent__price small { color: #aeb9d2; font: 600 12px/1.2 var(--font); }
.commercial-intent__action { min-width: 210px; display: grid; gap: 9px; }
.commercial-intent__action button,
.commercial-intent__action > a { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #8358f4; border-radius: 12px; padding-inline: 20px; color: #fff; background: #6840dc; font: 850 12px/1 var(--display); text-decoration: none; cursor: pointer; }
.commercial-intent__action button:disabled { color: #cad0df; background: #3d315f; cursor: wait; }
.active-journey {
  position: relative;
  display: grid;
  grid-template-columns: minmax(210px, 300px) minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(20px, 3vw, 38px);
  overflow: hidden;
  padding: 18px;
  border: 1px solid color-mix(in srgb, var(--contest-accent, #62ddff) 48%, #283654);
  border-radius: 22px;
  background: linear-gradient(105deg, #0c1326 0 54%, color-mix(in srgb, var(--contest, #6840dc) 22%, #0b1020));
  box-shadow: 0 22px 52px rgb(0 0 0 / 24%);
}
.active-journey__art { min-width: 0; overflow: hidden; aspect-ratio: 16 / 9; border: 1px solid #31405f; border-radius: 15px; background: #080d19; }
.active-journey__art img,
.owned-course-card__art img { width: 100%; height: 100%; display: block; object-fit: cover; }
.active-journey__content { min-width: 0; display: grid; gap: 11px; }
.active-journey__content h2 { margin: 3px 0; font: 800 clamp(20px, 2vw, 28px)/1.12 var(--display); }
.active-journey__content p,
.active-journey__content small { margin: 0; color: #aeb9d2; }
.active-journey__code,
.owned-course-card__code { color: var(--contest-accent, #62ddff); font-size: 12px; font-weight: 900; letter-spacing: .12em; }
.active-journey__progress { max-width: 520px; }
.library-action-feedback { grid-column: 1 / -1; min-height: 0; margin: 0; color: #f0b56b; font-size: 12px; }
.private-owned-courses { display: grid; gap: 18px; }
.private-owned-courses__title { display: flex; align-items: end; justify-content: space-between; gap: 18px; }
.private-owned-courses__title h2 { margin: 4px 0 0; font: 800 clamp(23px, 2.4vw, 32px)/1.1 var(--display); }
.private-owned-courses__title p { margin: 0; color: #8f9bb7; }
.private-owned-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2vw, 22px); }
.owned-course-card { min-width: 0; overflow: hidden; border: 1px solid #273654; border-radius: 20px; background: linear-gradient(165deg, #111a31, #090f1e 72%); box-shadow: 0 16px 34px rgb(0 0 0 / 19%); }
.owned-course-card--active { border-color: color-mix(in srgb, var(--contest-accent, #62ddff) 60%, #273654); }
.owned-course-card__art { overflow: hidden; aspect-ratio: 16 / 9; border-bottom: 1px solid #273654; background: #080d19; }
.owned-course-art__fallback { width: 100%; height: 100%; display: grid; place-content: center; justify-items: center; gap: 3px; color: #fff; background: radial-gradient(circle at 50% 36%, color-mix(in srgb, var(--contest-accent, #62ddff) 34%, transparent), transparent 42%), linear-gradient(135deg, color-mix(in srgb, var(--contest, #6840dc) 26%, #07101f), #080d19); }
.owned-course-art__fallback span { display: grid; min-width: 72px; height: 52px; padding-inline: 10px; place-items: center; border: 1px solid var(--contest-accent, #62ddff); border-radius: 15px; font: 900 24px/1 var(--display); white-space: nowrap; box-shadow: 0 0 26px color-mix(in srgb, var(--contest-accent, #62ddff) 34%, transparent); }
.owned-course-art__fallback strong { max-width: calc(100% - 24px); font: 900 15px/1.2 var(--display); letter-spacing: .15em; overflow-wrap: normal; white-space: nowrap; }
.owned-course-art__fallback small { color: #93a1bd; font-size: 9px; letter-spacing: .18em; }
.owned-course-card__body { display: grid; gap: 10px; padding: 20px; }
.owned-course-card__body h3 { overflow-wrap: break-word; margin: 0; font: 800 clamp(18px, 1.65vw, 23px)/1.15 var(--display); }
.owned-course-card__body > p { margin: 0; color: #aeb9d2; }
.owned-course-card__mastery { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 8px; color: #9da9c3; font-size: 10px; font-weight: 850; letter-spacing: .09em; }
.owned-course-card__mastery strong { color: #fff; font-size: 17px; }
.owned-course-card__counts { font-size: 12px; }
.owned-course-card__last { min-height: 17px; font-size: 11px; }
.owned-course-card__action { width: 100%; margin-top: 5px; }
.private-library-empty { min-height: 290px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: clamp(20px, 4vw, 52px); padding: clamp(28px, 5vw, 58px); border: 1px solid #344261; border-radius: 24px; background: radial-gradient(circle at 14% 50%, rgb(111 63 218 / 28%), transparent 30%), linear-gradient(135deg, #10162a, #080d1a); }
.private-library-empty__mark { display: grid; width: 92px; height: 92px; place-items: center; border: 1px solid #855ff3; border-radius: 25px; color: #fff; background: linear-gradient(145deg, #7b48e6, #352080); font: 900 42px var(--display); box-shadow: 0 18px 45px rgb(91 52 207 / 34%); }
.private-library-empty h2 { margin: 5px 0 8px; font: 850 clamp(24px, 3vw, 38px)/1.08 var(--display); }
.private-library-empty p { max-width: 650px; margin: 0; color: #b2bdd5; }

@media (max-width: 1080px) {
  .private-owned-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .active-journey { grid-template-columns: 230px minmax(0, 1fr); }
  .active-journey__action { grid-column: 2; justify-self: start; }
}

@media (max-width: 760px) {
  .student-library--private { width: calc(100% - 28px); padding-block: 20px 24px; gap: 20px; }
  .private-library-header { align-items: stretch; flex-direction: column; gap: 15px; }
  .private-library-header h1 { font-size: 31px; }
  .private-library-header .library-public-courses { width: 100%; }
  .student-library--private .library-network-state { align-items: stretch; flex-direction: column; }
  .commercial-intent { grid-template-columns: 1fr; padding: 14px; border-radius: 18px; }
  .commercial-intent__action { min-width: 0; }
  .active-journey { grid-template-columns: 1fr; gap: 15px; padding: 14px; border-radius: 18px; }
  .active-journey__art { max-height: 230px; }
  .active-journey__action { grid-column: 1; width: 100%; justify-self: stretch; }
  .private-owned-courses__title { align-items: start; flex-direction: column; gap: 6px; }
  .private-owned-grid { grid-template-columns: 1fr; }
  .owned-course-card__body { padding: 17px; }
  .private-library-empty { min-height: 0; grid-template-columns: 1fr; justify-items: start; gap: 18px; padding: 26px 20px; }
  .private-library-empty__mark { width: 70px; height: 70px; border-radius: 19px; font-size: 32px; }
  .private-library-empty__action { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .library-public-courses,
  .active-journey__action,
  .owned-course-card__action { transition: none; }
}