.chapter-list-item{padding:var(--padding-md);align-items:center;gap:var(--gap-md);display:flex}.chapter-list-item__number{border-radius:var(--radius-full);background-color:var(--primary);width:40px;height:40px;color:var(--on-primary);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.chapter-list-item__number--completed{background-color:var(--success);color:var(--on-primary)}.chapter-list-item__content{flex:1;min-width:0}.chapter-list-item__title{margin-bottom:var(--margin-sm);font-size:var(--text-body);font-weight:600}.chapter-list-item__duration{font-size:var(--text-small);color:var(--muted-foreground);margin:0}
.dashboard-progress-card{flex-direction:column;height:100%;display:flex}.dashboard-progress-header{align-items:center;gap:var(--gap-md);margin-bottom:var(--margin-md);display:flex}.dashboard-progress-emoji{font-size:32px}.dashboard-progress-current,.dashboard-progress-bar-container{margin-bottom:var(--margin-md)}.dashboard-progress-bar-header{margin-bottom:var(--margin-sm);justify-content:space-between;align-items:center;display:flex}.dashboard-progress-bar-wrapper{background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.dashboard-progress-bar-fill{background-color:var(--primary);border-radius:var(--radius-full);height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.dashboard-progress-cta{margin-top:auto}.dashboard-stats-grid{gap:var(--gap-lg);flex-direction:column;display:flex}.dashboard-stats-card{gap:var(--gap-sm);flex-direction:column;display:flex}.dashboard-stats-card__header{align-items:center;gap:var(--gap-sm);display:flex}.dashboard-stats-card__icon{font-size:var(--text-h3)}.dashboard-stats-card__value{font-size:var(--text-h1);font-weight:var(--font-bold);color:var(--titles)}.dashboard-stats-card__label{font-size:var(--text-small);color:var(--muted)}.dashboard-theme-card-content{gap:var(--gap-lg);flex-direction:column;flex:1;display:flex}.dashboard-theme-badge{align-items:center;gap:var(--gap-sm);margin-bottom:var(--margin-sm);display:flex}.dashboard-theme-description{flex:1;line-height:1.6}.dashboard-theme-stats{gap:var(--gap-lg);padding-top:var(--padding-md);border-top:1px solid var(--border);display:flex}.dashboard-theme-stat{gap:var(--gap-xs);flex-direction:column;display:flex}.dashboard-theme-progress{gap:var(--gap-sm);flex-direction:column;display:flex}.dashboard-theme-progress-header{justify-content:space-between;align-items:center;display:flex}
.lesson-header{margin-bottom:var(--margin-md);padding-bottom:var(--padding-lg);border-bottom:1px solid var(--border)}.lesson-breadcrumb{align-items:center;gap:var(--gap-sm);margin-bottom:var(--margin-md);flex-wrap:wrap;display:flex}.lesson-breadcrumb-link{transition:var(--transition-colors);text-decoration:none}.lesson-breadcrumb-link:hover{color:var(--primary)}.section-title{margin-bottom:var(--margin-md);align-items:center;gap:var(--gap-sm);display:flex}.section-title-icon{font-size:var(--text-h3);line-height:1}.concepts-grid ul{gap:var(--gap-md);flex-direction:column;padding:0;list-style:none;display:flex}.concepts-grid li{background-color:var(--surface);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius-sm);padding:var(--padding-lg);transition:var(--transition-all)}.concepts-grid li:hover{border-left-width:6px;transform:translate(2px)}.concepts-grid strong{color:var(--primary);font-size:var(--text-h4);font-weight:var(--font-bold);margin-bottom:var(--margin-sm);display:block}.concepts-grid li>:last-child{margin-bottom:0}
.dynamic-row-card{padding:var(--padding-lg);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-all);justify-content:space-between;align-items:center;gap:var(--gap-md);color:inherit;text-decoration:none;display:flex}.dynamic-row-card--disabled{cursor:not-allowed;opacity:.6}.dynamic-row-card:hover:not(.dynamic-row-card--disabled){border-color:var(--primary)}.dynamic-row-card:focus-visible:not(.dynamic-row-card--disabled){outline:2px solid var(--primary);outline-offset:2px}.dynamic-row-card__content{align-items:center;gap:var(--gap-md);flex:1;display:flex}.dynamic-row-card__leading{flex-shrink:0}.dynamic-row-card__info{gap:var(--gap-xs);flex-direction:column;flex:1;display:flex}.dynamic-row-card__title-wrapper{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;display:flex}.dynamic-row-card__title{margin:0}.dynamic-row-card__badge{display:inline-flex}.dynamic-row-card__subtitle{font-size:var(--text-small);color:var(--muted)}.dynamic-row-card__trailing{color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dynamic-row-card--disabled .dynamic-row-card__trailing{color:var(--muted)}
.setting-row__head{justify-content:space-between;align-items:flex-start;gap:var(--gap-md);min-width:0;display:flex}.setting-row__heading{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;min-width:0;display:flex}.setting-row__title{font-size:var(--text-h6);font-weight:var(--font-semibold);color:var(--titles);overflow-wrap:break-word;min-width:0;margin:0}.setting-row__action{flex-shrink:0}.setting-row__body{gap:var(--gap-sm);font-size:var(--text-small);color:var(--muted);overflow-wrap:break-word;flex-direction:column;min-width:0;display:flex}@media (max-width:560px){.setting-row__head{flex-direction:column;align-items:stretch}.setting-row__action{align-self:flex-start}}
.stat-tile{gap:var(--gap-md);flex-direction:column;display:flex}.stat-tile__head{justify-content:space-between;align-items:center;gap:var(--gap-sm);display:flex}.stat-tile__label{color:var(--muted);font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.stat-tile__icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--primary) 12%, transparent);width:1.75rem;height:1.75rem;color:var(--primary);justify-content:center;align-items:center;display:inline-flex}.stat-tile__value{align-items:baseline;gap:var(--gap-xs);color:var(--titles);font-size:var(--text-stat-md);font-variant-numeric:tabular-nums;font-weight:800;line-height:1;display:flex}.stat-tile__suffix{color:var(--muted);font-size:var(--text-body);font-weight:600}.stat-tile__delta{font-size:var(--text-body);font-weight:600}.stat-tile__delta--up{color:var(--success)}.stat-tile__delta--down{color:var(--error)}.stat-tile__delta--muted{color:var(--muted)}
.badge-chip{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%);justify-content:center;align-items:center;display:flex}.badge-chip__icon{width:2.5rem;height:2.5rem;color:var(--muted);justify-content:center;align-items:center;display:inline-flex}.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-body,.badge-chip--earned .achievement-symbol__fill-accent{fill:var(--primary)}.badge-chip--in_progress{border-color:color-mix(in srgb, var(--primary) 18%, transparent)}.badge-chip--in_progress .achievement-symbol__fill-body,.badge-chip--in_progress .achievement-symbol__fill-accent{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()}.badge-chip--locked .achievement-symbol__fill-body,.badge-chip--locked .achievement-symbol__fill-accent{fill:var(--muted)}
.callout-banner{justify-content:space-between;align-items:center;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%);color:inherit;transition:var(--transition-colors);text-decoration:none;display:flex}.callout-banner:hover{border-color:color-mix(in srgb, var(--primary) 45%, transparent)}.callout-banner__info{gap:var(--gap-2xs);flex-direction:column;display:flex}.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{align-items:center;gap:var(--gap-xs);flex-shrink:0;display:inline-flex}@media (max-width:640px){.callout-banner{flex-direction:column;align-items:flex-start}}
.link-card-grid{gap:var(--gap-md);flex-direction:column;display:flex}.link-card-group{gap:var(--gap-sm);flex-direction:column;display:flex}.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{gap:var(--gap-md);grid-template-columns:repeat(3,1fr);display:grid}.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);color:inherit;text-decoration:none}.link-card:hover{border-color:color-mix(in srgb, var(--primary) 40%, transparent)}.link-card__top{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.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{align-items:center;gap:var(--gap-lg);flex-direction:row;display:flex}.rank-card__medal{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--primary) 42%, transparent);background:radial-gradient(circle at 50% 34%, var(--surface-overlay), var(--bg) 72%);width:5.5rem;height:5.5rem;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.rank-card__symbol{color:var(--primary);justify-content:center;align-items:center;display:flex}.rank-card__symbol svg{width:3.75rem;height:3.75rem}.rank-card__symbol .achievement-symbol__fill-body,.rank-card__symbol .achievement-symbol__fill-accent{fill:var(--primary)}.rank-card__info{gap:var(--gap-xs);flex-direction:column;flex:1;min-width:0;display:flex}.rank-card__eyebrow{color:var(--muted);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0}.rank-card__name{color:var(--titles);font-size:var(--text-h5);margin:0;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{border-radius:var(--radius-md);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{align-items:center;gap:var(--gap-md);display:flex}.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{border-radius:var(--radius-full);background:color-mix(in srgb, var(--titles) 8%, transparent);flex:1;height:5px;overflow:hidden}.progress-strip__fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--primary), var(--accent-2));height:100%;display:block}.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{color:inherit;text-decoration:none}.theme-tile.card--overlay{aspect-ratio:2;border:1px solid var(--border-soft);border-radius:var(--radius-lg)}.theme-tile__ph{z-index:0;background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 22%, var(--surface-raised)), var(--surface-raised));position:absolute;inset:0}.theme-tile.card--overlay:after{background:linear-gradient(#0000 15%,#00000052 55%,#000000d9);height:100%}.theme-tile.card--overlay:hover:after{background:linear-gradient(#0000000d 10%,#00000073 55%,#000000e6);height:100%}.theme-tile__top{align-items:center;gap:var(--gap-sm);display:flex}.theme-tile__pct{color:var(--titles);font-size:var(--text-h5);font-variant-numeric:tabular-nums;font-weight:800}.theme-tile.card--overlay .card-title{font-size:var(--text-h6);font-weight:700}.theme-tile__meta{color:#ffffffbf;font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-family:var(--font-mono);margin:0}
.resume-card{gap:var(--gap-md);flex-direction:column;display:flex}.resume-card__head{justify-content:space-between;align-items:center;gap:var(--gap-sm);display:flex}.resume-card__status{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);display:inline-flex}.resume-card__dot{border-radius:var(--radius-full);background:var(--success);width:6px;height:6px}.resume-card__body{align-items:center;gap:var(--gap-md);display:flex}.resume-card__thumb{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.resume-card__chapter{color:var(--muted);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0 0 2px}.resume-card__title{color:var(--titles);font-size:var(--text-h6);margin:0;font-weight:700;line-height:1.25}.resume-card__meta{color:var(--muted);font-size:var(--text-tiny);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);font-family:var(--font-mono);justify-content:space-between;align-items:center;display:flex}.resume-card__cta{margin-top:var(--margin-sm);text-align:center}
.dash-preview{background:var(--card-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);width:100%;padding:var(--padding-lg);box-shadow:var(--shadow-xl)}.dash-preview__head{justify-content:space-between;align-items:center;gap:var(--gap-sm);margin-bottom:var(--margin-md);display:flex}.dash-preview__greeting{font-weight:var(--font-bold);color:var(--titles)}.dash-preview__stats{gap:var(--gap-xs);margin-bottom:var(--margin-md);grid-template-columns:repeat(4,1fr);display:grid}.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{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);display:block}.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 #000000f2}.lesson-preview__chrome{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);display:flex}.lesson-preview__dots{gap:var(--gap-2xs);display:flex}.lesson-preview__dot{border-radius:var(--radius-full);background:var(--border);width:.625rem;height:.625rem}.lesson-preview__url{font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--muted)}.lesson-preview__body{flex-wrap:wrap;display:flex}.lesson-preview__main{min-width:min(100%,20rem);padding:var(--padding-lg);border-right:1px solid var(--border-soft);flex:25rem}.lesson-preview__aside{min-width:min(100%,16rem);padding:var(--padding-lg);gap:var(--gap-md);flex-direction:column;flex:16rem;display:flex}.lesson-preview__breadcrumb{align-items:center;gap:var(--gap-xs);font-size:var(--text-small);color:var(--muted);margin-bottom:var(--gap-md);flex-wrap:wrap;display:flex}.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);margin-bottom:var(--gap-md)}.lesson-preview__progress-head{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--muted);margin-bottom:var(--gap-xs);justify-content:space-between;display:flex}.lesson-preview__progress-track{border-radius:var(--radius-full);background:color-mix(in srgb, var(--titles) 8%, transparent);height:.3125rem;overflow:hidden}.lesson-preview__progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--primary), color-mix(in srgb, var(--primary) 70%, var(--bg)));height:100%}.lesson-preview__title{font-size:var(--text-h4);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);color:var(--titles);margin:var(--gap-md) 0}.lesson-preview__prose{gap:var(--gap-xs);flex-direction:column;display:flex}.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-player-thumb{border-radius:var(--radius-md);background:linear-gradient(150deg, var(--surface-overlay), var(--bg));border:1px solid var(--border-soft);flex:none;justify-content:center;align-items:center;width:7rem;height:4.625rem;display:flex;position:relative;overflow:hidden}.lesson-player-thumb__grid{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;position:absolute;inset:0}.lesson-player-thumb__play{border-radius:var(--radius-full);background:var(--primary);width:2.375rem;height:2.375rem;box-shadow:0 8px 22px -6px color-mix(in srgb, var(--primary) 70%, transparent);justify-content:center;align-items:center;display:flex;position:relative}.lesson-player-thumb__triangle{border-left:.625rem solid var(--on-primary);border-top:.375rem solid #0000;border-bottom:.375rem solid #0000;width:0;height:0;margin-left:.19rem}
.number-badge{background-color:var(--surface);width:2.5rem;height:2.5rem;color:var(--muted);font-weight:var(--font-bold);font-size:var(--text-small);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.number-badge--completed{color:var(--primary)}
.lesson-content-card{padding:var(--padding-xl);margin-bottom:var(--margin-lg)}.lesson-content-card__header{align-items:center;gap:var(--gap-md);margin-bottom:var(--margin-md);padding-bottom:var(--padding-md);border-bottom:1px solid var(--border);display:flex}.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{gap:var(--gap-lg);flex-direction:column;padding-left:0;list-style:none;display:flex}.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{color:var(--warning);font-size:var(--text-h4);margin-bottom:var(--margin-sm);font-weight:var(--font-bold);display:block}.lesson-content-card--objectifs .lesson-content-card__content ul{padding-left:0;list-style:none}.lesson-content-card--objectifs .lesson-content-card__content li{padding-left:var(--padding-lg);margin-bottom:var(--margin-sm);position:relative}.lesson-content-card--objectifs .lesson-content-card__content li:before{content:"•";color:var(--primary);font-weight:var(--font-bold);position:absolute;left:0}.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{padding-left:0;list-style:none}.lesson-content-card--recap .lesson-content-card__content li{padding-left:var(--padding-lg);margin-bottom:var(--margin-sm);position:relative}.lesson-content-card--recap .lesson-content-card__content li:before{content:"✓";color:var(--success);font-weight:var(--font-bold);position:absolute;left:0}.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 ul,.lesson-content-card__content.prose ol{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);padding:var(--padding-xs) .375rem;background-color:var(--bg);border-radius:var(--radius-sm);color:var(--primary);font-size:.9em}
.lesson-navigation{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);display:flex}.lesson-navigation__prev,.lesson-navigation__next{flex:1;max-width:300px}.lesson-navigation__prev[disabled],.lesson-navigation__next[disabled]{opacity:.4;cursor:not-allowed}@media (max-width:768px){.lesson-navigation{gap:var(--gap-sm);flex-direction:column}.lesson-navigation__prev,.lesson-navigation__next{width:100%;max-width:none}}
.lesson-schema{gap:var(--gap-sm);padding:var(--padding-md);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);flex-direction:column;margin:0;display:flex}.lesson-schema__eyebrow{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wider);color:var(--muted);text-transform:uppercase;margin:0}.lesson-schema__figure{color:var(--primary);--mono:var(--font-mono)}.lesson-schema__figure .mzd-schema{width:100%;height:auto;display:block}.lesson-schema--square .lesson-schema__figure{max-width:30rem;margin-inline:auto}.lesson-schema__caption{font-size:var(--text-tiny);line-height:var(--leading-relaxed);color:var(--muted)}
.lesson-video{aspect-ratio:16/9;border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:linear-gradient(150deg, var(--surface-overlay), var(--bg));position:relative;overflow:hidden;box-shadow:0 24px 60px -34px #000000e6}.lesson-video__el{-o-object-fit:contain;object-fit:contain;background:var(--bg);width:100%;height:100%}.lesson-video--placeholder{justify-content:center;align-items:center;display:flex}.lesson-video__grid{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;position:absolute;inset:0}.lesson-video__badge{top:var(--gap-sm);left:var(--gap-sm);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);display:inline-flex;position:absolute}.lesson-video__dot{border-radius:var(--radius-full);background:var(--primary);width:6px;height:6px;animation:1.8s infinite lesson-video-pulse}@keyframes lesson-video-pulse{0%,to{opacity:1}50%{opacity:.3}}.lesson-video__tag{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);position:absolute}.lesson-video__play{border-radius:var(--radius-full);background:var(--primary);width:4rem;height:4rem;box-shadow:0 14px 34px -8px color-mix(in srgb, var(--primary) 75%, transparent);justify-content:center;align-items:center;display:flex;position:relative}.lesson-video__triangle{border-left:1.05rem solid var(--on-primary);border-top:.7rem solid #0000;border-bottom:.7rem solid #0000;width:0;height:0;margin-left:.3rem}.lesson-video__soon{bottom:var(--gap-sm);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;position:absolute;left:50%;transform:translate(-50%)}.lesson-video-shell{gap:var(--gap-sm);flex-direction:column;display:flex}.lesson-video__transport{align-items:center;gap:var(--gap-md);padding:var(--gap-sm) var(--gap-xs) 0;display:flex}.lesson-video__transport-play{border-left:.7rem solid var(--text);opacity:.7;border-top:.45rem solid #0000;border-bottom:.45rem solid #0000;flex:none;width:0;height:0}.lesson-video__transport-track{border-radius:var(--radius-full);background:color-mix(in srgb, var(--titles) 10%, transparent);flex:1;height:5px;overflow:hidden}.lesson-video__transport-fill{background:linear-gradient(90deg, var(--primary), var(--accent-2));width:0;height:100%;display:block}.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{gap:var(--gap-xs);display:flex}.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{gap:var(--gap-lg);flex-direction:column;display:flex}.lesson-tabs__bar{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;gap:2px;display:flex}.lesson-tabs__tab{align-items:center;gap:var(--gap-xs);padding:var(--padding-sm) var(--padding-md);font-size:var(--text-small);font-weight:var(--font-medium);color:var(--muted);cursor:pointer;white-space:nowrap;transition:var(--transition-colors);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;display:inline-flex}.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{gap:var(--gap-md);flex-direction:column;display:flex}.lesson-takeaways__title{font-size:var(--text-body);font-weight:var(--font-bold);color:var(--titles);margin:0}.lesson-takeaways__body ul,.lesson-takeaways__body ol{gap:var(--gap-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lesson-takeaways__body li{gap:var(--gap-sm);font-size:var(--text-small);color:var(--text);line-height:1.55;display:flex}.lesson-takeaways__body li:before{content:"→";color:var(--primary);font-weight:var(--font-bold);flex:none}.lesson-takeaways__body strong,.lesson-takeaways__body b{color:var(--titles);font-weight:var(--font-semibold)}
.lesson-objectives{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);flex-direction:column;display:flex}.lesson-objectives__title{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--primary);margin:0}.lesson-objectives__list{gap:var(--gap-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lesson-objectives__item{align-items:flex-start;gap:var(--gap-sm);display:flex}.lesson-objectives__check{color:var(--primary);flex:none;margin-top:1px;display:flex}.lesson-objectives__label{font-size:var(--text-small);color:var(--text);line-height:1.55}
.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);gap:var(--gap-md);flex-direction:column;display:flex}.lesson-jacque__head{align-items:center;gap:var(--gap-sm);display:flex}.lesson-jacque__icon{border-radius:var(--radius-full);background:color-mix(in srgb, var(--primary) 16%, transparent);width:24px;height:24px;color:var(--primary);flex:none;justify-content:center;align-items:center;display:flex}.lesson-jacque__name{font-size:var(--text-small);font-weight:var(--font-bold);color:var(--titles)}.lesson-jacque__text{font-size:var(--text-small);color:var(--text);margin:0;line-height:1.55}.lesson-jacque__cta{align-items:center;gap:var(--gap-sm);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);align-self:flex-start;display:inline-flex}.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{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%);flex-direction:row}.lesson-jacque--inline .lesson-jacque__icon{border-radius:var(--radius-sm);background:var(--primary);width:1.75rem;height:1.75rem;color:var(--on-primary)}.lesson-jacque--inline .lesson-jacque__text{min-width:0;color:var(--muted);flex:1}.lesson-jacque--inline .lesson-jacque__text b{color:var(--text)}.lesson-jacque__cta--inline{align-items:center;gap:var(--gap-xs);flex-shrink:0;display:inline-flex}@media (max-width:640px){.lesson-jacque--inline{flex-direction:column;align-items:flex-start}}
.chapter-playlist{padding:0}.chapter-playlist__header{justify-content:space-between;align-items:center;gap:var(--gap-sm);padding:var(--padding-md) var(--padding-lg);border-bottom:1px solid var(--border-soft);display:flex}.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{padding:var(--gap-xs);overscroll-behavior:contain;flex-direction:column;max-height:17.5rem;margin:0;list-style:none;display:flex;overflow-y:auto}.chapter-playlist__row{align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-sm);border-radius:var(--radius-md);transition:var(--transition-colors);border:1px solid #0000;text-decoration:none;display:flex}.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{border-radius:var(--radius-full);width:18px;height:18px;font-size:var(--text-tiny);font-weight:var(--font-extrabold);flex:none;justify-content:center;align-items:center;display:flex}.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{border-left:6px solid var(--on-primary);border-top:4px solid #0000;border-bottom:4px solid #0000;width:0;height:0;margin-left:1px}.chapter-playlist__label{min-width:0;font-size:var(--text-small);color:var(--text);flex:1}.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{gap:var(--gap-lg);flex-direction:column;display:flex}.lesson-concept-list__header{margin:0}.lesson-concept-list__title{font-size:var(--text-body);font-weight:var(--font-bold);color:var(--titles);margin:0}.lesson-concept-list__body{gap:var(--gap-md);counter-reset:concept;flex-direction:column;display:flex}.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);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);position:absolute}.lesson-concept-list__term{font-weight:var(--font-bold);color:var(--titles);font-size:var(--text-body);margin:0}.lesson-concept-list__definition{color:var(--text);font-size:var(--text-small);margin:0;line-height:1.6}
.lesson-examples-list{gap:var(--gap-md);flex-direction:column;display:flex}.lesson-examples-list__item{gap:var(--gap-sm);padding:var(--padding-lg)}.lesson-examples-list__header{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;display:flex}.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{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:32rem;padding:var(--padding-xl);margin:0 auto}.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{margin:0 0 var(--margin-lg);text-align:left;padding:0;list-style:none}.lesson-paywall-card__list li{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);display:flex}.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{gap:var(--gap-sm);margin-bottom:var(--margin-md);flex-direction:column;display:flex}.lesson-paywall-card__footer{font-size:var(--text-small);color:var(--muted-foreground);margin:0;font-style:italic}
.lexicon-panel{gap:var(--gap-md);flex-direction:column;display:flex}.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{gap:var(--gap-xs);flex-direction:column;display:flex}.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);-webkit-user-select:none;user-select:none;padding:var(--padding-xs);border-radius:var(--radius-sm);transition:var(--transition-colors);list-style:none}.lexicon-panel__term::-webkit-details-marker{display:none}.lexicon-panel__term:before{content:"▸";margin-right:var(--margin-sm);transition:transform .2s;display:inline-block}.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{gap:var(--gap-md);flex-direction:column;display:flex}.lexicon-dir__search{align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-md);background:var(--surface-sunken);border:1px solid var(--border-soft);border-radius:var(--radius-lg);transition:var(--transition-colors);display:flex;box-shadow:inset 0 1px 2px #00000059}.lexicon-dir__search:focus-within{border-color:color-mix(in srgb, var(--primary) 45%, transparent)}.lexicon-dir__search-icon{border-radius:var(--radius-full);border:2px solid var(--muted);border-right-color:#0000;flex:none;width:.95rem;height:.95rem;transform:rotate(45deg)}.lexicon-dir__search .lexicon-dir__search-input{width:auto;min-width:0;color:var(--titles);font-size:var(--text-small);background:0 0;border:none;border-radius:0;outline:none;flex:1;padding:0}.lexicon-dir__search .lexicon-dir__search-input:hover,.lexicon-dir__search .lexicon-dir__search-input:focus,.lexicon-dir__search .lexicon-dir__search-input:focus-visible{box-shadow:none;border:none;outline:none}.lexicon-dir__alpha{gap:var(--gap-2xs);flex-wrap:wrap;display:flex}.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{align-items:center;gap:var(--gap-sm);display:flex}.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{gap:var(--gap-xs);flex-direction:column;display:flex}.lexicon-dir__item{padding:0;display:block}.lexicon-dir__item[open],.lexicon-dir__item:hover{border-color:color-mix(in srgb, var(--primary) 26%, transparent)}.lexicon-dir__summary{align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-md);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;list-style:none;display:flex}.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{align-items:baseline;gap:var(--gap-sm);flex:1;min-width:0;display:flex}.lexicon-dir__term{font-size:var(--text-body);font-weight:var(--font-bold);color:var(--titles);letter-spacing:-.01em}.lexicon-dir__theme{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--primary);text-transform:uppercase;flex:none}.lexicon-dir__lessons{font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--muted);white-space:nowrap;flex:none}.lexicon-dir__sign{border-radius:var(--radius-sm);background:var(--surface-overlay);border:1px solid var(--border-soft);width:1.4rem;height:1.4rem;color:var(--muted);flex:none;justify-content:center;align-items:center;display:flex}.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{font-size:var(--text-small);line-height:var(--leading-relaxed);color:var(--text);margin:0}.lexicon-dir__lesson-link{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);transition:var(--transition-colors);text-decoration:none;display:inline-flex}.lexicon-dir__lesson-link:hover{color:color-mix(in srgb, var(--primary) 80%, var(--titles));gap:var(--gap-sm)}.lexicon-dir__pagination{justify-content:center;align-items:center;gap:var(--gap-md);margin-top:var(--margin-sm);display:flex}.lexicon-dir__page-btn{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);display:inline-flex}.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{gap:var(--gap-2xs);flex-wrap:wrap}}
.quiz{gap:var(--gap-lg);flex-direction:column;display:flex}.quiz__loading,.quiz__error,.quiz__empty{text-align:center;padding:var(--padding-xl);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg)}.quiz__head{justify-content:space-between;align-items:center;gap:var(--gap-md);display:flex}.quiz__head-title{font-size:var(--text-body);font-weight:var(--font-bold);color:var(--titles);margin:0}.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{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles);margin:0;line-height:1.5}.quiz__options{gap:var(--gap-sm);flex-direction:column;display:flex}.quiz__option{align-items:center;gap:var(--gap-md);padding:var(--padding-md) var(--padding-lg);background-color:var(--surface-sunken);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%;display:flex;box-shadow:inset 0 1px 2px #00000059}.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{border-radius:var(--radius-full);border:2px solid color-mix(in srgb, var(--muted) 50%, transparent);width:18px;height:18px;transition:var(--transition-colors);flex:none;justify-content:center;align-items:center;display:flex}.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:"";border-radius:inherit;background:var(--primary);width:8px;height:8px}.quiz__option-text{line-height:var(--leading-relaxed);flex:1}.quiz__footer{justify-content:space-between;align-items:center;gap:var(--gap-md);display:flex}.quiz__dots{gap:var(--gap-xs);display:flex}.quiz__dot{border-radius:var(--radius-full);background:color-mix(in srgb, var(--titles) 10%, transparent);width:24px;height:4px}.quiz__dot--active{background:var(--primary)}.quiz__footer-actions{align-items:center;gap:var(--gap-sm);display:flex}.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{color:var(--text);line-height:var(--leading-relaxed);margin:0}.quiz__actions{justify-content:space-between;gap:var(--gap-md);margin-top:var(--margin-md);padding-top:var(--padding-lg);border-top:1px solid var(--border);display:flex}.quiz__results{gap:var(--gap-xl);padding:var(--padding-2xl) var(--padding-xl);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);grid-template-columns:1fr 1fr;align-items:center;display:grid}.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{font-size:var(--text-display-md);line-height:1;animation:.5s ease-out bounce-in}@media (max-width:768px){.quiz__results{gap:var(--gap-xl);grid-template-columns:1fr}.quiz__results-content{text-align:center}}.quiz__score{justify-content:center;align-items:baseline;gap:var(--gap-sm);display:flex}.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%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(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{gap:var(--gap-lg);grid-template-columns:repeat(3,1fr);width:100%;display:grid}.quiz-results-stat{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);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex}.quiz-results-stat:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.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{background-color:var(--surface);border-radius:var(--radius-full);width:100%;height:12px;position:relative;overflow:hidden}.quiz-results-progress-fill{border-radius:var(--radius-full);height:100%;transition:width 1s ease-out;position:relative;overflow:hidden}.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:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}.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{color:var(--text);line-height:var(--leading-relaxed);font-size:var(--text-body);margin:0}.quiz-results-message strong{color:var(--titles)}.quiz-results-actions{gap:var(--gap-md);width:100%;margin-top:var(--margin-md);justify-content:center;display:flex}@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:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width:768px){.quiz{padding:var(--padding-lg)}.quiz-header{align-items:flex-start;gap:var(--gap-sm);flex-direction:column}.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{gap:var(--gap-md);grid-template-columns:1fr}.quiz-results-stat{padding:var(--padding-md)}.quiz-results-stat-value{font-size:var(--text-h3)}}
.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{margin:0;padding:0;list-style:none}.table-of-contents__item{margin-bottom:var(--margin-sm)}.table-of-contents__link{padding:var(--padding-sm) var(--padding-md);color:var(--text);border-radius:var(--radius-xs);font-size:var(--text-body);transition:var(--transition-colors);text-decoration:none;display:block}.table-of-contents__link:hover{background-color:var(--surface);color:var(--titles)}.table-of-contents__link:active,.table-of-contents__item--active .table-of-contents__link{background-color:var(--primary);color:var(--bg);font-weight:var(--font-medium)}
.mobile-sidebar-trigger{bottom:var(--gap-xl);right:var(--gap-xl);z-index:40;align-items:center;gap:var(--gap-sm);padding:var(--padding-md);background:var(--primary);color:var(--bg);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);border:none;display:none;position:fixed}.mobile-sidebar-trigger:hover{box-shadow:var(--shadow-xl);transform:scale(1.05)}.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{margin-bottom:var(--margin-md);justify-content:space-between;align-items:center;display:flex}.credit-balance-title{align-items:center;gap:var(--gap-sm);display:flex}.credit-balance-indicator{border-radius:50%;width:.5rem;height:.5rem}.credit-balance-indicator--good{background:var(--success)}.credit-balance-indicator--low{background:var(--warning)}.credit-balance-indicator--critical{background:var(--destructive)}.credit-balance-heading{color:var(--titles);margin:0;font-weight:500}.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{align-items:baseline;gap:var(--gap-sm);margin-bottom:var(--margin-sm);display:flex}.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--md .credit-balance-total,.credit-balance--lg .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{gap:var(--gap-sm);flex-direction:column;display:flex}.credit-balance-row{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.credit-balance--sm .credit-balance-row{font-size:var(--text-tiny)}.credit-balance--md .credit-balance-row,.credit-balance--lg .credit-balance-row{font-size:var(--text-body-sm)}.credit-balance-alert{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);display:flex}.credit-balance--sm .credit-balance-alert{font-size:var(--text-tiny)}.credit-balance--md .credit-balance-alert,.credit-balance--lg .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{gap:var(--gap-md);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.kpi-card{padding:var(--padding-lg)}.kpi-card:hover{border-color:var(--primary)}.kpi-header{justify-content:space-between;align-items:flex-start;gap:var(--gap-sm);display:flex}.kpi-info{gap:var(--gap-xs);flex-direction:column;min-width:0;display:flex}.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);color:var(--titles);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.kpi-icon{border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.kpi-icon--brand{color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent)}.kpi-change{align-items:center;gap:var(--gap-xs);margin-top:var(--margin-md);display:flex}.kpi-change-value{font-size:var(--text-small);font-weight:600;font-family:var(--font-mono);font-variant-numeric:tabular-nums;align-items:center;gap:2px;display:inline-flex}.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{gap:var(--gap-sm);flex-direction:column;display:flex}
.dynamic-card__content{gap:var(--gap-md);flex-direction:column;display:flex}.dynamic-card--horizontal{grid-template-rows:1fr auto;grid-template-columns:1fr 1fr;gap:0;min-height:320px;padding:0;display:grid}.dynamic-card--horizontal>.card-image{-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-md) 0 0 var(--radius-md);grid-area:1/1/span 2;align-self:stretch;width:100%;height:100%;margin:0}.dynamic-card--horizontal>.card-content{padding:var(--padding-xl);gap:var(--gap-md);flex-direction:column;grid-area:1/2;display:flex}.dynamic-card--horizontal .dynamic-card__stats{background:0 0;padding:0}.dynamic-card--horizontal .dynamic-card__progress{margin-top:auto}.dynamic-card--horizontal>.card-footer{padding:0 var(--padding-xl) var(--padding-xl) var(--padding-xl);grid-area:2/2}@media (max-width:768px){.dynamic-card--horizontal{padding:var(--padding-section-sm);grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.dynamic-card--horizontal>.card-image{width:calc(100% + (var(--padding-section-sm) * 2));aspect-ratio:16/9;height:auto;margin:calc(var(--padding-section-sm) * -1);border-radius:var(--radius-md) var(--radius-md) 0 0;grid-area:1/1;margin-bottom:0}.dynamic-card--horizontal>.card-content{grid-area:2/1;padding:0}.dynamic-card--horizontal>.card-footer{grid-area:3/1;padding:0}}.dynamic-card__title,.dynamic-card__description{margin:0}.dynamic-card__stats{gap:var(--gap-md);padding:var(--padding-md);border-radius:var(--radius-md);background:0 0;flex-wrap:wrap;align-items:center;display:flex}.dynamic-card__stat{gap:var(--gap-xs);flex-direction:row;align-items:baseline;display:inline-flex}.dynamic-card__stat>span:first-child{color:var(--primary)}.dynamic-card__progress{gap:var(--gap-sm);flex-direction:column;display:flex}.dynamic-card__progress-header{justify-content:space-between;align-items:center;display:flex}.dynamic-card__progress-detail{margin:0}
.import-export-container{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--padding-xl)}.import-export-header{margin-bottom:var(--margin-lg)}.import-export-header h3{font-size:var(--text-h5);color:var(--foreground);margin-bottom:var(--margin-sm);font-weight:600}.import-export-header p{font-size:var(--text-body-sm);color:var(--muted-foreground)}.import-export-grid{gap:var(--gap-xl);grid-template-columns:1fr;display:grid}@media (min-width:1024px){.import-export-grid{grid-template-columns:1fr 1fr}}.import-export-section{gap:var(--gap-md);flex-direction:column;display:flex}.import-export-section h4{font-size:var(--text-body-sm);color:var(--foreground);margin-bottom:var(--margin-md);font-weight:500}.import-export-form{gap:var(--gap-md);flex-direction:column;display:flex}.import-export-field label{font-size:var(--text-tiny);color:var(--muted-foreground);margin-bottom:var(--margin-sm);font-weight:500;display:block}.import-export-count{font-size:var(--text-tiny);color:var(--muted-foreground)}.import-export-status{gap:var(--gap-sm);flex-direction:column;display:flex}.import-export-status-text{font-size:var(--text-tiny)}.import-export-status-text--success{color:var(--success)}.import-export-status-text--error{color:var(--destructive)}.import-export-status-text--muted{color:var(--muted-foreground)}.import-export-help{margin-top:var(--margin-lg);padding:var(--padding-md);background-color:var(--muted);border-radius:var(--radius-sm)}.import-export-help h5{font-size:var(--text-body-sm);color:var(--foreground);margin-bottom:var(--margin-sm);font-weight:500}.import-export-help ul{gap:var(--gap-xs);font-size:var(--text-tiny);color:var(--muted-foreground);flex-direction:column;display:flex}.import-export-help strong{color:var(--foreground);font-weight:600}
.invite-members-form{gap:var(--gap-md);flex-direction:column;display:flex}.invite-members-input-group{gap:var(--gap-sm);display:flex}.invite-members-list{gap:var(--gap-sm);margin-top:var(--margin-md);flex-direction:column;display:flex}.invite-member-item{padding:var(--padding-md);background-color:var(--muted);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}
.kanban{gap:var(--gap-lg);padding:var(--padding-md);display:flex;overflow-x:auto}.kanban-column{background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border);flex-direction:column;flex-shrink:0;width:300px;display:flex}.kanban-column-header{padding:var(--padding-md);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.kanban-column-title{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles);margin:0}.kanban-column-count{font-size:var(--text-small);color:var(--muted);background:var(--bg);padding:var(--padding-xs) var(--padding-sm);border-radius:var(--radius-xs)}.kanban-column-content{padding:var(--padding-md);gap:var(--gap-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.kanban-card{padding:var(--padding-md);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-transform)}.kanban-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kanban-card-header{justify-content:space-between;align-items:flex-start;gap:var(--gap-sm);margin-bottom:var(--margin-sm);display:flex}.kanban-card-title{font-size:var(--text-body);font-weight:var(--font-medium);color:var(--titles);flex:1;margin:0}.kanban-card-priority{font-size:var(--text-small);padding:var(--padding-xs) var(--padding-sm);border-radius:var(--radius-xs);text-transform:capitalize}.kanban-card-priority--low{background:var(--surface);color:var(--muted)}.kanban-card-priority--medium{background:var(--warning);color:var(--bg)}.kanban-card-priority--high{background:var(--destructive);color:var(--on-primary)}.kanban-card-description{font-size:var(--text-small);color:var(--text);line-height:var(--leading-relaxed);margin:0 0 var(--margin-sm) 0}.kanban-card-assignee{font-size:var(--text-small);color:var(--muted)}
.notification-center{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;max-width:400px;max-height:600px;display:flex}.notification-center-header{padding:var(--padding-md);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.notification-center-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--titles);margin:0}.notification-center-list{flex:1;overflow-y:auto}.notification-center-empty{padding:var(--padding-xl);text-align:center;color:var(--muted)}.notification-item{gap:var(--gap-md);padding:var(--padding-md);border-bottom:1px solid var(--border);cursor:pointer;transition:var(--transition-colors);display:flex}.notification-item:hover,.notification-item--unread{background:var(--surface)}.notification-item--info{border-left:3px solid var(--primary)}.notification-item--success{border-left:3px solid var(--success)}.notification-item--warning{border-left:3px solid var(--warning)}.notification-item--error{border-left:3px solid var(--destructive)}.notification-content{flex:1}.notification-title{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-sm)}.notification-message{font-size:var(--text-small);color:var(--text);line-height:var(--leading-relaxed);margin-bottom:var(--margin-sm)}.notification-timestamp{font-size:var(--text-small);color:var(--muted)}.notification-close{flex-shrink:0}
.notification-bell{flex-shrink:0;position:relative}.notification-bell__trigger{border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-overlay);width:2.25rem;height:2.25rem;color:var(--text);cursor:pointer;transition:var(--transition-colors);justify-content:center;align-items:center;display:inline-flex;position:relative}.notification-bell__trigger:hover{border-color:var(--border);color:var(--titles)}.notification-bell__badge{border-radius:var(--radius-full);background:var(--primary);min-width:1rem;height:1rem;color:var(--on-primary);font-size:.625rem;font-weight:var(--font-bold);text-align:center;padding:0 3px;line-height:1rem;position:absolute;top:-3px;right:-3px}.notification-bell__panel{top:calc(100% + var(--gap-xs));z-index:var(--z-popover);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-raised);width:min(22rem,92vw);box-shadow:var(--shadow-raised);flex-direction:column;display:flex;position:absolute;right:0;overflow:hidden}.notification-bell__head{justify-content:space-between;align-items:center;gap:var(--gap-sm);padding:var(--padding-md);border-bottom:1px solid var(--border-soft);display:flex}.notification-bell__title{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles)}.notification-bell__mark{color:var(--primary);font-size:var(--text-tiny);font-weight:var(--font-semibold);cursor:pointer;background:0 0;border:none}.notification-bell__mark:hover{text-decoration:underline}.notification-bell__empty{align-items:center;gap:var(--gap-sm);padding:var(--padding-xl) var(--padding-lg);color:var(--muted);text-align:center;flex-direction:column;display:flex}.notification-bell__empty svg{color:color-mix(in srgb, var(--success) 80%, var(--muted))}.notification-bell__empty p{font-size:var(--text-small);margin:0}.notification-bell__list{padding:var(--padding-xs);max-height:min(60vh,24rem);margin:0;list-style:none;overflow-y:auto}.notification-bell__item{align-items:flex-start;gap:var(--gap-sm);width:100%;padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-sm);color:var(--text);text-align:left;cursor:pointer;transition:var(--transition-colors);background:0 0;border:none;display:flex}.notification-bell__item:hover{background:var(--surface-overlay)}.notification-bell__icon{border-radius:var(--radius-full);background:var(--surface-overlay);width:1.75rem;height:1.75rem;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}.notification-bell__item--unread .notification-bell__icon{background:color-mix(in srgb, var(--primary) 16%, transparent);color:var(--primary)}.notification-bell__dot{border-radius:var(--radius-full);background:var(--primary);flex-shrink:0;width:7px;height:7px;margin-top:.5rem}.notification-bell__item-body{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.notification-bell__item-title{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--titles)}.notification-bell__item-desc,.notification-bell__item-time{font-size:var(--text-tiny);color:var(--muted)}
.plan-picker-container{width:100%}.plan-picker-billing{margin-bottom:var(--margin-lg)}.plan-picker-billing .toggle-button-group{background-color:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-full);padding:var(--padding-xs)}.plan-picker-billing .toggle-button-option{border-radius:var(--radius-full);padding:var(--padding-sm) var(--padding-lg)}.plan-picker-billing .toggle-button-option--active{background:var(--gradient-brand);color:var(--on-primary)}.plan-picker-billing .toggle-button-option--active:hover{color:var(--on-primary)}.plan-picker-grid{gap:var(--gap-lg);grid-template-columns:1fr;align-items:start;display:grid;overflow:visible}@media (min-width:48rem){.plan-picker-grid{grid-template-columns:repeat(3,1fr)}.plan-picker-grid--two-cols{grid-template-columns:repeat(2,1fr);max-width:56rem;margin:0 auto}}.plan-picker-card{background-color:var(--surface);border:1px solid var(--border-soft);height:100%;padding:var(--padding-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--duration-200) var(--easing-standard), box-shadow var(--duration-200) var(--easing-standard), border-color var(--duration-200) var(--easing-standard);flex-direction:column;display:flex;position:relative}.plan-picker-card:hover{border-color:color-mix(in srgb, var(--primary) 20%, var(--border-soft));box-shadow:var(--shadow-raised);transform:translateY(-2px)}.plan-picker-card--popular{background:linear-gradient(var(--surface-raised), var(--surface-raised)) padding-box, var(--gradient-brand) border-box;box-shadow:var(--glow-accent);border:1.5px solid #0000}.plan-picker-card--popular:hover{box-shadow:var(--glow-accent), var(--shadow-raised)}.plan-picker-card--selected{border-color:color-mix(in srgb, var(--primary) 50%, transparent);box-shadow:var(--ring-selected)}.plan-picker-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.plan-picker-badge-content{padding:var(--padding-xs) var(--padding-md);background:var(--gradient-brand);color:var(--on-primary);font-size:var(--text-tiny);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-full);box-shadow:var(--glow-accent);display:inline-block}.plan-picker-header{margin-bottom:var(--margin-lg)}.plan-picker-name{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-sm)}.plan-picker-card--popular .plan-picker-name{color:var(--primary)}.plan-picker-description{color:var(--muted);font-size:var(--text-small);margin-bottom:var(--margin-md)}.plan-picker-price{align-items:baseline;gap:var(--gap-xs);flex-wrap:wrap;display:flex}.plan-picker-price-amount{font-size:var(--text-h2);font-weight:var(--font-extrabold);letter-spacing:var(--tracking-tight);color:var(--titles)}.plan-picker-price-period{color:var(--muted);font-size:var(--text-small)}.plan-picker-price-original{color:var(--muted);font-size:var(--text-small);margin-left:var(--margin-sm);text-decoration:line-through}.plan-picker-cta{width:100%;margin-bottom:var(--margin-lg)}.plan-picker-features{gap:var(--gap-sm);flex-direction:column;flex:1;display:flex}.plan-picker-feature{align-items:flex-start;gap:var(--gap-sm);font-size:var(--text-small);color:var(--text);display:flex}.plan-picker-feature-mark{color:var(--primary);font-weight:var(--font-semibold);line-height:var(--leading-tight);flex-shrink:0}.plan-picker-feature--muted{color:var(--muted)}.plan-picker-feature--muted .plan-picker-feature-mark{color:var(--muted);font-weight:var(--font-medium)}.plan-picker-feature-text{color:inherit}
.pricing-table{gap:var(--gap-xl);grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));max-width:80rem;margin:0 auto;display:grid}.pricing-card{padding:var(--padding-xl);background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;transition:all .2s;display:flex}.pricing-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg)}.pricing-card--featured{border-color:var(--primary);box-shadow:var(--shadow-lg);position:relative}.pricing-card-badge{padding:var(--padding-xs) var(--padding-md);background-color:var(--primary);color:var(--bg);font-size:var(--text-tiny);border-radius:var(--radius-full);font-weight:600;position:absolute;top:-.75rem;left:50%;transform:translate(-50%)}.pricing-card-header{margin-bottom:var(--margin-lg)}.pricing-card-name{font-size:var(--text-h4);color:var(--foreground);margin-bottom:var(--margin-sm);font-weight:600}.pricing-card-description{font-size:var(--text-body-sm);color:var(--muted-foreground);line-height:var(--leading-tight)}.pricing-card-price{margin-bottom:var(--margin-lg)}.pricing-card-amount{font-size:var(--text-h1);color:var(--foreground);font-weight:700;line-height:1}.pricing-card-period{font-size:var(--text-body);color:var(--muted-foreground)}.pricing-card-features{margin-bottom:var(--margin-lg);flex:1}.pricing-card-feature{align-items:flex-start;gap:var(--gap-sm);padding:var(--padding-sm) 0;font-size:var(--text-body-sm);color:var(--foreground);display:flex}.pricing-card-feature-icon{width:1.25rem;height:1.25rem;color:var(--primary);flex-shrink:0}
.roles-matrix{overflow-x:auto}.roles-matrix-table{border-collapse:collapse;width:100%}.roles-matrix-header{background-color:var(--muted);font-weight:600;font-size:var(--text-body-sm);text-align:left;padding:var(--padding-md);border-bottom:1px solid var(--border)}.roles-matrix-cell{padding:var(--padding-md);border-bottom:1px solid var(--border);text-align:center}.roles-matrix-permission{font-size:var(--text-body-sm);color:var(--foreground);text-align:left}
.saved-views-container{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--padding-md)}.saved-views-header{margin-bottom:var(--margin-md);justify-content:space-between;align-items:center;display:flex}.saved-views-header h3{font-size:var(--text-body-sm);color:var(--foreground);margin-bottom:var(--margin-sm);font-weight:500}.saved-views-header p{font-size:var(--text-tiny);color:var(--muted-foreground)}.saved-views-empty{text-align:center;padding:var(--padding-xl) 0}.saved-views-empty-icon{width:3rem;height:3rem;margin:0 auto var(--margin-md);color:var(--muted-foreground)}.saved-views-empty p{font-size:var(--text-body-sm);color:var(--muted-foreground);margin-bottom:var(--margin-md)}.saved-views-empty p:last-of-type{font-size:var(--text-tiny)}.saved-views-list{gap:var(--gap-sm);flex-direction:column;display:flex}.saved-view-card{padding:var(--padding-md);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;transition:all .2s;display:flex}.saved-view-card:hover{border-color:var(--primary)}.saved-view-card--active{border-color:var(--primary);background-color:color-mix(in srgb, var(--primary) 5%, transparent)}.saved-view-content{flex:1;min-width:0}.saved-view-header{align-items:center;gap:var(--gap-sm);margin-bottom:var(--margin-sm);display:flex}.saved-view-name{font-size:var(--text-body-sm);color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.saved-view-meta{align-items:center;gap:var(--gap-sm);font-size:var(--text-tiny);color:var(--muted-foreground);display:flex}.saved-view-actions{align-items:center;gap:var(--gap-xs);display:flex}.saved-views-form{gap:var(--gap-md);flex-direction:column;display:flex}.saved-views-form-field label{font-size:var(--text-body-sm);color:var(--foreground);margin-bottom:var(--margin-sm);font-weight:500;display:block}.saved-views-filters-preview{background-color:var(--muted);padding:var(--padding-md);border-radius:var(--radius-sm)}.saved-views-filters-preview p{font-size:var(--text-tiny);color:var(--muted-foreground);margin-bottom:var(--margin-sm)}.saved-views-filters-list{gap:var(--gap-xs);flex-wrap:wrap;display:flex}.saved-views-form-actions{gap:var(--gap-md);padding-top:var(--padding-md);display:flex}
.usage-metrics{gap:var(--gap-lg);flex-direction:column;display:flex}.usage-metric{gap:var(--gap-sm);flex-direction:column;display:flex}.usage-metric-header{justify-content:space-between;align-items:center;display:flex}.usage-metric-label{font-size:var(--text-body);font-weight:var(--font-medium);color:var(--titles)}.usage-metric-value{font-size:var(--text-small);color:var(--muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.usage-metric-bar{background:var(--surface);border-radius:var(--radius-full);height:8px;overflow:hidden}.usage-metric-progress{background:var(--primary);height:100%;width:var(--usage-percentage);transition:width .3s}.usage-metric-progress--near{background:var(--warning)}.usage-metric-progress--over{background:var(--destructive)}.usage-metric-percentage{font-size:var(--text-small);color:var(--muted);text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.rank-hero{gap:var(--gap-lg);padding:var(--padding-lg);border-radius:var(--radius-2xl);border:1px solid color-mix(in srgb, var(--primary) 24%, transparent);background:linear-gradient(150deg, color-mix(in srgb, var(--primary) 10%, transparent), var(--surface-raised) 58%);flex-direction:column;display:flex}.rank-hero__main{align-items:center;gap:var(--gap-xl);display:flex}.rank-hero__medal{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--primary) 42%, transparent);background:radial-gradient(circle at 50% 34%, var(--surface-overlay), var(--bg) 72%);width:5.5rem;height:5.5rem;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.rank-hero__symbol{color:var(--primary);justify-content:center;align-items:center;display:flex}.rank-hero__symbol svg{width:3.75rem;height:3.75rem}.rank-hero__symbol .achievement-symbol__fill-body,.rank-hero__symbol .achievement-symbol__fill-accent{fill:var(--primary)}.rank-hero__info{gap:var(--gap-sm);flex-direction:column;flex:1;min-width:0;display:flex}.rank-hero__eyebrow{font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);color:var(--primary);margin:0}.rank-hero__identity{align-items:baseline;gap:var(--gap-md);flex-wrap:wrap;display:flex}.rank-hero__name{font-size:var(--text-h4);font-weight:var(--font-bold);color:var(--titles)}.rank-hero__pct{font-size:var(--text-small);color:var(--muted)}.rank-hero__desc{font-size:var(--text-small);color:var(--muted);max-width:60ch;margin:0}.rank-hero__stats{font-size:var(--text-tiny);color:var(--muted);margin:0}.rank-hero__stats b{color:var(--text);font-weight:var(--font-semibold)}.rank-hero__accent{color:var(--primary);font-weight:var(--font-semibold)}.rank-hero__sep{color:var(--border)}@media (max-width:640px){.rank-hero__main{align-items:flex-start;gap:var(--gap-lg);flex-direction:column}}
.rank-timeline{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:0;width:100%;padding-block:.75rem;display:flex;overflow:auto visible}.rank-timeline::-webkit-scrollbar{display:none}.rank-timeline__item{align-items:center;gap:var(--gap-xs);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.rank-timeline__item:not(:last-child):after{content:"";background:var(--border);z-index:0;height:2px;position:absolute;top:.5rem;left:calc(50% + .5rem);right:calc(.5rem - 50%)}.rank-timeline__item--done:not(:last-child):after,.rank-timeline__item--active:not(:last-child):after{background:var(--primary)}.rank-timeline__node{border-radius:var(--radius-full);border:2px solid var(--border);background:var(--bg);z-index:1;flex-shrink:0;width:1rem;height:1rem;transition:background .2s,border-color .2s;position:relative}.rank-timeline__item--done .rank-timeline__node{background:var(--success);border-color:var(--success)}.rank-timeline__item--active .rank-timeline__node{background:var(--rank-color,var(--primary));border-color:var(--rank-color,var(--primary));box-shadow:0 0 0 3px color-mix(in srgb, var(--rank-color,var(--primary)) 25%, transparent)}.rank-timeline__item--active .rank-timeline__node--symbol,.rank-timeline__item--done .rank-timeline__node--symbol{box-shadow:none;background:0 0;border-color:#0000}.rank-timeline__label{font-size:var(--text-tiny);color:var(--muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:4.5rem;line-height:1.3;overflow:hidden}.rank-timeline__item--active .rank-timeline__label{color:var(--rank-color,var(--primary));font-weight:var(--font-semibold)}.rank-timeline__item--done .rank-timeline__label{color:var(--muted)}.rank-timeline__node--symbol{width:4rem;height:4rem;box-shadow:none;background:0 0;border:none}.rank-timeline__medal{border-radius:var(--radius-md);border:1px solid var(--border-soft);background:radial-gradient(circle at 50% 34%, var(--surface-overlay), var(--bg) 72%);width:100%;height:100%;color:var(--muted);justify-content:center;align-items:center;display:flex}.rank-timeline__medal svg{width:2.5rem;height:2.5rem}.rank-timeline__item--done .rank-timeline__medal,.rank-timeline__item--active .rank-timeline__medal{border-color:color-mix(in srgb, var(--primary) 40%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 20%, transparent), color-mix(in srgb, var(--primary) 5%, transparent));color:var(--primary)}.rank-timeline__item--active .rank-timeline__medal{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent)}.rank-timeline__medal .achievement-symbol__fill-body,.rank-timeline__medal .achievement-symbol__fill-accent{fill:currentColor}.rank-timeline__item:has(.rank-timeline__node--symbol):not(:last-child):after{top:2rem;left:calc(50% + 2rem);right:calc(2rem - 50%)}@media (max-width:480px){.rank-timeline__label{display:none}.rank-timeline__item--active .rank-timeline__label{display:block}}
.rank-path{gap:var(--gap-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rank-path__row{align-items:center;gap:var(--gap-md);padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:var(--card-inset);display:flex}.rank-path__row--current{border-color:color-mix(in srgb, var(--primary) 40%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 10%, transparent), var(--surface-raised) 60%)}.rank-path__icon{border-radius:var(--radius-md);background:radial-gradient(circle at 50% 34%, var(--surface-overlay), var(--bg) 72%);border:1px solid color-mix(in srgb, var(--primary) 30%, transparent);width:2.75rem;height:2.75rem;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.rank-path__icon svg{width:1.5rem;height:1.5rem}.rank-path__icon .achievement-symbol__fill-body,.rank-path__icon .achievement-symbol__fill-accent{fill:var(--primary)}.rank-path__row--current .rank-path__icon{border-width:2px;border-color:var(--primary);width:3.25rem;height:3.25rem}.rank-path__row--locked .rank-path__icon{border-color:var(--border-soft);color:var(--muted)}.rank-path__row--locked .rank-path__icon .achievement-symbol__fill-body,.rank-path__row--locked .rank-path__icon .achievement-symbol__fill-accent{fill:var(--muted)}.rank-path__info{gap:var(--gap-2xs);flex-direction:column;flex:1;min-width:0;display:flex}.rank-path__top{align-items:center;gap:var(--gap-sm);display:flex}.rank-path__name{font-size:var(--text-small);font-weight:var(--font-bold);color:var(--titles)}.rank-path__row--locked .rank-path__name{color:var(--text)}.rank-path__pill{font-size:var(--text-tiny);padding:2px var(--gap-sm);border-radius:var(--radius-sm);letter-spacing:var(--tracking-wide)}.rank-path__pill--reached{color:var(--success);background:color-mix(in srgb, var(--success) 14%, transparent)}.rank-path__pill--current{color:var(--primary);background:color-mix(in srgb, var(--primary) 16%, transparent)}.rank-path__pill--locked{color:var(--muted);background:color-mix(in srgb, var(--muted) 12%, transparent)}.rank-path__desc{font-size:var(--text-tiny);color:var(--muted);margin:0}.rank-path__band{font-size:var(--text-tiny);color:var(--muted);flex-shrink:0}.rank-path__row--current .rank-path__band{color:var(--primary)}
.badge-card{gap:var(--gap-md);padding:var(--padding-md);border-color:color-mix(in srgb, var(--primary) 22%, transparent);flex-direction:row}.badge-card__chip{flex-shrink:0;width:3rem;height:3rem}.badge-card__body{gap:var(--gap-2xs);flex-direction:column;flex:1;min-width:0;display:flex}.badge-card__top{align-items:center;gap:var(--gap-sm);display:flex}.badge-card__name{font-size:var(--text-small);font-weight:var(--font-bold);color:var(--titles)}.badge-card__pill{font-size:var(--text-tiny);padding:2px var(--gap-sm);border-radius:var(--radius-sm);letter-spacing:var(--tracking-wide)}.badge-card__pill--in_progress{color:var(--primary);background:color-mix(in srgb, var(--primary) 16%, transparent)}.badge-card__pill--obtained{color:var(--success);background:color-mix(in srgb, var(--success) 14%, transparent)}.badge-card__pill--locked{color:var(--muted);background:color-mix(in srgb, var(--muted) 12%, transparent)}.badge-card__desc{font-size:var(--text-tiny);color:var(--muted);margin:0}.badge-card__progress{align-items:center;gap:var(--gap-sm);margin-top:var(--gap-2xs);display:flex}.badge-card__bar{border-radius:var(--radius-full);background:color-mix(in srgb, var(--titles) 8%, transparent);flex:1;height:5px;overflow:hidden}.badge-card__bar-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--primary), var(--accent-2));height:100%}.badge-card__count{font-size:var(--text-tiny);color:var(--primary);flex-shrink:0}.badge-card__reste{font-size:var(--text-tiny);color:var(--muted);margin:0}.badge-card__reste b{color:var(--text);font-weight:var(--font-semibold)}
.badge-detail-card{gap:var(--gap-sm);padding:var(--padding-md)}.badge-detail-card--obtained{border-color:color-mix(in srgb, var(--primary) 28%, transparent)}.badge-detail-card--in_progress{border-color:color-mix(in srgb, var(--primary) 22%, transparent)}.badge-detail-card--locked{background:var(--surface)}.badge-detail-card--obtained:hover,.badge-detail-card--in_progress:hover{border-color:color-mix(in srgb, var(--primary) 40%, transparent)}.badge-detail-card__header{align-items:center;gap:var(--gap-sm);display:flex}.badge-detail-card__chip{flex-shrink:0;width:4.25rem;height:4.25rem}.badge-detail-card__chip .badge-chip__icon{width:3.75rem;height:3.75rem}.badge-detail-card__heading{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.badge-detail-card__name{font-size:var(--text-small);font-weight:var(--font-bold);color:var(--titles);line-height:var(--leading-tight)}.badge-detail-card--locked .badge-detail-card__name{color:var(--text)}.badge-detail-card__category{font-size:var(--text-tiny);color:var(--muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.badge-detail-card__pill{font-size:var(--text-tiny);padding:2px var(--gap-sm);border-radius:var(--radius-sm);letter-spacing:var(--tracking-wide);white-space:nowrap;flex-shrink:0;align-self:flex-start}.badge-detail-card__pill--obtained{color:var(--success);background:color-mix(in srgb, var(--success) 14%, transparent)}.badge-detail-card__pill--in_progress{color:var(--primary);background:color-mix(in srgb, var(--primary) 16%, transparent)}.badge-detail-card__pill--locked{color:var(--muted);background:color-mix(in srgb, var(--muted) 12%, transparent)}.badge-detail-card__description{font-size:var(--text-tiny);color:var(--muted);line-height:var(--leading-relaxed);margin:0}.badge-detail-card--locked .badge-detail-card__description{opacity:.75}.badge-detail-card__progress{gap:var(--gap-2xs);flex-direction:column;display:flex}.badge-detail-card__progress-top{justify-content:space-between;align-items:baseline;gap:var(--gap-sm);display:flex}.badge-detail-card__progress-label{font-size:var(--text-tiny);color:var(--muted)}.badge-detail-card--in_progress .badge-detail-card__progress-label{color:var(--primary)}.badge-detail-card--obtained .badge-detail-card__progress-label{color:var(--success)}.badge-detail-card__progress-pct{font-size:var(--text-tiny);font-weight:var(--font-semibold);color:var(--muted);font-variant-numeric:tabular-nums}.badge-detail-card__track{border-radius:var(--radius-full);background:color-mix(in srgb, var(--titles) 8%, transparent);width:100%;height:5px;overflow:hidden}.badge-detail-card__fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--primary), var(--accent-2));height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.badge-detail-card--locked .badge-detail-card__fill{background:color-mix(in srgb, var(--muted) 45%, transparent)}.badge-detail-card__chapters{gap:var(--gap-xs);padding-top:var(--gap-2xs);flex-direction:column;display:flex}.badge-detail-card__divider{background:var(--border-soft);height:1px}.badge-detail-card__chapters-label{font-size:var(--text-tiny);font-weight:var(--font-semibold);color:var(--muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}
.badge-collection__filters{gap:var(--gap-sm);margin-bottom:var(--margin-md);flex-direction:column;display:flex}.badge-collection__filter-group{gap:var(--gap-xs);flex-wrap:wrap;align-items:center;display:flex}.badge-collection__filter-group-label{font-size:var(--text-tiny);font-weight:var(--font-semibold);color:var(--muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);flex-shrink:0;width:3.5rem}.badge-collection__filter-btn{font-size:var(--text-small);font-weight:var(--font-medium);padding:var(--gap-xs) var(--gap-md);border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border-soft);color:var(--text);cursor:pointer;white-space:nowrap;align-items:center;line-height:1.4;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.badge-collection__filter-btn:hover{border-color:color-mix(in srgb, var(--primary) 40%, transparent)}.badge-collection__filter-btn--active{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:var(--font-semibold)}.badge-collection__filter-btn--active:hover{border-color:var(--primary)}.badge-collection__result-count{font-size:var(--text-tiny);color:var(--muted);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.badge-collection__grid{margin-top:var(--margin-md);gap:var(--gap-md);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:640px){.badge-collection__grid{grid-template-columns:1fr}}.badge-collection__category-heading{font-size:var(--text-body-sm);font-weight:var(--font-semibold);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding-bottom:var(--padding-sm);border-bottom:1px solid var(--border);margin-bottom:var(--margin-md);position:relative}.badge-collection__category-heading:before{content:"";background:var(--primary);border-radius:var(--radius-full);width:2.5rem;height:2px;position:absolute;bottom:-1px;left:0}.badge-collection__empty{align-items:center;gap:var(--gap-md);padding:var(--padding-2xl) var(--padding-lg);text-align:center;color:var(--muted);flex-direction:column;grid-column:1/-1;display:flex}.badge-collection__empty-text{font-size:var(--text-body-sm);color:var(--muted)}@media (max-width:640px){.badge-collection__filter-group-label{width:100%}.badge-collection__filter-group+.badge-collection__filter-group{padding-top:var(--padding-sm)}}
.chapter-progress{gap:var(--gap-xs);flex-direction:column;display:flex}.chapter-progress__item{gap:var(--gap-2xs);padding:var(--padding-xs) 0;flex-direction:column;display:flex}.chapter-progress__item-row{align-items:center;gap:var(--gap-sm);display:flex}.chapter-progress__indicator{border-radius:var(--radius-full);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;display:flex}.chapter-progress__indicator--validated{background:var(--success);border-color:var(--success);color:var(--bg);font-size:var(--text-tiny);line-height:1}.chapter-progress__indicator--in-progress{background:var(--primary);border-color:var(--primary)}.chapter-progress__indicator--pending{border-color:var(--border);background:0 0}.chapter-progress__label{font-size:var(--text-tiny);color:var(--text);flex:1;line-height:1.4}.chapter-progress__label--validated{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--success);text-decoration-color:var(--success)}.chapter-progress__sub{font-size:var(--text-tiny);color:var(--muted);white-space:nowrap;margin-left:auto}.chapter-progress__bar-track{background:color-mix(in srgb, var(--border) 60%, transparent);border-radius:var(--radius-full);height:3px;margin-left:calc(1rem + var(--margin-sm));overflow:hidden}.chapter-progress__bar-fill{background:var(--border);border-radius:var(--radius-full);min-width:0;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.chapter-progress__bar-fill--validated{background:var(--success)}.chapter-progress__bar-fill--in-progress{background:var(--primary)}.badge-grid{gap:var(--gap-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.badge-grid--featured{gap:var(--gap-md);grid-template-columns:repeat(2,1fr)}.badge-grid--compact{gap:var(--gap-sm);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}@media (max-width:768px){.badge-grid--featured{gap:var(--gap-md);grid-template-columns:1fr}}@media (max-width:640px){.badge-grid{grid-template-columns:1fr 1fr}.badge-grid--compact{gap:var(--gap-xs);grid-template-columns:1fr 1fr}}
.achievement{--achievement-glow:var(--primary);--achievement-locked:var(--muted);--achievement-size:6rem;align-items:center;gap:var(--gap-sm);cursor:default;-webkit-user-select:none;user-select:none;flex-direction:column;display:inline-flex}.achievement--sm{--achievement-size:4rem}.achievement--md{--achievement-size:6rem}.achievement--lg{--achievement-size:8rem}.achievement__visual{width:var(--achievement-size);height:var(--achievement-size);justify-content:center;align-items:center;display:flex;position:relative}.achievement__base-glow{background:radial-gradient(ellipse 60% 60% at 50% 55%, color-mix(in srgb, var(--achievement-glow) 32%, transparent) 0%, color-mix(in srgb, var(--achievement-glow) 10%, transparent) 48%, transparent 68%);opacity:0;pointer-events:none;border-radius:50%;transition:opacity .35s;position:absolute;inset:0}.achievement--rank .achievement__base-glow{border-radius:14%}.achievement--unlocked .achievement__base-glow{opacity:1}.achievement--unlocked .achievement__base-image{filter:drop-shadow(0 0 3px color-mix(in srgb, var(--achievement-glow) 45%, transparent)) drop-shadow(0 0 6px color-mix(in srgb, var(--achievement-glow) 18%, transparent))}.achievement__base{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.achievement__base-image{-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.achievement__symbol{justify-content:center;align-items:center;width:50%;height:50%;transition:filter .35s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.achievement--rank .achievement__symbol{width:46%;height:46%;top:48%}.achievement-symbol{width:100%;height:100%;overflow:visible}.achievement-symbol__body,.achievement-symbol__accent{fill:none}.achievement-symbol__fill-body,.achievement-symbol__fill-accent{fill:var(--achievement-locked);stroke:none}.achievement--locked .achievement-symbol__body{stroke:var(--achievement-locked);opacity:.55}.achievement--locked .achievement-symbol__accent{stroke:var(--achievement-locked);opacity:.35}.achievement--locked .achievement-symbol__fill-body{fill:var(--achievement-locked);opacity:.55}.achievement--locked .achievement-symbol__fill-accent{fill:var(--achievement-locked);opacity:.35}.achievement--unlocked .achievement-symbol__body{stroke:color-mix(in srgb, var(--achievement-glow) 65%, var(--muted))}.achievement--unlocked .achievement-symbol__accent{stroke:var(--achievement-glow)}.achievement--unlocked .achievement-symbol__fill-body{fill:color-mix(in srgb, var(--achievement-glow) 65%, var(--muted));opacity:1}.achievement--unlocked .achievement-symbol__fill-accent{fill:var(--achievement-glow);opacity:1}.achievement--unlocked .achievement__symbol{filter:drop-shadow(0 0 3px var(--achievement-glow)) drop-shadow(0 0 9px color-mix(in srgb, var(--achievement-glow) 50%, transparent))}.achievement__label{font-size:var(--text-tiny);font-weight:var(--font-semibold);color:var(--achievement-locked);text-align:center;line-height:var(--leading-tight);max-width:calc(var(--achievement-size) * 1.25);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.achievement--unlocked .achievement__label{color:var(--achievement-glow)}@media (prefers-reduced-motion:reduce){.achievement__symbol,.achievement__base-glow{transition:none!important}}
.onboarding{background:var(--bg);min-height:100vh;color:var(--text)}.onboarding__topbar{padding:var(--padding-lg) var(--padding-section-md);justify-content:space-between;align-items:center;display:flex}.onboarding__topbar-note{color:var(--muted)}.onboarding__body{max-width:50rem;padding:var(--padding-md) var(--padding-section-md) var(--padding-section-lg);margin:0 auto}.onboarding__head{text-align:center;margin-bottom:var(--margin-lg)}.onboarding__title{font-size:var(--text-h1);font-weight:var(--font-extrabold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--titles);margin:0 0 var(--margin-sm) 0}.onboarding__subtitle{font-size:var(--text-body);color:var(--muted);line-height:var(--leading-relaxed);max-width:30rem;margin:0 auto}.onboarding__grid{gap:var(--gap-md);margin-bottom:var(--margin-lg);grid-template-columns:repeat(2,1fr);display:grid}.onboarding__footer{justify-content:space-between;align-items:center;gap:var(--gap-md);display:flex}.onboarding__skip{font-size:var(--text-body-sm);color:var(--muted);cursor:pointer;transition:color var(--duration-200) var(--easing-standard);background:0 0;border:none;padding:0}.onboarding__skip:hover{color:var(--text)}@media (max-width:640px){.onboarding__grid{grid-template-columns:1fr}.onboarding__title{font-size:var(--text-h2)}.onboarding__footer{flex-direction:column-reverse;align-items:stretch}}
.settings-shell{max-width:68rem;padding:var(--padding-section-md) var(--padding-section-md) var(--padding-section-lg);margin:0 auto}.settings-shell__head{margin-bottom:var(--margin-md)}.settings-shell__eyebrow{margin-bottom:var(--margin-sm);color:var(--muted);display:block}.settings-shell__eyebrow-active{color:var(--primary)}.settings-shell__title{font-size:clamp(1.875rem, 5vw, var(--text-h2));font-weight:var(--font-extrabold);letter-spacing:var(--tracking-tight);color:var(--titles);margin:0}.settings-shell__body{gap:var(--gap-lg);grid-template-columns:13.25rem 1fr;align-items:start;display:grid}.settings-shell__nav{gap:var(--gap-2xs);top:var(--gap-lg);flex-direction:column;display:flex;position:sticky}.settings-shell__nav-item{align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-sm);border-radius:var(--radius-md);font-size:var(--text-body-sm);color:var(--muted);text-align:left;cursor:pointer;transition:color var(--duration-200) var(--easing-standard), background var(--duration-200) var(--easing-standard), border-color var(--duration-200) var(--easing-standard);background:0 0;border:1px solid #0000;display:flex}.settings-shell__nav-item:hover{color:var(--text);background:color-mix(in srgb, var(--muted) 8%, transparent)}.settings-shell__nav-item:focus-visible{box-shadow:var(--focus-ring);outline:none}.settings-shell__nav-item--active,.settings-shell__nav-item--active:hover{color:var(--primary);font-weight:var(--font-semibold);background:color-mix(in srgb, var(--primary) 10%, transparent);border-color:color-mix(in srgb, var(--primary) 25%, transparent)}.settings-shell__nav-icon{flex:none;display:inline-flex}.settings-shell__content{gap:var(--gap-md);flex-direction:column;min-width:0;display:flex}.account-account-type{align-items:center;gap:var(--gap-sm);display:flex}.settings-plan-card{background:linear-gradient(150deg, color-mix(in srgb, var(--primary) 9%, var(--surface)), var(--surface) 60%);border:1px solid color-mix(in srgb, var(--primary) 25%, var(--border-soft))}@media (max-width:720px){.settings-shell{padding:var(--padding-lg) var(--padding-md) var(--padding-section-sm)}.settings-shell__body{grid-template-columns:1fr}.settings-shell__nav{flex-flow:wrap;position:static}}
.error-page{min-height:100vh;padding:var(--padding-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.error-page-code{font-size:var(--text-display-lg);letter-spacing:-.03em;color:var(--primary);margin-bottom:var(--margin-md);font-weight:800;line-height:1}.error-page-code--danger{color:var(--destructive)}.error-page-title{font-size:var(--text-stat-md);color:var(--foreground);margin-bottom:var(--margin-md);font-weight:600}.error-page-description{font-size:var(--text-body);color:var(--muted-foreground);max-width:32rem;margin-bottom:var(--margin-lg);line-height:1.6}.error-page-actions{gap:var(--gap-md);flex-wrap:wrap;justify-content:center;display:flex}.error-page-detail{margin-bottom:var(--margin-lg);padding:var(--padding-md) var(--padding-lg);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-body-sm);color:var(--muted-foreground);text-align:left}.error-page-detail strong{color:var(--foreground);font-weight:600}.error-page-back{margin-top:var(--margin-md);font-size:var(--text-body-sm);color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;padding:0;transition:color .15s}.error-page-back:hover{color:var(--foreground)}.theme-toggle{border-radius:var(--radius-md);background-color:var(--bg);border:1px solid var(--border);cursor:pointer;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .2s;display:inline-flex}.theme-toggle:hover{background-color:var(--accent);border-color:var(--primary)}.theme-toggle-icon{width:1.25rem;height:1.25rem;color:var(--foreground)}.brand-theme-selector{gap:var(--gap-md);padding:var(--padding-md);background-color:var(--muted);border-radius:var(--radius-md);display:flex}.brand-swatch{border-radius:var(--radius-sm);cursor:pointer;border:2px solid #0000;width:2rem;height:2rem;transition:all .2s}.brand-swatch:hover{transform:scale(1.1)}.brand-swatch--active{border-color:var(--foreground);box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--foreground)}.loading-boundary{min-height:20rem;padding:var(--padding-section-sm);justify-content:center;align-items:center;display:flex}.loading-boundary-spinner{border:3px solid var(--muted);border-top-color:var(--primary);border-radius:var(--radius-full);width:3rem;height:3rem;animation:1s linear infinite spin}.loading-boundary-text{margin-top:var(--margin-md);font-size:var(--text-body-sm);color:var(--muted-foreground)}








.prompt-editor{gap:var(--gap-md);flex-direction:column;display:flex}.prompt-editor-toolbar{justify-content:space-between;align-items:center;gap:var(--gap-sm);flex-wrap:wrap;display:flex}.prompt-editor-actions{align-items:center;gap:var(--gap-sm);display:flex}.prompt-editor-button{font-size:var(--text-tiny)}.prompt-editor-icon{width:1rem;height:1rem;margin-right:var(--margin-sm)}.prompt-editor-stats{font-size:var(--text-tiny);color:var(--muted)}.prompt-editor-presets,.prompt-editor-history{max-height:15rem;overflow-y:auto}.prompt-editor-panel-title{font-size:var(--text-body-sm);color:var(--titles);margin:0 0 var(--margin-md);font-weight:500}.prompt-editor-category{margin-bottom:var(--margin-md)}.prompt-editor-category:last-child{margin-bottom:0}.prompt-editor-category-title{font-size:var(--text-tiny);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--margin-sm);font-weight:500}.prompt-editor-preset-list,.prompt-editor-history-list{gap:var(--gap-sm);flex-direction:column;display:flex}.prompt-editor-preset,.prompt-editor-history-item{text-align:left;width:100%;padding:var(--padding-md);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0d;border:none;transition:all .2s}.prompt-editor-preset:hover,.prompt-editor-history-item:hover{background:#ffffff1a}.prompt-editor-preset-header,.prompt-editor-history-header{margin-bottom:var(--margin-sm);justify-content:space-between;align-items:flex-start;display:flex}.prompt-editor-preset-name{font-size:var(--text-body-sm);color:var(--titles);margin:0;font-weight:500}.prompt-editor-preset:hover .prompt-editor-preset-name{color:var(--primary)}.prompt-editor-preset-tags{gap:var(--gap-xs);display:flex}.prompt-editor-tag{font-size:var(--text-tiny);color:var(--muted);background:#ffffff1a}.prompt-editor-preset-text,.prompt-editor-history-text{font-size:var(--text-tiny);color:var(--muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.4;display:-webkit-box;overflow:hidden}.prompt-editor-history-item:hover .prompt-editor-history-text{color:var(--primary)}.prompt-editor-history-date{font-size:var(--text-tiny);color:var(--muted)}.prompt-editor-history-badge{font-size:var(--text-tiny);background:color-mix(in srgb, var(--success) 15%, transparent);color:var(--success)}.prompt-editor-save-title{font-size:var(--text-body-sm);color:var(--titles);margin:0 0 var(--margin-md);font-weight:500}.prompt-editor-save-form{gap:var(--gap-sm);display:flex}.prompt-editor-save-input{padding:var(--padding-sm) var(--padding-md);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--titles);font-size:var(--text-body-sm);flex:1}.prompt-editor-save-input::placeholder{color:var(--muted)}.prompt-editor-save-input:focus{border-color:var(--primary);outline:none}.prompt-editor-main{position:relative}.prompt-editor-textarea{resize:none;min-height:7.5rem}.prompt-editor-generate{bottom:var(--gap-md);right:var(--gap-md);position:absolute}.prompt-editor-generate-button{box-shadow:var(--shadow-4)}.prompt-editor-spinner{width:1rem;height:1rem;margin-right:var(--margin-sm);animation:1s linear infinite spin}.prompt-editor-spinner-track{opacity:.25}.prompt-editor-spinner-fill{opacity:.75}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.model-selector{gap:var(--gap-md);flex-direction:column;display:flex}.model-card{cursor:pointer;position:relative}.model-card:hover{border-color:#ffffff1a}.model-card--selected{border-color:var(--primary);box-shadow:var(--ring-selected)}.model-card--disabled{opacity:.5;cursor:not-allowed}.model-card-header{margin-bottom:var(--margin-md);justify-content:space-between;align-items:flex-start;display:flex}.model-card-info{flex:1}.model-card-title-row{align-items:center;gap:var(--gap-sm);margin-bottom:var(--margin-sm);flex-wrap:wrap;display:flex}.model-card-name{font-size:var(--text-body-sm);color:var(--titles);margin:0;font-weight:500}.model-card-badge{font-size:var(--text-tiny)}.model-type--audio{background:color-mix(in srgb, var(--info) 15%, transparent);color:var(--info)}.model-type--vocal{background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary)}.model-type--instrumental{background:color-mix(in srgb, var(--success) 15%, transparent);color:var(--success)}.model-type--mastering{background:color-mix(in srgb, var(--warning) 15%, transparent);color:var(--warning)}.model-quality--standard{background:color-mix(in srgb, var(--muted) 15%, transparent);color:var(--muted)}.model-quality--premium{background:color-mix(in srgb, var(--warning) 15%, transparent);color:var(--warning)}.model-quality--pro{background:color-mix(in srgb, var(--destructive) 15%, transparent);color:var(--destructive)}.model-badge--beta{background:color-mix(in srgb, var(--info) 15%, transparent);color:var(--info)}.model-badge--unavailable{background:color-mix(in srgb, var(--destructive) 15%, transparent);color:var(--destructive)}.model-card-description{font-size:var(--text-tiny);color:var(--muted);margin:0 0 var(--margin-sm);line-height:1.4}.model-card-meta{font-size:var(--text-tiny);color:var(--muted)}.model-card-pricing{text-align:right;flex-shrink:0}.model-card-price{font-size:var(--text-body-sm);color:var(--titles);font-weight:500}.model-card-unit{font-size:var(--text-tiny);color:var(--muted)}.model-card-capabilities{margin-bottom:var(--margin-md)}.model-card-capabilities-title{font-size:var(--text-tiny);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--margin-sm);font-weight:500}.model-card-capabilities-list{gap:var(--gap-xs);flex-wrap:wrap;display:flex}.model-capability{padding:var(--padding-xs) var(--padding-sm);font-size:var(--text-tiny);color:var(--muted);border-radius:var(--radius-sm);background:#ffffff0d}.model-card-selected{top:var(--gap-md);right:var(--gap-md);position:absolute}.model-card-checkmark{background:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.model-card-check-icon{color:#fff;width:.75rem;height:.75rem}.model-selector-empty{text-align:center;padding:var(--padding-xl) var(--padding-md)}.model-selector-empty-text{font-size:var(--text-body-sm);color:var(--muted)}
.assistant-card{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);gap:var(--gap-md);flex-direction:column;display:flex}.assistant-card__head{align-items:center;gap:var(--gap-sm);display:flex}.assistant-card__icon{border-radius:var(--radius-full);background:color-mix(in srgb, var(--primary) 16%, transparent);width:24px;height:24px;color:var(--primary);flex:none;justify-content:center;align-items:center;display:flex}.assistant-card__name{font-size:var(--text-small);font-weight:var(--font-bold);color:var(--titles)}.assistant-card__text{font-size:var(--text-small);color:var(--text);margin:0;line-height:1.55}.assistant-card__cta{align-items:center;gap:var(--gap-sm);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);align-self:flex-start;display:inline-flex}.assistant-card__cta--soon{color:var(--muted);background:var(--surface-raised);border:1px solid var(--border-soft);cursor:default}.assistant-card__soon{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--primary)}.assistant-card--inline{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%);flex-direction:row}.assistant-card--inline .assistant-card__icon{border-radius:var(--radius-sm);background:var(--primary);width:1.75rem;height:1.75rem;color:var(--on-primary)}.assistant-card--inline .assistant-card__text{min-width:0;color:var(--muted);flex:1}.assistant-card--inline .assistant-card__text b{color:var(--text)}.assistant-card__cta--inline{align-items:center;gap:var(--gap-xs);flex-shrink:0;display:inline-flex}@media (max-width:640px){.assistant-card--inline{flex-direction:column;align-items:flex-start}}
.assistant-message{gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-md);font-size:var(--text-small);line-height:1.5;display:flex}.assistant-message p{margin:0}.assistant-message--assistant{background:var(--surface-raised);border:1px solid var(--border-soft);color:var(--text)}.assistant-message--assistant svg{color:var(--primary);flex-shrink:0;margin-top:2px}.assistant-message--user{background:color-mix(in srgb, var(--primary) 14%, transparent);border:1px solid color-mix(in srgb, var(--primary) 24%, transparent);max-width:85%;color:var(--text);align-self:flex-end}
.assistant-panel{z-index:var(--z-modal);pointer-events:none;position:fixed;inset:0;overflow:hidden}.assistant-panel__scrim{opacity:0;transition:opacity var(--duration-200) var(--easing-standard);background:#00000080;position:absolute;inset:0}.assistant-panel__panel{gap:var(--gap-md);width:min(380px,92vw);height:100vh;padding:var(--padding-lg);background:var(--surface);border-left:1px solid var(--border-soft);box-shadow:var(--shadow-raised);transition:transform var(--duration-200) var(--easing-standard);flex-direction:column;display:flex;position:absolute;top:0;right:0;overflow-y:auto;transform:translate(100%)}.assistant-panel--open{pointer-events:auto}.assistant-panel--open .assistant-panel__scrim{opacity:1}.assistant-panel--open .assistant-panel__panel{transform:translate(0)}.assistant-panel__head{justify-content:space-between;align-items:center;display:flex}.assistant-panel__brand{align-items:center;gap:var(--gap-sm);color:var(--primary);display:flex}.assistant-panel__meta{flex-direction:column;display:flex}.assistant-panel__name{color:var(--titles);font-weight:700;font-size:var(--text-body)}.assistant-panel__status{color:var(--success);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide)}.assistant-panel__close{border-radius:var(--radius-full);border:1px solid var(--border-soft);width:1.75rem;height:1.75rem;color:var(--muted);cursor:pointer;transition:var(--transition-colors);background:0 0;justify-content:center;align-items:center;display:inline-flex}.assistant-panel__close:hover{color:var(--text);background:var(--surface-raised)}.assistant-panel__body{gap:var(--gap-md);flex-direction:column;flex:1;display:flex}.assistant-panel__composer{align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-sm) var(--padding-sm) var(--padding-md);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-overlay);display:flex}.assistant-panel__composer--disabled{opacity:.7}.assistant-panel__input{color:var(--muted);font-size:var(--text-small);flex:1}.assistant-panel__send{border-radius:var(--radius-full);background:var(--primary);width:1.75rem;height:1.75rem;color:var(--on-primary);justify-content:center;align-items:center;display:inline-flex}.assistant-panel__soon{text-align:center;color:var(--muted);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);margin:0}@media (prefers-reduced-motion:reduce){.assistant-panel__panel,.assistant-panel__scrim{transition:none}}