.attention-list{display:flex;flex-direction:column}.attention-item{display:flex;align-items:center;gap:var(--gap-md);width:100%;padding:var(--padding-md) var(--padding-sm);text-align:left;color:inherit;text-decoration:none;border-radius:var(--radius-md);transition:var(--transition-colors)}.attention-item+.attention-item{border-top:1px solid var(--border)}button.attention-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;font:inherit;cursor:pointer}.attention-item--link{cursor:pointer}.attention-item--link:hover{background:var(--surface)}.attention-item__dot{flex:none;width:8px;height:8px;border-radius:var(--radius-full);box-shadow:0 0 0 4px color-mix(in srgb,currentColor 14%,transparent)}.attention-item__dot--critical{color:var(--error);background:var(--error)}.attention-item__dot--warning{color:var(--warning);background:var(--warning)}.attention-item__dot--info{color:var(--info,var(--primary));background:var(--info,var(--primary))}.attention-item__dot--success{color:var(--success);background:var(--success)}.attention-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.attention-item__title{color:var(--titles);font-size:var(--text-body);font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attention-item__meta{color:var(--muted);font-size:var(--text-small)}.attention-item__time{flex:none;color:var(--muted);font-family:var(--font-mono);font-size:var(--text-tiny);font-variant-numeric:tabular-nums}.attention-item__status{flex:none}.attention-item__chevron{flex:none;color:var(--muted);transition:var(--transition-all)}.attention-item--link:hover .attention-item__chevron{color:var(--titles);transform:translateX(2px)}.attention-list--empty{display:flex;align-items:center;justify-content:center;padding:var(--padding-lg)}.attention-list__empty{color:var(--muted);font-size:var(--text-small)}.metric-breakdown{display:flex;flex-direction:column;gap:var(--gap-lg);--mb-color:var(--primary)}.metric-breakdown__row{display:flex;flex-direction:column;gap:var(--gap-sm)}.metric-breakdown__head{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm)}.metric-breakdown__label{display:inline-flex;align-items:center;gap:var(--gap-sm);min-width:0;color:var(--text);font-size:var(--text-small);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-breakdown__dot{flex:none;width:8px;height:8px;border-radius:var(--radius-sm);background:var(--mb-color)}.metric-breakdown__value{display:inline-flex;align-items:baseline;gap:var(--gap-sm);flex:none;color:var(--muted);font-family:var(--font-mono);font-size:var(--text-small);font-variant-numeric:tabular-nums}.metric-breakdown__hint{color:var(--faint,var(--muted));font-size:var(--text-tiny)}.metric-breakdown__track{height:6px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--titles) 6%,transparent);overflow:hidden}.metric-breakdown__fill{height:100%;border-radius:inherit;background:var(--mb-color);transition:var(--transition-all)}.badge-chip{display:flex;aspect-ratio:1;padding:var(--padding-sm);border-radius:var(--radius-full);border:2px solid var(--border-soft);background:radial-gradient(circle at 50% 34%,var(--surface-overlay),var(--bg) 72%)}.badge-chip,.badge-chip__icon{align-items:center;justify-content:center}.badge-chip__icon{display:inline-flex;width:2.5rem;height:2.5rem;color:var(--muted)}.badge-chip__icon svg{width:100%;height:100%}.badge-chip--earned{border-color:color-mix(in srgb,var(--primary) 45%,transparent)}.badge-chip--earned .badge-chip__icon{color:var(--primary)}.badge-chip--earned .achievement-symbol__fill-accent,.badge-chip--earned .achievement-symbol__fill-body{fill:var(--primary)}.badge-chip--in_progress{border-color:color-mix(in srgb,var(--primary) 18%,transparent)}.badge-chip--in_progress .achievement-symbol__fill-accent,.badge-chip--in_progress .achievement-symbol__fill-body{fill:color-mix(in srgb,var(--primary) 70%,var(--muted))}.badge-chip--locked{opacity:.5}.badge-chip--locked .badge-chip__icon{color:var(--muted);filter:grayscale(1)}.badge-chip--locked .achievement-symbol__fill-accent,.badge-chip--locked .achievement-symbol__fill-body{fill:var(--muted)}.callout-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-lg);padding:var(--padding-lg);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--primary) 24%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,transparent),var(--surface-raised) 60%);text-decoration:none;color:inherit;transition:var(--transition-colors)}.callout-banner:hover{border-color:color-mix(in srgb,var(--primary) 45%,transparent)}.callout-banner__info{display:flex;flex-direction:column;gap:var(--gap-2xs)}.callout-banner__eyebrow{font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);color:var(--primary)}.callout-banner__title{font-size:var(--text-h6);font-weight:var(--font-semibold);color:var(--titles)}.callout-banner__desc{font-size:var(--text-small);color:var(--muted)}.callout-banner__cta{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--gap-xs)}@media (max-width:640px){.callout-banner{flex-direction:column;align-items:flex-start}}.link-card-grid{gap:var(--gap-md)}.link-card-grid,.link-card-group{display:flex;flex-direction:column}.link-card-group{gap:var(--gap-sm)}.link-card-group__label{font-family:var(--font-mono);font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wider);color:var(--primary);margin:0}.link-card-group__items{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-md)}.link-card-group--cols-2 .link-card-group__items{grid-template-columns:repeat(2,1fr)}.link-card-group--cols-4 .link-card-group__items{grid-template-columns:repeat(4,1fr)}.link-card{gap:var(--gap-xs);padding:var(--padding-md);border-radius:var(--radius-md);text-decoration:none;color:inherit}.link-card:hover{border-color:color-mix(in srgb,var(--primary) 40%,transparent)}.link-card__top{display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.link-card__name{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles)}.link-card__desc{font-size:var(--text-tiny);color:var(--muted)}@media (max-width:900px){.link-card-group:not(.link-card-group--cols-2) .link-card-group__items{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.link-card-group__items{grid-template-columns:1fr}}.rank-card{flex-direction:row;gap:var(--gap-lg)}.rank-card,.rank-card__medal{display:flex;align-items:center}.rank-card__medal{position:relative;flex-shrink:0;width:5.5rem;height:5.5rem;clip-path:var(--shape-octagon);background:color-mix(in srgb,var(--primary) 42%,transparent);justify-content:center;color:var(--primary)}.rank-card__medal:before{content:"";position:absolute;inset:1px;clip-path:var(--shape-octagon);background:radial-gradient(circle at 50% 34%,var(--surface-overlay),var(--bg) 72%)}.rank-card__symbol{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;color:var(--primary)}.rank-card__symbol svg{width:3.75rem;height:3.75rem}.rank-card__symbol .achievement-symbol__fill-accent,.rank-card__symbol .achievement-symbol__fill-body{fill:var(--primary)}.rank-card__info{display:flex;flex-direction:column;gap:var(--gap-xs);min-width:0;flex:1}.rank-card__eyebrow{margin:0;color:var(--muted);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);text-transform:uppercase}.rank-card__name{margin:0;color:var(--titles);font-size:var(--text-h5);font-weight:800}.rank-card__xp{margin:var(--margin-sm) 0 0;color:var(--muted);font-size:var(--text-small);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.rank-card__xp b{color:var(--text)}.rank-card__next{color:var(--primary)}.rank-card--compact{gap:var(--gap-md);padding:var(--padding-sm);height:auto}.rank-card--compact .rank-card__medal{width:3rem;height:3rem}.rank-card--compact .rank-card__symbol svg{width:2rem;height:2rem}.rank-card--compact .rank-card__name{font-size:var(--text-body)}.progress-strip{display:flex;align-items:center;gap:var(--gap-md)}.progress-strip__label{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--muted);white-space:nowrap}.progress-strip__bar{flex:1;height:5px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--titles) 8%,transparent);overflow:hidden}.progress-strip__fill{display:block;height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--primary),var(--accent-2))}.progress-strip__count{font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--primary);white-space:nowrap;font-variant-numeric:tabular-nums}.theme-tile__link{text-decoration:none;color:inherit}.theme-tile.card--overlay{aspect-ratio:2/1;border:1px solid var(--border-soft);border-radius:var(--radius-lg)}.theme-tile__ph{position:absolute;inset:0;z-index:0;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 22%,var(--surface-raised)),var(--surface-raised))}.theme-tile.card--overlay:after{height:100%;background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.32) 45%,rgba(0,0,0,0) 85%)}.theme-tile.card--overlay:hover:after{height:100%;background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.45) 45%,rgba(0,0,0,.05) 90%)}.theme-tile__top{display:flex;align-items:center;gap:var(--gap-sm)}.theme-tile__pct{color:var(--titles);font-size:var(--text-h5);font-weight:800;font-variant-numeric:tabular-nums}.theme-tile.card--overlay .card-title{font-size:var(--text-h6);font-weight:700}.theme-tile__meta{margin:0;color:rgba(255,255,255,.75);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-family:var(--font-mono)}.resume-card{display:flex;flex-direction:column;gap:var(--gap-md)}.resume-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm)}.resume-card__status{display:inline-flex;align-items:center;gap:var(--gap-xs);color:var(--success);font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide)}.resume-card__dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--success)}.resume-card__body{display:flex;align-items:center;gap:var(--gap-md)}.resume-card__thumb{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.resume-card__chapter{margin:0 0 2px;color:var(--muted);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);text-transform:uppercase}.resume-card__title{margin:0;color:var(--titles);font-size:var(--text-h6);font-weight:700;line-height:1.25}.resume-card__meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:var(--text-tiny);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);font-family:var(--font-mono)}.resume-card__cta{margin-top:var(--margin-sm);text-align:center}.dash-preview{width:100%;background:var(--card-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--padding-lg);box-shadow:var(--shadow-xl)}.dash-preview__head{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm);margin-bottom:var(--margin-md)}.dash-preview__greeting{font-weight:var(--font-bold);color:var(--titles)}.dash-preview__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-xs);margin-bottom:var(--margin-md)}.dash-preview__stat{background:var(--card-inset);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--padding-sm)}.dash-preview__stat-label{display:block;font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--muted);margin-bottom:var(--gap-xs)}.dash-preview__stat-value{font-size:var(--text-h5);font-weight:var(--font-extrabold);color:var(--titles);line-height:var(--leading-none)}.dash-preview__stat--accent .dash-preview__stat-value{color:var(--primary)}.dash-preview .progress--animate-in .progress-indicator{animation-play-state:paused}.dash-preview--in-view .progress--animate-in .progress-indicator{animation-play-state:running}.lesson-preview{background-color:var(--surface-sunken);border:1px solid var(--border-soft);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 34px 80px -40px rgba(0,0,0,.95)}.lesson-preview__chrome{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--gap-sm) var(--padding-md);border-bottom:1px solid var(--border-soft);background-color:var(--bg)}.lesson-preview__dots{display:flex;gap:var(--gap-2xs)}.lesson-preview__dot{width:.625rem;height:.625rem;border-radius:var(--radius-full);background:var(--border)}.lesson-preview__url{font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--muted)}.lesson-preview__body{display:flex;flex-wrap:wrap}.lesson-preview__main{flex:1 1 25rem;min-width:min(100%,20rem);border-right:1px solid var(--border-soft);flex-direction:column}.lesson-preview__aside,.lesson-preview__main{padding:var(--padding-lg);display:flex;gap:var(--gap-md)}.lesson-preview__aside{flex:1 1 16rem;min-width:min(100%,16rem);flex-direction:column}.lesson-preview__breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap-xs);font-size:var(--text-small);color:var(--muted)}.lesson-preview__crumb--accent{color:var(--primary)}.lesson-preview__crumb--current{color:var(--text)}.lesson-preview__progress{background-color:var(--surface-raised);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--gap-sm) var(--padding-md)}.lesson-preview__progress-head{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--muted);margin-bottom:var(--gap-xs)}.lesson-preview__progress-track{height:.3125rem;border-radius:var(--radius-full);background:color-mix(in srgb,var(--titles) 8%,transparent);overflow:hidden}.lesson-preview__progress-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 70%,var(--bg)))}.lesson-preview__title{font-size:var(--text-h4);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);color:var(--titles);margin:0}.lesson-preview__prose{display:flex;flex-direction:column;gap:var(--gap-lg)}.lesson-preview__section{display:flex;flex-direction:column;gap:var(--gap-sm)}.lesson-preview__prose p{font-size:var(--text-body-sm);line-height:var(--leading-relaxed);color:var(--text);margin:0}.lesson-preview__prose b{color:var(--titles)}.lesson-preview__prose h4{margin:0;font-size:var(--text-h5);font-weight:var(--font-bold);line-height:1.25;letter-spacing:var(--tracking-tight);color:var(--titles)}.lesson-preview__prose ul{margin:0;padding-left:1.15rem;display:flex;flex-direction:column;gap:var(--gap-2xs)}.lesson-preview__prose li{font-size:var(--text-body-sm);line-height:var(--leading-relaxed);color:var(--text)}.lesson-preview__prose li b{color:var(--titles)}.lesson-player-thumb{position:relative;width:7rem;height:4.625rem;flex:none;border-radius:var(--radius-md);background:linear-gradient(150deg,var(--surface-overlay),var(--bg));border:1px solid var(--border-soft);overflow:hidden;display:flex;align-items:center;justify-content:center}.lesson-player-thumb__grid{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--titles) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--titles) 4%,transparent) 1px,transparent 1px);background-size:20px 20px}.lesson-player-thumb__play{position:relative;width:2.375rem;height:2.375rem;border-radius:var(--radius-full);background:var(--primary);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px -6px color-mix(in srgb,var(--primary) 70%,transparent)}.lesson-player-thumb__triangle{width:0;height:0;border-left:.625rem solid var(--on-primary);border-top:.375rem solid transparent;border-bottom:.375rem solid transparent;margin-left:.19rem}.number-badge{width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--surface);color:var(--muted);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-small);flex-shrink:0}.number-badge--completed{color:var(--primary);background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--primary) 26%,transparent),var(--bg));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 42%,transparent),0 0 .85rem -.2rem color-mix(in srgb,var(--primary) 55%,transparent)}.number-badge--completed svg{display:block}.lesson-content-card{padding:var(--padding-xl);margin-bottom:var(--margin-lg)}.lesson-content-card__header{display:flex;align-items:center;gap:var(--gap-md);margin-bottom:var(--margin-md);padding-bottom:var(--padding-md);border-bottom:1px solid var(--border)}.lesson-content-card__icon{font-size:var(--text-stat-md);line-height:1}.lesson-content-card__title{font-size:var(--text-h3);font-weight:var(--font-bold);color:var(--titles);margin:0}.lesson-content-card__content{color:var(--text);line-height:var(--leading-relaxed)}.lesson-content-card--objectifs{border-left:4px solid var(--primary);background:linear-gradient(to right,color-mix(in srgb,var(--primary) 5%,transparent) 0,var(--surface) 50%)}.lesson-content-card--objectifs .lesson-content-card__icon,.lesson-content-card--objectifs .lesson-content-card__title{color:var(--primary)}.lesson-content-card--concepts{border:1px solid var(--border);border-left:4px solid var(--primary);background-color:var(--surface)}.lesson-content-card--concepts .lesson-content-card__icon,.lesson-content-card--concepts .lesson-content-card__title{color:var(--warning)}.lesson-content-card--concepts .lesson-content-card__header{border-bottom-color:var(--border)}.lesson-content-card--concepts .lesson-content-card__content ul{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:var(--gap-lg)}.lesson-content-card--concepts .lesson-content-card__content li{padding:var(--padding-md);background-color:var(--surface);border-radius:var(--radius-sm);border-left:3px solid var(--warning)}.lesson-content-card--concepts .lesson-content-card__content strong{display:block;color:var(--warning);font-size:var(--text-h4);margin-bottom:var(--margin-sm);font-weight:var(--font-bold)}.lesson-content-card--objectifs .lesson-content-card__content ul{list-style:none;padding-left:0}.lesson-content-card--objectifs .lesson-content-card__content li{position:relative;padding-left:var(--padding-lg);margin-bottom:var(--margin-sm)}.lesson-content-card--objectifs .lesson-content-card__content li:before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:var(--font-bold)}.lesson-content-card--exemples{border-left:3px solid var(--success)}.lesson-content-card--exemples .lesson-content-card__icon{color:var(--success)}.lesson-content-card--recap{background-color:var(--surface);border:1px solid var(--border);border-left:4px solid var(--success)}.lesson-content-card--recap .lesson-content-card__icon,.lesson-content-card--recap .lesson-content-card__title{color:var(--success)}.lesson-content-card--recap .lesson-content-card__header{border-bottom-color:var(--border)}.lesson-content-card--recap .lesson-content-card__content ul{list-style:none;padding-left:0}.lesson-content-card--recap .lesson-content-card__content li{position:relative;padding-left:var(--padding-lg);margin-bottom:var(--margin-sm)}.lesson-content-card--recap .lesson-content-card__content li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:var(--font-bold)}.lesson-content-card--quiz{border:2px dashed var(--border);background-color:var(--surface)}.lesson-content-card--quiz .lesson-content-card__icon{color:var(--text)}.lesson-content-card__content.prose{max-width:none}.lesson-content-card__content.prose>*+*{margin-top:var(--margin-md)}.lesson-content-card__content.prose h3{font-size:var(--text-h4);margin-top:var(--margin-md);margin-bottom:var(--margin-sm)}.lesson-content-card__content.prose ol,.lesson-content-card__content.prose ul{padding-left:var(--padding-xl)}.lesson-content-card__content.prose li{margin-bottom:var(--margin-sm)}.lesson-content-card__content.prose code{font-family:var(--font-mono);font-size:.9em;padding:var(--padding-xs) .375rem;background-color:var(--bg);border-radius:var(--radius-sm);color:var(--primary)}.lesson-navigation{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-md);padding:var(--padding-lg) 0;margin-top:var(--margin-xl);border-top:1px solid var(--border)}.lesson-navigation__next,.lesson-navigation__prev{flex:1;max-width:300px}.lesson-navigation__next[disabled],.lesson-navigation__prev[disabled]{opacity:.4;cursor:not-allowed}@media (max-width:768px){.lesson-navigation{flex-direction:column;gap:var(--gap-sm)}.lesson-navigation__next,.lesson-navigation__prev{width:100%;max-width:none}}.lesson-schema{margin:0;display:flex;flex-direction:column;gap:var(--gap-sm);padding:var(--padding-md);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg)}.lesson-schema__eyebrow{margin:0;font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wider);color:var(--muted);text-transform:uppercase}.lesson-schema__frame{position:relative;display:block;width:100%;margin:0;padding:0;border:0;background:none;cursor:zoom-in;border-radius:var(--radius-md);color:inherit}.lesson-schema__frame:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.lesson-schema__figure{color:var(--primary);--mono:var(--font-mono)}.lesson-schema__figure .mzd-schema{display:block;width:100%;height:auto}.lesson-schema__zoom{position:absolute;top:var(--gap-xs);right:var(--gap-xs);display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-full);color:var(--titles);background:color-mix(in srgb,var(--surface-raised) 92%,transparent);border:1px solid var(--border-soft);opacity:0;transition:opacity var(--duration-150) ease;pointer-events:none}.lesson-schema__frame:focus-visible .lesson-schema__zoom,.lesson-schema__frame:hover .lesson-schema__zoom{opacity:1}.lesson-schema--square .lesson-schema__frame{max-width:30rem;margin-inline:auto}.lesson-schema__lightbox{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--padding-lg);background:color-mix(in srgb,#000 82%,transparent);cursor:zoom-out;animation:lessonSchemaLightboxIn var(--duration-150) ease}@supports (backdrop-filter:blur(4px)){.lesson-schema__lightbox{backdrop-filter:blur(4px)}}@keyframes lessonSchemaLightboxIn{0%{opacity:0}to{opacity:1}}.lesson-schema__lightbox-scroll{position:absolute;inset:0;display:flex;overflow:auto;padding:var(--padding-lg);cursor:zoom-out}.lesson-schema__lightbox-figure{color:var(--primary);--mono:var(--font-mono);--schema-zoom:1;flex:none;margin:auto;width:calc(min(94vw, 68rem) * var(--schema-zoom));cursor:default;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--padding-lg);box-shadow:0 40px 90px -40px rgba(0,0,0,.95)}.lesson-schema__lightbox-figure .mzd-schema{display:block;width:100%;height:auto}.lesson-schema__lightbox-tools{position:absolute;bottom:var(--padding-lg);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:var(--gap-xs);padding:var(--gap-2xs);border-radius:var(--radius-full);background:var(--surface-raised);border:1px solid var(--border-soft);box-shadow:0 12px 30px -16px rgba(0,0,0,.9)}.lesson-schema__zoom-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;font-size:var(--text-body-lg);line-height:1;color:var(--titles);background:none;border:0;border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-150) ease}.lesson-schema__zoom-btn:hover:not(:disabled){background:var(--surface)}.lesson-schema__zoom-btn:disabled{opacity:.4;cursor:default}.lesson-schema__zoom-level{min-width:3.5rem;text-align:center;font-family:var(--font-mono);font-size:var(--text-small);color:var(--muted)}.lesson-schema__lightbox-close{position:absolute;top:var(--padding-md);right:var(--padding-md);display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);color:var(--titles);background:var(--surface-raised);border:1px solid var(--border-soft);cursor:pointer;transition:background var(--duration-150) ease}.lesson-schema__lightbox-close:hover{background:var(--surface)}@media (prefers-reduced-motion:reduce){.lesson-schema__lightbox{animation:none}}.lesson-schema__caption{font-size:var(--text-tiny);line-height:var(--leading-relaxed);color:var(--muted)}.lesson-video{position:relative;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-soft);background:linear-gradient(150deg,var(--surface-overlay),var(--bg));box-shadow:0 24px 60px -34px rgba(0,0,0,.9)}.lesson-video__el{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:var(--bg)}.lesson-video--placeholder{display:flex;align-items:center;justify-content:center}.lesson-video__grid{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--titles) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--titles) 4%,transparent) 1px,transparent 1px);background-size:34px 34px}.lesson-video__badge{position:absolute;top:var(--gap-sm);left:var(--gap-sm);display:inline-flex;align-items:center;gap:var(--gap-xs);font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--primary)}.lesson-video__dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--primary);animation:lesson-video-pulse 1.8s infinite}@keyframes lesson-video-pulse{0%,to{opacity:1}50%{opacity:.3}}.lesson-video__tag{position:absolute;top:var(--gap-sm);right:var(--gap-sm);font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--on-primary);background:var(--primary);padding:2px var(--gap-sm);border-radius:var(--radius-sm)}.lesson-video__play{position:relative;width:4rem;height:4rem;border-radius:var(--radius-full);background:var(--primary);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px -8px color-mix(in srgb,var(--primary) 75%,transparent)}.lesson-video__triangle{width:0;height:0;border-left:1.05rem solid var(--on-primary);border-top:.7rem solid transparent;border-bottom:.7rem solid transparent;margin-left:.3rem}.lesson-video__soon{position:absolute;bottom:var(--gap-sm);left:50%;transform:translateX(-50%);font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--text);background:color-mix(in srgb,var(--bg) 60%,transparent);padding:3px var(--gap-sm);border-radius:var(--radius-sm);white-space:nowrap}.lesson-video-shell{display:flex;flex-direction:column;gap:var(--gap-sm)}.lesson-video__transport{display:flex;align-items:center;gap:var(--gap-md);padding:var(--gap-sm) var(--gap-xs) 0}.lesson-video__transport-play{width:0;height:0;border-left:.7rem solid var(--text);border-top:.45rem solid transparent;border-bottom:.45rem solid transparent;flex:none;opacity:.7}.lesson-video__transport-track{flex:1;height:5px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--titles) 10%,transparent);overflow:hidden}.lesson-video__transport-fill{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent-2))}.lesson-video__transport-time{font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--muted);font-variant-numeric:tabular-nums}.lesson-video__transport-chips{display:flex;gap:var(--gap-xs)}.lesson-video__transport-chip{font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--muted);background:var(--surface);border:1px solid var(--border-soft);padding:3px var(--gap-sm);border-radius:var(--radius-sm)}.lesson-tabs{display:flex;flex-direction:column;gap:var(--gap-lg)}.lesson-tabs__bar{display:flex;gap:2px;flex-wrap:wrap;border-bottom:1px solid var(--border-soft)}.lesson-tabs__tab{display:inline-flex;align-items:center;gap:var(--gap-xs);padding:var(--padding-sm) var(--padding-md);margin-bottom:-1px;font-size:var(--text-small);font-weight:var(--font-medium);color:var(--muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:var(--transition-colors)}.lesson-tabs__tab:hover:not(.lesson-tabs__tab--active):not(:disabled){color:var(--text)}.lesson-tabs__tab--active{color:var(--primary);font-weight:var(--font-semibold);border-bottom-color:var(--primary)}.lesson-tabs__tab--disabled,.lesson-tabs__tab:disabled{color:color-mix(in srgb,var(--muted) 45%,transparent);cursor:not-allowed}.lesson-tabs__count{font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--muted)}.lesson-tabs__tab--active .lesson-tabs__count{color:var(--primary)}.lesson-tabs__panel{min-width:0}.lesson-takeaways{display:flex;flex-direction:column;gap:var(--gap-md)}.lesson-takeaways__title{margin:0;font-size:var(--text-body);font-weight:var(--font-bold);color:var(--titles)}.lesson-takeaways__body ol,.lesson-takeaways__body ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--gap-sm)}.lesson-takeaways__body li{position:relative;padding-left:1.6rem;font-size:var(--text-small);line-height:1.55;color:var(--text)}.lesson-takeaways__body li:before{content:"→";position:absolute;left:0;top:0;color:var(--primary);font-weight:var(--font-bold)}.lesson-takeaways__body b,.lesson-takeaways__body strong{color:var(--titles);font-weight:var(--font-semibold)}.lesson-objectives{display:flex;flex-direction:column;gap:var(--gap-md);padding:var(--padding-lg);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--primary) 5%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);border-left:3px solid var(--primary)}.lesson-objectives__title{margin:0;font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--primary)}.lesson-objectives__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--gap-sm)}.lesson-objectives__item{display:flex;align-items:flex-start;gap:var(--gap-sm)}.lesson-objectives__check{color:var(--primary);flex:none;display:flex;margin-top:1px}.lesson-objectives__label{font-size:var(--text-small);line-height:1.55;color:var(--text)}.lesson-jacque{background:linear-gradient(160deg,color-mix(in srgb,var(--primary) 7%,transparent),var(--surface) 62%);border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);border-radius:var(--radius-lg);padding:var(--padding-lg);display:flex;flex-direction:column;gap:var(--gap-md)}.lesson-jacque__head{display:flex;align-items:center;gap:var(--gap-sm)}.lesson-jacque__icon{width:24px;height:24px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary);display:flex;align-items:center;justify-content:center;flex:none}.lesson-jacque__name{font-size:var(--text-small);font-weight:var(--font-bold);color:var(--titles)}.lesson-jacque__text{margin:0;font-size:var(--text-small);line-height:1.55;color:var(--text)}.lesson-jacque__cta{display:inline-flex;align-items:center;gap:var(--gap-sm);align-self:flex-start;font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--on-primary);background:var(--gradient-brand);padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-md)}.lesson-jacque__cta--soon{color:var(--muted);background:var(--surface-raised);border:1px solid var(--border-soft);cursor:default}.lesson-jacque__soon{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--primary)}.lesson-jacque--inline{flex-direction:row;align-items:center;gap:var(--gap-sm);padding:var(--padding-md);border-radius:var(--radius-md);border-color:color-mix(in srgb,var(--primary) 20%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 6%,transparent),var(--surface-raised) 60%)}.lesson-jacque--inline .lesson-jacque__icon{width:1.75rem;height:1.75rem;border-radius:var(--radius-sm);background:var(--primary);color:var(--on-primary)}.lesson-jacque--inline .lesson-jacque__text{flex:1;min-width:0;color:var(--muted)}.lesson-jacque--inline .lesson-jacque__text b{color:var(--text)}.lesson-jacque__cta--inline{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--gap-xs)}@media (max-width:640px){.lesson-jacque--inline{flex-direction:column;align-items:flex-start}}.chapter-playlist{padding:0}.chapter-playlist__header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm);padding:var(--padding-md) var(--padding-lg);border-bottom:1px solid var(--border-soft)}.chapter-playlist__title{font-size:var(--text-small);font-weight:var(--font-bold);color:var(--titles)}.chapter-playlist__count{font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.chapter-playlist__list{list-style:none;margin:0;padding:var(--gap-xs);display:flex;flex-direction:column;max-height:17.5rem;overflow-y:auto;overscroll-behavior:contain}.chapter-playlist__row{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-sm);border-radius:var(--radius-md);border:1px solid transparent;text-decoration:none;transition:var(--transition-colors)}.chapter-playlist__row:hover{background:var(--surface-raised)}.chapter-playlist__row--current{background:color-mix(in srgb,var(--primary) 10%,transparent);border-color:color-mix(in srgb,var(--primary) 28%,transparent)}.chapter-playlist__row--current:hover{background:color-mix(in srgb,var(--primary) 14%,transparent)}.chapter-playlist__marker{width:18px;height:18px;border-radius:var(--radius-full);flex:none;display:flex;align-items:center;justify-content:center;font-size:var(--text-tiny);font-weight:var(--font-extrabold)}.chapter-playlist__marker--done{background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success)}.chapter-playlist__marker--current{background:var(--primary)}.chapter-playlist__marker--todo{border:1.5px solid var(--border)}.chapter-playlist__triangle{width:0;height:0;border-left:6px solid var(--on-primary);border-top:4px solid transparent;border-bottom:4px solid transparent;margin-left:1px}.chapter-playlist__label{flex:1;min-width:0;font-size:var(--text-small);color:var(--text)}.chapter-playlist__row--done .chapter-playlist__label{color:var(--muted);text-decoration:line-through}.chapter-playlist__row--current .chapter-playlist__label{color:var(--titles);font-weight:var(--font-semibold)}.lesson-concept-list{display:flex;flex-direction:column;gap:var(--gap-lg)}.lesson-concept-list__header{margin:0}.lesson-concept-list__title{margin:0;font-size:var(--text-body);font-weight:var(--font-bold);color:var(--titles)}.lesson-concept-list__body{display:flex;flex-direction:column;gap:var(--gap-md);counter-reset:concept}.lesson-concept-list__item{gap:var(--gap-xs);padding:var(--padding-lg) var(--padding-lg) var(--padding-lg) calc(var(--padding-lg) + 2.6rem);border-left:3px solid var(--primary);border-radius:var(--radius-md)}.lesson-concept-list__item:before{counter-increment:concept;content:counter(concept,decimal-leading-zero);position:absolute;left:var(--padding-lg);top:var(--padding-lg);font-family:var(--font-mono);font-size:var(--text-tiny);font-weight:var(--font-bold);color:var(--primary)}.lesson-concept-list__term{margin:0;font-weight:var(--font-bold);color:var(--titles);font-size:var(--text-body)}.lesson-concept-list__definition{margin:0;color:var(--text);font-size:var(--text-small);line-height:1.6}.lesson-examples-list{display:flex;flex-direction:column;gap:var(--gap-md)}.lesson-examples-list__item{gap:var(--gap-sm);padding:var(--padding-lg)}.lesson-examples-list__header{display:flex;align-items:center;gap:var(--gap-sm);flex-wrap:wrap}.lesson-examples-list__label{font-family:var(--font-mono);font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary) 28%,transparent);padding:3px var(--gap-sm);border-radius:var(--radius-full);flex:none}.lesson-examples-list__title{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles)}.lesson-examples-list__body{color:var(--text);line-height:1.6;font-size:var(--text-small)}.lesson-paywall-card{max-width:32rem;margin:0 auto;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--padding-xl)}.lesson-paywall-card__label{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--primary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--margin-sm)}.lesson-paywall-card__title{font-size:var(--text-h2);font-weight:var(--font-bold);color:var(--titles);margin:0 0 var(--margin-md)}.lesson-paywall-card__description{font-size:var(--text-body);color:var(--muted-foreground);margin:0 0 var(--margin-lg);line-height:1.6}.lesson-paywall-card__list{list-style:none;padding:0;margin:0 0 var(--margin-lg);text-align:left}.lesson-paywall-card__list li{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) 0;color:var(--text);font-size:var(--text-body);border-bottom:1px solid var(--border)}.lesson-paywall-card__list li:last-child{border-bottom:none}.lesson-paywall-card__list-check{color:var(--success);font-weight:var(--font-bold);flex-shrink:0}.lesson-paywall-card__actions{display:flex;flex-direction:column;gap:var(--gap-sm);margin-bottom:var(--margin-md)}.lesson-paywall-card__footer{font-size:var(--text-small);color:var(--muted-foreground);font-style:italic;margin:0}.lexicon-panel{display:flex;flex-direction:column;gap:var(--gap-md)}.lexicon-panel__title{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--margin-md)}.lexicon-panel__empty{font-size:var(--text-small);color:var(--muted);font-style:italic}.lexicon-panel__list{display:flex;flex-direction:column;gap:var(--gap-xs)}.lexicon-panel__item{border-bottom:1px solid var(--border);padding:var(--padding-sm) 0}.lexicon-panel__item:last-child{border-bottom:none}.lexicon-panel__term{cursor:pointer;font-size:var(--text-small);font-weight:var(--font-medium);color:var(--primary);list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:var(--padding-xs);border-radius:var(--radius-sm);transition:var(--transition-colors)}.lexicon-panel__term::-webkit-details-marker{display:none}.lexicon-panel__term:before{content:"▸";display:inline-block;margin-right:var(--margin-sm);transition:transform .2s}.lexicon-panel__item[open] .lexicon-panel__term:before{transform:rotate(90deg)}.lexicon-panel__term:hover{background-color:var(--surface)}.lexicon-panel__definition{font-size:var(--text-small);color:var(--text);padding:var(--padding-sm) var(--padding-md);margin-top:var(--margin-sm);line-height:1.6}.lexicon-dir{display:flex;flex-direction:column;gap:var(--gap-md)}.lexicon-dir__search{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-md);background:var(--surface-sunken);box-shadow:inset 0 1px 2px rgba(0,0,0,.35);border:1px solid var(--border-soft);border-radius:var(--radius-lg);transition:var(--transition-colors)}.lexicon-dir__search:focus-within{border-color:color-mix(in srgb,var(--primary) 45%,transparent)}.lexicon-dir__search-icon{flex:none;width:.95rem;height:.95rem;border-radius:var(--radius-full);border:2px solid var(--muted);border-right:2px solid transparent;transform:rotate(45deg)}.lexicon-dir__search .lexicon-dir__search-input{flex:1;min-width:0;width:auto;background:transparent;border:none;border-radius:0;outline:none;padding:0;color:var(--titles);font-size:var(--text-small)}.lexicon-dir__search .lexicon-dir__search-input:focus,.lexicon-dir__search .lexicon-dir__search-input:focus-visible,.lexicon-dir__search .lexicon-dir__search-input:hover{outline:none;box-shadow:none;border:none}.lexicon-dir__alpha{display:flex;flex-wrap:wrap;gap:var(--gap-2xs)}.lexicon-dir__alpha-btn{min-width:2.35rem;padding:var(--padding-sm) 0;text-align:center;font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--text);background:var(--surface-raised);border:1px solid var(--border-soft);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-colors)}.lexicon-dir__alpha-btn--all{min-width:auto;padding:var(--padding-sm) var(--padding-md)}.lexicon-dir__alpha-btn:hover:not(:disabled):not(.lexicon-dir__alpha-btn--active){border-color:color-mix(in srgb,var(--primary) 40%,transparent);color:var(--primary)}.lexicon-dir__alpha-btn--active{color:var(--on-primary);background:var(--primary);border-color:var(--primary)}.lexicon-dir__alpha-btn--disabled,.lexicon-dir__alpha-btn:disabled{color:color-mix(in srgb,var(--muted) 45%,transparent);background:var(--bg);cursor:not-allowed}.lexicon-dir__count{display:flex;align-items:center;gap:var(--gap-sm)}.lexicon-dir__count-label{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--muted);font-variant-numeric:tabular-nums}.lexicon-dir__count-pill{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wider);color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);padding:1px var(--gap-sm);border-radius:var(--radius-sm)}.lexicon-dir__list{display:flex;flex-direction:column;gap:var(--gap-xs)}.lexicon-dir__item{padding:0;display:block}.lexicon-dir__item:hover,.lexicon-dir__item[open]{border-color:color-mix(in srgb,var(--primary) 26%,transparent)}.lexicon-dir__summary{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-md);cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none}.lexicon-dir__summary::-webkit-details-marker{display:none}.lexicon-dir__summary:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:var(--radius-lg)}.lexicon-dir__head{flex:1;min-width:0;display:flex;align-items:baseline;gap:var(--gap-sm)}.lexicon-dir__term{font-size:var(--text-body);font-weight:var(--font-bold);color:var(--titles);letter-spacing:-.01em}.lexicon-dir__theme{letter-spacing:var(--tracking-wide);color:var(--primary);text-transform:uppercase}.lexicon-dir__lessons,.lexicon-dir__theme{flex:none;font-family:var(--font-mono);font-size:var(--text-tiny)}.lexicon-dir__lessons{color:var(--muted);white-space:nowrap}.lexicon-dir__sign{flex:none;width:1.4rem;height:1.4rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--surface-overlay);border:1px solid var(--border-soft);color:var(--muted)}.lexicon-dir__sign:after{content:"+";font-size:var(--text-small);line-height:1}.lexicon-dir__item[open] .lexicon-dir__sign{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 35%,transparent)}.lexicon-dir__item[open] .lexicon-dir__sign:after{content:"−"}.lexicon-dir__body{padding:0 var(--padding-md) var(--padding-md)}.lexicon-dir__definition{margin:0;font-size:var(--text-small);line-height:var(--leading-relaxed);color:var(--text)}.lexicon-dir__lesson-link{display:inline-flex;align-items:center;gap:var(--gap-xs);margin-top:var(--margin-sm);font-size:var(--text-tiny);font-weight:var(--font-semibold);color:var(--primary);text-decoration:none;transition:var(--transition-colors)}.lexicon-dir__lesson-link:hover{color:color-mix(in srgb,var(--primary) 80%,var(--titles));gap:var(--gap-sm)}.lexicon-dir__pagination{display:flex;align-items:center;justify-content:center;gap:var(--gap-md);margin-top:var(--margin-sm)}.lexicon-dir__page-btn{display:inline-flex;align-items:center;gap:var(--gap-xs);padding:var(--padding-xs) var(--padding-md);font-size:var(--text-small);font-weight:var(--font-medium);color:var(--text);background:var(--surface-raised);border:1px solid var(--border-soft);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-colors)}.lexicon-dir__page-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 40%,transparent);color:var(--primary)}.lexicon-dir__page-btn:disabled{opacity:.4;cursor:not-allowed}.lexicon-dir__page-info{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.lexicon-dir__empty{padding:var(--padding-xl) 0;text-align:center;color:var(--muted);font-size:var(--text-small)}@media (max-width:640px){.lexicon-dir__head{flex-wrap:wrap;gap:var(--gap-2xs)}}.quiz{display:flex;flex-direction:column;gap:var(--gap-lg)}.quiz__empty,.quiz__error,.quiz__loading{text-align:center;padding:var(--padding-xl);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg)}.quiz__head{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md)}.quiz__head-title{margin:0;font-size:var(--text-body);font-weight:var(--font-bold);color:var(--titles)}.quiz__head-meta{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--muted);white-space:nowrap}.quiz__card{padding:var(--padding-xl);gap:var(--gap-lg)}.quiz__question{margin:0;font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles);line-height:1.5}.quiz__options{display:flex;flex-direction:column;gap:var(--gap-sm)}.quiz__option{display:flex;align-items:center;gap:var(--gap-md);padding:var(--padding-md) var(--padding-lg);background-color:var(--surface-sunken);box-shadow:inset 0 1px 2px rgba(0,0,0,.35);border:1px solid var(--border-soft);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-colors);text-align:left;font-family:inherit;font-size:var(--text-small);color:var(--text);width:100%}.quiz__option:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 45%,transparent);background-color:var(--surface)}.quiz__option:disabled{cursor:not-allowed}.quiz__option--selected{border-color:color-mix(in srgb,var(--primary) 45%,transparent);background-color:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--titles)}.quiz__radio{width:18px;height:18px;border-radius:var(--radius-full);border:2px solid color-mix(in srgb,var(--muted) 50%,transparent);flex:none;display:flex;align-items:center;justify-content:center;transition:var(--transition-colors)}.quiz__option--multiple .quiz__radio{border-radius:var(--radius-sm)}.quiz__option--selected .quiz__radio{border-color:var(--primary)}.quiz__option--selected .quiz__radio:after{content:"";width:8px;height:8px;border-radius:inherit;background:var(--primary)}.quiz__option-text{flex:1;line-height:var(--leading-relaxed)}.quiz__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md)}.quiz__dots{display:flex;gap:var(--gap-xs)}.quiz__dot{width:24px;height:4px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--titles) 10%,transparent)}.quiz__dot--active{background:var(--primary)}.quiz__footer-actions{display:flex;align-items:center;gap:var(--gap-sm)}.quiz__option--correct{border-color:var(--success);background-color:color-mix(in srgb,var(--success) 10%,transparent)}.quiz__option--incorrect{border-color:var(--destructive);background-color:color-mix(in srgb,var(--destructive) 10%,transparent)}.quiz__explanation{margin-top:var(--margin-md);padding:var(--padding-lg);border-radius:var(--radius-sm);border-left:4px solid var(--primary)}.quiz__explanation--correct{background:color-mix(in srgb,var(--success) 10%,transparent);border-left-color:var(--success)}.quiz__explanation--incorrect{background:color-mix(in srgb,var(--warning) 10%,transparent);border-left-color:var(--warning)}.quiz__explanation p{margin:0;color:var(--text);line-height:var(--leading-relaxed)}.quiz__actions{display:flex;justify-content:space-between;gap:var(--gap-md);margin-top:var(--margin-md);padding-top:var(--padding-lg);border-top:1px solid var(--border)}.quiz__results-slim{display:flex;justify-content:center;padding:var(--padding-xl)}.quiz__results,.quiz__results-slim{align-items:center;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg)}.quiz__results{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-xl);padding:var(--padding-2xl) var(--padding-xl)}.quiz__results-visual{text-align:center;width:100%}.quiz__results-content{text-align:left}.quiz__progress-bar{width:100%;max-width:250px}.quiz__results-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--primary);line-height:1;animation:bounce-in .5s ease-out}@media (max-width:768px){.quiz__results{grid-template-columns:1fr;gap:var(--gap-xl)}.quiz__results-content{text-align:center}}.quiz__score{display:flex;align-items:baseline;justify-content:center;gap:var(--gap-sm)}.quiz__score-value{font-size:var(--text-display-md);color:var(--primary);line-height:1;font-weight:var(--font-black)}.quiz__score-total{font-size:var(--text-h2);font-weight:var(--font-bold)}@keyframes bounce-in{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.quiz-results-percentage{font-size:var(--text-h2);font-weight:var(--font-bold);padding:var(--padding-sm) var(--padding-xl);border-radius:var(--radius-full);background-color:var(--surface)}.quiz-results-percentage--success{color:var(--success);background-color:color-mix(in srgb,var(--success) 10%,transparent)}.quiz-results-percentage--warning{color:var(--warning);background-color:color-mix(in srgb,var(--warning) 10%,transparent)}.quiz-results-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-lg);width:100%}.quiz-results-stat{display:flex;flex-direction:column;align-items:center;gap:var(--gap-sm);padding:var(--padding-lg);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:transform .2s ease,box-shadow .2s ease}.quiz-results-stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.quiz-results-stat--success{border-color:var(--success);background:linear-gradient(to bottom,color-mix(in srgb,var(--success) 5%,transparent),var(--surface))}.quiz-results-stat--error{border-color:var(--destructive);background:linear-gradient(to bottom,color-mix(in srgb,var(--destructive) 5%,transparent),var(--surface))}.quiz-results-stat-icon{font-size:var(--text-stat-md);line-height:1}.quiz-results-stat--success .quiz-results-stat-icon{color:var(--success)}.quiz-results-stat--error .quiz-results-stat-icon{color:var(--destructive)}.quiz-results-stat-label{font-size:var(--text-small);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-medium)}.quiz-results-stat-value{font-size:var(--text-h2);font-weight:var(--font-bold);color:var(--titles)}.quiz-results-progress-bar{width:100%;height:12px;background-color:var(--surface)}.quiz-results-progress-bar,.quiz-results-progress-fill{border-radius:var(--radius-full);overflow:hidden;position:relative}.quiz-results-progress-fill{height:100%;transition:width 1s ease-out}.quiz-results-progress-fill--success{background:linear-gradient(90deg,var(--success),var(--primary))}.quiz-results-progress-fill--warning{background:linear-gradient(90deg,var(--warning),var(--destructive))}.quiz-results-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.quiz-results-message{width:100%;padding:var(--padding-lg);background-color:var(--surface);border-radius:var(--radius-md);border-left:4px solid var(--primary)}.quiz-results-message p{margin:0;color:var(--text);line-height:var(--leading-relaxed);font-size:var(--text-body)}.quiz-results-message strong{color:var(--titles)}.quiz-results-actions{display:flex;gap:var(--gap-md);justify-content:center;width:100%;margin-top:var(--margin-md)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes bounce-scale{0%,to{transform:scale(1) translateY(0)}25%{transform:scale(1.1) translateY(-10px)}50%{transform:scale(.95) translateY(0)}75%{transform:scale(1.05) translateY(-5px)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:768px){.quiz{padding:var(--padding-lg)}.quiz-header{flex-direction:column;align-items:flex-start;gap:var(--gap-sm)}.quiz--completed{padding:var(--padding-lg)}.quiz-results{gap:var(--gap-lg)}.quiz-results-icon{font-size:var(--text-display-sm)}.quiz-results-title{font-size:var(--text-h2)}.quiz-results-main-score{padding:var(--padding-lg) var(--padding-xl)}.quiz-results-score-value{font-size:var(--text-display-sm)}.quiz-results-score-separator,.quiz-results-score-total{font-size:var(--text-h2)}.quiz-results-percentage{font-size:var(--text-h3);padding:var(--padding-xs) var(--padding-lg)}.quiz-results-stats{grid-template-columns:1fr;gap:var(--gap-md)}.quiz-results-stat{padding:var(--padding-md)}.quiz-results-stat-value{font-size:var(--text-h3)}}@keyframes cbScrim{0%{opacity:0}to{opacity:1}}@keyframes cbFade{0%{opacity:0}to{opacity:1}}@keyframes cbUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes cbUpSm{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes cbPop{0%{opacity:0;transform:scale(.84)}62%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes cbStamp{0%{opacity:0;transform:scale(1.55)}58%{opacity:1;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes cbRise{0%{opacity:0;transform:translateY(3rem) scale(.72)}62%{opacity:1}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cbFallOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-96%) scale(.66)}}@keyframes cbRing{0%{stroke-dashoffset:var(--cb-circ,327px)}to{stroke-dashoffset:0}}@keyframes cbBarGrow{0%{width:var(--cb-bar-from,45%)}to{width:var(--cb-bar-to,55%)}}@keyframes cbGlow{0%,to{box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 28%,transparent),0 0 1.4rem color-mix(in srgb,var(--primary) 30%,transparent)}50%{box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 50%,transparent),0 0 2.75rem color-mix(in srgb,var(--primary) 62%,transparent)}}@keyframes cbGlowRank{0%,to{filter:drop-shadow(0 0 1rem color-mix(in srgb,var(--primary) 30%,transparent))}50%{filter:drop-shadow(0 0 2.4rem color-mix(in srgb,var(--primary) 62%,transparent))}}@keyframes cbBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}15%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--r)) scale(var(--s))}}@keyframes cbConfetti{0%{opacity:0;transform:translate(-50%) rotate(0deg)}12%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)),var(--dy)) rotate(var(--r))}}@keyframes cbShock{0%{opacity:.65;transform:translate(-50%,-50%) scale(.22)}to{opacity:0;transform:translate(-50%,-50%) scale(2.7)}}@keyframes cbFlash{0%{opacity:0}22%{opacity:.85}to{opacity:0}}@keyframes cbRays{to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes cbBeam{0%{opacity:0;transform:translateX(-50%) scaleY(.4)}40%{opacity:1}to{opacity:0;transform:translateX(-50%) scaleY(1)}}.cb-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--padding-lg);font-family:var(--font-sans)}.cb-scrim{position:absolute;inset:0;background:color-mix(in srgb,var(--bg) 62%,transparent);animation:cbScrim .3s cubic-bezier(.4,0,.2,1) both}.cb-scrim--badge{background:color-mix(in srgb,var(--bg) 66%,transparent)}.cb-scrim--rank{background:color-mix(in srgb,var(--bg) 74%,transparent)}.cb-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.cb-particle{top:50%}.cb-particle,.cb-shock{position:absolute;left:50%}.cb-shock{top:46%;width:6.875rem;height:6.875rem;border-radius:var(--radius-full);border:2px solid color-mix(in srgb,var(--primary) 60%,transparent)}.cb-rays{top:46%;width:28.75rem;height:28.75rem;transform:translate(-50%,-50%);border-radius:var(--radius-full);opacity:.85;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--primary) 10%,transparent) 0deg 4deg,transparent 4deg 15deg);-webkit-mask-image:radial-gradient(circle,#000 6%,transparent 60%);mask-image:radial-gradient(circle,#000 6%,transparent 60%);animation:cbRays 16s linear infinite}.cb-beam,.cb-rays{position:absolute;left:50%}.cb-beam{top:0;bottom:0;width:9.375rem;transform:translateX(-50%);transform-origin:bottom;background:linear-gradient(to top,transparent,color-mix(in srgb,var(--primary) 22%,transparent) 42%,transparent);animation:cbBeam 1.1s cubic-bezier(.4,0,.2,1) .5s both}.cb-flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--primary) 50%,transparent),transparent 55%)}.cb-panel{position:relative;z-index:2;width:100%;max-width:25rem;text-align:center;padding:var(--padding-lg);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);background:linear-gradient(160deg,var(--surface-raised),var(--bg) 78%);box-shadow:0 1.875rem 4.375rem -1.875rem rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.05)}.cb-panel--badge,.cb-panel--rank{border-color:color-mix(in srgb,var(--primary) 28%,transparent)}.cb-close{position:absolute;top:.625rem;right:.625rem;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface-overlay) 60%,transparent);color:var(--muted);cursor:pointer;transition:color .15s,background .15s}.cb-close:hover{color:var(--titles);background:var(--surface-overlay)}.cb-close:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.cb-eyebrow{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--primary);margin-bottom:var(--gap-md)}.cb-title{font-size:1.3125rem;font-weight:800;letter-spacing:-.03em;color:var(--titles);margin:0 0 var(--gap-xs)}.cb-title--rank{font-size:1.625rem;letter-spacing:-.035em}.cb-title--gradient{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 68%,#000));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.cb-score{font-size:.8125rem;color:var(--muted);margin-bottom:var(--gap-lg)}.cb-score b{color:var(--titles)}.cb-score .cb-score__pct{color:var(--primary)}.cb-skill{font-size:.78125rem;line-height:1.55;color:var(--text);margin:0 auto var(--gap-lg);max-width:18rem}.cb-skill__rank{display:block;font-family:var(--font-mono);font-size:.625rem;letter-spacing:.05em;color:var(--primary);margin-bottom:var(--gap-xs)}.cb-xp{gap:var(--gap-xs);font-family:var(--font-mono);color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary) 28%,transparent);padding:.5rem .875rem;border-radius:var(--radius-full);margin-bottom:var(--gap-lg)}.cb-cta,.cb-xp{display:inline-flex;align-items:center;font-size:.8125rem;font-weight:700}.cb-cta{justify-content:center;gap:var(--gap-sm);color:var(--on-primary);background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 68%,#000));padding:.6875rem 1.25rem;border:none;border-radius:var(--radius-md);cursor:pointer;box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 25%,transparent),0 0 1.375rem color-mix(in srgb,var(--primary) 30%,transparent)}.cb-cta:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.cb-medallion{width:4rem;height:4rem;margin:0 auto var(--gap-md);border-radius:var(--radius-full);background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--primary) 28%,transparent),var(--bg));border:1px solid color-mix(in srgb,var(--primary) 42%,transparent);display:flex;align-items:center;justify-content:center;box-shadow:0 0 1.625rem -.25rem color-mix(in srgb,var(--primary) 50%,transparent)}.cb-medallion svg{color:var(--primary)}.cb-badge-medallion{position:relative;width:7.375rem;height:7.375rem;margin:0 auto var(--gap-md);border-radius:var(--radius-full)}.cb-badge-medallion__svg{position:absolute;inset:0;width:100%;height:100%}.cb-badge-medallion__track{stroke:color-mix(in srgb,var(--titles) 9%,transparent)}.cb-ring{stroke:var(--primary);filter:drop-shadow(0 0 .3125rem color-mix(in srgb,var(--primary) 60%,transparent))}.cb-badge-medallion__disc{position:absolute;inset:.8125rem;border-radius:var(--radius-full);background:radial-gradient(circle at 50% 34%,var(--surface-overlay),var(--bg));border:1px solid color-mix(in srgb,var(--primary) 35%,transparent);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 6px rgba(255,255,255,.06)}.cb-badge-medallion__icon{width:2.875rem;height:2.875rem;color:var(--primary);filter:drop-shadow(0 0 .25rem color-mix(in srgb,var(--primary) 50%,transparent))}.cb-badge-medallion__icon svg{width:100%;height:100%}.cb-badge-medallion__icon .achievement-symbol__fill-accent,.cb-badge-medallion__icon .achievement-symbol__fill-body{fill:var(--primary)}.cb-rank-stage{position:relative;height:8.625rem;margin-bottom:var(--gap-sm)}.cb-oldrank,.cb-rank-stage{display:flex;align-items:center;justify-content:center}.cb-oldrank{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:3.75rem;height:3.75rem;border-radius:var(--radius-md);background:radial-gradient(circle at 50% 34%,var(--surface-overlay),var(--bg));border:1px solid var(--border-soft);color:var(--muted)}.cb-oldrank svg{width:1.875rem;height:1.875rem}.cb-oldrank .achievement-symbol__fill-accent,.cb-oldrank .achievement-symbol__fill-body{fill:var(--muted)}.cb-rank-medallion{position:relative;width:7.5rem;height:7.5rem;clip-path:var(--shape-octagon);background:var(--primary);display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 1.25rem color-mix(in srgb,var(--primary) 45%,transparent))}.cb-rank-medallion:before{content:"";position:absolute;inset:2px;clip-path:var(--shape-octagon);background:radial-gradient(circle at 50% 32%,var(--surface-overlay),var(--bg))}.cb-rank-medallion__icon{position:relative;z-index:1;width:3.75rem;height:3.75rem;color:var(--primary);filter:drop-shadow(0 0 .375rem color-mix(in srgb,var(--primary) 60%,transparent))}.cb-rank-medallion__icon svg{width:100%;height:100%}.cb-rank-medallion__icon .achievement-symbol__fill-accent,.cb-rank-medallion__icon .achievement-symbol__fill-body{fill:var(--primary)}.cb-bar{text-align:left;margin-bottom:var(--gap-lg)}.cb-bar__meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin-bottom:.4375rem}.cb-bar__track{height:.375rem;background:color-mix(in srgb,var(--titles) 8%,transparent);overflow:hidden}.cb-bar__fill,.cb-bar__track{border-radius:var(--radius-sm)}.cb-bar__fill{height:100%;width:var(--cb-bar-to,55%);background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 68%,#000))}@media (prefers-reduced-motion:reduce){.cb-overlay *,.cb-overlay :after,.cb-overlay :before{animation-duration:.01ms!important;animation-iteration-count:1!important}}.table-of-contents{margin-bottom:var(--margin-lg)}.table-of-contents__title{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--margin-md);padding:var(--padding-sm) 0}.table-of-contents__list{list-style:none;padding:0;margin:0}.table-of-contents__item{margin-bottom:var(--margin-sm)}.table-of-contents__link{display:block;padding:var(--padding-sm) var(--padding-md);color:var(--text);text-decoration:none;border-radius:var(--radius-xs);font-size:var(--text-body);transition:var(--transition-colors)}.table-of-contents__link:hover{background-color:var(--surface);color:var(--titles)}.table-of-contents__item--active .table-of-contents__link,.table-of-contents__link:active{background-color:var(--primary);color:var(--bg);font-weight:var(--font-medium)}.mobile-sidebar-trigger{position:fixed;bottom:var(--gap-xl);right:var(--gap-xl);z-index:40;display:none;align-items:center;gap:var(--gap-sm);padding:var(--padding-md);background:var(--primary);color:var(--bg);border:none;border-radius:var(--radius-md);font-size:var(--text-body);font-weight:var(--font-medium);box-shadow:var(--shadow-lg);cursor:pointer;transition:var(--transition-all)}.mobile-sidebar-trigger:hover{transform:scale(1.05);box-shadow:var(--shadow-xl)}.mobile-sidebar-trigger:active{transform:scale(.98)}.mobile-sidebar-trigger .icon{width:24px;height:24px}@media (max-width:768px){.mobile-sidebar-trigger{display:flex}}.credit-balance--sm{padding:var(--padding-md)}.credit-balance--lg{padding:var(--padding-xl)}.credit-balance--critical{border-color:color-mix(in srgb,var(--destructive) 50%,transparent);background:color-mix(in srgb,var(--destructive) 5%,transparent)}.credit-balance--low{border-color:color-mix(in srgb,var(--warning) 50%,transparent);background:color-mix(in srgb,var(--warning) 5%,transparent)}.credit-balance-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--margin-md)}.credit-balance-title{display:flex;align-items:center;gap:var(--gap-sm)}.credit-balance-indicator{width:.5rem;height:.5rem;border-radius:50%}.credit-balance-indicator--good{background:var(--success)}.credit-balance-indicator--low{background:var(--warning)}.credit-balance-indicator--critical{background:var(--destructive)}.credit-balance-heading{font-weight:500;color:var(--titles);margin:0}.credit-balance--sm .credit-balance-heading{font-size:var(--text-body-sm)}.credit-balance--lg .credit-balance-heading{font-size:var(--text-h5)}.credit-balance-buy-button{font-size:var(--text-tiny)}.credit-balance-display{margin-bottom:var(--margin-md)}.credit-balance-numbers{display:flex;align-items:baseline;gap:var(--gap-sm);margin-bottom:var(--margin-sm)}.credit-balance-current{font-weight:700}.credit-balance--sm .credit-balance-current{font-size:var(--text-h4)}.credit-balance--md .credit-balance-current{font-size:var(--text-h3)}.credit-balance--lg .credit-balance-current{font-size:var(--text-stat-md)}.credit-balance-current--good{color:var(--titles)}.credit-balance-current--low{color:var(--warning)}.credit-balance-current--critical{color:var(--destructive)}.credit-balance-total{color:var(--muted)}.credit-balance--sm .credit-balance-total{font-size:var(--text-tiny)}.credit-balance--lg .credit-balance-total,.credit-balance--md .credit-balance-total{font-size:var(--text-body-sm)}.credit-balance-progress{height:.5rem}.credit-balance--sm .credit-balance-progress{height:.375rem}.credit-balance--lg .credit-balance-progress{height:.75rem}.credit-balance-info{display:flex;flex-direction:column;gap:var(--gap-sm)}.credit-balance-row{display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.credit-balance--sm .credit-balance-row{font-size:var(--text-tiny)}.credit-balance--lg .credit-balance-row,.credit-balance--md .credit-balance-row{font-size:var(--text-body-sm)}.credit-balance-alert{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--padding-sm);background:color-mix(in srgb,var(--destructive) 10%,transparent);border:1px solid color-mix(in srgb,var(--destructive) 20%,transparent);border-radius:var(--radius-sm)}.credit-balance--sm .credit-balance-alert{font-size:var(--text-tiny)}.credit-balance--lg .credit-balance-alert,.credit-balance--md .credit-balance-alert{font-size:var(--text-body-sm)}.credit-balance-alert-icon{width:1rem;height:1rem;color:var(--destructive);flex-shrink:0}.credit-balance-alert-text{color:var(--destructive)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--gap-md)}.kpi-card{padding:var(--padding-lg)}.kpi-card:hover{border-color:var(--primary)}.kpi-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-sm)}.kpi-info{display:flex;flex-direction:column;gap:var(--gap-xs);min-width:0}.kpi-title{font-size:var(--text-tiny);color:var(--muted);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.kpi-value{font-size:var(--text-stat-md);font-weight:700;color:var(--titles);line-height:1;font-variant-numeric:tabular-nums}.kpi-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;border-radius:var(--radius-md);color:var(--muted)}.kpi-icon--brand{color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent)}.kpi-change{display:flex;align-items:center;gap:var(--gap-xs);margin-top:var(--margin-md)}.kpi-change-value{display:inline-flex;align-items:center;gap:2px;font-size:var(--text-small);font-weight:600;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.kpi-change-value .icon-sm{width:.85rem;height:.85rem}.kpi-change--up{color:var(--success)}.kpi-change--down{color:var(--error)}.kpi-change--neutral{color:var(--muted)}.kpi-change-period{font-size:var(--text-tiny);color:var(--muted)}.kpi-card--loading{pointer-events:none}.kpi-skeleton{display:flex;flex-direction:column;gap:var(--gap-sm)}.dynamic-card__content{display:flex;flex-direction:column;gap:var(--gap-md)}.dynamic-card--horizontal{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;min-height:320px;gap:0;padding:0}.dynamic-card--horizontal>.card-image{grid-column:1;grid-row:1/span 2;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;align-self:stretch;margin:0;border-radius:var(--radius-md) 0 0 var(--radius-md)}.dynamic-card--horizontal>.card-content{grid-column:2;grid-row:1;display:flex;flex-direction:column;padding:var(--padding-xl);gap:var(--gap-md)}.dynamic-card--horizontal .dynamic-card__stats{background:transparent;padding:0}.dynamic-card--horizontal .dynamic-card__progress{margin-top:auto}.dynamic-card--horizontal>.card-footer{grid-column:2;grid-row:2;padding:0 var(--padding-xl) var(--padding-xl) var(--padding-xl)}@media (max-width:768px){.dynamic-card--horizontal{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;padding:var(--padding-section-sm)}.dynamic-card--horizontal>.card-image{grid-column:1;grid-row:1;width:calc(100% + (var(--padding-section-sm) * 2));height:auto;aspect-ratio:16/9;margin:calc(var(--padding-section-sm) * -1);margin-bottom:0;border-radius:var(--radius-md) var(--radius-md) 0 0}.dynamic-card--horizontal>.card-content{grid-column:1;grid-row:2;padding:0}.dynamic-card--horizontal>.card-footer{grid-column:1;grid-row:3;padding:0}}.dynamic-card__description,.dynamic-card__title{margin:0}.dynamic-card__stats{display:flex;flex-wrap:wrap;gap:var(--gap-md);padding:var(--padding-md);background:transparent;border-radius:var(--radius-md);align-items:center}.dynamic-card__stat{display:inline-flex;flex-direction:row;gap:var(--gap-xs);align-items:baseline}.dynamic-card__stat>span:first-child{color:var(--primary)}.dynamic-card__progress{display:flex;flex-direction:column;gap:var(--gap-sm)}.dynamic-card__progress-header{display:flex;justify-content:space-between;align-items:center}.dynamic-card__progress-detail{margin:0}