.hero-products{aspect-ratio:1;width:100%;max-width:34rem;margin-inline:auto;position:relative}.hero-products__glow{z-index:0;pointer-events:none;background:radial-gradient(52% 52% at 55% 45%, color-mix(in srgb, var(--primary) 13%, transparent), transparent 70%);filter:blur(32px);position:absolute;inset:6% 4% 10%}.hero-product{position:absolute}.hero-product--hoodie{z-index:1;width:62%;top:6%;left:30%}.hero-product--tshirt{z-index:3;width:46%;animation:5s ease-in-out infinite hero-preview-float;top:40%;left:18%}.hero-product--casquette{z-index:2;width:38%;animation:6s ease-in-out .6s infinite hero-preview-float;top:12%;left:2%}@media (prefers-reduced-motion:reduce){.hero-product--tshirt,.hero-product--casquette{animation:none}}.hero-product__img{width:100%;height:auto;filter:drop-shadow(0 24px 40px color-mix(in srgb, var(--bg) 80%, transparent));display:block}.hero-product-chip--tr{z-index:4;gap:var(--gap-xs);white-space:nowrap;box-shadow:var(--shadow-lg);animation:6s ease-in-out infinite hero-preview-float;position:absolute;top:12%;right:4%}@media (prefers-reduced-motion:reduce){.hero-product-chip--tr{animation:none}}.hero-products__delivery{z-index:4;align-items:center;gap:var(--gap-sm);padding:var(--padding-xs) var(--padding-md) var(--padding-xs) var(--padding-xs);box-shadow:var(--shadow-xl);flex-direction:row;animation:5s ease-in-out .4s infinite hero-preview-float;display:inline-flex;position:absolute;bottom:18%;left:6%}.hero-products__delivery-icon{border-radius:var(--radius-md);background:var(--primary);width:2.25rem;height:2.25rem;color:var(--on-primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hero-products__delivery-label{font-size:var(--text-body-sm);color:var(--titles);white-space:nowrap;font-weight:700}@media (prefers-reduced-motion:reduce){.hero-products__delivery{animation:none}}
.produits-toolbar{justify-content:space-between;align-items:center;gap:1rem;margin:1.5rem 0 .5rem;display:flex}.produits-toolbar-count{color:var(--muted);font-size:.85rem}.catalog-sort{color:var(--muted);align-items:center;gap:.5rem;font-size:.85rem;display:inline-flex}.produits-sort-hint{color:var(--muted);opacity:.8;margin:0 0 .5rem;font-size:.78rem}.produits-layout{grid-template-columns:260px 1fr;align-items:start;gap:2rem;display:grid}@media (max-width:860px){.produits-layout{grid-template-columns:1fr}}.product-filters{border:1px solid var(--border-soft);background:var(--surface-sunken);border-radius:14px;flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex;position:sticky;top:96px}@media (max-width:860px){.product-filters{position:static}}.product-filters-header{justify-content:space-between;align-items:baseline;display:flex}.product-filters-title{margin:0;font-size:1.1rem}.product-filters-count{opacity:.6;font-size:.8rem}.catalog-search{flex:260px;max-width:420px}.produits-toolbar-end{align-items:center;gap:1rem;display:inline-flex}@media (max-width:640px){.produits-toolbar{flex-wrap:wrap}.catalog-search{max-width:none}}.product-filters-mobile-trigger{display:none}@media (max-width:860px){.product-filters--desktop{display:none}.product-filters-mobile-trigger{border:1px solid var(--border);border-radius:var(--radius-md,10px);background:var(--surface);width:100%;color:var(--foreground);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;font-weight:600;display:flex}.product-filters-mobile-count{color:var(--muted);font-size:.85rem;font-weight:400}}.product-filters-drawer{flex-direction:column;gap:1.25rem;display:flex}.product-filters-drawer-apply{width:100%;margin-top:.5rem}nav.product-breadcrumbs{justify-content:flex-start}nav.product-breadcrumbs [aria-current=page]{color:var(--primary)}
.cart-continue{text-align:center;color:var(--muted);font-size:.9rem;text-decoration:none}.cart-continue:hover{color:var(--primary)}.cart-confirm-text{color:var(--muted);margin:0 0 1.25rem}.cart-confirm-actions{justify-content:flex-end;gap:.75rem;display:flex}.cart-page{padding-top:3.5rem}
.creations{max-width:1080px;margin:0 auto;padding:6rem 1.5rem 4rem}.creations-head{margin-bottom:2rem}.creations-head h1{color:var(--titles);margin:0 0 .35rem}.creations-sub{color:var(--muted);margin:0}.creations-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.creation-card{gap:0;padding:0}.creation-thumb{aspect-ratio:1;background:var(--bg)}.creation-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.creation-thumb-empty{background:var(--bg);width:100%;height:100%}.creation-body{padding:.9rem 1rem .25rem}.creation-name{color:var(--titles);margin:0;font-size:.98rem}.creation-variant{color:var(--muted);margin:.2rem 0 0;font-size:.85rem}.creation-price{color:var(--foreground);margin:.5rem 0 0;font-weight:600}.creation-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:auto;padding:.9rem 1rem 1.1rem;display:flex}.creation-delete{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:.35rem .25rem;font-size:.82rem}.creation-delete:hover:not(:disabled){color:var(--destructive)}.creation-delete:disabled{opacity:.5;cursor:default}.creation-gamme{grid-column:1/-1}.creation-gamme-head{align-items:center;gap:1rem;padding:1rem 1rem .25rem;display:flex}.creation-gamme-fan{flex:none;width:96px;height:96px;position:relative}.creation-gamme-fan-item{border-radius:var(--radius-md,10px);border:2px solid var(--surface);background:var(--bg);width:64px;height:64px;box-shadow:var(--shadow-card);position:absolute;top:50%;left:50%;overflow:hidden}.creation-gamme-fan-item:first-child{transform:translate(-70%,-55%)rotate(-7deg)}.creation-gamme-fan-item:nth-child(2){transform:translate(-50%,-50%)rotate(0)}.creation-gamme-fan-item:nth-child(3){transform:translate(-30%,-45%)rotate(7deg)}.creation-gamme-fan-item img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.creation-gamme-info{min-width:0}.creation-gamme-badge{background:var(--primary);color:var(--on-primary);letter-spacing:.02em;text-transform:uppercase;border-radius:999px;margin-bottom:.3rem;padding:.15rem .55rem;font-size:.72rem;font-weight:600;display:inline-block}.creation-gamme-info .creation-variant{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.creation-gamme-members{border-top:1px solid var(--border);margin-top:.25rem;padding:.25rem 1rem 1.1rem}.creation-gamme-toggle:hover:not(:disabled){color:var(--foreground)}
.checkout{max-width:1080px;margin:0 auto;padding:6rem 1.5rem 4rem}.checkout-title{color:var(--titles);margin:0 0 2rem}.checkout-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:2rem;display:grid}@media (max-width:900px){.checkout-layout{grid-template-columns:1fr}}.checkout-section-title{color:var(--titles);margin:0 0 1rem;font-size:1.05rem}.checkout-addresses{flex-direction:column;gap:.75rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.checkout-address{cursor:pointer;flex-direction:row;align-items:flex-start;gap:.75rem}.checkout-address-body{flex-direction:column;gap:.2rem;min-width:0;display:flex}.checkout-address-name{color:var(--foreground);align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.checkout-address-badge{text-transform:uppercase;letter-spacing:.03em;color:var(--primary);border:1px solid var(--primary);border-radius:999px;padding:.05rem .45rem;font-size:.7rem}.checkout-address-lines{color:var(--muted);font-size:.88rem}.checkout-address-item{flex-direction:column;gap:.4rem;display:flex}.checkout-address-actions{flex-wrap:wrap;gap:.9rem;padding-left:.25rem;display:flex}.checkout-address-action{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.1rem 0;font-size:.82rem}.checkout-address-action:hover:not(:disabled){color:var(--foreground)}.checkout-address-action--danger:hover:not(:disabled){color:var(--destructive)}.checkout-address-action:disabled{opacity:.5;cursor:default}.checkout-form-title{color:var(--titles);margin:0;font-size:.98rem}.checkout-add-address{border:1px dashed var(--border);border-radius:var(--radius-md,10px);width:100%;color:var(--muted);cursor:pointer;background:0 0;padding:.85rem 1rem;font-size:.9rem}.checkout-add-address:hover{color:var(--primary);border-color:var(--primary)}.checkout-form{border:1px solid var(--border);border-radius:var(--radius-lg,14px);background:var(--surface);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.checkout-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:560px){.checkout-form-row{grid-template-columns:1fr}}.checkout-form-actions{justify-content:flex-end;gap:.75rem;display:flex}.checkout-summary{position:sticky;top:6rem}.checkout-items{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.checkout-item{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.checkout-item-media img,.checkout-item-media--empty{-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-md,8px);background:var(--bg);width:56px;height:70px;display:block}.checkout-item-body{flex-direction:column;gap:.1rem;min-width:0;display:flex}.checkout-item-name{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.checkout-item-variant{color:var(--muted);font-size:.8rem}.checkout-item-price{color:var(--foreground);font-size:.85rem}.checkout-totals{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:.5rem;margin:0;padding:1rem 0;display:flex}.checkout-totals>div{color:var(--muted);justify-content:space-between;font-size:.9rem;display:flex}.checkout-totals dt,.checkout-totals dd{margin:0}.checkout-total{font-weight:700;color:var(--foreground)!important;font-size:1.05rem!important}.checkout-error{color:var(--destructive);margin:0;font-size:.85rem}.checkout-hint,.checkout-note{color:var(--muted);margin:0;font-size:.8rem}
.order-confirm{text-align:center;max-width:620px;margin:0 auto}.order-confirm-badge{background:var(--primary);width:64px;height:64px;color:var(--on-primary);border-radius:999px;place-items:center;margin:0 auto 1rem;font-size:2rem;display:grid}.order-confirm-title{color:var(--titles);margin:0 0 .4rem}.order-confirm-sub{color:var(--muted);margin:0 0 1.75rem}.order-lines{text-align:left;gap:0;margin:0 0 1rem;padding:0;list-style:none}.order-line{align-items:center;gap:.9rem;padding:.85rem 1rem;display:flex}.order-line+.order-line{border-top:1px solid var(--border)}.order-line-thumb{border-radius:var(--radius-md,10px);background:var(--bg);flex:none;width:44px;height:44px;overflow:hidden}.order-line-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.order-line-body{flex-direction:column;flex:1;min-width:0;display:flex}.order-line-name{color:var(--foreground);font-weight:600}.order-line-meta{color:var(--muted);font-size:.85rem}.order-line-price{color:var(--foreground);font-weight:600}.order-confirm-total{color:var(--foreground);justify-content:space-between;align-items:baseline;padding:.5rem .25rem 1.5rem;font-size:1.1rem;display:flex}.order-confirm-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.orders-list{flex-direction:column;gap:.75rem;margin:2rem 0 0;padding:0;list-style:none;display:flex}.order-row{flex-direction:row;align-items:center;gap:1rem;text-decoration:none;transition:border-color .15s}.order-row:hover{border-color:var(--primary)}.order-row-main{flex-direction:column;flex:1;min-width:0;display:flex}.order-row-number{color:var(--titles);font-weight:600}.order-row-date{color:var(--muted);font-size:.85rem}.order-row-status{flex-direction:column;align-items:flex-end;gap:.2rem;display:flex}.order-badge{text-transform:uppercase;letter-spacing:.02em;border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:600}.order-badge--paid{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.order-badge--failed{color:var(--destructive);border-color:var(--destructive)}.order-row-fulfil{color:var(--muted);font-size:.8rem}.order-row-total{color:var(--foreground);white-space:nowrap;font-weight:600}@media (max-width:560px){.order-row{flex-wrap:wrap}.order-row-status{align-items:flex-start}}
.admin-curation{max-width:980px;margin:0 auto;padding:2.5rem 1.5rem}.admin-curation__title{margin-bottom:.25rem}.admin-curation__intro{color:var(--muted);margin-top:0}.admin-curation__note{color:var(--muted);font-size:.82rem}.admin-curation__table{border-collapse:collapse;width:100%;margin-top:var(--gap-md)}.admin-curation__table th,.admin-curation__table td{vertical-align:top;text-align:left;padding:.5rem .6rem}.admin-curation__table thead th{color:var(--muted);font-size:.82rem;font-weight:500}.admin-curation__row{border-top:1px solid var(--border)}.admin-curation__meta{color:var(--muted);margin-top:.15rem;font-size:.82rem}.admin-curation__form{gap:.5rem;display:grid}.admin-curation__form .btn{justify-self:start}.admin-curation__check{align-items:center;gap:.4rem;display:flex}.admin-curation__markup{width:88px;padding:.2rem .4rem}.admin-curation__zones{border:1px solid var(--border);border-radius:var(--radius-md);padding:.4rem .6rem}.admin-curation__zones legend{color:var(--muted);font-size:.8rem}.admin-curation__zone{gap:.3rem;margin-right:.8rem;display:inline-flex}.admin-curation__margin{color:var(--success)}
.facet-filters{flex-direction:column;gap:1.25rem;display:flex}.facet-filters-active{gap:var(--gap-sm);flex-wrap:wrap;align-items:center;display:flex}.facet-filters-chip{align-items:center;gap:.35rem;display:inline-flex}.facet-filters-chip-remove{color:inherit;cursor:pointer;font-size:var(--text-body);background:0 0;border:none;padding:0;line-height:1}.facet-filters-group{border:none;border-top:1px solid var(--border);padding:var(--padding-md) 0 0;margin:0}.facet-filters-group:first-of-type{border-top:none;padding-top:0}.facet-filters-group-title{font-size:var(--text-body-sm);opacity:.8;margin-bottom:.6rem;padding:0;font-weight:600}.facet-filters-options{gap:var(--gap-sm);flex-direction:column;display:flex}.facet-filters-option{font-size:var(--text-body-sm)}
.faceted-search{gap:var(--gap-xl);flex-direction:column;display:flex}.faceted-search-header{padding-bottom:var(--padding-md);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.faceted-search-title{font-size:var(--text-body);color:var(--foreground);font-weight:600}.faceted-search-clear{font-size:var(--text-body-sm);color:var(--primary);cursor:pointer;background:0 0;border:none;text-decoration:underline}.faceted-search-clear:hover{opacity:.8}.faceted-search-facet{gap:var(--gap-md);flex-direction:column;display:flex}.faceted-search-facet-title{font-size:var(--text-body-sm);color:var(--foreground);margin-bottom:var(--margin-sm);font-weight:600}.faceted-search-facet-options{gap:var(--gap-sm);flex-direction:column;display:flex}.faceted-search-option{align-items:center;gap:var(--gap-sm);cursor:pointer;display:flex}.faceted-search-option-checkbox{flex-shrink:0}.faceted-search-option-label{font-size:var(--text-body-sm);color:var(--foreground);cursor:pointer;flex:1}.faceted-search-option-count{font-size:var(--text-tiny);color:var(--muted-foreground)}.faceted-search-range{gap:var(--gap-md);flex-direction:column;display:flex}.faceted-search-range-slider{background-color:var(--muted);border-radius:var(--radius-full);width:100%;height:4px;position:relative}.faceted-search-range-track{background-color:var(--primary);border-radius:var(--radius-full);height:100%;position:absolute}.faceted-search-range-values{justify-content:space-between;align-items:center;gap:var(--gap-sm);display:flex}.faceted-search-range-input{padding:var(--padding-sm);border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--bg);color:var(--foreground);font-size:var(--text-body-sm);text-align:center;flex:1}.faceted-search-active{gap:var(--gap-sm);padding:var(--padding-md);background-color:var(--muted);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.faceted-search-active-filter{align-items:center;gap:var(--gap-xs);padding:var(--padding-xs) var(--padding-sm);background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-tiny);color:var(--foreground);display:inline-flex}.faceted-search-active-filter-remove{cursor:pointer;color:var(--muted-foreground);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.faceted-search-active-filter-remove:hover{color:var(--destructive)}
.mega-menu{position:relative}.mega-menu-trigger{align-items:center;gap:var(--gap-xs);color:var(--titles);cursor:pointer;font-size:var(--text-body);font-weight:var(--font-semibold);transition:color var(--transition-all);background:0 0;border:none;padding:0;text-decoration:none;display:flex}.mega-menu-trigger:hover,.mega-menu-trigger--active{color:var(--primary)}.mega-menu-panel{width:100%;margin-top:var(--margin-sm);background-color:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-xl);z-index:50;padding:var(--padding-md) 5%;position:fixed;top:4rem;left:0;right:0}.mega-menu-content{gap:var(--gap-md);grid-template-columns:2fr 1fr;display:grid}.mega-menu-sections{gap:var(--gap-md);grid-template-columns:repeat(2,1fr);display:grid}.mega-menu-section{gap:var(--gap-md);flex-direction:column;display:flex}.mega-menu-section-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--primary)}.mega-menu-links{gap:var(--gap-sm);flex-direction:column;display:flex}.mega-menu-link{align-items:center;gap:var(--gap-sm);padding:var(--padding-sm);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-small);transition:all var(--transition-all);text-decoration:none;display:flex}.mega-menu-link:hover{color:var(--primary);background-color:#0000}.mega-menu-link:hover .mega-menu-link-title{color:var(--primary)}.mega-menu-link-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.mega-menu-link-content{flex:1}.mega-menu-link-title{font-weight:var(--font-medium);color:var(--titles)}.mega-menu-link-description{font-size:var(--text-tiny);color:var(--muted);line-height:var(--leading-tight)}.mega-menu-featured{gap:var(--gap-md);padding:var(--padding-md);background-color:var(--bg);border-radius:var(--radius-md);border:1px solid var(--border);flex-direction:column;display:flex}.mega-menu-featured-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--primary)}.mega-menu-featured-items{gap:var(--gap-sm);flex-direction:column;display:flex}.mega-menu-featured-item{gap:var(--gap-sm);padding:var(--padding-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-all);text-decoration:none;display:flex}.mega-menu-featured-item:hover{background-color:var(--surface)}.mega-menu-featured-image{-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;width:80px;height:60px}.mega-menu-featured-content{flex:1;min-width:0}.mega-menu-featured-item-title{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-sm);line-height:var(--leading-tight)}.mega-menu-featured-item-description{font-size:var(--text-tiny);color:var(--muted);line-height:var(--leading-tight);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:1024px){.mega-menu{display:none!important}}
.product-card{background:var(--surface);border-radius:var(--radius-md);transition:var(--transition-transform);border:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.product-card-title-link{color:inherit;outline:none;text-decoration:none}.product-card-title-link:after{content:"";position:absolute;inset:0}.product-card-title-link:focus-visible .product-card-title{outline:var(--border-width-thick) var(--border-style) var(--ring);outline-offset:2px;border-radius:var(--radius-sm)}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-card-image-wrapper{aspect-ratio:1;background:var(--surface);position:relative;overflow:hidden}.product-card-image-wrapper--widescreen{aspect-ratio:16/9}.product-card-skeleton-image{border-radius:0}.product-card-skeleton .product-card-content{gap:var(--gap-sm);flex-direction:column;display:flex}.product-card-badge{top:var(--gap-sm);right:var(--gap-sm);padding:var(--padding-xs) var(--padding-sm);background:var(--primary);color:var(--bg);font-size:var(--text-small);font-weight:var(--font-semibold);border-radius:var(--radius-xs);z-index:10;position:absolute}.product-card-overlay{top:var(--gap-sm);right:var(--gap-sm);z-index:10;position:absolute}.product-card-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:var(--transition-transform)}.product-card:hover .product-card-image{transform:scale(1.05)}.product-card-content{padding:var(--padding-md);gap:var(--gap-sm);flex-direction:column;display:flex}.product-card-title{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--titles);margin:0}.product-card-description{font-size:var(--text-body);color:var(--muted);margin:0;line-height:1.6}.product-card-pricing{align-items:center;gap:var(--gap-sm);display:flex}.product-card-price{font-size:var(--text-h4);font-weight:var(--font-bold);color:var(--primary)}.product-card-original-price{font-size:var(--text-body);color:var(--muted);text-decoration:line-through}.product-card-button{width:100%;margin-top:var(--margin-sm)}
.product-details{gap:var(--gap-xl);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;display:grid}@media (max-width:900px){.product-details{grid-template-columns:1fr}}.product-details-media{position:sticky;top:96px}@media (max-width:900px){.product-details-media{position:static}}.product-details-media .media-gallery-main{border:1px solid var(--border);background:#fff}.product-details-media .media-gallery-main-image{-o-object-fit:contain;object-fit:contain;padding:var(--padding-md)}.product-details-panel{gap:var(--gap-lg);flex-direction:column;display:flex}.product-details-eyebrow{font-size:var(--text-body-sm);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.product-details-title{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--titles,var(--foreground));margin:0;line-height:1.2}.product-details-meta{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;display:flex}.product-details-meta .badge{padding:var(--padding-xs) .7rem;border:1px solid var(--border);color:var(--muted);font-size:var(--text-tiny);letter-spacing:.01em;background:0 0;border-radius:999px;align-items:center;font-weight:500;display:inline-flex}.product-details-options{gap:var(--gap-lg);flex-direction:column;display:flex}.product-details-buy{gap:var(--gap-md);padding:var(--padding-lg);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex}.product-details-purchase{justify-content:space-between;align-items:center;gap:var(--gap-md);flex-wrap:wrap;display:flex}.product-details-delivery{font-size:var(--text-body-sm);color:var(--muted);text-align:right}.product-details-actions{gap:var(--gap-sm);flex-direction:column;display:flex}.product-details-actions button,.product-details-actions a{justify-content:center;width:100%}.product-details-footnote{font-size:var(--text-tiny);color:var(--muted);line-height:1.5}
.product-specs{gap:var(--gap-xl);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (max-width:1000px){.product-specs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.product-specs{grid-template-columns:1fr}}.product-specs-group-header{align-items:center;gap:var(--gap-sm);margin-bottom:var(--margin-md);display:flex}.product-specs-group-icon{font-size:var(--text-h4);line-height:1}.product-specs-group-title{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles,var(--foreground));margin:0}.product-specs-list{gap:var(--gap-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.product-specs-item{font-size:var(--text-body-sm);color:var(--text,var(--foreground));line-height:1.5}
.reviews{gap:var(--gap-xl);flex-direction:column;display:flex}.reviews-summary{align-items:center;gap:var(--gap-lg);padding:var(--padding-lg);background:var(--surface);border-radius:var(--radius-sm);display:flex}.reviews-average{align-items:center;gap:var(--gap-md);display:flex}.reviews-average-score{font-size:var(--text-h1);font-weight:var(--font-bold);color:var(--titles)}.reviews-average-stars{gap:var(--gap-xs);display:flex}.reviews-total{font-size:var(--text-body);color:var(--muted)}.reviews-list{gap:var(--gap-lg);flex-direction:column;display:flex}.review-item{padding:var(--padding-lg);border:1px solid var(--border);border-radius:var(--radius-sm)}.review-header{margin-bottom:var(--margin-sm);justify-content:space-between;align-items:flex-start;display:flex}.review-author{align-items:center;gap:var(--gap-sm);display:flex}.review-author-name{font-weight:var(--font-semibold);color:var(--titles)}.review-verified{font-size:var(--text-small);color:var(--primary);padding:var(--padding-xs) var(--padding-sm);background:var(--surface);border-radius:var(--radius-xs)}.review-date{font-size:var(--text-small);color:var(--muted)}.review-rating{gap:var(--gap-xs);margin-bottom:var(--margin-sm);display:flex}.review-star{font-size:var(--text-h4);color:var(--muted)}.review-star--filled{color:var(--warning)}.review-comment{font-size:var(--text-body);color:var(--text);line-height:var(--leading-relaxed);margin:0}
.wishlist-button{transition:var(--transition-transform);position:relative}.wishlist-button:hover{transform:scale(1.1)}.wishlist-button--active .wishlist-icon{animation:.3s ease-in-out heartbeat}.wishlist-icon{font-size:var(--text-h3);display:inline-block}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}
.size-guide{gap:var(--gap-lg);flex-direction:column;display:flex}.size-guide-empty{color:var(--muted);font-size:var(--text-body-sm)}.size-guide-units{padding:var(--padding-xs);align-self:flex-start;gap:var(--gap-xs);border:1px solid var(--border);background:var(--bg);border-radius:999px;display:inline-flex}.size-guide-unit{color:var(--muted);font-size:var(--text-body-sm);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.3rem .75rem;font-weight:600}.size-guide-unit--active{background:var(--surface);color:var(--foreground)}.size-guide-table-block{flex-direction:column;gap:.75rem;display:flex}.size-guide-caption{font-size:var(--text-body);margin:0;font-weight:700}.size-guide-image{border-radius:var(--radius-md);background:var(--surface);max-width:240px;height:auto}.size-guide-scroll{border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.size-guide-table{border-collapse:collapse;width:100%;font-size:var(--text-body-sm);font-variant-numeric:tabular-nums}.size-guide-th,.size-guide-cell,.size-guide-row-label{text-align:center;white-space:nowrap;border-bottom:1px solid var(--border);padding:.55rem .75rem}.size-guide-th{color:var(--foreground);background:var(--surface);font-weight:700}.size-guide-row-label,.size-guide-th--corner{z-index:1;text-align:left;color:var(--foreground);background:var(--surface);font-weight:600;position:sticky;left:0}.size-guide-cell{color:var(--muted)}.size-guide-table tbody tr:last-child .size-guide-cell,.size-guide-table tbody tr:last-child .size-guide-row-label{border-bottom:none}
.access-banner__action{margin-top:var(--margin-md);align-self:flex-start}.card--warning,.card--info,.card--success{gap:var(--gap-sm)}.card--warning .card__description,.card--info .card__description,.card--success .card__description{color:var(--text);font-size:var(--text-small);line-height:var(--leading-relaxed)}
.activity-feed{gap:var(--gap-md);flex-direction:column;display:flex}.activity-item{gap:var(--gap-md);padding:var(--padding-md);border-radius:var(--radius-sm);transition:var(--transition-colors);display:flex}.activity-item:hover{background:var(--surface)}.activity-icon{background:var(--surface);border-radius:var(--radius-full);width:40px;height:40px;font-size:var(--text-h4);flex-shrink:0;justify-content:center;align-items:center;display:flex}.activity-content{gap:var(--gap-xs);flex-direction:column;flex:1;display:flex}.activity-text{font-size:var(--text-body);color:var(--text);line-height:var(--leading-relaxed)}.activity-user{font-weight:var(--font-semibold);color:var(--titles)}.activity-action{color:var(--text)}.activity-target{font-weight:var(--font-medium);color:var(--primary)}.activity-timestamp{font-size:var(--text-small);color:var(--muted)}
.api-keys-container{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--padding-xl)}.api-keys-header{margin-bottom:var(--margin-lg);justify-content:space-between;align-items:center;display:flex}.api-keys-header-content h3{font-size:var(--text-h5);color:var(--foreground);margin-bottom:var(--margin-sm);font-weight:600}.api-keys-header-content p{font-size:var(--text-body-sm);color:var(--muted-foreground)}.api-keys-empty{text-align:center;padding:var(--padding-section-sm) 0}.api-keys-empty-icon{width:4rem;height:4rem;margin:0 auto var(--margin-md);color:var(--muted-foreground)}.api-keys-empty h4{font-size:var(--text-body);color:var(--foreground);margin-bottom:var(--margin-sm);font-weight:500}.api-keys-empty p{font-size:var(--text-body-sm);color:var(--muted-foreground);margin-bottom:var(--margin-md)}.api-keys-list{gap:var(--gap-md);flex-direction:column;display:flex}.api-key-item{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--padding-md)}.api-key-content{margin-bottom:var(--margin-md);justify-content:space-between;align-items:flex-start;display:flex}.api-key-info{flex:1;min-width:0}.api-key-header{align-items:center;gap:var(--gap-md);margin-bottom:var(--margin-sm);display:flex}.api-key-name{font-size:var(--text-body);color:var(--foreground);font-weight:500}.api-key-code-wrapper{align-items:center;gap:var(--gap-sm);margin-bottom:var(--margin-sm);display:flex}.api-key-code{font-family:monospace;font-size:var(--text-body-sm);background-color:var(--muted);color:var(--muted-foreground);padding:var(--padding-xs) var(--padding-sm);border-radius:var(--radius-sm)}.api-key-permissions{gap:var(--gap-xs);margin-bottom:var(--margin-sm);flex-wrap:wrap;display:flex}.api-key-meta{font-size:var(--text-tiny);color:var(--muted-foreground)}.api-key-actions{gap:var(--gap-sm);display:flex}.api-keys-form{gap:var(--gap-md);flex-direction:column;display:flex}.api-keys-form-field label{font-size:var(--text-body-sm);color:var(--foreground);margin-bottom:var(--margin-sm);font-weight:500;display:block}.api-keys-permissions-list{gap:var(--gap-sm);flex-direction:column;display:flex}.api-keys-permission-item{align-items:center;gap:var(--gap-sm);cursor:pointer;display:flex}.api-keys-permission-item input[type=checkbox]{border-radius:var(--radius-sm);border:1px solid var(--border);background-color:#0000}.api-keys-permission-item span{font-size:var(--text-body-sm);color:var(--foreground);text-transform:capitalize}.api-keys-form-actions{gap:var(--gap-md);padding-top:var(--padding-md);display:flex}
.billing-history{overflow-x:auto}.billing-table{border-collapse:collapse;border:1px solid var(--border);border-radius:var(--radius-sm);width:100%}.billing-table-header{padding:var(--padding-md);text-align:left;font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles);background:var(--surface);border-bottom:1px solid var(--border)}.billing-table-row{border-bottom:1px solid var(--border);transition:var(--transition-colors)}.billing-table-row:hover{background:var(--surface)}.billing-table-row:last-child{border-bottom:none}.billing-table-cell{padding:var(--padding-md);font-size:var(--text-body);color:var(--text)}.billing-status{padding:var(--padding-xs) var(--padding-sm);font-size:var(--text-small);font-weight:var(--font-medium);border-radius:var(--radius-xs);text-transform:capitalize;display:inline-block}.billing-status--paid{background:var(--success);color:var(--bg)}.billing-status--pending{background:var(--warning);color:var(--bg)}.billing-status--failed{background:var(--destructive);color:var(--on-primary)}
.chapter-card__content{padding:var(--padding-md)}.chapter-card__badge{margin-bottom:.75rem}.chapter-card__title{margin-bottom:var(--margin-sm);line-height:1.3}.chapter-card__description{margin-bottom:.75rem;line-height:1.6}.chapter-card__stats{gap:.75rem;margin-bottom:.75rem;display:flex}.chapter-card__stat{gap:var(--gap-xs);flex-direction:column;display:flex}.chapter-card__progress{margin-bottom:.75rem}.chapter-card__progress-header{margin-bottom:var(--margin-sm);justify-content:space-between;align-items:center;display:flex}.chapter-card__progress-footer{margin-top:var(--margin-sm)}
.console-shell{background:var(--bg);min-height:100vh;display:flex}.console-shell--fill{height:100vh;overflow:hidden}.console-shell--fill .console-shell__main{min-height:0}.console-shell--fill .console-shell__content{flex-direction:column;min-height:0;display:flex;overflow:hidden}.console-shell__rail{gap:var(--gap-lg);width:248px;padding:var(--padding-lg) var(--padding-md) var(--padding-md);background:var(--surface);border-right:1px solid var(--border-soft);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.console-shell__rail-logo{padding:0 var(--padding-sm)}.console-shell__rail-bottom{gap:var(--gap-sm);flex-direction:column;margin-top:auto;display:flex}.console-shell__nav{flex-direction:column;gap:2px;display:flex}.console-shell__nav-item{align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-sm);border-radius:var(--radius-md);color:var(--muted);font-size:var(--text-small);font-weight:var(--font-medium);transition:var(--transition-colors);border:1px solid #0000;text-decoration:none;display:flex}.console-shell__nav-item:hover{background:var(--surface-raised);color:var(--text)}.console-shell__nav-item--active{background:color-mix(in srgb, var(--primary) 12%, transparent);border-color:color-mix(in srgb, var(--primary) 24%, transparent);color:var(--primary)}.console-shell__nav-icon{flex-shrink:0;display:inline-flex}.console-shell__nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.console-shell__main{flex-direction:column;flex:1;min-width:0;display:flex}.console-shell__topbar{align-items:center;gap:var(--gap-md);padding:var(--padding-lg) var(--padding-xl);border-bottom:1px solid var(--border-soft);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:var(--z-drawer);display:flex;position:sticky;top:0}.console-shell__title{font-size:var(--text-h5);color:var(--titles);margin:0;font-weight:700}.console-shell__actions{align-items:center;gap:var(--gap-md);flex-shrink:0;display:flex}.console-shell__content{flex:1;min-width:0;overflow-x:clip}.console-shell__hamburger{border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-raised);width:2.25rem;height:2.25rem;color:var(--text);cursor:pointer;justify-content:center;align-items:center;display:none}.console-shell__rail-drawer{display:none}.console-shell__rail-drawer-scrim{opacity:0;transition:opacity var(--duration-200) var(--easing-standard);background:#00000080;position:fixed;inset:0}.console-shell__rail-drawer-panel{height:100vh;transition:transform var(--duration-200) var(--easing-standard);box-shadow:var(--shadow-raised);position:fixed;top:0;left:0;transform:translate(-100%)}.console-shell__rail-drawer--open .console-shell__rail-drawer-scrim{opacity:1}.console-shell__rail-drawer--open .console-shell__rail-drawer-panel{transform:translate(0)}@media (max-width:1024px){.console-shell>.console-shell__rail{display:none}.console-shell__rail-drawer{pointer-events:none;z-index:var(--z-modal);display:block}.console-shell__rail-drawer--open{pointer-events:auto}.console-shell__hamburger{display:inline-flex}}@media (max-width:640px){.console-shell__title{display:none}}@media (prefers-reduced-motion:reduce){.console-shell__rail-drawer-panel,.console-shell__rail-drawer-scrim{transition:none}}
.chapter-list-item{padding:var(--padding-md);align-items:center;gap:var(--gap-md);display:flex}.chapter-list-item__number{border-radius:var(--radius-full);background-color:var(--primary);width:40px;height:40px;color:var(--on-primary);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.chapter-list-item__number--completed{background-color:var(--success);color:var(--on-primary)}.chapter-list-item__content{flex:1;min-width:0}.chapter-list-item__title{margin-bottom:var(--margin-sm);font-size:var(--text-body);font-weight:600}.chapter-list-item__duration{font-size:var(--text-small);color:var(--muted-foreground);margin:0}
.dashboard-progress-card{flex-direction:column;height:100%;display:flex}.dashboard-progress-header{align-items:center;gap:var(--gap-md);margin-bottom:var(--margin-md);display:flex}.dashboard-progress-emoji{font-size:32px}.dashboard-progress-current,.dashboard-progress-bar-container{margin-bottom:var(--margin-md)}.dashboard-progress-bar-header{margin-bottom:var(--margin-sm);justify-content:space-between;align-items:center;display:flex}.dashboard-progress-bar-wrapper{background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.dashboard-progress-bar-fill{background-color:var(--primary);border-radius:var(--radius-full);height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.dashboard-progress-cta{margin-top:auto}.dashboard-stats-grid{gap:var(--gap-lg);flex-direction:column;display:flex}.dashboard-stats-card{gap:var(--gap-sm);flex-direction:column;display:flex}.dashboard-stats-card__header{align-items:center;gap:var(--gap-sm);display:flex}.dashboard-stats-card__icon{font-size:var(--text-h3)}.dashboard-stats-card__value{font-size:var(--text-h1);font-weight:var(--font-bold);color:var(--titles)}.dashboard-stats-card__label{font-size:var(--text-small);color:var(--muted)}.dashboard-theme-card-content{gap:var(--gap-lg);flex-direction:column;flex:1;display:flex}.dashboard-theme-badge{align-items:center;gap:var(--gap-sm);margin-bottom:var(--margin-sm);display:flex}.dashboard-theme-description{flex:1;line-height:1.6}.dashboard-theme-stats{gap:var(--gap-lg);padding-top:var(--padding-md);border-top:1px solid var(--border);display:flex}.dashboard-theme-stat{gap:var(--gap-xs);flex-direction:column;display:flex}.dashboard-theme-progress{gap:var(--gap-sm);flex-direction:column;display:flex}.dashboard-theme-progress-header{justify-content:space-between;align-items:center;display:flex}
.lesson-header{margin-bottom:var(--margin-md);padding-bottom:var(--padding-lg);border-bottom:1px solid var(--border)}.lesson-breadcrumb{align-items:center;gap:var(--gap-sm);margin-bottom:var(--margin-md);flex-wrap:wrap;display:flex}.lesson-breadcrumb-link{transition:var(--transition-colors);text-decoration:none}.lesson-breadcrumb-link:hover{color:var(--primary)}.section-title{margin-bottom:var(--margin-md);align-items:center;gap:var(--gap-sm);display:flex}.section-title-icon{font-size:var(--text-h3);line-height:1}.concepts-grid ul{gap:var(--gap-md);flex-direction:column;padding:0;list-style:none;display:flex}.concepts-grid li{background-color:var(--surface);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius-sm);padding:var(--padding-lg);transition:var(--transition-all)}.concepts-grid li:hover{border-left-width:6px;transform:translate(2px)}.concepts-grid strong{color:var(--primary);font-size:var(--text-h4);font-weight:var(--font-bold);margin-bottom:var(--margin-sm);display:block}.concepts-grid li>:last-child{margin-bottom:0}
.dynamic-row-card{padding:var(--padding-lg);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-all);justify-content:space-between;align-items:center;gap:var(--gap-md);color:inherit;text-decoration:none;display:flex}.dynamic-row-card--disabled{cursor:not-allowed;opacity:.6}.dynamic-row-card:hover:not(.dynamic-row-card--disabled){border-color:var(--primary)}.dynamic-row-card:focus-visible:not(.dynamic-row-card--disabled){outline:2px solid var(--primary);outline-offset:2px}.dynamic-row-card__content{align-items:center;gap:var(--gap-md);flex:1;display:flex}.dynamic-row-card__leading{flex-shrink:0}.dynamic-row-card__info{gap:var(--gap-xs);flex-direction:column;flex:1;display:flex}.dynamic-row-card__title-wrapper{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;display:flex}.dynamic-row-card__title{margin:0}.dynamic-row-card__badge{display:inline-flex}.dynamic-row-card__subtitle{font-size:var(--text-small);color:var(--muted)}.dynamic-row-card__trailing{color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dynamic-row-card--disabled .dynamic-row-card__trailing{color:var(--muted)}
.setting-row__head{justify-content:space-between;align-items:flex-start;gap:var(--gap-md);min-width:0;display:flex}.setting-row__heading{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;min-width:0;display:flex}.setting-row__title{font-size:var(--text-h6);font-weight:var(--font-semibold);color:var(--titles);overflow-wrap:break-word;min-width:0;margin:0}.setting-row__action{flex-shrink:0}.setting-row__body{gap:var(--gap-sm);font-size:var(--text-small);color:var(--muted);overflow-wrap:break-word;flex-direction:column;min-width:0;display:flex}@media (max-width:560px){.setting-row__head{flex-direction:column;align-items:stretch}.setting-row__action{align-self:flex-start}}
.stat-tile{gap:var(--gap-md);flex-direction:column;display:flex}.stat-tile__head{justify-content:space-between;align-items:center;gap:var(--gap-sm);display:flex}.stat-tile__label{color:var(--muted);font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.stat-tile__icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--primary) 12%, transparent);width:1.75rem;height:1.75rem;color:var(--primary);justify-content:center;align-items:center;display:inline-flex}.stat-tile__value{align-items:baseline;gap:var(--gap-xs);color:var(--titles);font-size:var(--text-stat-md);font-variant-numeric:tabular-nums;font-weight:800;line-height:1;display:flex}.stat-tile__suffix{color:var(--muted);font-size:var(--text-body);font-weight:600}.stat-tile__delta{font-size:var(--text-body);font-weight:600}.stat-tile__delta--up{color:var(--success)}.stat-tile__delta--down{color:var(--error)}.stat-tile__delta--muted{color:var(--muted)}
.attention-list{flex-direction:column;display:flex}.attention-item{align-items:center;gap:var(--gap-md);width:100%;padding:var(--padding-md) var(--padding-sm);text-align:left;color:inherit;border-radius:var(--radius-md);transition:var(--transition-colors);text-decoration:none;display:flex}.attention-item+.attention-item{border-top:1px solid var(--border)}button.attention-item{appearance:none;font:inherit;cursor:pointer;background:0 0;border:none}.attention-item--link{cursor:pointer}.attention-item--link:hover{background:var(--surface)}.attention-item__dot{border-radius:var(--radius-full);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, currentColor 14%, transparent);flex:none}.attention-item__dot--critical{color:var(--error);background:var(--error)}.attention-item__dot--warning{color:var(--warning);background:var(--warning)}.attention-item__dot--info{color:var(--info,var(--primary));background:var(--info,var(--primary))}.attention-item__dot--success{color:var(--success);background:var(--success)}.attention-item__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.attention-item__title{color:var(--titles);font-size:var(--text-body);font-weight:var(--font-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attention-item__meta{color:var(--muted);font-size:var(--text-small)}.attention-item__time{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-tiny);font-variant-numeric:tabular-nums;flex:none}.attention-item__status{flex:none}.attention-item__chevron{color:var(--muted);transition:var(--transition-all);flex:none}.attention-item--link:hover .attention-item__chevron{color:var(--titles);transform:translate(2px)}.attention-list--empty{padding:var(--padding-lg);justify-content:center;align-items:center;display:flex}.attention-list__empty{color:var(--muted);font-size:var(--text-small)}
.metric-breakdown{gap:var(--gap-lg);--mb-color:var(--primary);flex-direction:column;display:flex}.metric-breakdown__row{gap:var(--gap-sm);flex-direction:column;display:flex}.metric-breakdown__head{justify-content:space-between;align-items:center;gap:var(--gap-sm);display:flex}.metric-breakdown__label{align-items:center;gap:var(--gap-sm);min-width:0;color:var(--text);font-size:var(--text-small);text-overflow:ellipsis;white-space:nowrap;display:inline-flex;overflow:hidden}.metric-breakdown__dot{border-radius:var(--radius-sm);background:var(--mb-color);flex:none;width:8px;height:8px}.metric-breakdown__value{align-items:baseline;gap:var(--gap-sm);color:var(--muted);font-family:var(--font-mono);font-size:var(--text-small);font-variant-numeric:tabular-nums;flex:none;display:inline-flex}.metric-breakdown__hint{color:var(--faint,var(--muted));font-size:var(--text-tiny)}.metric-breakdown__track{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--titles) 6%, transparent);height:6px;overflow:hidden}.metric-breakdown__fill{border-radius:inherit;background:var(--mb-color);height:100%;transition:var(--transition-all)}
.badge-chip{aspect-ratio:1;padding:var(--padding-sm);border-radius:var(--radius-full);border:2px solid var(--border-soft);background:radial-gradient(circle at 50% 34%, var(--surface-overlay), var(--bg) 72%);justify-content:center;align-items:center;display:flex}.badge-chip__icon{width:2.5rem;height:2.5rem;color:var(--muted);justify-content:center;align-items:center;display:inline-flex}.badge-chip__icon svg{width:100%;height:100%}.badge-chip--earned{border-color:color-mix(in srgb, var(--primary) 45%, transparent)}.badge-chip--earned .badge-chip__icon{color:var(--primary)}.badge-chip--earned .achievement-symbol__fill-body,.badge-chip--earned .achievement-symbol__fill-accent{fill:var(--primary)}.badge-chip--in_progress{border-color:color-mix(in srgb, var(--primary) 18%, transparent)}.badge-chip--in_progress .achievement-symbol__fill-body,.badge-chip--in_progress .achievement-symbol__fill-accent{fill:color-mix(in srgb, var(--primary) 70%, var(--muted))}.badge-chip--locked{opacity:.5}.badge-chip--locked .badge-chip__icon{color:var(--muted);filter:grayscale()}.badge-chip--locked .achievement-symbol__fill-body,.badge-chip--locked .achievement-symbol__fill-accent{fill:var(--muted)}
.callout-banner{justify-content:space-between;align-items:center;gap:var(--gap-lg);padding:var(--padding-lg);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--primary) 24%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 8%, transparent), var(--surface-raised) 60%);color:inherit;transition:var(--transition-colors);text-decoration:none;display:flex}.callout-banner:hover{border-color:color-mix(in srgb, var(--primary) 45%, transparent)}.callout-banner__info{gap:var(--gap-2xs);flex-direction:column;display:flex}.callout-banner__eyebrow{font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);color:var(--primary)}.callout-banner__title{font-size:var(--text-h6);font-weight:var(--font-semibold);color:var(--titles)}.callout-banner__desc{font-size:var(--text-small);color:var(--muted)}.callout-banner__cta{align-items:center;gap:var(--gap-xs);flex-shrink:0;display:inline-flex}@media (max-width:640px){.callout-banner{flex-direction:column;align-items:flex-start}}
.link-card-grid{gap:var(--gap-md);flex-direction:column;display:flex}.link-card-group{gap:var(--gap-sm);flex-direction:column;display:flex}.link-card-group__label{font-family:var(--font-mono);font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wider);color:var(--primary);margin:0}.link-card-group__items{gap:var(--gap-md);grid-template-columns:repeat(3,1fr);display:grid}.link-card-group--cols-2 .link-card-group__items{grid-template-columns:repeat(2,1fr)}.link-card-group--cols-4 .link-card-group__items{grid-template-columns:repeat(4,1fr)}.link-card{gap:var(--gap-xs);padding:var(--padding-md);border-radius:var(--radius-md);color:inherit;text-decoration:none}.link-card:hover{border-color:color-mix(in srgb, var(--primary) 40%, transparent)}.link-card__top{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.link-card__name{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles)}.link-card__desc{font-size:var(--text-tiny);color:var(--muted)}@media (max-width:900px){.link-card-group:not(.link-card-group--cols-2) .link-card-group__items{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.link-card-group__items{grid-template-columns:1fr}}
.rank-card{align-items:center;gap:var(--gap-lg);flex-direction:row;display:flex}.rank-card__medal{width:5.5rem;height:5.5rem;clip-path:var(--shape-octagon);background:color-mix(in srgb, var(--primary) 42%, transparent);color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.rank-card__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-card__symbol{z-index:1;color:var(--primary);justify-content:center;align-items:center;display:flex;position:relative}.rank-card__symbol svg{width:3.75rem;height:3.75rem}.rank-card__symbol .achievement-symbol__fill-body,.rank-card__symbol .achievement-symbol__fill-accent{fill:var(--primary)}.rank-card__info{gap:var(--gap-xs);flex-direction:column;flex:1;min-width:0;display:flex}.rank-card__eyebrow{color:var(--muted);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0}.rank-card__name{color:var(--titles);font-size:var(--text-h5);margin:0;font-weight:800}.rank-card__xp{margin:var(--margin-sm) 0 0;color:var(--muted);font-size:var(--text-small);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.rank-card__xp b{color:var(--text)}.rank-card__next{color:var(--primary)}.rank-card--compact{gap:var(--gap-md);padding:var(--padding-sm);height:auto}.rank-card--compact .rank-card__medal{width:3rem;height:3rem}.rank-card--compact .rank-card__symbol svg{width:2rem;height:2rem}.rank-card--compact .rank-card__name{font-size:var(--text-body)}
.progress-strip{align-items:center;gap:var(--gap-md);display:flex}.progress-strip__label{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--muted);white-space:nowrap}.progress-strip__bar{border-radius:var(--radius-full);background:color-mix(in srgb, var(--titles) 8%, transparent);flex:1;height:5px;overflow:hidden}.progress-strip__fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--primary), var(--accent-2));height:100%;display:block}.progress-strip__count{font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--primary);white-space:nowrap;font-variant-numeric:tabular-nums}
.theme-tile__link{color:inherit;text-decoration:none}.theme-tile.card--overlay{aspect-ratio:2;border:1px solid var(--border-soft);border-radius:var(--radius-lg)}.theme-tile__ph{z-index:0;background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 22%, var(--surface-raised)), var(--surface-raised));position:absolute;inset:0}.theme-tile.card--overlay:after{background:linear-gradient(#0000 15%,#00000052 55%,#000000d9);height:100%}.theme-tile.card--overlay:hover:after{background:linear-gradient(#0000000d 10%,#00000073 55%,#000000e6);height:100%}.theme-tile__top{align-items:center;gap:var(--gap-sm);display:flex}.theme-tile__pct{color:var(--titles);font-size:var(--text-h5);font-variant-numeric:tabular-nums;font-weight:800}.theme-tile.card--overlay .card-title{font-size:var(--text-h6);font-weight:700}.theme-tile__meta{color:#ffffffbf;font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-family:var(--font-mono);margin:0}
.resume-card{gap:var(--gap-md);flex-direction:column;display:flex}.resume-card__head{justify-content:space-between;align-items:center;gap:var(--gap-sm);display:flex}.resume-card__status{align-items:center;gap:var(--gap-xs);color:var(--success);font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);display:inline-flex}.resume-card__dot{border-radius:var(--radius-full);background:var(--success);width:6px;height:6px}.resume-card__body{align-items:center;gap:var(--gap-md);display:flex}.resume-card__thumb{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.resume-card__chapter{color:var(--muted);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0 0 2px}.resume-card__title{color:var(--titles);font-size:var(--text-h6);margin:0;font-weight:700;line-height:1.25}.resume-card__meta{color:var(--muted);font-size:var(--text-tiny);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);font-family:var(--font-mono);justify-content:space-between;align-items:center;display:flex}.resume-card__cta{margin-top:var(--margin-sm);text-align:center}
.dash-preview{background:var(--card-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);width:100%;padding:var(--padding-lg);box-shadow:var(--shadow-xl)}.dash-preview__head{justify-content:space-between;align-items:center;gap:var(--gap-sm);margin-bottom:var(--margin-md);display:flex}.dash-preview__greeting{font-weight:var(--font-bold);color:var(--titles)}.dash-preview__stats{gap:var(--gap-xs);margin-bottom:var(--margin-md);grid-template-columns:repeat(4,1fr);display:grid}.dash-preview__stat{background:var(--card-inset);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--padding-sm)}.dash-preview__stat-label{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--muted);margin-bottom:var(--gap-xs);display:block}.dash-preview__stat-value{font-size:var(--text-h5);font-weight:var(--font-extrabold);color:var(--titles);line-height:var(--leading-none)}.dash-preview__stat--accent .dash-preview__stat-value{color:var(--primary)}.dash-preview .progress--animate-in .progress-indicator{animation-play-state:paused}.dash-preview--in-view .progress--animate-in .progress-indicator{animation-play-state:running}
.lesson-preview{background-color:var(--surface-sunken);border:1px solid var(--border-soft);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 34px 80px -40px #000000f2}.lesson-preview__chrome{align-items:center;gap:var(--gap-sm);padding:var(--gap-sm) var(--padding-md);border-bottom:1px solid var(--border-soft);background-color:var(--bg);display:flex}.lesson-preview__dots{gap:var(--gap-2xs);display:flex}.lesson-preview__dot{border-radius:var(--radius-full);background:var(--border);width:.625rem;height:.625rem}.lesson-preview__url{font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--muted)}.lesson-preview__body{flex-wrap:wrap;display:flex}.lesson-preview__main{min-width:min(100%,20rem);padding:var(--padding-lg);border-right:1px solid var(--border-soft);gap:var(--gap-md);flex-direction:column;flex:25rem;display:flex}.lesson-preview__aside{min-width:min(100%,16rem);padding:var(--padding-lg);gap:var(--gap-md);flex-direction:column;flex:16rem;display:flex}.lesson-preview__breadcrumb{align-items:center;gap:var(--gap-xs);font-size:var(--text-small);color:var(--muted);flex-wrap:wrap;display:flex}.lesson-preview__crumb--accent{color:var(--primary)}.lesson-preview__crumb--current{color:var(--text)}.lesson-preview__progress{background-color:var(--surface-raised);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--gap-sm) var(--padding-md)}.lesson-preview__progress-head{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--muted);margin-bottom:var(--gap-xs);justify-content:space-between;display:flex}.lesson-preview__progress-track{border-radius:var(--radius-full);background:color-mix(in srgb, var(--titles) 8%, transparent);height:.3125rem;overflow:hidden}.lesson-preview__progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--primary), color-mix(in srgb, var(--primary) 70%, var(--bg)));height:100%}.lesson-preview__title{font-size:var(--text-h4);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);color:var(--titles);margin:0}.lesson-preview__prose{gap:var(--gap-lg);flex-direction:column;display:flex}.lesson-preview__section{gap:var(--gap-sm);flex-direction:column;display:flex}.lesson-preview__prose p{font-size:var(--text-body-sm);line-height:var(--leading-relaxed);color:var(--text);margin:0}.lesson-preview__prose b{color:var(--titles)}.lesson-preview__prose h4{font-size:var(--text-h5);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);color:var(--titles);margin:0;line-height:1.25}.lesson-preview__prose ul{gap:var(--gap-2xs);flex-direction:column;margin:0;padding-left:1.15rem;display:flex}.lesson-preview__prose li{font-size:var(--text-body-sm);line-height:var(--leading-relaxed);color:var(--text)}.lesson-preview__prose li b{color:var(--titles)}
.lesson-player-thumb{border-radius:var(--radius-md);background:linear-gradient(150deg, var(--surface-overlay), var(--bg));border:1px solid var(--border-soft);flex:none;justify-content:center;align-items:center;width:7rem;height:4.625rem;display:flex;position:relative;overflow:hidden}.lesson-player-thumb__grid{background-image:linear-gradient(color-mix(in srgb, var(--titles) 4%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--titles) 4%, transparent) 1px, transparent 1px);background-size:20px 20px;position:absolute;inset:0}.lesson-player-thumb__play{border-radius:var(--radius-full);background:var(--primary);width:2.375rem;height:2.375rem;box-shadow:0 8px 22px -6px color-mix(in srgb, var(--primary) 70%, transparent);justify-content:center;align-items:center;display:flex;position:relative}.lesson-player-thumb__triangle{border-left:.625rem solid var(--on-primary);border-top:.375rem solid #0000;border-bottom:.375rem solid #0000;width:0;height:0;margin-left:.19rem}
.number-badge{background-color:var(--surface);width:2.5rem;height:2.5rem;color:var(--muted);font-weight:var(--font-bold);font-size:var(--text-small);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.number-badge--completed{color:var(--primary);background:radial-gradient(circle at 50% 34%, color-mix(in srgb, var(--primary) 26%, transparent), var(--bg));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 42%, transparent), 0 0 .85rem -.2rem color-mix(in srgb, var(--primary) 55%, transparent)}.number-badge--completed svg{display:block}
.lesson-content-card{padding:var(--padding-xl);margin-bottom:var(--margin-lg)}.lesson-content-card__header{align-items:center;gap:var(--gap-md);margin-bottom:var(--margin-md);padding-bottom:var(--padding-md);border-bottom:1px solid var(--border);display:flex}.lesson-content-card__icon{font-size:var(--text-stat-md);line-height:1}.lesson-content-card__title{font-size:var(--text-h3);font-weight:var(--font-bold);color:var(--titles);margin:0}.lesson-content-card__content{color:var(--text);line-height:var(--leading-relaxed)}.lesson-content-card--objectifs{border-left:4px solid var(--primary);background:linear-gradient(to right, color-mix(in srgb, var(--primary) 5%, transparent) 0%, var(--surface) 50%)}.lesson-content-card--objectifs .lesson-content-card__icon,.lesson-content-card--objectifs .lesson-content-card__title{color:var(--primary)}.lesson-content-card--concepts{border:1px solid var(--border);border-left:4px solid var(--primary);background-color:var(--surface)}.lesson-content-card--concepts .lesson-content-card__icon,.lesson-content-card--concepts .lesson-content-card__title{color:var(--warning)}.lesson-content-card--concepts .lesson-content-card__header{border-bottom-color:var(--border)}.lesson-content-card--concepts .lesson-content-card__content ul{gap:var(--gap-lg);flex-direction:column;padding-left:0;list-style:none;display:flex}.lesson-content-card--concepts .lesson-content-card__content li{padding:var(--padding-md);background-color:var(--surface);border-radius:var(--radius-sm);border-left:3px solid var(--warning)}.lesson-content-card--concepts .lesson-content-card__content strong{color:var(--warning);font-size:var(--text-h4);margin-bottom:var(--margin-sm);font-weight:var(--font-bold);display:block}.lesson-content-card--objectifs .lesson-content-card__content ul{padding-left:0;list-style:none}.lesson-content-card--objectifs .lesson-content-card__content li{padding-left:var(--padding-lg);margin-bottom:var(--margin-sm);position:relative}.lesson-content-card--objectifs .lesson-content-card__content li:before{content:"•";color:var(--primary);font-weight:var(--font-bold);position:absolute;left:0}.lesson-content-card--exemples{border-left:3px solid var(--success)}.lesson-content-card--exemples .lesson-content-card__icon{color:var(--success)}.lesson-content-card--recap{background-color:var(--surface);border:1px solid var(--border);border-left:4px solid var(--success)}.lesson-content-card--recap .lesson-content-card__icon,.lesson-content-card--recap .lesson-content-card__title{color:var(--success)}.lesson-content-card--recap .lesson-content-card__header{border-bottom-color:var(--border)}.lesson-content-card--recap .lesson-content-card__content ul{padding-left:0;list-style:none}.lesson-content-card--recap .lesson-content-card__content li{padding-left:var(--padding-lg);margin-bottom:var(--margin-sm);position:relative}.lesson-content-card--recap .lesson-content-card__content li:before{content:"✓";color:var(--success);font-weight:var(--font-bold);position:absolute;left:0}.lesson-content-card--quiz{border:2px dashed var(--border);background-color:var(--surface)}.lesson-content-card--quiz .lesson-content-card__icon{color:var(--text)}.lesson-content-card__content.prose{max-width:none}.lesson-content-card__content.prose>*+*{margin-top:var(--margin-md)}.lesson-content-card__content.prose h3{font-size:var(--text-h4);margin-top:var(--margin-md);margin-bottom:var(--margin-sm)}.lesson-content-card__content.prose ul,.lesson-content-card__content.prose ol{padding-left:var(--padding-xl)}.lesson-content-card__content.prose li{margin-bottom:var(--margin-sm)}.lesson-content-card__content.prose code{font-family:var(--font-mono);padding:var(--padding-xs) .375rem;background-color:var(--bg);border-radius:var(--radius-sm);color:var(--primary);font-size:.9em}
.lesson-navigation{justify-content:space-between;align-items:center;gap:var(--gap-md);padding:var(--padding-lg) 0;margin-top:var(--margin-xl);border-top:1px solid var(--border);display:flex}.lesson-navigation__prev,.lesson-navigation__next{flex:1;max-width:300px}.lesson-navigation__prev[disabled],.lesson-navigation__next[disabled]{opacity:.4;cursor:not-allowed}@media (max-width:768px){.lesson-navigation{gap:var(--gap-sm);flex-direction:column}.lesson-navigation__prev,.lesson-navigation__next{width:100%;max-width:none}}
.lesson-schema{gap:var(--gap-sm);padding:var(--padding-md);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);flex-direction:column;margin:0;display:flex}.lesson-schema__eyebrow{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wider);color:var(--muted);text-transform:uppercase;margin:0}.lesson-schema__frame{cursor:zoom-in;border-radius:var(--radius-md);width:100%;color:inherit;background:0 0;border:0;margin:0;padding:0;display:block;position:relative}.lesson-schema__frame:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.lesson-schema__figure{color:var(--primary);--mono:var(--font-mono)}.lesson-schema__figure .mzd-schema{width:100%;height:auto;display:block}.lesson-schema__zoom{top:var(--gap-xs);right:var(--gap-xs);border-radius:var(--radius-full);width:2rem;height:2rem;color:var(--titles);background:color-mix(in srgb, var(--surface-raised) 92%, transparent);border:1px solid var(--border-soft);opacity:0;transition:opacity var(--duration-150) ease;pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute}.lesson-schema__frame:hover .lesson-schema__zoom,.lesson-schema__frame:focus-visible .lesson-schema__zoom{opacity:1}.lesson-schema--square .lesson-schema__frame{max-width:30rem;margin-inline:auto}.lesson-schema__lightbox{z-index:var(--z-modal);padding:var(--padding-lg);cursor:zoom-out;animation:lessonSchemaLightboxIn var(--duration-150) ease;background:#000000d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@supports ((-webkit-backdrop-filter:blur(4px)) or (backdrop-filter:blur(4px))){.lesson-schema__lightbox{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes lessonSchemaLightboxIn{0%{opacity:0}to{opacity:1}}.lesson-schema__lightbox-scroll{padding:var(--padding-lg);cursor:zoom-out;display:flex;position:absolute;inset:0;overflow:auto}.lesson-schema__lightbox-figure{color:var(--primary);--mono:var(--font-mono);--schema-zoom:1;width:calc(min(94vw, 68rem) * var(--schema-zoom));cursor:default;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--padding-lg);flex:none;margin:auto;box-shadow:0 40px 90px -40px #000000f2}.lesson-schema__lightbox-figure .mzd-schema{width:100%;height:auto;display:block}.lesson-schema__lightbox-tools{bottom:var(--padding-lg);align-items:center;gap:var(--gap-xs);padding:var(--gap-2xs);border-radius:var(--radius-full);background:var(--surface-raised);border:1px solid var(--border-soft);display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 12px 30px -16px #000000e6}.lesson-schema__zoom-btn{width:2.25rem;height:2.25rem;font-size:var(--text-body-lg);color:var(--titles);border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-150) ease;background:0 0;border:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.lesson-schema__zoom-btn:hover:not(:disabled){background:var(--surface)}.lesson-schema__zoom-btn:disabled{opacity:.4;cursor:default}.lesson-schema__zoom-level{text-align:center;min-width:3.5rem;font-family:var(--font-mono);font-size:var(--text-small);color:var(--muted)}.lesson-schema__lightbox-close{top:var(--padding-md);right:var(--padding-md);border-radius:var(--radius-full);width:2.5rem;height:2.5rem;color:var(--titles);background:var(--surface-raised);border:1px solid var(--border-soft);cursor:pointer;transition:background var(--duration-150) ease;justify-content:center;align-items:center;display:inline-flex;position:absolute}.lesson-schema__lightbox-close:hover{background:var(--surface)}@media (prefers-reduced-motion:reduce){.lesson-schema__lightbox{animation:none}}.lesson-schema__caption{font-size:var(--text-tiny);line-height:var(--leading-relaxed);color:var(--muted)}
.lesson-video{aspect-ratio:16/9;border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:linear-gradient(150deg, var(--surface-overlay), var(--bg));position:relative;overflow:hidden;box-shadow:0 24px 60px -34px #000000e6}.lesson-video__el{-o-object-fit:contain;object-fit:contain;background:var(--bg);width:100%;height:100%}.lesson-video--placeholder{justify-content:center;align-items:center;display:flex}.lesson-video__grid{background-image:linear-gradient(color-mix(in srgb, var(--titles) 4%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--titles) 4%, transparent) 1px, transparent 1px);background-size:34px 34px;position:absolute;inset:0}.lesson-video__badge{top:var(--gap-sm);left:var(--gap-sm);align-items:center;gap:var(--gap-xs);font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--primary);display:inline-flex;position:absolute}.lesson-video__dot{border-radius:var(--radius-full);background:var(--primary);width:6px;height:6px;animation:1.8s infinite lesson-video-pulse}@keyframes lesson-video-pulse{0%,to{opacity:1}50%{opacity:.3}}.lesson-video__tag{top:var(--gap-sm);right:var(--gap-sm);font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--on-primary);background:var(--primary);padding:2px var(--gap-sm);border-radius:var(--radius-sm);position:absolute}.lesson-video__play{border-radius:var(--radius-full);background:var(--primary);width:4rem;height:4rem;box-shadow:0 14px 34px -8px color-mix(in srgb, var(--primary) 75%, transparent);justify-content:center;align-items:center;display:flex;position:relative}.lesson-video__triangle{border-left:1.05rem solid var(--on-primary);border-top:.7rem solid #0000;border-bottom:.7rem solid #0000;width:0;height:0;margin-left:.3rem}.lesson-video__soon{bottom:var(--gap-sm);font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--text);background:color-mix(in srgb, var(--bg) 60%, transparent);padding:3px var(--gap-sm);border-radius:var(--radius-sm);white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.lesson-video-shell{gap:var(--gap-sm);flex-direction:column;display:flex}.lesson-video__transport{align-items:center;gap:var(--gap-md);padding:var(--gap-sm) var(--gap-xs) 0;display:flex}.lesson-video__transport-play{border-left:.7rem solid var(--text);opacity:.7;border-top:.45rem solid #0000;border-bottom:.45rem solid #0000;flex:none;width:0;height:0}.lesson-video__transport-track{border-radius:var(--radius-full);background:color-mix(in srgb, var(--titles) 10%, transparent);flex:1;height:5px;overflow:hidden}.lesson-video__transport-fill{background:linear-gradient(90deg, var(--primary), var(--accent-2));width:0;height:100%;display:block}.lesson-video__transport-time{font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--muted);font-variant-numeric:tabular-nums}.lesson-video__transport-chips{gap:var(--gap-xs);display:flex}.lesson-video__transport-chip{font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--muted);background:var(--surface);border:1px solid var(--border-soft);padding:3px var(--gap-sm);border-radius:var(--radius-sm)}
.lesson-tabs{gap:var(--gap-lg);flex-direction:column;display:flex}.lesson-tabs__bar{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;gap:2px;display:flex}.lesson-tabs__tab{align-items:center;gap:var(--gap-xs);padding:var(--padding-sm) var(--padding-md);font-size:var(--text-small);font-weight:var(--font-medium);color:var(--muted);cursor:pointer;white-space:nowrap;transition:var(--transition-colors);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;display:inline-flex}.lesson-tabs__tab:hover:not(.lesson-tabs__tab--active):not(:disabled){color:var(--text)}.lesson-tabs__tab--active{color:var(--primary);font-weight:var(--font-semibold);border-bottom-color:var(--primary)}.lesson-tabs__tab--disabled,.lesson-tabs__tab:disabled{color:color-mix(in srgb, var(--muted) 45%, transparent);cursor:not-allowed}.lesson-tabs__count{font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--muted)}.lesson-tabs__tab--active .lesson-tabs__count{color:var(--primary)}.lesson-tabs__panel{min-width:0}
.lesson-takeaways{gap:var(--gap-md);flex-direction:column;display:flex}.lesson-takeaways__title{font-size:var(--text-body);font-weight:var(--font-bold);color:var(--titles);margin:0}.lesson-takeaways__body ul,.lesson-takeaways__body ol{gap:var(--gap-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lesson-takeaways__body li{font-size:var(--text-small);color:var(--text);padding-left:1.6rem;line-height:1.55;position:relative}.lesson-takeaways__body li:before{content:"→";color:var(--primary);font-weight:var(--font-bold);position:absolute;top:0;left:0}.lesson-takeaways__body strong,.lesson-takeaways__body b{color:var(--titles);font-weight:var(--font-semibold)}
.lesson-objectives{gap:var(--gap-md);padding:var(--padding-lg);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--primary) 5%, var(--surface));border:1px solid color-mix(in srgb, var(--primary) 18%, transparent);border-left:3px solid var(--primary);flex-direction:column;display:flex}.lesson-objectives__title{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--primary);margin:0}.lesson-objectives__list{gap:var(--gap-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lesson-objectives__item{align-items:flex-start;gap:var(--gap-sm);display:flex}.lesson-objectives__check{color:var(--primary);flex:none;margin-top:1px;display:flex}.lesson-objectives__label{font-size:var(--text-small);color:var(--text);line-height:1.55}
.lesson-jacque{background:linear-gradient(160deg, color-mix(in srgb, var(--primary) 7%, transparent), var(--surface) 62%);border:1px solid color-mix(in srgb, var(--primary) 22%, transparent);border-radius:var(--radius-lg);padding:var(--padding-lg);gap:var(--gap-md);flex-direction:column;display:flex}.lesson-jacque__head{align-items:center;gap:var(--gap-sm);display:flex}.lesson-jacque__icon{border-radius:var(--radius-full);background:color-mix(in srgb, var(--primary) 16%, transparent);width:24px;height:24px;color:var(--primary);flex:none;justify-content:center;align-items:center;display:flex}.lesson-jacque__name{font-size:var(--text-small);font-weight:var(--font-bold);color:var(--titles)}.lesson-jacque__text{font-size:var(--text-small);color:var(--text);margin:0;line-height:1.55}.lesson-jacque__cta{align-items:center;gap:var(--gap-sm);font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--on-primary);background:var(--gradient-brand);padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-md);align-self:flex-start;display:inline-flex}.lesson-jacque__cta--soon{color:var(--muted);background:var(--surface-raised);border:1px solid var(--border-soft);cursor:default}.lesson-jacque__soon{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--primary)}.lesson-jacque--inline{align-items:center;gap:var(--gap-sm);padding:var(--padding-md);border-radius:var(--radius-md);border-color:color-mix(in srgb, var(--primary) 20%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 6%, transparent), var(--surface-raised) 60%);flex-direction:row}.lesson-jacque--inline .lesson-jacque__icon{border-radius:var(--radius-sm);background:var(--primary);width:1.75rem;height:1.75rem;color:var(--on-primary)}.lesson-jacque--inline .lesson-jacque__text{min-width:0;color:var(--muted);flex:1}.lesson-jacque--inline .lesson-jacque__text b{color:var(--text)}.lesson-jacque__cta--inline{align-items:center;gap:var(--gap-xs);flex-shrink:0;display:inline-flex}@media (max-width:640px){.lesson-jacque--inline{flex-direction:column;align-items:flex-start}}
.chapter-playlist{padding:0}.chapter-playlist__header{justify-content:space-between;align-items:center;gap:var(--gap-sm);padding:var(--padding-md) var(--padding-lg);border-bottom:1px solid var(--border-soft);display:flex}.chapter-playlist__title{font-size:var(--text-small);font-weight:var(--font-bold);color:var(--titles)}.chapter-playlist__count{font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.chapter-playlist__list{padding:var(--gap-xs);overscroll-behavior:contain;flex-direction:column;max-height:17.5rem;margin:0;list-style:none;display:flex;overflow-y:auto}.chapter-playlist__row{align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-sm);border-radius:var(--radius-md);transition:var(--transition-colors);border:1px solid #0000;text-decoration:none;display:flex}.chapter-playlist__row:hover{background:var(--surface-raised)}.chapter-playlist__row--current{background:color-mix(in srgb, var(--primary) 10%, transparent);border-color:color-mix(in srgb, var(--primary) 28%, transparent)}.chapter-playlist__row--current:hover{background:color-mix(in srgb, var(--primary) 14%, transparent)}.chapter-playlist__marker{border-radius:var(--radius-full);width:18px;height:18px;font-size:var(--text-tiny);font-weight:var(--font-extrabold);flex:none;justify-content:center;align-items:center;display:flex}.chapter-playlist__marker--done{background:color-mix(in srgb, var(--success) 16%, transparent);color:var(--success)}.chapter-playlist__marker--current{background:var(--primary)}.chapter-playlist__marker--todo{border:1.5px solid var(--border)}.chapter-playlist__triangle{border-left:6px solid var(--on-primary);border-top:4px solid #0000;border-bottom:4px solid #0000;width:0;height:0;margin-left:1px}.chapter-playlist__label{min-width:0;font-size:var(--text-small);color:var(--text);flex:1}.chapter-playlist__row--done .chapter-playlist__label{color:var(--muted);text-decoration:line-through}.chapter-playlist__row--current .chapter-playlist__label{color:var(--titles);font-weight:var(--font-semibold)}
.lesson-concept-list{gap:var(--gap-lg);flex-direction:column;display:flex}.lesson-concept-list__header{margin:0}.lesson-concept-list__title{font-size:var(--text-body);font-weight:var(--font-bold);color:var(--titles);margin:0}.lesson-concept-list__body{gap:var(--gap-md);counter-reset:concept;flex-direction:column;display:flex}.lesson-concept-list__item{gap:var(--gap-xs);padding:var(--padding-lg) var(--padding-lg) var(--padding-lg) calc(var(--padding-lg) + 2.6rem);border-left:3px solid var(--primary);border-radius:var(--radius-md)}.lesson-concept-list__item:before{counter-increment:concept;content:counter(concept, decimal-leading-zero);left:var(--padding-lg);top:var(--padding-lg);font-family:var(--font-mono);font-size:var(--text-tiny);font-weight:var(--font-bold);color:var(--primary);position:absolute}.lesson-concept-list__term{font-weight:var(--font-bold);color:var(--titles);font-size:var(--text-body);margin:0}.lesson-concept-list__definition{color:var(--text);font-size:var(--text-small);margin:0;line-height:1.6}
.lesson-examples-list{gap:var(--gap-md);flex-direction:column;display:flex}.lesson-examples-list__item{gap:var(--gap-sm);padding:var(--padding-lg)}.lesson-examples-list__header{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;display:flex}.lesson-examples-list__label{font-family:var(--font-mono);font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);border:1px solid color-mix(in srgb, var(--primary) 28%, transparent);padding:3px var(--gap-sm);border-radius:var(--radius-full);flex:none}.lesson-examples-list__title{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles)}.lesson-examples-list__body{color:var(--text);line-height:1.6;font-size:var(--text-small)}
.lesson-paywall-card{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:32rem;padding:var(--padding-xl);margin:0 auto}.lesson-paywall-card__label{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--primary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--margin-sm)}.lesson-paywall-card__title{font-size:var(--text-h2);font-weight:var(--font-bold);color:var(--titles);margin:0 0 var(--margin-md)}.lesson-paywall-card__description{font-size:var(--text-body);color:var(--muted-foreground);margin:0 0 var(--margin-lg);line-height:1.6}.lesson-paywall-card__list{margin:0 0 var(--margin-lg);text-align:left;padding:0;list-style:none}.lesson-paywall-card__list li{align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) 0;color:var(--text);font-size:var(--text-body);border-bottom:1px solid var(--border);display:flex}.lesson-paywall-card__list li:last-child{border-bottom:none}.lesson-paywall-card__list-check{color:var(--success);font-weight:var(--font-bold);flex-shrink:0}.lesson-paywall-card__actions{gap:var(--gap-sm);margin-bottom:var(--margin-md);flex-direction:column;display:flex}.lesson-paywall-card__footer{font-size:var(--text-small);color:var(--muted-foreground);margin:0;font-style:italic}
.lexicon-panel{gap:var(--gap-md);flex-direction:column;display:flex}.lexicon-panel__title{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--margin-md)}.lexicon-panel__empty{font-size:var(--text-small);color:var(--muted);font-style:italic}.lexicon-panel__list{gap:var(--gap-xs);flex-direction:column;display:flex}.lexicon-panel__item{border-bottom:1px solid var(--border);padding:var(--padding-sm) 0}.lexicon-panel__item:last-child{border-bottom:none}.lexicon-panel__term{cursor:pointer;font-size:var(--text-small);font-weight:var(--font-medium);color:var(--primary);-webkit-user-select:none;user-select:none;padding:var(--padding-xs);border-radius:var(--radius-sm);transition:var(--transition-colors);list-style:none}.lexicon-panel__term::-webkit-details-marker{display:none}.lexicon-panel__term:before{content:"▸";margin-right:var(--margin-sm);transition:transform .2s;display:inline-block}.lexicon-panel__item[open] .lexicon-panel__term:before{transform:rotate(90deg)}.lexicon-panel__term:hover{background-color:var(--surface)}.lexicon-panel__definition{font-size:var(--text-small);color:var(--text);padding:var(--padding-sm) var(--padding-md);margin-top:var(--margin-sm);line-height:1.6}
.lexicon-dir{gap:var(--gap-md);flex-direction:column;display:flex}.lexicon-dir__search{align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-md);background:var(--surface-sunken);border:1px solid var(--border-soft);border-radius:var(--radius-lg);transition:var(--transition-colors);display:flex;box-shadow:inset 0 1px 2px #00000059}.lexicon-dir__search:focus-within{border-color:color-mix(in srgb, var(--primary) 45%, transparent)}.lexicon-dir__search-icon{border-radius:var(--radius-full);border:2px solid var(--muted);border-right-color:#0000;flex:none;width:.95rem;height:.95rem;transform:rotate(45deg)}.lexicon-dir__search .lexicon-dir__search-input{width:auto;min-width:0;color:var(--titles);font-size:var(--text-small);background:0 0;border:none;border-radius:0;outline:none;flex:1;padding:0}.lexicon-dir__search .lexicon-dir__search-input:hover,.lexicon-dir__search .lexicon-dir__search-input:focus,.lexicon-dir__search .lexicon-dir__search-input:focus-visible{box-shadow:none;border:none;outline:none}.lexicon-dir__alpha{gap:var(--gap-2xs);flex-wrap:wrap;display:flex}.lexicon-dir__alpha-btn{min-width:2.35rem;padding:var(--padding-sm) 0;text-align:center;font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--text);background:var(--surface-raised);border:1px solid var(--border-soft);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-colors)}.lexicon-dir__alpha-btn--all{min-width:auto;padding:var(--padding-sm) var(--padding-md)}.lexicon-dir__alpha-btn:hover:not(:disabled):not(.lexicon-dir__alpha-btn--active){border-color:color-mix(in srgb, var(--primary) 40%, transparent);color:var(--primary)}.lexicon-dir__alpha-btn--active{color:var(--on-primary);background:var(--primary);border-color:var(--primary)}.lexicon-dir__alpha-btn--disabled,.lexicon-dir__alpha-btn:disabled{color:color-mix(in srgb, var(--muted) 45%, transparent);background:var(--bg);cursor:not-allowed}.lexicon-dir__count{align-items:center;gap:var(--gap-sm);display:flex}.lexicon-dir__count-label{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--muted);font-variant-numeric:tabular-nums}.lexicon-dir__count-pill{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wider);color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent);border:1px solid color-mix(in srgb, var(--primary) 22%, transparent);padding:1px var(--gap-sm);border-radius:var(--radius-sm)}.lexicon-dir__list{gap:var(--gap-xs);flex-direction:column;display:flex}.lexicon-dir__item{padding:0;display:block}.lexicon-dir__item[open],.lexicon-dir__item:hover{border-color:color-mix(in srgb, var(--primary) 26%, transparent)}.lexicon-dir__summary{align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-md);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;list-style:none;display:flex}.lexicon-dir__summary::-webkit-details-marker{display:none}.lexicon-dir__summary:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:var(--radius-lg)}.lexicon-dir__head{align-items:baseline;gap:var(--gap-sm);flex:1;min-width:0;display:flex}.lexicon-dir__term{font-size:var(--text-body);font-weight:var(--font-bold);color:var(--titles);letter-spacing:-.01em}.lexicon-dir__theme{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--primary);text-transform:uppercase;flex:none}.lexicon-dir__lessons{font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--muted);white-space:nowrap;flex:none}.lexicon-dir__sign{border-radius:var(--radius-sm);background:var(--surface-overlay);border:1px solid var(--border-soft);width:1.4rem;height:1.4rem;color:var(--muted);flex:none;justify-content:center;align-items:center;display:flex}.lexicon-dir__sign:after{content:"+";font-size:var(--text-small);line-height:1}.lexicon-dir__item[open] .lexicon-dir__sign{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 35%, transparent)}.lexicon-dir__item[open] .lexicon-dir__sign:after{content:"−"}.lexicon-dir__body{padding:0 var(--padding-md) var(--padding-md)}.lexicon-dir__definition{font-size:var(--text-small);line-height:var(--leading-relaxed);color:var(--text);margin:0}.lexicon-dir__lesson-link{align-items:center;gap:var(--gap-xs);margin-top:var(--margin-sm);font-size:var(--text-tiny);font-weight:var(--font-semibold);color:var(--primary);transition:var(--transition-colors);text-decoration:none;display:inline-flex}.lexicon-dir__lesson-link:hover{color:color-mix(in srgb, var(--primary) 80%, var(--titles));gap:var(--gap-sm)}.lexicon-dir__pagination{justify-content:center;align-items:center;gap:var(--gap-md);margin-top:var(--margin-sm);display:flex}.lexicon-dir__page-btn{align-items:center;gap:var(--gap-xs);padding:var(--padding-xs) var(--padding-md);font-size:var(--text-small);font-weight:var(--font-medium);color:var(--text);background:var(--surface-raised);border:1px solid var(--border-soft);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-colors);display:inline-flex}.lexicon-dir__page-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 40%, transparent);color:var(--primary)}.lexicon-dir__page-btn:disabled{opacity:.4;cursor:not-allowed}.lexicon-dir__page-info{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.lexicon-dir__empty{padding:var(--padding-xl) 0;text-align:center;color:var(--muted);font-size:var(--text-small)}@media (max-width:640px){.lexicon-dir__head{gap:var(--gap-2xs);flex-wrap:wrap}}
.quiz{gap:var(--gap-lg);flex-direction:column;display:flex}.quiz__loading,.quiz__error,.quiz__empty{text-align:center;padding:var(--padding-xl);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg)}.quiz__head{justify-content:space-between;align-items:center;gap:var(--gap-md);display:flex}.quiz__head-title{font-size:var(--text-body);font-weight:var(--font-bold);color:var(--titles);margin:0}.quiz__head-meta{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--muted);white-space:nowrap}.quiz__card{padding:var(--padding-xl);gap:var(--gap-lg)}.quiz__question{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles);margin:0;line-height:1.5}.quiz__options{gap:var(--gap-sm);flex-direction:column;display:flex}.quiz__option{align-items:center;gap:var(--gap-md);padding:var(--padding-md) var(--padding-lg);background-color:var(--surface-sunken);border:1px solid var(--border-soft);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-colors);text-align:left;font-family:inherit;font-size:var(--text-small);color:var(--text);width:100%;display:flex;box-shadow:inset 0 1px 2px #00000059}.quiz__option:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 45%, transparent);background-color:var(--surface)}.quiz__option:disabled{cursor:not-allowed}.quiz__option--selected{border-color:color-mix(in srgb, var(--primary) 45%, transparent);background-color:color-mix(in srgb, var(--primary) 8%, transparent);color:var(--titles)}.quiz__radio{border-radius:var(--radius-full);border:2px solid color-mix(in srgb, var(--muted) 50%, transparent);width:18px;height:18px;transition:var(--transition-colors);flex:none;justify-content:center;align-items:center;display:flex}.quiz__option--multiple .quiz__radio{border-radius:var(--radius-sm)}.quiz__option--selected .quiz__radio{border-color:var(--primary)}.quiz__option--selected .quiz__radio:after{content:"";border-radius:inherit;background:var(--primary);width:8px;height:8px}.quiz__option-text{line-height:var(--leading-relaxed);flex:1}.quiz__footer{justify-content:space-between;align-items:center;gap:var(--gap-md);display:flex}.quiz__dots{gap:var(--gap-xs);display:flex}.quiz__dot{border-radius:var(--radius-full);background:color-mix(in srgb, var(--titles) 10%, transparent);width:24px;height:4px}.quiz__dot--active{background:var(--primary)}.quiz__footer-actions{align-items:center;gap:var(--gap-sm);display:flex}.quiz__option--correct{border-color:var(--success);background-color:color-mix(in srgb, var(--success) 10%, transparent)}.quiz__option--incorrect{border-color:var(--destructive);background-color:color-mix(in srgb, var(--destructive) 10%, transparent)}.quiz__explanation{margin-top:var(--margin-md);padding:var(--padding-lg);border-radius:var(--radius-sm);border-left:4px solid var(--primary)}.quiz__explanation--correct{background:color-mix(in srgb, var(--success) 10%, transparent);border-left-color:var(--success)}.quiz__explanation--incorrect{background:color-mix(in srgb, var(--warning) 10%, transparent);border-left-color:var(--warning)}.quiz__explanation p{color:var(--text);line-height:var(--leading-relaxed);margin:0}.quiz__actions{justify-content:space-between;gap:var(--gap-md);margin-top:var(--margin-md);padding-top:var(--padding-lg);border-top:1px solid var(--border);display:flex}.quiz__results-slim{padding:var(--padding-xl);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);justify-content:center;align-items:center;display:flex}.quiz__results{gap:var(--gap-xl);padding:var(--padding-2xl) var(--padding-xl);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);grid-template-columns:1fr 1fr;align-items:center;display:grid}.quiz__results-visual{text-align:center;width:100%}.quiz__results-content{text-align:left}.quiz__progress-bar{width:100%;max-width:250px}.quiz__results-icon{color:var(--primary);justify-content:center;align-items:center;line-height:1;animation:.5s ease-out bounce-in;display:inline-flex}@media (max-width:768px){.quiz__results{gap:var(--gap-xl);grid-template-columns:1fr}.quiz__results-content{text-align:center}}.quiz__score{justify-content:center;align-items:baseline;gap:var(--gap-sm);display:flex}.quiz__score-value{font-size:var(--text-display-md);color:var(--primary);line-height:1;font-weight:var(--font-black)}.quiz__score-total{font-size:var(--text-h2);font-weight:var(--font-bold)}@keyframes bounce-in{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.quiz-results-percentage{font-size:var(--text-h2);font-weight:var(--font-bold);padding:var(--padding-sm) var(--padding-xl);border-radius:var(--radius-full);background-color:var(--surface)}.quiz-results-percentage--success{color:var(--success);background-color:color-mix(in srgb, var(--success) 10%, transparent)}.quiz-results-percentage--warning{color:var(--warning);background-color:color-mix(in srgb, var(--warning) 10%, transparent)}.quiz-results-stats{gap:var(--gap-lg);grid-template-columns:repeat(3,1fr);width:100%;display:grid}.quiz-results-stat{align-items:center;gap:var(--gap-sm);padding:var(--padding-lg);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex}.quiz-results-stat:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.quiz-results-stat--success{border-color:var(--success);background:linear-gradient(to bottom, color-mix(in srgb, var(--success) 5%, transparent), var(--surface))}.quiz-results-stat--error{border-color:var(--destructive);background:linear-gradient(to bottom, color-mix(in srgb, var(--destructive) 5%, transparent), var(--surface))}.quiz-results-stat-icon{font-size:var(--text-stat-md);line-height:1}.quiz-results-stat--success .quiz-results-stat-icon{color:var(--success)}.quiz-results-stat--error .quiz-results-stat-icon{color:var(--destructive)}.quiz-results-stat-label{font-size:var(--text-small);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-medium)}.quiz-results-stat-value{font-size:var(--text-h2);font-weight:var(--font-bold);color:var(--titles)}.quiz-results-progress-bar{background-color:var(--surface);border-radius:var(--radius-full);width:100%;height:12px;position:relative;overflow:hidden}.quiz-results-progress-fill{border-radius:var(--radius-full);height:100%;transition:width 1s ease-out;position:relative;overflow:hidden}.quiz-results-progress-fill--success{background:linear-gradient(90deg, var(--success), var(--primary))}.quiz-results-progress-fill--warning{background:linear-gradient(90deg, var(--warning), var(--destructive))}.quiz-results-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}.quiz-results-message{width:100%;padding:var(--padding-lg);background-color:var(--surface);border-radius:var(--radius-md);border-left:4px solid var(--primary)}.quiz-results-message p{color:var(--text);line-height:var(--leading-relaxed);font-size:var(--text-body);margin:0}.quiz-results-message strong{color:var(--titles)}.quiz-results-actions{gap:var(--gap-md);width:100%;margin-top:var(--margin-md);justify-content:center;display:flex}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes bounce-scale{0%,to{transform:scale(1)translateY(0)}25%{transform:scale(1.1)translateY(-10px)}50%{transform:scale(.95)translateY(0)}75%{transform:scale(1.05)translateY(-5px)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width:768px){.quiz{padding:var(--padding-lg)}.quiz-header{align-items:flex-start;gap:var(--gap-sm);flex-direction:column}.quiz--completed{padding:var(--padding-lg)}.quiz-results{gap:var(--gap-lg)}.quiz-results-icon{font-size:var(--text-display-sm)}.quiz-results-title{font-size:var(--text-h2)}.quiz-results-main-score{padding:var(--padding-lg) var(--padding-xl)}.quiz-results-score-value{font-size:var(--text-display-sm)}.quiz-results-score-separator,.quiz-results-score-total{font-size:var(--text-h2)}.quiz-results-percentage{font-size:var(--text-h3);padding:var(--padding-xs) var(--padding-lg)}.quiz-results-stats{gap:var(--gap-md);grid-template-columns:1fr}.quiz-results-stat{padding:var(--padding-md)}.quiz-results-stat-value{font-size:var(--text-h3)}}
@keyframes cbScrim{0%{opacity:0}to{opacity:1}}@keyframes cbFade{0%{opacity:0}to{opacity:1}}@keyframes cbUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes cbUpSm{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes cbPop{0%{opacity:0;transform:scale(.84)}62%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes cbStamp{0%{opacity:0;transform:scale(1.55)}58%{opacity:1;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes cbRise{0%{opacity:0;transform:translateY(3rem)scale(.72)}62%{opacity:1}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cbFallOut{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-96%)scale(.66)}}@keyframes cbRing{0%{stroke-dashoffset:var(--cb-circ,327px)}to{stroke-dashoffset:0}}@keyframes cbBarGrow{0%{width:var(--cb-bar-from,45%)}to{width:var(--cb-bar-to,55%)}}@keyframes cbGlow{0%,to{box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 28%, transparent), 0 0 1.4rem color-mix(in srgb, var(--primary) 30%, transparent)}50%{box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 50%, transparent), 0 0 2.75rem color-mix(in srgb, var(--primary) 62%, transparent)}}@keyframes cbGlowRank{0%,to{filter:drop-shadow(0 0 1rem color-mix(in srgb, var(--primary) 30%, transparent))}50%{filter:drop-shadow(0 0 2.4rem color-mix(in srgb, var(--primary) 62%, transparent))}}@keyframes cbBurst{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}15%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) rotate(var(--r)) scale(var(--s))}}@keyframes cbConfetti{0%{opacity:0;transform:translate(-50%)rotate(0)}12%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)), var(--dy)) rotate(var(--r))}}@keyframes cbShock{0%{opacity:.65;transform:translate(-50%,-50%)scale(.22)}to{opacity:0;transform:translate(-50%,-50%)scale(2.7)}}@keyframes cbFlash{0%{opacity:0}22%{opacity:.85}to{opacity:0}}@keyframes cbRays{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes cbBeam{0%{opacity:0;transform:translate(-50%)scaleY(.4)}40%{opacity:1}to{opacity:0;transform:translate(-50%)scaleY(1)}}.cb-overlay{z-index:1000;padding:var(--padding-lg);font-family:var(--font-sans);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cb-scrim{background:color-mix(in srgb, var(--bg) 62%, transparent);animation:.3s cubic-bezier(.4,0,.2,1) both cbScrim;position:absolute;inset:0}.cb-scrim--badge{background:color-mix(in srgb, var(--bg) 66%, transparent)}.cb-scrim--rank{background:color-mix(in srgb, var(--bg) 74%, transparent)}.cb-fx{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.cb-particle{position:absolute;top:50%;left:50%}.cb-shock{border-radius:var(--radius-full);border:2px solid color-mix(in srgb, var(--primary) 60%, transparent);width:6.875rem;height:6.875rem;position:absolute;top:46%;left:50%}.cb-rays{border-radius:var(--radius-full);opacity:.85;background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--primary) 10%, transparent) 0deg 4deg, transparent 4deg 15deg);width:28.75rem;height:28.75rem;animation:16s linear infinite cbRays;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 6%,#0000 60%);mask-image:radial-gradient(circle,#000 6%,#0000 60%)}.cb-beam{transform-origin:bottom;background:linear-gradient(to top, transparent, color-mix(in srgb, var(--primary) 22%, transparent) 42%, transparent);width:9.375rem;animation:1.1s cubic-bezier(.4,0,.2,1) .5s both cbBeam;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.cb-flash{background:radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--primary) 50%, transparent), transparent 55%);position:absolute;inset:0}.cb-panel{z-index:2;text-align:center;width:100%;max-width:25rem;padding:var(--padding-lg);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb, var(--primary) 22%, transparent);background:linear-gradient(160deg, var(--surface-raised), var(--bg) 78%);position:relative;box-shadow:0 1.875rem 4.375rem -1.875rem #000000b3,inset 0 1px #ffffff0d}.cb-panel--badge,.cb-panel--rank{border-color:color-mix(in srgb, var(--primary) 28%, transparent)}.cb-close{border-radius:var(--radius-md);border:1px solid var(--border-soft);background:color-mix(in srgb, var(--surface-overlay) 60%, transparent);width:2rem;height:2rem;color:var(--muted);cursor:pointer;justify-content:center;align-items:center;transition:color .15s,background .15s;display:inline-flex;position:absolute;top:.625rem;right:.625rem}.cb-close:hover{color:var(--titles);background:var(--surface-overlay)}.cb-close:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.cb-eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--primary);margin-bottom:var(--gap-md);font-size:.625rem}.cb-title{letter-spacing:-.03em;color:var(--titles);margin:0 0 var(--gap-xs);font-size:1.3125rem;font-weight:800}.cb-title--rank{letter-spacing:-.035em;font-size:1.625rem}.cb-title--gradient{background:linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 68%, #000) );-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.cb-score{color:var(--muted);margin-bottom:var(--gap-lg);font-size:.8125rem}.cb-score b{color:var(--titles)}.cb-score .cb-score__pct{color:var(--primary)}.cb-skill{color:var(--text);margin:0 auto var(--gap-lg);max-width:18rem;font-size:.78125rem;line-height:1.55}.cb-skill__rank{font-family:var(--font-mono);letter-spacing:.05em;color:var(--primary);margin-bottom:var(--gap-xs);font-size:.625rem;display:block}.cb-xp{align-items:center;gap:var(--gap-xs);font-family:var(--font-mono);color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent);border:1px solid color-mix(in srgb, var(--primary) 28%, transparent);border-radius:var(--radius-full);margin-bottom:var(--gap-lg);padding:.5rem .875rem;font-size:.8125rem;font-weight:700;display:inline-flex}.cb-cta{justify-content:center;align-items:center;gap:var(--gap-sm);color:var(--on-primary);background:linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 68%, #000) );border-radius:var(--radius-md);cursor:pointer;box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 25%, transparent), 0 0 1.375rem color-mix(in srgb, var(--primary) 30%, transparent);border:none;padding:.6875rem 1.25rem;font-size:.8125rem;font-weight:700;display:inline-flex}.cb-cta:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.cb-medallion{width:4rem;height:4rem;margin:0 auto var(--gap-md);border-radius:var(--radius-full);background:radial-gradient(circle at 50% 34%, color-mix(in srgb, var(--primary) 28%, transparent), var(--bg));border:1px solid color-mix(in srgb, var(--primary) 42%, transparent);box-shadow:0 0 1.625rem -.25rem color-mix(in srgb, var(--primary) 50%, transparent);justify-content:center;align-items:center;display:flex}.cb-medallion svg{color:var(--primary)}.cb-badge-medallion{width:7.375rem;height:7.375rem;margin:0 auto var(--gap-md);border-radius:var(--radius-full);position:relative}.cb-badge-medallion__svg{width:100%;height:100%;position:absolute;inset:0}.cb-badge-medallion__track{stroke:color-mix(in srgb, var(--titles) 9%, transparent)}.cb-ring{stroke:var(--primary);filter:drop-shadow(0 0 .3125rem color-mix(in srgb, var(--primary) 60%, transparent))}.cb-badge-medallion__disc{border-radius:var(--radius-full);background:radial-gradient(circle at 50% 34%, var(--surface-overlay), var(--bg));border:1px solid color-mix(in srgb, var(--primary) 35%, transparent);justify-content:center;align-items:center;display:flex;position:absolute;inset:.8125rem;box-shadow:inset 0 2px 6px #ffffff0f}.cb-badge-medallion__icon{width:2.875rem;height:2.875rem;color:var(--primary);filter:drop-shadow(0 0 .25rem color-mix(in srgb, var(--primary) 50%, transparent))}.cb-badge-medallion__icon svg{width:100%;height:100%}.cb-badge-medallion__icon .achievement-symbol__fill-body,.cb-badge-medallion__icon .achievement-symbol__fill-accent{fill:var(--primary)}.cb-rank-stage{height:8.625rem;margin-bottom:var(--gap-sm);justify-content:center;align-items:center;display:flex;position:relative}.cb-oldrank{border-radius:var(--radius-md);background:radial-gradient(circle at 50% 34%, var(--surface-overlay), var(--bg));border:1px solid var(--border-soft);width:3.75rem;height:3.75rem;color:var(--muted);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cb-oldrank svg{width:1.875rem;height:1.875rem}.cb-oldrank .achievement-symbol__fill-body,.cb-oldrank .achievement-symbol__fill-accent{fill:var(--muted)}.cb-rank-medallion{width:7.5rem;height:7.5rem;clip-path:var(--shape-octagon);background:var(--primary);filter:drop-shadow(0 0 1.25rem color-mix(in srgb, var(--primary) 45%, transparent));justify-content:center;align-items:center;display:flex;position:relative}.cb-rank-medallion:before{content:"";clip-path:var(--shape-octagon);background:radial-gradient(circle at 50% 32%, var(--surface-overlay), var(--bg));position:absolute;inset:2px}.cb-rank-medallion__icon{z-index:1;width:3.75rem;height:3.75rem;color:var(--primary);filter:drop-shadow(0 0 .375rem color-mix(in srgb, var(--primary) 60%, transparent));position:relative}.cb-rank-medallion__icon svg{width:100%;height:100%}.cb-rank-medallion__icon .achievement-symbol__fill-body,.cb-rank-medallion__icon .achievement-symbol__fill-accent{fill:var(--primary)}.cb-bar{text-align:left;margin-bottom:var(--gap-lg)}.cb-bar__meta{font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;color:var(--muted);justify-content:space-between;margin-bottom:.4375rem;font-size:.5625rem;display:flex}.cb-bar__track{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--titles) 8%, transparent);height:.375rem;overflow:hidden}.cb-bar__fill{height:100%;width:var(--cb-bar-to,55%);border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--primary), color-mix(in srgb, var(--primary) 68%, #000) )}@media (prefers-reduced-motion:reduce){.cb-overlay *,.cb-overlay :before,.cb-overlay :after{animation-duration:.01ms!important;animation-iteration-count:1!important}}
.table-of-contents{margin-bottom:var(--margin-lg)}.table-of-contents__title{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--margin-md);padding:var(--padding-sm) 0}.table-of-contents__list{margin:0;padding:0;list-style:none}.table-of-contents__item{margin-bottom:var(--margin-sm)}.table-of-contents__link{padding:var(--padding-sm) var(--padding-md);color:var(--text);border-radius:var(--radius-xs);font-size:var(--text-body);transition:var(--transition-colors);text-decoration:none;display:block}.table-of-contents__link:hover{background-color:var(--surface);color:var(--titles)}.table-of-contents__link:active,.table-of-contents__item--active .table-of-contents__link{background-color:var(--primary);color:var(--bg);font-weight:var(--font-medium)}
.mobile-sidebar-trigger{bottom:var(--gap-xl);right:var(--gap-xl);z-index:40;align-items:center;gap:var(--gap-sm);padding:var(--padding-md);background:var(--primary);color:var(--bg);border-radius:var(--radius-md);font-size:var(--text-body);font-weight:var(--font-medium);box-shadow:var(--shadow-lg);cursor:pointer;transition:var(--transition-all);border:none;display:none;position:fixed}.mobile-sidebar-trigger:hover{box-shadow:var(--shadow-xl);transform:scale(1.05)}.mobile-sidebar-trigger:active{transform:scale(.98)}.mobile-sidebar-trigger .icon{width:24px;height:24px}@media (max-width:768px){.mobile-sidebar-trigger{display:flex}}
.credit-balance--sm{padding:var(--padding-md)}.credit-balance--lg{padding:var(--padding-xl)}.credit-balance--critical{border-color:color-mix(in srgb, var(--destructive) 50%, transparent);background:color-mix(in srgb, var(--destructive) 5%, transparent)}.credit-balance--low{border-color:color-mix(in srgb, var(--warning) 50%, transparent);background:color-mix(in srgb, var(--warning) 5%, transparent)}.credit-balance-header{margin-bottom:var(--margin-md);justify-content:space-between;align-items:center;display:flex}.credit-balance-title{align-items:center;gap:var(--gap-sm);display:flex}.credit-balance-indicator{border-radius:50%;width:.5rem;height:.5rem}.credit-balance-indicator--good{background:var(--success)}.credit-balance-indicator--low{background:var(--warning)}.credit-balance-indicator--critical{background:var(--destructive)}.credit-balance-heading{color:var(--titles);margin:0;font-weight:500}.credit-balance--sm .credit-balance-heading{font-size:var(--text-body-sm)}.credit-balance--lg .credit-balance-heading{font-size:var(--text-h5)}.credit-balance-buy-button{font-size:var(--text-tiny)}.credit-balance-display{margin-bottom:var(--margin-md)}.credit-balance-numbers{align-items:baseline;gap:var(--gap-sm);margin-bottom:var(--margin-sm);display:flex}.credit-balance-current{font-weight:700}.credit-balance--sm .credit-balance-current{font-size:var(--text-h4)}.credit-balance--md .credit-balance-current{font-size:var(--text-h3)}.credit-balance--lg .credit-balance-current{font-size:var(--text-stat-md)}.credit-balance-current--good{color:var(--titles)}.credit-balance-current--low{color:var(--warning)}.credit-balance-current--critical{color:var(--destructive)}.credit-balance-total{color:var(--muted)}.credit-balance--sm .credit-balance-total{font-size:var(--text-tiny)}.credit-balance--md .credit-balance-total,.credit-balance--lg .credit-balance-total{font-size:var(--text-body-sm)}.credit-balance-progress{height:.5rem}.credit-balance--sm .credit-balance-progress{height:.375rem}.credit-balance--lg .credit-balance-progress{height:.75rem}.credit-balance-info{gap:var(--gap-sm);flex-direction:column;display:flex}.credit-balance-row{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.credit-balance--sm .credit-balance-row{font-size:var(--text-tiny)}.credit-balance--md .credit-balance-row,.credit-balance--lg .credit-balance-row{font-size:var(--text-body-sm)}.credit-balance-alert{align-items:center;gap:var(--gap-sm);padding:var(--padding-sm);background:color-mix(in srgb, var(--destructive) 10%, transparent);border:1px solid color-mix(in srgb, var(--destructive) 20%, transparent);border-radius:var(--radius-sm);display:flex}.credit-balance--sm .credit-balance-alert{font-size:var(--text-tiny)}.credit-balance--md .credit-balance-alert,.credit-balance--lg .credit-balance-alert{font-size:var(--text-body-sm)}.credit-balance-alert-icon{width:1rem;height:1rem;color:var(--destructive);flex-shrink:0}.credit-balance-alert-text{color:var(--destructive)}
.kpi-grid{gap:var(--gap-md);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.kpi-card{padding:var(--padding-lg)}.kpi-card:hover{border-color:var(--primary)}.kpi-header{justify-content:space-between;align-items:flex-start;gap:var(--gap-sm);display:flex}.kpi-info{gap:var(--gap-xs);flex-direction:column;min-width:0;display:flex}.kpi-title{font-size:var(--text-tiny);color:var(--muted);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.kpi-value{font-size:var(--text-stat-md);color:var(--titles);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.kpi-icon{border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.kpi-icon--brand{color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent)}.kpi-change{align-items:center;gap:var(--gap-xs);margin-top:var(--margin-md);display:flex}.kpi-change-value{font-size:var(--text-small);font-weight:600;font-family:var(--font-mono);font-variant-numeric:tabular-nums;align-items:center;gap:2px;display:inline-flex}.kpi-change-value .icon-sm{width:.85rem;height:.85rem}.kpi-change--up{color:var(--success)}.kpi-change--down{color:var(--error)}.kpi-change--neutral{color:var(--muted)}.kpi-change-period{font-size:var(--text-tiny);color:var(--muted)}.kpi-card--loading{pointer-events:none}.kpi-skeleton{gap:var(--gap-sm);flex-direction:column;display:flex}
.dynamic-card__content{gap:var(--gap-md);flex-direction:column;display:flex}.dynamic-card--horizontal{grid-template-rows:1fr auto;grid-template-columns:1fr 1fr;gap:0;min-height:320px;padding:0;display:grid}.dynamic-card--horizontal>.card-image{-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-md) 0 0 var(--radius-md);grid-area:1/1/span 2;align-self:stretch;width:100%;height:100%;margin:0}.dynamic-card--horizontal>.card-content{padding:var(--padding-xl);gap:var(--gap-md);flex-direction:column;grid-area:1/2;display:flex}.dynamic-card--horizontal .dynamic-card__stats{background:0 0;padding:0}.dynamic-card--horizontal .dynamic-card__progress{margin-top:auto}.dynamic-card--horizontal>.card-footer{padding:0 var(--padding-xl) var(--padding-xl) var(--padding-xl);grid-area:2/2}@media (max-width:768px){.dynamic-card--horizontal{padding:var(--padding-section-sm);grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.dynamic-card--horizontal>.card-image{width:calc(100% + (var(--padding-section-sm) * 2));aspect-ratio:16/9;height:auto;margin:calc(var(--padding-section-sm) * -1);border-radius:var(--radius-md) var(--radius-md) 0 0;grid-area:1/1;margin-bottom:0}.dynamic-card--horizontal>.card-content{grid-area:2/1;padding:0}.dynamic-card--horizontal>.card-footer{grid-area:3/1;padding:0}}.dynamic-card__title,.dynamic-card__description{margin:0}.dynamic-card__stats{gap:var(--gap-md);padding:var(--padding-md);border-radius:var(--radius-md);background:0 0;flex-wrap:wrap;align-items:center;display:flex}.dynamic-card__stat{gap:var(--gap-xs);flex-direction:row;align-items:baseline;display:inline-flex}.dynamic-card__stat>span:first-child{color:var(--primary)}.dynamic-card__progress{gap:var(--gap-sm);flex-direction:column;display:flex}.dynamic-card__progress-header{justify-content:space-between;align-items:center;display:flex}.dynamic-card__progress-detail{margin:0}
.import-export-container{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--padding-xl)}.import-export-header{margin-bottom:var(--margin-lg)}.import-export-header h3{font-size:var(--text-h5);color:var(--foreground);margin-bottom:var(--margin-sm);font-weight:600}.import-export-header p{font-size:var(--text-body-sm);color:var(--muted-foreground)}.import-export-grid{gap:var(--gap-xl);grid-template-columns:1fr;display:grid}@media (min-width:1024px){.import-export-grid{grid-template-columns:1fr 1fr}}.import-export-section{gap:var(--gap-md);flex-direction:column;display:flex}.import-export-section h4{font-size:var(--text-body-sm);color:var(--foreground);margin-bottom:var(--margin-md);font-weight:500}.import-export-form{gap:var(--gap-md);flex-direction:column;display:flex}.import-export-field label{font-size:var(--text-tiny);color:var(--muted-foreground);margin-bottom:var(--margin-sm);font-weight:500;display:block}.import-export-count{font-size:var(--text-tiny);color:var(--muted-foreground)}.import-export-status{gap:var(--gap-sm);flex-direction:column;display:flex}.import-export-status-text{font-size:var(--text-tiny)}.import-export-status-text--success{color:var(--success)}.import-export-status-text--error{color:var(--destructive)}.import-export-status-text--muted{color:var(--muted-foreground)}.import-export-help{margin-top:var(--margin-lg);padding:var(--padding-md);background-color:var(--muted);border-radius:var(--radius-sm)}.import-export-help h5{font-size:var(--text-body-sm);color:var(--foreground);margin-bottom:var(--margin-sm);font-weight:500}.import-export-help ul{gap:var(--gap-xs);font-size:var(--text-tiny);color:var(--muted-foreground);flex-direction:column;display:flex}.import-export-help strong{color:var(--foreground);font-weight:600}
.invite-members-form{gap:var(--gap-md);flex-direction:column;display:flex}.invite-members-input-group{gap:var(--gap-sm);display:flex}.invite-members-list{gap:var(--gap-sm);margin-top:var(--margin-md);flex-direction:column;display:flex}.invite-member-item{padding:var(--padding-md);background-color:var(--muted);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}
.kanban{gap:var(--gap-lg);padding:var(--padding-md);display:flex;overflow-x:auto}.kanban-column{background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border);flex-direction:column;flex-shrink:0;width:300px;display:flex}.kanban-column-header{padding:var(--padding-md);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.kanban-column-title{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles);margin:0}.kanban-column-count{font-size:var(--text-small);color:var(--muted);background:var(--bg);padding:var(--padding-xs) var(--padding-sm);border-radius:var(--radius-xs)}.kanban-column-content{padding:var(--padding-md);gap:var(--gap-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.kanban-card{padding:var(--padding-md);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-transform)}.kanban-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kanban-card-header{justify-content:space-between;align-items:flex-start;gap:var(--gap-sm);margin-bottom:var(--margin-sm);display:flex}.kanban-card-title{font-size:var(--text-body);font-weight:var(--font-medium);color:var(--titles);flex:1;margin:0}.kanban-card-priority{font-size:var(--text-small);padding:var(--padding-xs) var(--padding-sm);border-radius:var(--radius-xs);text-transform:capitalize}.kanban-card-priority--low{background:var(--surface);color:var(--muted)}.kanban-card-priority--medium{background:var(--warning);color:var(--bg)}.kanban-card-priority--high{background:var(--destructive);color:var(--on-primary)}.kanban-card-description{font-size:var(--text-small);color:var(--text);line-height:var(--leading-relaxed);margin:0 0 var(--margin-sm) 0}.kanban-card-assignee{font-size:var(--text-small);color:var(--muted)}