.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{width:100%;height:100%;clip-path:var(--shape-octagon);background:var(--border-soft);color:var(--muted);justify-content:center;align-items:center;display:flex;position:relative}.rank-timeline__medal:before{content:"";clip-path:var(--shape-octagon);background:radial-gradient(circle at 50% 34%, var(--surface-overlay), var(--bg) 72%);position:absolute;inset:1px}.rank-timeline__medal svg{z-index:1;width:2.5rem;height:2.5rem;position:relative}.rank-timeline__item--done .rank-timeline__medal,.rank-timeline__item--active .rank-timeline__medal{background:color-mix(in srgb, var(--primary) 40%, transparent);color:var(--primary)}.rank-timeline__item--done .rank-timeline__medal:before,.rank-timeline__item--active .rank-timeline__medal:before{background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 20%, transparent), color-mix(in srgb, var(--primary) 5%, transparent))}.rank-timeline__item--active .rank-timeline__medal{filter:drop-shadow(0 0 .5rem color-mix(in srgb, var(--primary) 30%, 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{width:2.75rem;height:2.75rem;clip-path:var(--shape-octagon);background:color-mix(in srgb, var(--primary) 30%, transparent);color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.rank-path__icon:before{content:"";clip-path:var(--shape-octagon);background:radial-gradient(circle at 50% 34%, var(--surface-overlay), var(--bg) 72%);position:absolute;inset:1px}.rank-path__icon svg{z-index:1;width:1.5rem;height:1.5rem;position:relative}.rank-path__icon .achievement-symbol__fill-body,.rank-path__icon .achievement-symbol__fill-accent{fill:var(--primary)}.rank-path__row--current .rank-path__icon{background:var(--primary);width:3.25rem;height:3.25rem}.rank-path__row--current .rank-path__icon:before{inset:2px}.rank-path__row--locked .rank-path__icon{background: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}}
.lesson-page{padding:var(--gap-xl);width:100%;max-width:1200px;margin:0 auto}.lesson-layout{gap:var(--gap-xl);grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);align-items:start;display:grid}.lesson-main{gap:var(--gap-lg);flex-direction:column;min-width:0;display:flex}.lesson-rail{gap:var(--gap-lg);min-width:0;top:var(--gap-xl);flex-direction:column;display:flex;position:sticky}.lesson-body{gap:var(--gap-xl);flex-direction:column;min-width:0;display:flex}.lesson-body__intro{font-size:var(--text-body);color:var(--text);line-height:1.7}@media (max-width:960px){.lesson-layout{grid-template-columns:1fr}.lesson-rail{position:static}}@media (max-width:640px){.lesson-page{padding:var(--gap-lg)}}.lesson__title{font-size:var(--text-h2);font-weight:var(--font-extrabold);letter-spacing:-.02em;color:var(--titles);text-wrap:pretty;margin:0}.lesson-schemas{gap:var(--gap-lg);flex-direction:column;display:flex}.lesson-empty{font-size:var(--text-small);color:var(--muted);margin:0}.lesson-empty--action{align-items:flex-start;gap:var(--gap-md);padding:var(--padding-lg);border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--surface-sunken);flex-direction:column;display:flex}
.formation-index{padding:var(--padding-xl);gap:var(--gap-xl);flex-direction:column;display:flex}.formation-index__head{gap:var(--gap-xs);flex-direction:column;display:flex}.formation-index__title{font-size:var(--text-h2);font-weight:var(--font-extrabold);letter-spacing:-.02em;color:var(--titles);margin:0}.formation-index__lead{font-size:var(--text-body);color:var(--muted);margin:0}.theme-hero.hero--grid-image{min-height:auto}.theme-hero .hero-content--grid-image{align-items:stretch;gap:0;min-height:auto}.theme-hero .hero-image--cover{border-radius:0;max-height:420px}.theme-hero .hero-text--padded{padding:var(--padding-xl) var(--padding-2xl);gap:var(--gap-md)}.theme-hero .hero-title{font-size:clamp(var(--text-h2), 3.2vw, var(--text-h1));max-width:none;margin-bottom:0}.theme-hero .hero-subtitle{font-size:var(--text-body);max-width:46rem;margin-bottom:0;line-height:1.6}
.parcours{gap:var(--gap-xl);padding:var(--gap-xl);flex-direction:column;width:100%;max-width:1060px;margin:0 auto;display:flex}.parcours-section__label{font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--muted)}.parcours-section{gap:var(--gap-md);flex-direction:column;display:flex}.parcours-section__head{justify-content:space-between;align-items:center;display:flex}.parcours-section__count{font-size:var(--text-tiny);color:var(--muted);letter-spacing:var(--tracking-wide)}.parcours-section__link{align-items:center;gap:var(--gap-xs);font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);color:var(--primary);text-decoration:none;display:inline-flex}.parcours-section__link:hover{text-decoration:underline}.parcours-livrables{padding:var(--padding-lg);border:1px dashed var(--border);flex-direction:row;align-items:center}.parcours-livrables__icon{border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border-soft);width:2.5rem;height:2.5rem;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.parcours-livrables__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.parcours-livrables__title{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--text)}.parcours-livrables__desc{font-size:var(--text-tiny);color:var(--muted)}.parcours-livrables__soon{font-size:var(--text-tiny);color:var(--muted);background:var(--surface-raised);border:1px solid var(--border-soft);padding:var(--gap-2xs) var(--gap-sm);border-radius:var(--radius-sm);letter-spacing:var(--tracking-wide);flex-shrink:0}.parcours-empty{align-items:center;gap:var(--gap-sm);padding:var(--padding-lg);border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:var(--surface-sunken);color:var(--muted);font-size:var(--text-small);display:flex}.parcours-empty p{margin:0}.parcours-earned{gap:var(--gap-md);grid-template-columns:repeat(5,1fr);display:grid}.parcours-earned__item{align-items:center;gap:var(--gap-xs);padding:var(--padding-md);border-color:color-mix(in srgb, var(--primary) 28%, transparent)}.parcours-earned__chip{width:4rem;height:4rem}.parcours-earned__name{font-size:var(--text-tiny);font-weight:var(--font-bold);color:var(--titles);text-align:center}.parcours-earned__certified{font-size:var(--text-tiny);color:var(--success);letter-spacing:var(--tracking-wide);background:color-mix(in srgb, var(--success) 14%, transparent);padding:2px var(--gap-sm);border-radius:var(--radius-sm)}@media (max-width:900px){.parcours-earned{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.parcours{padding:var(--gap-lg)}.parcours-earned{grid-template-columns:repeat(2,1fr)}}
.badges-stats{gap:var(--gap-md);grid-template-columns:repeat(4,1fr);display:grid}.badges-stat{gap:var(--gap-2xs);padding:var(--padding-md)}.badges-stat__value{font-size:var(--text-stat-md);font-weight:var(--font-bold);color:var(--titles);line-height:1}.badges-stat__label{font-size:var(--text-tiny);color:var(--muted);letter-spacing:var(--tracking-wide)}.badges-stat--certified{border-color:color-mix(in srgb, var(--success) 28%, transparent);background:linear-gradient(150deg, color-mix(in srgb, var(--success) 10%, transparent), var(--surface-raised) 65%)}.badges-stat--certified .badges-stat__value{color:var(--success)}.badges-stat--progress{border-color:color-mix(in srgb, var(--primary) 28%, transparent);background:linear-gradient(150deg, color-mix(in srgb, var(--primary) 10%, transparent), var(--surface-raised) 65%)}.badges-stat--progress .badges-stat__value{color:var(--primary)}@media (max-width:900px){.badges-stats{grid-template-columns:repeat(2,1fr)}}
.ressources-callout{align-items:flex-start;gap:var(--gap-sm);padding:var(--padding-md);border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--primary) 20%, transparent);background:color-mix(in srgb, var(--primary) 6%, transparent);display:flex}.ressources-callout__icon{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--primary) 14%, transparent);width:1.5rem;height:1.5rem;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ressources-callout__text{font-size:var(--text-small);color:var(--muted);margin:0}.ressources-callout__text b{color:var(--text)}.ressources-cats{gap:var(--gap-md);grid-template-columns:repeat(4,1fr);display:grid}.ressources-cat{gap:var(--gap-sm);padding:var(--padding-md)}.ressources-cat__icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--primary) 12%, transparent);width:2.5rem;height:2.5rem;color:var(--primary);justify-content:center;align-items:center;display:flex}.ressources-cat__name{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles)}.ressources-cat__status{font-size:var(--text-tiny);color:var(--muted);background:var(--surface);border:1px solid var(--border-soft);padding:2px var(--gap-sm);border-radius:var(--radius-sm);letter-spacing:var(--tracking-wide);align-self:flex-start}.ressources-soon{align-items:center;gap:var(--gap-md);padding:var(--padding-lg);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--primary) 24%, transparent);background:linear-gradient(150deg, color-mix(in srgb, var(--primary) 8%, transparent), var(--surface-raised) 60%);display:flex;position:relative;overflow:hidden}.ressources-soon__medal{border-radius:var(--radius-full);background:radial-gradient(circle at 50% 34%, var(--surface-overlay), var(--bg));border:1px solid color-mix(in srgb, var(--primary) 40%, transparent);width:3.5rem;height:3.5rem;color:var(--primary);box-shadow:0 0 18px -4px color-mix(in srgb, var(--primary) 50%, transparent);flex:none;justify-content:center;align-items:center;display:flex}.ressources-soon__body{gap:var(--gap-2xs);flex-direction:column;flex:1;min-width:0;display:flex}.ressources-soon__label{font-family:var(--font-mono);font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wider);color:var(--primary)}.ressources-soon__title{font-size:var(--text-h6);font-weight:var(--font-semibold);color:var(--titles)}.ressources-soon__desc{font-size:var(--text-small);color:var(--muted);max-width:60ch}.ressources-soon__link{align-self:center;align-items:center;gap:var(--gap-xs);padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-overlay);color:var(--text);font-size:var(--text-small);font-weight:var(--font-semibold);white-space:nowrap;transition:var(--transition-colors);flex:none;text-decoration:none;display:inline-flex}.ressources-soon__link:hover{border-color:color-mix(in srgb, var(--primary) 45%, transparent);color:var(--primary)}.ressources-cta{gap:var(--gap-md);padding:var(--padding-lg)}.ressources-cta__info{gap:var(--gap-2xs);flex-direction:column;display:flex}.ressources-cta__eyebrow{font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);color:var(--primary)}.ressources-cta__title{font-size:var(--text-h6);font-weight:var(--font-semibold);color:var(--titles)}.ressources-cta__desc{font-size:var(--text-small);color:var(--muted)}.ressources-cta__actions{gap:var(--gap-sm);flex-wrap:wrap;display:flex}.ressources-cta__actions .btn{align-items:center;gap:var(--gap-xs);display:inline-flex}@media (max-width:900px){.ressources-cats{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.ressources-cats{grid-template-columns:1fr}.ressources-cta,.ressources-soon{flex-direction:column;align-items:flex-start}.ressources-soon__link{align-self:flex-start}}
.dash-greeting__title{align-items:center;gap:var(--gap-md);flex-wrap:wrap;display:flex}.dash{gap:var(--gap-xl);padding:var(--padding-xl);flex-direction:column;display:flex}.dash-greeting{gap:var(--gap-xs);flex-direction:column;display:flex}.dash-eyebrow{color:var(--muted);font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-family:var(--font-mono);margin:0}.dash-section{gap:var(--gap-md);flex-direction:column;display:flex}.dash-section__label{color:var(--muted);font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0}.dash-themes{gap:var(--gap-md);grid-template-columns:repeat(2,1fr);display:grid}.dash-lower{gap:var(--gap-lg);grid-template-columns:1.4fr 1fr;align-items:start;display:grid}.badges-panel{gap:var(--gap-md);flex-direction:column;display:flex}.badges-panel__head{justify-content:space-between;align-items:center;gap:var(--gap-sm);display:flex}.badges-panel__title{color:var(--titles);font-size:var(--text-h6);font-weight:700}.badges-panel__count{color:var(--muted);font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide)}.badges-panel__grid{justify-content:start;gap:var(--gap-md);grid-template-columns:repeat(auto-fill,4.25rem);display:grid}.badges-panel__grid .badge-chip{width:4.25rem;height:4.25rem}.badges-panel__grid .badge-chip__icon{width:3.75rem;height:3.75rem}.badges-panel__hint{color:var(--muted);font-size:var(--text-small);margin:0;line-height:1.5}.badges-panel__hint b{color:var(--primary)}.badges-panel__cta{align-self:flex-start;text-decoration:none}.badges-panel__empty{color:var(--muted);font-size:var(--text-small);margin:0;line-height:1.5}.jacque-reco{gap:var(--gap-md);border:1px solid color-mix(in srgb, var(--primary) 22%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 8%, var(--surface-raised)), var(--surface-raised));flex-direction:column;display:flex}.jacque-reco__head{align-items:center;gap:var(--gap-sm);color:var(--primary);font-size:var(--text-small);font-weight:var(--font-semibold);display:flex}.jacque-reco__text{color:var(--text);font-size:var(--text-small);margin:0;line-height:1.55}.jacque-reco__text b{color:var(--titles)}.jacque-reco__rows{gap:var(--gap-sm);flex-direction:column;display:flex}.reco-row{align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--card-inset);color:var(--text);font-size:var(--text-small);display:flex}.reco-row__dot{border-radius:var(--radius-full);border:2px solid var(--primary);flex-shrink:0;width:8px;height:8px}.reco-row__title{flex:1;min-width:0}.reco-row svg{color:var(--muted);flex-shrink:0}.reco-row__q{border-radius:var(--radius-full);background:color-mix(in srgb, var(--primary) 16%, transparent);width:1.25rem;height:1.25rem;color:var(--primary);font-size:var(--text-tiny);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.reco-row__xp{color:var(--primary);font-size:var(--text-tiny);font-weight:var(--font-semibold);flex-shrink:0}@media (max-width:900px){.dash-lower,.dash-themes{grid-template-columns:1fr}}@media (max-width:640px){.dash{padding:var(--padding-lg) var(--padding-md)}}.jacque-reco--soon .reco-row{opacity:.55}.dash-panel{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);padding:0;display:grid;overflow:hidden}.dash-panel__main{justify-content:center;gap:var(--gap-lg);padding:var(--padding-lg);flex-direction:column;min-width:0;display:flex}.dash-panel__side{border-left:1px solid var(--border-soft)}.dash-panel__next{align-items:center;gap:var(--gap-sm) var(--gap-md);padding:var(--padding-sm) var(--padding-md);border:1px solid color-mix(in srgb, var(--primary) 22%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--primary) 6%, transparent);flex-wrap:wrap;display:flex}.dash-panel__next-icon{border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--primary);background:color-mix(in srgb, var(--primary) 14%, transparent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.dash-panel__next-text{flex-direction:column;flex:12rem;gap:.125rem;min-width:0;display:flex}.dash-panel__next-label{color:var(--primary);font-family:var(--font-mono);font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase}.dash-panel__next-title{color:var(--titles);font-size:var(--text-small);font-weight:var(--font-semibold)}@media (max-width:760px){.dash-panel{grid-template-columns:minmax(0,1fr)}.dash-panel__side{border-left:0;border-top:1px solid var(--border-soft)}}
.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:baseline;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}}
.jacque{z-index:var(--z-modal);pointer-events:none;position:fixed;inset:0;overflow:hidden}.jacque__scrim{opacity:0;transition:opacity var(--duration-200) var(--easing-standard);background:#00000080;position:absolute;inset:0}.jacque__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%)}.jacque--open{pointer-events:auto}.jacque--open .jacque__scrim{opacity:1}.jacque--open .jacque__panel{transform:translate(0)}.jacque__head{justify-content:space-between;align-items:center;display:flex}.jacque__brand{align-items:center;gap:var(--gap-sm);color:var(--primary);display:flex}.jacque__meta{flex-direction:column;display:flex}.jacque__name{color:var(--titles);font-weight:700;font-size:var(--text-body)}.jacque__status{color:var(--success);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide)}.jacque__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}.jacque__close:hover{color:var(--text);background:var(--surface-raised)}.jacque__body{gap:var(--gap-md);flex-direction:column;flex:1;display:flex}.jacque__msg{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}.jacque__msg p{margin:0}.jacque__msg--assistant{background:var(--surface-raised);border:1px solid var(--border-soft);color:var(--text)}.jacque__msg--assistant svg{color:var(--primary);flex-shrink:0;margin-top:2px}.jacque__msg--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}.jacque__chips{gap:var(--gap-sm);flex-wrap:wrap;display:flex}.jacque__chip{padding:var(--padding-xs) var(--padding-md);border-radius:var(--radius-full);border:1px solid var(--border-soft);background:var(--surface-raised);color:var(--muted);font-size:var(--text-tiny)}.jacque__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);opacity:.7;display:flex}.jacque__input{color:var(--muted);font-size:var(--text-small);flex:1}.jacque__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}.jacque__soon{text-align:center;color:var(--muted);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);margin:0}@media (prefers-reduced-motion:reduce){.jacque__panel,.jacque__scrim{transition:none}}.jacque__status--soon{color:var(--muted)}.jacque__notice{margin:0 0 var(--margin-sm);padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border-soft);color:var(--muted);font-size:var(--text-tiny);line-height:var(--leading-normal)}
.assistant-preview{gap:var(--gap-md);padding:var(--padding-lg);flex-direction:column;display:flex}.assistant-preview__head{align-items:center;gap:var(--gap-sm);padding-bottom:var(--padding-sm);border-bottom:1px solid var(--border-soft);display:flex}.assistant-preview__brand{align-items:center;gap:var(--gap-sm);display:flex}.assistant-preview__avatar{border-radius:var(--radius-md);background:var(--primary);width:2.25rem;height:2.25rem;color:var(--on-primary);justify-content:center;align-items:center;display:inline-flex}.assistant-preview__avatar svg{fill:currentColor}.assistant-preview__meta{flex-direction:column;display:flex}.assistant-preview__name{font-size:var(--text-body);font-weight:var(--font-bold);color:var(--titles)}.assistant-preview__status{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--primary)}.assistant-preview__body{gap:var(--gap-sm);flex-direction:column;display:flex}.assistant-preview__quick{gap:var(--gap-xs);flex-wrap:wrap;display:flex}.assistant-preview__chip{font-size:var(--text-small);color:var(--text);background-color:var(--surface-raised);border:1px solid var(--border-soft);padding:var(--gap-2xs) var(--gap-sm);border-radius:var(--radius-full)}.assistant-preview__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-color:var(--surface-sunken);display:flex;box-shadow:inset 0 1px 2px #00000059}.assistant-preview__input{color:var(--muted);font-size:var(--text-small);flex:1}.assistant-preview__send{border-radius:var(--radius-md);background:var(--primary);width:1.75rem;height:1.75rem;color:var(--on-primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}
.assistant-reco{gap:var(--gap-md);padding:var(--padding-lg);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--primary) 22%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 8%, var(--surface-raised)), var(--surface-raised));flex-direction:column;display:flex}.assistant-reco__head{align-items:center;gap:var(--gap-sm);color:var(--primary);font-size:var(--text-small);font-weight:var(--font-semibold);display:flex}.assistant-reco__text{color:var(--text);font-size:var(--text-small);margin:0;line-height:1.55}.assistant-reco__text b{color:var(--titles)}.assistant-reco__rows{gap:var(--gap-sm);flex-direction:column;display:flex}.assistant-reco__row{align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface);color:var(--text);font-size:var(--text-small);display:flex}.assistant-reco__row-dot{border-radius:var(--radius-full);border:2px solid var(--primary);flex-shrink:0;width:8px;height:8px}.assistant-reco__row-title{flex:1;min-width:0}.assistant-reco__row svg{color:var(--muted);flex-shrink:0}.assistant-reco__row-q{border-radius:var(--radius-full);background:color-mix(in srgb, var(--primary) 16%, transparent);width:1.25rem;height:1.25rem;color:var(--primary);font-size:var(--text-tiny);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.assistant-reco__row-xp{color:var(--primary);font-size:var(--text-tiny);font-weight:var(--font-semibold);flex-shrink:0}
.suggestion-chips{gap:var(--gap-sm);flex-wrap:wrap;display:flex}.suggestion-chip{padding:var(--padding-xs) var(--padding-md);border-radius:var(--radius-full);border:1px solid var(--border-soft);background:var(--surface-raised);color:var(--muted);font-size:var(--text-tiny)}button.suggestion-chip{cursor:pointer;transition:var(--transition-colors)}button.suggestion-chip:hover{color:var(--text);border-color:color-mix(in srgb, var(--primary) 40%, transparent)}
.media-play{border-radius:var(--radius-full);background:var(--primary);width:2.5rem;height:2.5rem;color:var(--on-primary);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:filter .15s,transform .1s;display:inline-flex}.media-play:hover{filter:brightness(1.08)}.media-play:active{transform:scale(.95)}.media-play:focus-visible{box-shadow:var(--focus-ring);outline:none}.media-play svg{width:.875rem;height:.875rem}.media-play--sm{width:1.75rem;height:1.75rem}.media-play--sm svg{width:.6875rem;height:.6875rem}.media-play--lg{width:2.75rem;height:2.75rem}.media-play--lg svg{width:1.0625rem;height:1.0625rem}.media-play__spin{border-radius:var(--radius-full);border:2px solid;border-right-color:#0000;width:1.125rem;height:1.125rem;animation:.7s linear infinite media-play-spin}.media-play--sm .media-play__spin{border-width:1.5px;width:.75rem;height:.75rem}@keyframes media-play-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.media-play__spin{animation-duration:2s}}.media-step{align-items:center;gap:var(--gap-xs);height:1.875rem;padding:0 var(--padding-sm);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--muted);font:inherit;font-family:var(--font-mono);font-size:var(--text-tiny);cursor:pointer;transition:var(--transition-colors);background:0 0;display:inline-flex}.media-step:hover{border-color:var(--primary);color:var(--titles)}.media-step:focus-visible{box-shadow:var(--focus-ring);outline:none}
.asset-tile-grid{gap:var(--gap-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));display:grid}.asset-tile{cursor:pointer;position:relative}.asset-tile-link{color:inherit;text-decoration:none;display:block}.asset-tile-link:focus-visible{border-radius:var(--radius-sm);box-shadow:var(--focus-ring);outline:none}.asset-tile[role=button]:focus-visible{box-shadow:var(--focus-ring);outline:none}.asset-tile--selected{border-color:var(--primary);box-shadow:var(--ring-selected)}.asset-tile--clickable:hover{border-color:color-mix(in srgb, var(--primary) 45%, transparent)}.asset-tile-media{margin-bottom:var(--margin-md);position:relative}.asset-tile-image{width:100%;aspect-ratio:var(--asset-tile-ratio,16 / 9);-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);background:var(--surface-raised)}.asset-tile-placeholder{aspect-ratio:var(--asset-tile-ratio,16 / 9);background:var(--surface-raised);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:flex}.asset-tile-icon{width:1.25rem;height:1.25rem;font-size:var(--text-h3)}.asset-tile-icon--audio{color:var(--info)}.asset-tile-icon--video{color:var(--primary)}.asset-tile-icon--image{color:var(--success)}.asset-tile-icon--document{color:var(--warning)}.asset-tile-icon--preset{color:var(--destructive)}.asset-tile-status{top:var(--gap-sm);right:var(--gap-sm);font-size:var(--text-tiny);position:absolute}.asset-status--processing{background:color-mix(in srgb, var(--info) 15%, transparent);color:var(--info)}.asset-status--ready{background:color-mix(in srgb, var(--success) 15%, transparent);color:var(--success)}.asset-status--error{background:color-mix(in srgb, var(--destructive) 15%, transparent);color:var(--destructive)}.asset-status--draft{background:color-mix(in srgb, var(--muted) 15%, transparent);color:var(--muted)}.asset-tile-play{background:var(--on-media-scrim);opacity:0;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.asset-tile:hover .asset-tile-play,.asset-tile:focus-within .asset-tile-play{opacity:1}@media (hover:none){.asset-tile-play{opacity:1}}.asset-tile-play-icon{color:#fff;background:var(--on-media-veil);width:2rem;height:2rem;padding:var(--padding-sm);border-radius:50%}.asset-tile-content{gap:var(--gap-sm);flex-direction:column;display:flex}.asset-tile-header{justify-content:space-between;align-items:flex-start;display:flex}.asset-tile-name{font-size:var(--text-body-sm);color:var(--titles);text-overflow:ellipsis;white-space:nowrap;padding-right:var(--padding-sm);flex:1;margin:0;font-weight:500;overflow:hidden}.asset-tile-type{font-size:var(--text-tiny);flex-shrink:0}.asset-tile-meta{font-size:var(--text-tiny);color:var(--muted);justify-content:space-between;align-items:center;display:flex}.asset-tile-details,.asset-tile-date{color:var(--muted)}.asset-tile-actions{top:var(--gap-sm);left:var(--gap-sm);opacity:0;transition:opacity var(--animation-duration-fast) var(--animation-easing);gap:var(--gap-xs);display:flex;position:absolute}.asset-tile:hover .asset-tile-actions,.asset-tile:focus-within .asset-tile-actions{opacity:1}@media (hover:none){.asset-tile-actions{opacity:1}}.asset-tile-action{background:var(--on-media-scrim);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;transition:background-color .2s;display:flex}.asset-tile-action:hover{background:var(--on-media-scrim-strong)}.asset-tile-action--delete:hover{background:color-mix(in srgb, var(--destructive) 70%, transparent)}.asset-tile-action-icon{width:1rem;height:1rem}
.audio-player{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-md);flex-direction:column;display:flex}.audio-player__top{align-items:center;gap:var(--gap-md);display:flex}.audio-player__mid{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.audio-player__title{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--titles);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.audio-player__seek{align-items:center;gap:var(--gap-sm);display:flex}.audio-player__t{min-width:2.5rem;font-size:var(--text-tiny);font-variant-numeric:tabular-nums;color:var(--muted);flex-shrink:0}.audio-player__t:last-child{text-align:right}.audio-player__track{border-radius:var(--radius-full);background:linear-gradient(to right, var(--primary) 0, var(--primary) var(--p,0%), var(--border) var(--p,0%), var(--border) 100%);flex:1;min-width:0;height:.375rem;position:relative}.audio-player__range{appearance:none;cursor:pointer;background:0 0;width:100%;height:calc(100% + 1rem);margin:0;padding:0;position:absolute;inset:-.5rem 0}.audio-player__range:disabled{cursor:default}.audio-player__range::-webkit-slider-thumb{appearance:none;border:2px solid var(--bg);border-radius:var(--radius-full);background:var(--primary);cursor:pointer;width:.875rem;height:.875rem}.audio-player__range::-moz-range-thumb{border:2px solid var(--bg);border-radius:var(--radius-full);background:var(--primary);cursor:pointer;width:.875rem;height:.875rem}.audio-player__range:focus-visible{outline:none}.audio-player__range:focus-visible::-webkit-slider-thumb{box-shadow:var(--focus-ring)}.audio-player__range:focus-visible::-moz-range-thumb{box-shadow:var(--focus-ring)}.audio-player__skips{gap:var(--gap-xs);flex-shrink:0;display:flex}.audio-player__ab{align-items:center;gap:var(--gap-xs);flex-wrap:wrap;display:flex}.audio-player__ab-btn{padding:.25rem var(--padding-sm);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--muted);font-size:var(--text-small);font-weight:var(--font-medium);cursor:pointer;background:0 0;transition:color .15s,border-color .15s,background-color .15s}.audio-player__ab-btn:hover{color:var(--foreground);border-color:var(--primary)}.audio-player__ab-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.audio-player__ab-btn--on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.audio-player__hint{font-size:var(--text-tiny);color:var(--muted);margin-left:auto}.audio-player__error{font-size:var(--text-small);color:var(--destructive);margin:0}@media (max-width:560px){.audio-player__top{gap:var(--gap-sm);flex-wrap:wrap}.audio-player__mid{flex-basis:100%;order:3}.audio-player__skips{margin-left:auto}.audio-player__hint{display:none}}
.listen-tile{gap:var(--gap-xs);flex-direction:column;min-width:0;display:flex}.listen-tile__button{align-items:center;gap:var(--gap-md);width:100%;min-width:0;height:5.5rem;padding:var(--padding-sm) var(--padding-md) var(--padding-sm) var(--padding-sm);border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--card-inset);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--duration-200) var(--easing-standard);display:flex}.listen-tile__button:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--border-soft))}.listen-tile__button:hover .listen-tile__play{background:var(--primary);color:var(--on-primary)}.listen-tile__button:focus-visible{box-shadow:var(--focus-ring);outline:none}.listen-tile__cover{border-radius:var(--radius-md);background:radial-gradient(90% 90% at 30% 25%, color-mix(in srgb, var(--primary) 45%, transparent), transparent 70%), linear-gradient(135deg, var(--surface-overlay), var(--bg));flex-shrink:0;width:4.5rem;height:4.5rem}.listen-tile--video .listen-tile__cover{width:8rem}.listen-tile__info{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.listen-tile__title{-webkit-line-clamp:2;line-clamp:2;color:var(--titles);font-size:var(--text-small);font-weight:var(--font-semibold);line-height:var(--leading-tight);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.listen-tile__subtitle{color:var(--muted);font-size:var(--text-tiny);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.listen-tile__source{align-items:center;gap:var(--gap-xs);margin-top:var(--gap-xs);color:var(--muted);font-size:var(--text-tiny);display:inline-flex}.listen-tile__source svg{flex-shrink:0}.listen-tile__play{border:1px solid color-mix(in srgb, var(--primary) 45%, var(--border));border-radius:var(--radius-full);width:2.75rem;height:2.75rem;color:var(--primary);transition:background-color var(--duration-200) var(--easing-standard);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.listen-tile__play svg{fill:currentColor;width:1rem;height:1rem;margin-left:2px}.listen-tile__note{color:var(--muted);font-size:var(--text-tiny);margin:0}.listen-tile__frame{width:100%;height:var(--listen-tile-embed-height,152px);border-radius:var(--radius-lg);background:var(--card-inset);border:0;display:block}.listen-tile--video .listen-tile__frame{aspect-ratio:16/9;height:auto}.listen-tile__frame:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (prefers-reduced-motion:reduce){.listen-tile__button,.listen-tile__play{transition:none}}@media (max-width:359px){.listen-tile--video .listen-tile__cover{width:6rem}}
.waveform{--waveform-color:var(--primary);width:100%;min-width:0;position:relative}.waveform--sm{height:1.25rem}.waveform--md{height:1.75rem}.waveform--lg{height:2.25rem}.waveform__svg{width:100%;height:100%;display:block}.waveform__shape{fill:color-mix(in srgb, var(--waveform-color) 68%, transparent)}.waveform__played{fill:var(--waveform-color)}.waveform--dim .waveform__shape{fill:color-mix(in srgb, var(--waveform-color) 34%, transparent)}.waveform--dim .waveform__played{fill:color-mix(in srgb, var(--waveform-color) 55%, transparent)}.waveform__pending{background:var(--border);height:1px;position:absolute;top:50%;left:0;right:0}
.segmented-waveform{width:100%}.segmented-waveform__track{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;padding:var(--padding-sm);cursor:crosshair;touch-action:none;position:relative;overflow:hidden}.segmented-waveform__wave{pointer-events:none}.segmented-waveform--lg .waveform{height:150px}.segmented-waveform__marker{appearance:none;cursor:ew-resize;background:0 0;border:0;width:14px;margin-left:-7px;padding:0;position:absolute;top:0;bottom:0}.segmented-waveform__marker:before{content:"";background:var(--primary);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.segmented-waveform__marker:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:8px solid var(--primary);margin-left:-5px;position:absolute;top:0;left:50%}.segmented-waveform__marker:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-xs)}.segmented-waveform__segment-label{top:var(--padding-xs);font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--primary);opacity:.65;pointer-events:none;-webkit-user-select:none;user-select:none;margin-left:6px;position:absolute}.segmented-waveform__cursor{border-left:2px dashed var(--primary);pointer-events:none;width:0;position:absolute;top:0;bottom:0}.segmented-waveform__playhead{background:var(--titles);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.segmented-waveform__track:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.comparator{z-index:20;gap:var(--gap-sm);margin-top:var(--gap-lg);padding:var(--padding-sm) var(--padding-md) var(--padding-md);border-top:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-raised);--slot:var(--primary);border-radius:0;flex-direction:column;display:flex;position:sticky;bottom:0}.comparator__bar{align-items:center;gap:var(--gap-md);flex-wrap:wrap;display:flex}.comparator__eyebrow{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex:none}.comparator__help{border:1px solid var(--border);border-radius:var(--radius-full);width:1.25rem;height:1.25rem;color:var(--muted);font-family:var(--font-mono);font-size:var(--text-tiny);cursor:pointer;transition:var(--transition-colors);background:0 0;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.comparator__help:hover{border-color:var(--primary);color:var(--titles)}.comparator__help:focus-visible{box-shadow:var(--focus-ring);outline:none}.comparator__help-panel{gap:var(--gap-sm);font-size:var(--text-tiny);color:var(--muted);flex-direction:column;line-height:1.5;display:flex}.comparator__help-panel p{margin:0}.comparator__help-panel strong{color:var(--titles);font-weight:var(--font-semibold);margin-right:.3em}.comparator__settings{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;margin-left:auto;display:flex}.comparator__toggle{align-items:center;gap:var(--gap-xs);height:1.75rem;padding:0 var(--padding-sm);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--muted);font:inherit;font-size:var(--text-tiny);cursor:pointer;transition:var(--transition-colors);background:0 0;display:inline-flex}.comparator__toggle-dot{border-radius:var(--radius-full);background:var(--border);width:.375rem;height:.375rem}.comparator__toggle--on{border-color:color-mix(in srgb, var(--primary) 45%, transparent);background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary)}.comparator__toggle--on .comparator__toggle-dot{background:var(--primary)}.comparator__toggle:disabled{opacity:.5;cursor:not-allowed}.comparator__toggle:focus-visible,.comparator__collapse:focus-visible,.comparator__loop:focus-visible,.comparator__axis:focus-visible{box-shadow:var(--focus-ring);outline:none}.comparator__collapse{border:1px solid var(--border);border-radius:var(--radius-md);width:1.75rem;height:1.75rem;color:var(--muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:inline-flex}.comparator__collapse svg{width:.875rem;height:.875rem}.comparator--collapsed .comparator__collapse svg{transform:rotate(180deg)}.comparator__mini{align-items:center;gap:var(--gap-md);display:flex}.comparator__now{font-size:var(--text-tiny);color:var(--muted);white-space:nowrap;flex:none}.comparator__mini-track{border-radius:var(--radius-full);background:var(--surface-raised);cursor:pointer;flex:1;min-width:5rem;height:.25rem;position:relative}.comparator__mini-fill{border-radius:var(--radius-full);background:var(--primary);position:absolute;inset:0 auto 0 0}.comparator__deck{align-items:center;gap:var(--gap-lg);row-gap:var(--gap-sm);flex-wrap:wrap;display:flex}.comparator__transport{align-items:center;gap:var(--gap-sm);flex:none;display:flex}.comparator__loop{align-items:center;gap:var(--gap-xs);height:1.875rem;padding:0 var(--padding-sm);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--muted);font:inherit;font-size:var(--text-tiny);cursor:pointer;transition:var(--transition-colors);background:0 0;display:inline-flex}.comparator__loop svg{width:.8125rem;height:.8125rem}.comparator__loop:hover{border-color:var(--primary);color:var(--titles)}.comparator__loop--on{border-color:color-mix(in srgb, var(--primary) 45%, transparent);background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary)}.comparator__stack{gap:var(--gap-sm);flex:24rem;min-width:18rem;display:flex}.comparator__labels{gap:var(--gap-xs);flex-direction:column;flex:0 7rem;min-width:3.5rem;padding-top:1.0625rem;display:flex}.comparator__label{height:2.25rem;padding-right:var(--gap-2xs);border-radius:var(--radius-md);color:var(--muted);font-size:var(--text-tiny);align-items:center;min-width:0;display:flex}.comparator__label-btn{align-items:center;gap:var(--gap-xs);min-width:0;height:100%;padding:0 var(--padding-xs);border-radius:var(--radius-md);color:inherit;font:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;flex:1;display:flex}.comparator__label-x{padding:var(--gap-2xs);color:var(--muted);cursor:pointer;opacity:0;background:0 0;border:none;flex:none;transition:opacity .12s,color .12s;display:inline-flex}.comparator__label:hover .comparator__label-x,.comparator__label-x:focus-visible{opacity:1}.comparator__label-x:hover{color:var(--destructive)}.comparator__label-x svg{width:.625rem;height:.625rem}.comparator__label-btn:focus-visible,.comparator__label-x:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.comparator__label--active{background:color-mix(in srgb, var(--slot) 10%, transparent);color:var(--titles)}.comparator__label-key{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--slot) 22%, transparent);width:1.125rem;height:1.125rem;color:var(--slot);font-family:var(--font-mono);font-size:.625rem;font-weight:var(--font-bold);flex:none;justify-content:center;align-items:center;display:inline-flex}.comparator__label--active .comparator__label-key{background:var(--slot);color:var(--on-primary)}.comparator__label-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.comparator__axis{cursor:crosshair;touch-action:none;flex:1;min-width:11.875rem;position:relative}.comparator__ruler{height:1.0625rem;padding-bottom:var(--gap-2xs);border-bottom:1px solid var(--border-soft);font-family:var(--font-mono);color:var(--muted);justify-content:space-between;align-items:flex-end;font-size:.5625rem;display:flex}.comparator__lanes{gap:var(--gap-xs);padding-top:var(--gap-2xs);flex-direction:column;min-height:2.25rem;display:flex;position:relative}.comparator__empty{padding:var(--padding-sm) 0;font-size:var(--text-tiny);color:var(--muted);text-align:center;margin:0}.comparator__loop-region{background:color-mix(in srgb, var(--primary) 8%, transparent);border-left:1px solid color-mix(in srgb, var(--primary) 45%, transparent);border-right:1px solid color-mix(in srgb, var(--primary) 45%, transparent);pointer-events:none;position:absolute;top:1.0625rem;bottom:0}.comparator__marker{border:2px solid var(--surface);border-radius:var(--radius-full);background:var(--info);cursor:pointer;width:.75rem;height:.75rem;margin-left:-.375rem;padding:0;position:absolute;top:.5rem}.comparator__head{background:var(--titles);width:1.5px;box-shadow:0 0 8px color-mix(in srgb, var(--titles) 45%, transparent);pointer-events:none;margin-left:-.75px;position:absolute;top:.75rem;bottom:0}.comparator__readout{align-items:baseline;gap:var(--gap-2xs);flex:none;min-width:0;margin-left:auto;display:flex}.comparator__clock{font-family:var(--font-mono);font-size:var(--text-h4);font-weight:var(--font-bold);color:var(--titles);font-variant-numeric:tabular-nums;line-height:1}.comparator__clock--sm{font-size:var(--text-small);display:inline-block}.comparator__total{margin-top:var(--gap-2xs);font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--muted);display:block}.comparator__total--inline{flex:none;margin-top:0;display:inline-block}@media (max-width:720px){.comparator__eyebrow{display:none}.comparator__labels{flex:none}.comparator__label-name{display:none}.comparator__label-btn{padding:0 var(--gap-2xs)}.comparator__label-x{opacity:1}}
.eqbars{flex:none;align-items:flex-end;gap:2px;height:1em;display:inline-flex}.eqbars__bar{transform-origin:bottom;background:currentColor;border-radius:1px;width:2.5px;height:100%;animation:.9s ease-in-out infinite alternate eqbars-bounce;display:block;transform:scaleY(.2)}.eqbars__bar:first-child{animation-duration:.7s;animation-delay:-.2s}.eqbars__bar:nth-child(2){animation-duration:1.1s;animation-delay:-.5s}.eqbars__bar:nth-child(3){animation-duration:.85s;animation-delay:-.1s}.eqbars__bar:nth-child(4){animation-duration:1.25s;animation-delay:-.7s}.eqbars__bar:nth-child(5){animation-duration:.95s;animation-delay:-.35s}@keyframes eqbars-bounce{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.eqbars__bar{animation:none;transform:scaleY(.6)}}
.gallery-placeholder{width:100%;min-height:260px;aspect-ratio:var(--aspect-video);padding:var(--padding-xl);text-align:center;color:var(--muted);font-family:var(--font-sans);font-size:var(--text-small);font-weight:var(--font-medium);letter-spacing:.06em;text-transform:uppercase;border:var(--border-width) var(--border-style) var(--border);border-radius:var(--radius-lg);background:radial-gradient(120% 140% at 50% 0%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 62%), var(--surface-raised);box-shadow:var(--shadow-card);justify-content:center;align-items:center;display:flex}.gallery-placeholder--square{aspect-ratio:var(--aspect-square)}
.render-canvas{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;max-width:100%;height:auto;display:block}.render-canvas--checkered{background-image:linear-gradient(45deg, var(--surface-raised) 25%, transparent 25%), linear-gradient(-45deg, var(--surface-raised) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--surface-raised) 75%), linear-gradient(-45deg, transparent 75%, var(--surface-raised) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}
.composer-scene{width:100%;max-width:min(100%, calc(var(--scene-limit,68vh) * var(--scene-ratio,1)));border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);background-image:linear-gradient(45deg, var(--surface-raised) 25%, transparent 25%), linear-gradient(-45deg, var(--surface-raised) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--surface-raised) 75%), linear-gradient(-45deg, transparent 75%, var(--surface-raised) 75%);touch-action:none;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;margin-inline:auto;position:relative;overflow:hidden}.composer-scene:focus-visible{box-shadow:var(--focus-ring);outline:none}.composer-scene__canvas{z-index:1;width:100%;height:100%;display:block;position:relative}.composer-scene--croppable{cursor:grab}.composer-scene--cropping{cursor:grabbing}.composer-scene__source{z-index:0;will-change:transform;pointer-events:none;-webkit-user-drag:none;max-width:none;display:block;position:absolute;top:0;left:0}.composer-scene--cropping .composer-scene__canvas{opacity:0}.composer-scene--cropping:after{content:"";z-index:2;pointer-events:none;background-image:linear-gradient(to right, transparent calc(33.333% - .5px), var(--on-media-line) calc(33.333% - .5px) calc(33.333% + .5px), transparent calc(33.333% + .5px)), linear-gradient(to right, transparent calc(66.666% - .5px), var(--on-media-line) calc(66.666% - .5px) calc(66.666% + .5px), transparent calc(66.666% + .5px)), linear-gradient(to bottom, transparent calc(33.333% - .5px), var(--on-media-line) calc(33.333% - .5px) calc(33.333% + .5px), transparent calc(33.333% + .5px)), linear-gradient(to bottom, transparent calc(66.666% - .5px), var(--on-media-line) calc(66.666% - .5px) calc(66.666% + .5px), transparent calc(66.666% + .5px));position:absolute;inset:0}.crop-controls{align-items:center;gap:var(--gap-md);flex-wrap:wrap;display:flex}.crop-controls__zoom{flex:12rem;min-width:8rem}.composer-scene__safe{pointer-events:none;border:1px dashed color-mix(in srgb, var(--foreground) 28%, transparent);border-radius:var(--radius-sm);position:absolute}.composer-box{border-radius:var(--radius-sm);cursor:grab;transition:border-color var(--animation-duration-fast) var(--animation-easing);border:1px solid #0000;position:absolute}.composer-box:hover{border-color:color-mix(in srgb, var(--primary) 45%, transparent)}.composer-box--selected,.composer-box--selected:hover{border-color:var(--primary);box-shadow:0 0 0 1px color-mix(in srgb, var(--surface) 55%, transparent)}.composer-box--locked{cursor:default}.composer-box--ghost{pointer-events:none}.composer-box__handle{border:2px solid var(--surface);border-radius:var(--radius-full);background:var(--primary);cursor:nwse-resize;width:12px;height:12px;padding:0;position:absolute;bottom:-6px;right:-6px}.composer-box__handle:focus-visible{box-shadow:var(--focus-ring);outline:none}.composer-layers{gap:var(--gap-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.composer-layer{align-items:center;gap:var(--gap-sm);width:100%;padding:var(--padding-sm);border-radius:var(--radius-sm);color:var(--foreground);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;display:flex}.composer-layer:hover{background:var(--surface-raised)}.composer-layer--selected{border-color:color-mix(in srgb, var(--primary) 55%, transparent);background:color-mix(in srgb, var(--primary) 10%, transparent)}.composer-layer__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-small);flex:1;overflow:hidden}.composer-layer__kind{color:var(--muted-foreground);flex-shrink:0}.composer-layer--hidden .composer-layer__name{opacity:var(--opacity-disabled);text-decoration:line-through}.composer-formats{gap:var(--gap-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.composer-format{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);text-align:left;background:0 0;flex-direction:column;display:flex;position:relative}.composer-format:hover{border-color:color-mix(in srgb, var(--primary) 45%, transparent)}.composer-format--current{border-color:var(--primary)}.composer-format__pick{gap:var(--gap-xs);padding:var(--padding-sm);border-radius:var(--radius-md);color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;width:100%;display:flex}.composer-format__pick:focus-visible{box-shadow:var(--focus-ring);outline:none}.composer-format__toggle{top:calc(var(--padding-sm) + var(--gap-xs));right:calc(var(--padding-sm) + var(--gap-xs));z-index:1;padding:var(--padding-xs);border-radius:var(--radius-sm);background:var(--surface-raised);border:1px solid var(--border);align-items:center;display:flex;position:absolute}.composer-format--off .composer-format__canvas,.composer-format--off .composer-format__label,.composer-format--off .composer-format__meta{opacity:.45}.composer-format__canvas{border-radius:var(--radius-sm);background:var(--surface-raised);width:100%;height:auto;display:block}.composer-format__label{font-size:var(--text-small);font-weight:var(--font-medium);margin-top:auto}.composer-format__meta{font-size:var(--text-tiny);color:var(--muted-foreground);font-variant-numeric:tabular-nums}.composer-panel{top:var(--gap-md);align-self:flex-start;gap:var(--gap-md);max-height:calc(100vh - var(--gap-md) * 2);overscroll-behavior:contain;padding-right:var(--padding-xs);flex-direction:column;display:flex;position:sticky;overflow-y:auto}.composer-panel>*{flex-shrink:0}@media (max-width:1024px){.composer-panel{max-height:none;position:static;overflow:visible}}.composer-panel::-webkit-scrollbar{width:6px}.composer-panel::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:var(--border)}
.knob{width:var(--knob-size);height:var(--knob-size);border-radius:var(--radius-full);cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;flex:none;position:relative}.knob:focus-visible{box-shadow:var(--focus-ring)}.knob--disabled{cursor:not-allowed}.knob-arcs{position:absolute;top:0;left:0;overflow:visible}.knob-track{fill:none;stroke:var(--border);stroke-width:var(--knob-trait);stroke-linecap:round;transition:stroke var(--animation-duration-fast) var(--animation-easing)}.knob:hover .knob-track,.knob:focus-visible .knob-track{stroke:color-mix(in srgb, var(--border) 95%, var(--titles) 5%)}.knob-value{fill:none;stroke:var(--primary);stroke-width:var(--knob-trait);stroke-linecap:round}.knob--disabled .knob-value{stroke:color-mix(in srgb, var(--border) 80%, var(--muted) 20%)}.knob-body{left:var(--knob-retrait);top:var(--knob-retrait);width:var(--knob-corps);height:var(--knob-corps);box-sizing:border-box;border-radius:var(--radius-full);border:3px solid var(--bg);background:radial-gradient(circle at 50% 28%, color-mix(in srgb, var(--border) 97%, var(--titles) 3%) 0%, color-mix(in srgb, var(--border) 55%, var(--bg) 45%) 60%, color-mix(in srgb, var(--border) 32%, var(--bg) 68%) 100%);box-shadow:var(--shadow-control), var(--sheen-soft);position:absolute}.knob:hover .knob-body{background:radial-gradient(circle at 50% 28%, color-mix(in srgb, var(--border) 94%, var(--titles) 6%) 0%, color-mix(in srgb, var(--border) 68%, var(--bg) 32%) 60%, color-mix(in srgb, var(--border) 45%, var(--bg) 55%) 100%)}.knob--disabled .knob-body,.knob--disabled:hover .knob-body{background:color-mix(in srgb, var(--border) 50%, var(--bg) 50%)}.knob-pointer{transform:rotate(var(--knob-angle));position:absolute;inset:0}.knob-dot{left:50%;top:var(--knob-pastille-haut);width:var(--knob-pastille);height:var(--knob-pastille);margin-left:calc(var(--knob-pastille) / -2);border-radius:var(--radius-full);background:var(--primary);box-shadow:0 0 6px color-mix(in srgb, var(--primary) 60%, transparent);position:absolute}.knob--disabled .knob-dot{background:color-mix(in srgb, var(--border) 65%, var(--muted) 35%);box-shadow:none}@media (prefers-reduced-motion:reduce){.knob-track{transition:none}}
.level-meter{align-items:center;gap:var(--gap-sm);font-family:var(--font-mono);flex-direction:column;display:flex}.level-meter-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:11px;font-weight:500}.level-meter-clip{height:18px;padding:0 var(--gap-sm);border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface-raised);color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;font-size:10px;font-weight:600}.level-meter-clip--on{border-color:var(--error);background:var(--error);color:var(--on-primary);box-shadow:0 0 10px color-mix(in srgb, var(--error) 55%, transparent)}.level-meter-clip--spacer{visibility:hidden;cursor:default}.level-meter-body{gap:var(--gap-xs);align-items:flex-start;display:flex}.level-meter-body--scale-right{flex-direction:row-reverse}.level-meter-scale{width:22px;height:var(--meter-hauteur);margin-top:6px;position:relative}.level-meter-tick{color:var(--muted);text-align:right;font-size:10px;font-weight:500;line-height:1;position:absolute;left:0;right:0;transform:translateY(-50%)}.level-meter-body--scale-right .level-meter-tick{text-align:left}.level-meter-bars{gap:var(--gap-xs);background:var(--surface-sunken);border-radius:var(--radius-md);box-shadow:var(--shadow-sunken);padding:6px;display:flex}.level-meter-bar{width:10px;height:var(--meter-hauteur);background-image:linear-gradient(to top, color-mix(in srgb, var(--border) 50%, var(--bg) 50%) 0%, color-mix(in srgb, var(--border) 50%, var(--bg) 50%) 85.71%, color-mix(in srgb, var(--warning) 14%, var(--bg) 86%) 85.71%, color-mix(in srgb, var(--warning) 14%, var(--bg) 86%) 95.24%, color-mix(in srgb, var(--error) 14%, var(--bg) 86%) 95.24%);border-radius:2px;position:relative;overflow:hidden}.level-meter--gr .level-meter-bar{background-image:linear-gradient(to top, color-mix(in srgb, var(--border) 50%, var(--bg) 50%), color-mix(in srgb, var(--border) 50%, var(--bg) 50%));width:14px}.level-meter-fill{left:0;right:0;top:var(--meter-vide);height:var(--meter-remplissage);background-image:linear-gradient(to top, var(--primary) 0%, var(--primary) 85.71%, var(--warning) 85.71%, var(--warning) 95.24%, var(--error) 95.24%);background-size:100% var(--meter-hauteur);background-position:bottom;background-repeat:no-repeat;position:absolute}.level-meter--gr .level-meter-fill{height:var(--meter-remplissage);background-image:linear-gradient(var(--primary), var(--primary));background-position:top;background-size:100% 100%;top:0}.level-meter-peak{left:0;right:0;top:var(--meter-crete);height:2px;position:absolute}.level-meter-peak--nominal{background:var(--primary)}.level-meter-peak--warning{background:var(--warning)}.level-meter-peak--clip{background:var(--error)}.level-meter-grid{background-image:repeating-linear-gradient(to top, transparent 0px, transparent 3px, var(--surface-sunken) 3px, var(--surface-sunken) 4px);position:absolute;inset:0}.level-meter-value{color:var(--titles);white-space:nowrap;align-items:baseline;gap:3px;margin:0;font-size:12px;font-weight:500;display:flex}.level-meter-unit{color:var(--muted);font-size:10px}
.login-form{gap:var(--gap-md);flex-direction:column;width:100%;max-width:28rem;display:flex}.login-form-header{text-align:center;margin-bottom:var(--margin-sm)}.login-form-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--foreground);margin-bottom:var(--margin-sm)}.login-form-subtitle{font-size:var(--text-small);color:var(--muted)}.login-form-error{align-items:center;gap:var(--gap-sm);padding:var(--padding-md);background:color-mix(in srgb, var(--destructive) 12%, transparent);border:1px solid color-mix(in srgb, var(--destructive) 42%, transparent);color:var(--titles);border-radius:var(--radius-md);font-size:var(--text-small);display:flex}.login-form-error .icon{flex-shrink:0;width:1.25rem;height:1.25rem}.login-form-social{gap:var(--gap-sm);flex-direction:column;display:flex}.login-form-social-btn{justify-content:center;align-items:center;gap:var(--gap-sm);padding:var(--padding-md);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-small);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-colors);display:flex}.login-form-social-btn:hover:not(:disabled){background-color:var(--muted);border-color:var(--muted-foreground)}.login-form-social-btn:disabled{opacity:.5;cursor:not-allowed}.login-form-social-btn .icon{width:1.25rem;height:1.25rem}.login-form-divider{text-align:center;margin:var(--margin-md) 0;position:relative}.login-form-divider:before{content:"";background-color:var(--border);height:1px;position:absolute;top:50%;left:0;right:0}.login-form-divider span{padding:0 var(--padding-md);background-color:var(--bg);color:var(--muted);font-size:var(--text-tiny);text-transform:uppercase;letter-spacing:.05em;display:inline-block;position:relative}.login-form-fields{gap:var(--gap-md);flex-direction:column;display:flex}.login-form-field{gap:var(--gap-xs);flex-direction:column;display:flex}.login-form-label{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--foreground)}.login-form-label-row{justify-content:space-between;align-items:center;display:flex}.login-form-password{position:relative}.login-form-password input{padding-right:5rem}.login-form-password-toggle{right:var(--gap-sm);padding:var(--padding-xs);color:var(--muted);cursor:pointer;transition:var(--transition-colors);border-radius:var(--radius-sm);font-size:var(--text-small);background:0 0;border:none;position:absolute;top:50%;transform:translateY(-50%)}.login-form-password-toggle:hover:not(:disabled){color:var(--foreground);background-color:var(--muted)}.login-form-password-toggle:disabled{opacity:.5;cursor:not-allowed}.login-form-password-toggle .icon{width:1.25rem;height:1.25rem}.login-form-remember{align-items:center;display:flex}.login-form-checkbox{align-items:center;gap:var(--gap-sm);font-size:var(--text-small);color:var(--foreground);cursor:pointer;display:flex}.login-form-checkbox input[type=checkbox]{cursor:pointer;width:1rem;height:1rem}.login-form-before-submit{margin-bottom:var(--margin-md);justify-content:center;display:flex}.login-form-submit{justify-content:center;align-items:center;gap:var(--gap-sm);width:100%;display:flex}.login-form-submit .icon{width:1.25rem;height:1.25rem}.login-form-footer{text-align:center;font-size:var(--text-small);color:var(--muted)}.login-form-footer-text{margin-right:var(--margin-sm)}.login-form-link{color:var(--primary);font-size:var(--text-small);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-colors);background:0 0;border:none;text-decoration:none}.login-form-link:hover:not(:disabled){text-decoration:underline}.login-form-link:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}
.register-form{gap:var(--gap-md);flex-direction:column;width:100%;max-width:28rem;display:flex}.register-form-header{text-align:center;margin-bottom:var(--margin-sm)}.register-form-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--foreground);margin-bottom:var(--margin-sm)}.register-form-subtitle{font-size:var(--text-small);color:var(--muted)}.register-form-error{align-items:center;gap:var(--gap-sm);padding:var(--padding-md);background:color-mix(in srgb, var(--destructive) 12%, transparent);border:1px solid color-mix(in srgb, var(--destructive) 42%, transparent);color:var(--titles);border-radius:var(--radius-md);font-size:var(--text-small);display:flex}.register-form-error .icon{flex-shrink:0;width:1.25rem;height:1.25rem}.register-form-social{gap:var(--gap-sm);flex-direction:column;display:flex}.register-form-social-btn{justify-content:center;align-items:center;gap:var(--gap-sm);padding:var(--padding-md);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-small);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-colors);display:flex}.register-form-social-btn:hover:not(:disabled){background-color:var(--muted);border-color:var(--muted-foreground)}.register-form-social-btn:disabled{opacity:.5;cursor:not-allowed}.register-form-social-btn .icon{width:1.25rem;height:1.25rem}.register-form-divider{text-align:center;margin:var(--margin-md) 0;position:relative}.register-form-divider:before{content:"";background-color:var(--border);height:1px;position:absolute;top:50%;left:0;right:0}.register-form-divider span{padding:0 var(--padding-md);background-color:var(--bg);color:var(--muted);font-size:var(--text-tiny);text-transform:uppercase;letter-spacing:.05em;display:inline-block;position:relative}.register-form-fields{gap:var(--gap-md);flex-direction:column;display:flex}.register-form-field{gap:var(--gap-xs);flex-direction:column;display:flex}.register-form-label{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--foreground)}.register-form-field-error{font-size:var(--text-tiny);color:var(--error)}.register-form-password{position:relative}.register-form-password input{padding-right:5rem}.register-form-password-toggle{right:var(--gap-sm);padding:var(--padding-xs);color:var(--muted);cursor:pointer;transition:var(--transition-colors);border-radius:var(--radius-sm);font-size:var(--text-small);background:0 0;border:none;position:absolute;top:50%;transform:translateY(-50%)}.register-form-password-toggle:hover:not(:disabled){color:var(--foreground);background-color:var(--muted)}.register-form-password-toggle:disabled{opacity:.5;cursor:not-allowed}.register-form-password-toggle .icon{width:1.25rem;height:1.25rem}.register-form-password-strength{align-items:center;gap:var(--gap-sm);margin-top:var(--margin-sm);display:flex}.register-form-password-strength-bar{background-color:var(--muted);border-radius:var(--radius-full);flex:1;height:.25rem;overflow:hidden}.register-form-password-strength-fill{border-radius:var(--radius-full);height:100%;transition:width .3s,background-color .3s}.register-form-password-strength-fill--weak{background-color:var(--error)}.register-form-password-strength-fill--medium{background-color:var(--warning)}.register-form-password-strength-fill--strong{background-color:var(--success)}.register-form-password-strength-text{font-size:var(--text-tiny);font-weight:var(--font-medium);color:var(--muted);min-width:3rem}.register-form-terms{align-items:flex-start;display:flex}.register-form-checkbox{align-items:flex-start;gap:var(--gap-sm);font-size:var(--text-tiny);color:var(--muted);cursor:pointer;line-height:1.5;display:flex}.register-form-checkbox input[type=checkbox]{width:1rem;height:1rem;margin-top:var(--margin-sm);cursor:pointer;flex-shrink:0}.register-form-before-submit{margin-bottom:var(--margin-md);justify-content:center;display:flex}.register-form-submit{justify-content:center;align-items:center;gap:var(--gap-sm);width:100%;display:flex}.register-form-submit .icon{width:1.25rem;height:1.25rem}.register-form-footer{text-align:center;font-size:var(--text-small);color:var(--muted)}.register-form-footer-text{margin-right:var(--margin-sm)}.register-form-link{color:var(--primary);font-size:inherit;font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-colors);background:0 0;border:none;text-decoration:none}.register-form-link:hover:not(:disabled){text-decoration:underline}.register-form-link:disabled{opacity:.5;cursor:not-allowed}
.auth-split{background:var(--bg);min-height:100vh;color:var(--text);grid-template-columns:46% 1fr;display:grid}.auth-split__brand{justify-content:space-between;gap:var(--gap-xl);padding:var(--padding-section-lg);background:var(--surface);border-right:1px solid var(--border-soft);flex-direction:column;display:flex;position:relative;overflow:hidden}.auth-split__brand-logo{align-self:flex-start}.auth-split__brand-body{flex-direction:column;max-width:26rem;display:flex}.auth-split__brand-eyebrow{margin-bottom:var(--margin-md);color:var(--primary)}.auth-split__brand-title{font-size:var(--text-h1);font-weight:var(--font-extrabold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--titles);margin:0 0 var(--margin-lg) 0}.auth-split__benefits{gap:var(--gap-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.auth-split__benefit{align-items:center;gap:var(--gap-sm);font-size:var(--text-body);color:var(--text);display:flex}.auth-split__benefit-check{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--primary) 16%, transparent);width:1.375rem;height:1.375rem;color:var(--primary);font-size:var(--text-tiny);font-weight:var(--font-extrabold);flex:none;justify-content:center;align-items:center;display:flex}.auth-split__brand-footer{color:var(--muted);position:relative}.auth-split__form{padding:var(--padding-section-md);justify-content:center;align-items:center;display:flex;overflow-y:auto}.auth-split__form-inner{width:100%;max-width:24.5rem}.auth-split__form-head{text-align:center;margin-bottom:var(--margin-lg)}.auth-split__form-title{font-size:var(--text-h3);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);color:var(--titles);margin:0 0 var(--margin-sm) 0}.auth-split__form-subtitle{font-size:var(--text-body-sm);color:var(--muted);margin:0}.auth-split__social{margin-bottom:var(--margin-md)}.auth-split__divider{text-align:center;margin:var(--margin-md) 0;position:relative}.auth-split__divider:before{content:"";background:var(--border);height:1px;position:absolute;top:50%;left:0;right:0}.auth-split__divider span{padding:0 var(--padding-md);background:var(--bg);color:var(--muted);font-size:var(--text-tiny);text-transform:uppercase;letter-spacing:var(--tracking-wide);display:inline-block;position:relative}@media (max-width:880px){.auth-split{grid-template-columns:1fr}.auth-split__brand{border-right:none;border-bottom:1px solid var(--border-soft);padding:var(--padding-section-md)}.auth-split__brand-title{font-size:var(--text-h3);margin-bottom:var(--margin-md)}}@media (max-width:560px){.auth-split__benefits{display:none}.auth-split__form{padding:var(--padding-section-sm)}}
.otp-input{gap:var(--gap-sm);justify-content:center;display:flex}.otp-input-digit{width:3rem;height:3.5rem;font-size:var(--text-h4);font-weight:var(--font-semibold);text-align:center;background-color:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);transition:var(--transition-all);outline:none}.otp-input-digit:focus{border-color:var(--primary);box-shadow:var(--focus-ring)}.otp-input-digit:disabled{opacity:.5;cursor:not-allowed;background-color:var(--muted)}.otp-input-digit--filled{border-color:var(--primary);background-color:color-mix(in srgb, var(--primary) 12%, transparent)}.otp-input-digit--error{border-color:var(--error);background-color:color-mix(in srgb, var(--error) 12%, transparent)}.otp-input-digit--error:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--error) 12%, transparent)}@media (max-width:640px){.otp-input-digit{width:2.5rem;height:3rem;font-size:var(--text-h5)}.otp-input{gap:var(--gap-xs)}}@keyframes otp-fill{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}.otp-input-digit--filled{animation:.2s otp-fill}
.password-strength{gap:var(--gap-sm);margin-top:var(--margin-sm);flex-direction:column;display:flex}.password-strength-indicator{align-items:center;gap:var(--gap-md);display:flex}.password-strength-bars{gap:var(--gap-xs);background:var(--bg);border-radius:var(--radius-full);height:.5rem;padding:var(--padding-xs);flex:1;display:flex;overflow:hidden}.password-strength-bar{border-radius:var(--radius-full);transform-origin:0;background-color:#0000;flex:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.password-strength-bar--weak{background-color:var(--error);box-shadow:0 0 6px color-mix(in srgb, var(--error) 40%, transparent)}.password-strength-bar--medium{background-color:var(--warning);box-shadow:0 0 6px color-mix(in srgb, var(--warning) 40%, transparent)}.password-strength-bar--strong{background-color:var(--success);box-shadow:0 0 6px color-mix(in srgb, var(--success) 40%, transparent)}.password-strength-bar--very-strong{background:linear-gradient(90deg, var(--success), color-mix(in srgb, var(--success) 80%, white));box-shadow:0 0 10px color-mix(in srgb, var(--success) 50%, transparent)}.password-strength-label{font-size:var(--text-tiny);font-weight:var(--font-bold);text-align:right;text-transform:uppercase;min-width:5rem;letter-spacing:var(--tracking-wide);transition:color .3s}.password-strength-label--weak{color:var(--error)}.password-strength-label--medium{color:var(--warning)}.password-strength-label--strong{color:var(--success)}.password-strength-label--very-strong{color:var(--success);text-shadow:0 0 8px color-mix(in srgb, var(--success) 30%, transparent)}.password-strength-requirements{padding:var(--padding-md);background:linear-gradient(135deg, var(--surface) 0%, color-mix(in srgb, var(--surface) 95%, var(--primary)) 100%);border:1px solid color-mix(in srgb, var(--border) 80%, var(--primary));border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.password-strength-requirements-title{font-size:var(--text-small);font-weight:var(--font-bold);color:var(--titles);margin-bottom:var(--margin-md);letter-spacing:var(--tracking-wide)}.password-strength-requirements-list{gap:var(--gap-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.password-strength-requirement{align-items:center;gap:var(--gap-sm);font-size:var(--text-small);color:var(--muted);padding:var(--padding-xs) 0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.password-strength-requirement .icon{opacity:.5;flex-shrink:0;width:1.125rem;height:1.125rem;transition:all .3s}.password-strength-requirement--met{color:var(--success);font-weight:var(--font-medium)}.password-strength-requirement--met .icon{color:var(--success);opacity:1;transform:scale(1.1)}@keyframes strength-pulse{0%,to{opacity:1}50%{opacity:.7}}.password-strength-bar--very-strong{animation:2s ease-in-out infinite strength-pulse}
.two-factor-auth{gap:var(--gap-lg);flex-direction:column;width:100%;max-width:28rem;display:flex}.two-factor-auth-header{text-align:center}.two-factor-auth-icon{width:4rem;height:4rem;margin-bottom:var(--margin-md);background-color:color-mix(in srgb, var(--primary) 12%, transparent);border-radius:var(--radius-full);color:var(--primary);justify-content:center;align-items:center;display:inline-flex}.two-factor-auth-icon .icon{width:2rem;height:2rem}.two-factor-auth-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--foreground);margin-bottom:var(--margin-sm)}.two-factor-auth-description{font-size:var(--text-small);color:var(--muted)}.two-factor-auth-error{align-items:center;gap:var(--gap-sm);padding:var(--padding-md);background:color-mix(in srgb, var(--destructive) 12%, transparent);border:1px solid color-mix(in srgb, var(--destructive) 42%, transparent);color:var(--titles);border-radius:var(--radius-md);font-size:var(--text-small);display:flex}.two-factor-auth-error .icon{flex-shrink:0;width:1.25rem;height:1.25rem}.two-factor-auth-input{padding:var(--padding-md) 0;justify-content:center;display:flex}.two-factor-auth-resend{text-align:center}.two-factor-auth-resend-timer{font-size:var(--text-small);color:var(--muted)}.two-factor-auth-resend-btn{color:var(--primary);font-size:var(--text-small);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-colors);background:0 0;border:none;text-decoration:none}.two-factor-auth-resend-btn:hover:not(:disabled){text-decoration:underline}.two-factor-auth-resend-btn:disabled{opacity:.5;cursor:not-allowed}.two-factor-auth-methods{padding-top:var(--padding-md);border-top:1px solid var(--border)}.two-factor-auth-methods-title{font-size:var(--text-tiny);font-weight:var(--font-medium);color:var(--muted);text-align:center;margin-bottom:var(--margin-sm)}.two-factor-auth-methods-list{gap:var(--gap-sm);justify-content:center;display:flex}.two-factor-auth-method-btn{align-items:center;gap:var(--gap-xs);padding:var(--padding-sm) var(--padding-md);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-tiny);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-colors);display:flex}.two-factor-auth-method-btn:hover:not(:disabled){background-color:var(--muted);border-color:var(--primary)}.two-factor-auth-method-btn:disabled{opacity:.5;cursor:not-allowed}.two-factor-auth-method-btn .icon{width:1rem;height:1rem}.two-factor-auth-loading{justify-content:center;align-items:center;gap:var(--gap-sm);padding:var(--padding-md);color:var(--muted);font-size:var(--text-small);display:flex}.two-factor-auth-loading .icon{width:1.25rem;height:1.25rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}
.auth-container{z-index:10;min-height:100vh;padding:var(--padding-xl);justify-content:center;align-items:center;display:flex;position:relative}.auth-container--inset{min-height:78vh}.auth-card{width:100%;max-width:var(--width-md)}
.auth-card-header{text-align:center;margin-bottom:var(--margin-lg)}.auth-card-header-logo{margin-bottom:var(--margin-md);justify-content:center;align-items:center;display:flex}.auth-card-header-heading{margin-bottom:var(--margin-sm);font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--text)}.auth-card-header-subtitle{font-size:var(--text-body);color:var(--muted)}
.oauth-divider{align-items:center;gap:var(--gap-sm);color:var(--muted);display:flex}.oauth-divider:before,.oauth-divider:after{content:"";background:var(--border-soft);flex:1;height:1px}.oauth-divider__label{font-size:var(--text-small);color:var(--muted);white-space:nowrap}
.oauth-btn{justify-content:center;align-items:center;gap:var(--gap-sm);width:100%;padding:var(--padding-sm) var(--padding-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-body);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-colors);font-family:inherit;display:flex}.oauth-btn:hover:not(:disabled){background:var(--surface-raised);border-color:color-mix(in srgb, var(--primary) 30%, var(--border))}.oauth-btn:disabled{cursor:not-allowed}.oauth-btn--loading{opacity:.8;cursor:wait}.oauth-btn__icon{flex-shrink:0;width:1.25rem;height:1.25rem}
.auth-success{z-index:10;min-height:100vh;padding:var(--padding-xl);justify-content:center;align-items:center;display:flex;position:relative}.auth-success__card{width:100%;max-width:var(--width-md);text-align:center}.auth-success__icon{margin-bottom:var(--margin-md)}.auth-success__title{margin-bottom:var(--margin-md);font-size:var(--text-h2);font-weight:var(--font-bold);color:var(--titles)}.auth-success__body{margin-bottom:var(--margin-lg);color:var(--muted)}.auth-success__action{justify-content:center;display:flex}
.cookie-banner{background:var(--surface);border-top:1px solid var(--border);z-index:9999;padding:var(--padding-lg);animation:.3s ease-out slideUp;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000001a}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-banner-content{max-width:1200px;margin:0 auto}.cookie-banner-text{margin-bottom:var(--margin-md)}.cookie-banner-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--text);margin:0 0 var(--margin-sm)}.cookie-banner-description{font-size:var(--text-body-sm);color:var(--muted);margin:0;line-height:1.5}.cookie-banner-link{color:var(--primary);cursor:pointer;font-size:var(--text-body-sm);margin-left:var(--margin-sm);background:0 0;border:none;padding:0;text-decoration:underline}.cookie-banner-link:hover{text-decoration:none}.cookie-preferences{margin:var(--margin-md) 0;padding:var(--padding-md);background:var(--bg);border-radius:var(--radius-md);gap:.75rem;display:grid}.cookie-preference-item{align-items:flex-start;display:flex}.cookie-preference-label{cursor:pointer;align-items:flex-start;gap:.75rem;width:100%;display:flex}.cookie-preference-checkbox{cursor:pointer;margin-top:2px}.cookie-preference-checkbox:disabled{cursor:not-allowed;opacity:.5}.cookie-preference-description{font-size:var(--text-body-sm);color:var(--muted);margin:var(--margin-sm) 0 0}.cookie-banner-actions{flex-wrap:wrap;gap:.75rem;display:flex}.cookie-btn{padding:.75rem var(--padding-lg);border-radius:var(--radius-md);font-size:var(--text-body-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all);border:none}.cookie-btn-primary{background:var(--primary);color:var(--bg)}.cookie-btn-primary:hover{opacity:.9}.cookie-btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.cookie-btn-secondary:hover{background:var(--bg)}.cookie-btn-ghost{color:var(--muted);background:0 0}.cookie-btn-ghost:hover{color:var(--text)}@media (max-width:768px){.cookie-banner{padding:var(--padding-md)}.cookie-banner-actions{flex-direction:column}.cookie-btn{width:100%}}
.audio-drop-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:var(--padding-section-md);text-align:center;cursor:pointer;transition:all var(--transition-all);background-color:var(--surface-sunken);position:relative}.audio-drop-zone:hover{border-color:var(--primary);background-color:var(--surface)}.audio-drop-zone-input{opacity:0;cursor:pointer;position:absolute;inset:0}.audio-drop-zone:focus-within{outline:2px solid var(--ring);outline-offset:2px}.audio-drop-zone-icon{width:4rem;height:4rem;margin-bottom:var(--margin-md);color:var(--primary);justify-content:center;align-items:center;display:inline-flex}.audio-drop-zone-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-sm)}.audio-drop-zone-subtitle{font-size:var(--text-body);color:var(--text);margin-bottom:var(--margin-sm)}.audio-drop-zone-formats{font-size:var(--text-small);color:var(--muted)}
.audio-analyzing{text-align:center;padding:var(--padding-section-md)}.audio-analyzing-spinner{width:3rem;height:3rem;margin:0 auto var(--margin-md);border:3px solid var(--border);border-top-color:var(--primary);border-radius:var(--radius-full);animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.audio-analyzing-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-sm)}.audio-analyzing-subtitle{font-size:var(--text-body);color:var(--text);margin-bottom:var(--margin-md);word-break:break-word}.audio-analyzing-progress{background-color:var(--border);border-radius:var(--radius-full);width:100%;max-width:24rem;height:.5rem;margin:0 auto var(--margin-sm);overflow:hidden}.audio-analyzing-progress-bar{background-color:var(--primary);height:100%;transition:width var(--transition-all)}.audio-analyzing-percent{font-size:var(--text-small);color:var(--muted)}
.metric-card{border-radius:var(--radius-md);padding:var(--padding-lg);text-align:center;gap:var(--gap-xs)}.metric-card-label{font-size:var(--text-small);color:var(--muted);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.metric-card-value{font-size:var(--text-h3);font-weight:var(--font-bold);color:var(--primary);line-height:1}.metric-card-unit{font-size:var(--text-body);color:var(--muted);font-weight:var(--font-medium)}.metric-card-hint{font-size:var(--text-small);color:var(--muted);line-height:var(--leading-snug)}
.tool-error{text-align:center;align-items:center;gap:var(--gap-sm);flex-direction:column;display:flex}.tool-error__icon{width:3rem;height:3rem;margin-bottom:var(--gap-sm);border-radius:var(--radius-md);background:color-mix(in srgb, var(--error) 12%, transparent);color:var(--error);justify-content:center;align-items:center;display:inline-flex}.tool-error__title{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles)}.tool-error__sub{max-width:24rem;margin-bottom:var(--gap-xs);font-size:var(--text-small);color:var(--muted);overflow-wrap:anywhere}
.tool-layout{--tool-layout-sticky-top:calc(4.75rem + var(--gap-lg));gap:var(--gap-lg);grid-template-columns:minmax(0,1fr);width:100%;display:grid}.tool-layout__settings,.tool-layout__result{gap:var(--gap-lg);flex-direction:column;min-width:0;display:flex}@media (min-width:900px){.tool-layout--split{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start}.tool-layout--split>.tool-layout__result{top:var(--tool-layout-sticky-top);position:sticky}}