.quiz{display:flex;flex-direction:column;gap:var(--gap-lg)}.quiz__empty,.quiz__error,.quiz__loading{text-align:center;padding:var(--padding-xl);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg)}.quiz__head{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md)}.quiz__head-title{margin:0;font-size:var(--text-body);font-weight:var(--font-bold);color:var(--titles)}.quiz__head-meta{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--muted);white-space:nowrap}.quiz__card{padding:var(--padding-xl);gap:var(--gap-lg)}.quiz__question{margin:0;font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles);line-height:1.5}.quiz__options{display:flex;flex-direction:column;gap:var(--gap-sm)}.quiz__option{display:flex;align-items:center;gap:var(--gap-md);padding:var(--padding-md) var(--padding-lg);background-color:var(--surface-sunken);box-shadow:inset 0 1px 2px rgba(0,0,0,.35);border:1px solid var(--border-soft);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-colors);text-align:left;font-family:inherit;font-size:var(--text-small);color:var(--text);width:100%}.quiz__option:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 45%,transparent);background-color:var(--surface)}.quiz__option:disabled{cursor:not-allowed}.quiz__option--selected{border-color:color-mix(in srgb,var(--primary) 45%,transparent);background-color:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--titles)}.quiz__radio{width:18px;height:18px;border-radius:var(--radius-full);border:2px solid color-mix(in srgb,var(--muted) 50%,transparent);flex:none;display:flex;align-items:center;justify-content:center;transition:var(--transition-colors)}.quiz__option--multiple .quiz__radio{border-radius:var(--radius-sm)}.quiz__option--selected .quiz__radio{border-color:var(--primary)}.quiz__option--selected .quiz__radio:after{content:"";width:8px;height:8px;border-radius:inherit;background:var(--primary)}.quiz__option-text{flex:1;line-height:var(--leading-relaxed)}.quiz__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md)}.quiz__dots{display:flex;gap:var(--gap-xs)}.quiz__dot{width:24px;height:4px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--titles) 10%,transparent)}.quiz__dot--active{background:var(--primary)}.quiz__footer-actions{display:flex;align-items:center;gap:var(--gap-sm)}.quiz__option--correct{border-color:var(--success);background-color:color-mix(in srgb,var(--success) 10%,transparent)}.quiz__option--incorrect{border-color:var(--destructive);background-color:color-mix(in srgb,var(--destructive) 10%,transparent)}.quiz__explanation{margin-top:var(--margin-md);padding:var(--padding-lg);border-radius:var(--radius-sm);border-left:4px solid var(--primary)}.quiz__explanation--correct{background:color-mix(in srgb,var(--success) 10%,transparent);border-left-color:var(--success)}.quiz__explanation--incorrect{background:color-mix(in srgb,var(--warning) 10%,transparent);border-left-color:var(--warning)}.quiz__explanation p{margin:0;color:var(--text);line-height:var(--leading-relaxed)}.quiz__actions{display:flex;justify-content:space-between;gap:var(--gap-md);margin-top:var(--margin-md);padding-top:var(--padding-lg);border-top:1px solid var(--border)}.quiz__results-slim{display:flex;justify-content:center;padding:var(--padding-xl)}.quiz__results,.quiz__results-slim{align-items:center;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg)}.quiz__results{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-xl);padding:var(--padding-2xl) var(--padding-xl)}.quiz__results-visual{text-align:center;width:100%}.quiz__results-content{text-align:left}.quiz__progress-bar{width:100%;max-width:250px}.quiz__results-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--primary);line-height:1;animation:bounce-in .5s ease-out}@media (max-width:768px){.quiz__results{grid-template-columns:1fr;gap:var(--gap-xl)}.quiz__results-content{text-align:center}}.quiz__score{display:flex;align-items:baseline;justify-content:center;gap:var(--gap-sm)}.quiz__score-value{font-size:var(--text-display-md);color:var(--primary);line-height:1;font-weight:var(--font-black)}.quiz__score-total{font-size:var(--text-h2);font-weight:var(--font-bold)}@keyframes bounce-in{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.quiz-results-percentage{font-size:var(--text-h2);font-weight:var(--font-bold);padding:var(--padding-sm) var(--padding-xl);border-radius:var(--radius-full);background-color:var(--surface)}.quiz-results-percentage--success{color:var(--success);background-color:color-mix(in srgb,var(--success) 10%,transparent)}.quiz-results-percentage--warning{color:var(--warning);background-color:color-mix(in srgb,var(--warning) 10%,transparent)}.quiz-results-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-lg);width:100%}.quiz-results-stat{display:flex;flex-direction:column;align-items:center;gap:var(--gap-sm);padding:var(--padding-lg);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:transform .2s ease,box-shadow .2s ease}.quiz-results-stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.quiz-results-stat--success{border-color:var(--success);background:linear-gradient(to bottom,color-mix(in srgb,var(--success) 5%,transparent),var(--surface))}.quiz-results-stat--error{border-color:var(--destructive);background:linear-gradient(to bottom,color-mix(in srgb,var(--destructive) 5%,transparent),var(--surface))}.quiz-results-stat-icon{font-size:var(--text-stat-md);line-height:1}.quiz-results-stat--success .quiz-results-stat-icon{color:var(--success)}.quiz-results-stat--error .quiz-results-stat-icon{color:var(--destructive)}.quiz-results-stat-label{font-size:var(--text-small);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-medium)}.quiz-results-stat-value{font-size:var(--text-h2);font-weight:var(--font-bold);color:var(--titles)}.quiz-results-progress-bar{width:100%;height:12px;background-color:var(--surface)}.quiz-results-progress-bar,.quiz-results-progress-fill{border-radius:var(--radius-full);overflow:hidden;position:relative}.quiz-results-progress-fill{height:100%;transition:width 1s ease-out}.quiz-results-progress-fill--success{background:linear-gradient(90deg,var(--success),var(--primary))}.quiz-results-progress-fill--warning{background:linear-gradient(90deg,var(--warning),var(--destructive))}.quiz-results-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.quiz-results-message{width:100%;padding:var(--padding-lg);background-color:var(--surface);border-radius:var(--radius-md);border-left:4px solid var(--primary)}.quiz-results-message p{margin:0;color:var(--text);line-height:var(--leading-relaxed);font-size:var(--text-body)}.quiz-results-message strong{color:var(--titles)}.quiz-results-actions{display:flex;gap:var(--gap-md);justify-content:center;width:100%;margin-top:var(--margin-md)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes bounce-scale{0%,to{transform:scale(1) translateY(0)}25%{transform:scale(1.1) translateY(-10px)}50%{transform:scale(.95) translateY(0)}75%{transform:scale(1.05) translateY(-5px)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:768px){.quiz{padding:var(--padding-lg)}.quiz-header{flex-direction:column;align-items:flex-start;gap:var(--gap-sm)}.quiz--completed{padding:var(--padding-lg)}.quiz-results{gap:var(--gap-lg)}.quiz-results-icon{font-size:var(--text-display-sm)}.quiz-results-title{font-size:var(--text-h2)}.quiz-results-main-score{padding:var(--padding-lg) var(--padding-xl)}.quiz-results-score-value{font-size:var(--text-display-sm)}.quiz-results-score-separator,.quiz-results-score-total{font-size:var(--text-h2)}.quiz-results-percentage{font-size:var(--text-h3);padding:var(--padding-xs) var(--padding-lg)}.quiz-results-stats{grid-template-columns:1fr;gap:var(--gap-md)}.quiz-results-stat{padding:var(--padding-md)}.quiz-results-stat-value{font-size:var(--text-h3)}}@keyframes cbScrim{0%{opacity:0}to{opacity:1}}@keyframes cbFade{0%{opacity:0}to{opacity:1}}@keyframes cbUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes cbUpSm{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes cbPop{0%{opacity:0;transform:scale(.84)}62%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes cbStamp{0%{opacity:0;transform:scale(1.55)}58%{opacity:1;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes cbRise{0%{opacity:0;transform:translateY(3rem) scale(.72)}62%{opacity:1}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cbFallOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-96%) scale(.66)}}@keyframes cbRing{0%{stroke-dashoffset:var(--cb-circ,327px)}to{stroke-dashoffset:0}}@keyframes cbBarGrow{0%{width:var(--cb-bar-from,45%)}to{width:var(--cb-bar-to,55%)}}@keyframes cbGlow{0%,to{box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 28%,transparent),0 0 1.4rem color-mix(in srgb,var(--primary) 30%,transparent)}50%{box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 50%,transparent),0 0 2.75rem color-mix(in srgb,var(--primary) 62%,transparent)}}@keyframes cbGlowRank{0%,to{filter:drop-shadow(0 0 1rem color-mix(in srgb,var(--primary) 30%,transparent))}50%{filter:drop-shadow(0 0 2.4rem color-mix(in srgb,var(--primary) 62%,transparent))}}@keyframes cbBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}15%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--r)) scale(var(--s))}}@keyframes cbConfetti{0%{opacity:0;transform:translate(-50%) rotate(0deg)}12%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)),var(--dy)) rotate(var(--r))}}@keyframes cbShock{0%{opacity:.65;transform:translate(-50%,-50%) scale(.22)}to{opacity:0;transform:translate(-50%,-50%) scale(2.7)}}@keyframes cbFlash{0%{opacity:0}22%{opacity:.85}to{opacity:0}}@keyframes cbRays{to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes cbBeam{0%{opacity:0;transform:translateX(-50%) scaleY(.4)}40%{opacity:1}to{opacity:0;transform:translateX(-50%) scaleY(1)}}.cb-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--padding-lg);font-family:var(--font-sans)}.cb-scrim{position:absolute;inset:0;background:color-mix(in srgb,var(--bg) 62%,transparent);animation:cbScrim .3s cubic-bezier(.4,0,.2,1) both}.cb-scrim--badge{background:color-mix(in srgb,var(--bg) 66%,transparent)}.cb-scrim--rank{background:color-mix(in srgb,var(--bg) 74%,transparent)}.cb-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.cb-particle{top:50%}.cb-particle,.cb-shock{position:absolute;left:50%}.cb-shock{top:46%;width:6.875rem;height:6.875rem;border-radius:var(--radius-full);border:2px solid color-mix(in srgb,var(--primary) 60%,transparent)}.cb-rays{top:46%;width:28.75rem;height:28.75rem;transform:translate(-50%,-50%);border-radius:var(--radius-full);opacity:.85;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--primary) 10%,transparent) 0deg 4deg,transparent 4deg 15deg);-webkit-mask-image:radial-gradient(circle,#000 6%,transparent 60%);mask-image:radial-gradient(circle,#000 6%,transparent 60%);animation:cbRays 16s linear infinite}.cb-beam,.cb-rays{position:absolute;left:50%}.cb-beam{top:0;bottom:0;width:9.375rem;transform:translateX(-50%);transform-origin:bottom;background:linear-gradient(to top,transparent,color-mix(in srgb,var(--primary) 22%,transparent) 42%,transparent);animation:cbBeam 1.1s cubic-bezier(.4,0,.2,1) .5s both}.cb-flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--primary) 50%,transparent),transparent 55%)}.cb-panel{position:relative;z-index:2;width:100%;max-width:25rem;text-align:center;padding:var(--padding-lg);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);background:linear-gradient(160deg,var(--surface-raised),var(--bg) 78%);box-shadow:0 1.875rem 4.375rem -1.875rem rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.05)}.cb-panel--badge,.cb-panel--rank{border-color:color-mix(in srgb,var(--primary) 28%,transparent)}.cb-close{position:absolute;top:.625rem;right:.625rem;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface-overlay) 60%,transparent);color:var(--muted);cursor:pointer;transition:color .15s,background .15s}.cb-close:hover{color:var(--titles);background:var(--surface-overlay)}.cb-close:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.cb-eyebrow{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--primary);margin-bottom:var(--gap-md)}.cb-title{font-size:1.3125rem;font-weight:800;letter-spacing:-.03em;color:var(--titles);margin:0 0 var(--gap-xs)}.cb-title--rank{font-size:1.625rem;letter-spacing:-.035em}.cb-title--gradient{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 68%,#000));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.cb-score{font-size:.8125rem;color:var(--muted);margin-bottom:var(--gap-lg)}.cb-score b{color:var(--titles)}.cb-score .cb-score__pct{color:var(--primary)}.cb-skill{font-size:.78125rem;line-height:1.55;color:var(--text);margin:0 auto var(--gap-lg);max-width:18rem}.cb-skill__rank{display:block;font-family:var(--font-mono);font-size:.625rem;letter-spacing:.05em;color:var(--primary);margin-bottom:var(--gap-xs)}.cb-xp{gap:var(--gap-xs);font-family:var(--font-mono);color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary) 28%,transparent);padding:.5rem .875rem;border-radius:var(--radius-full);margin-bottom:var(--gap-lg)}.cb-cta,.cb-xp{display:inline-flex;align-items:center;font-size:.8125rem;font-weight:700}.cb-cta{justify-content:center;gap:var(--gap-sm);color:var(--on-primary);background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 68%,#000));padding:.6875rem 1.25rem;border:none;border-radius:var(--radius-md);cursor:pointer;box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 25%,transparent),0 0 1.375rem color-mix(in srgb,var(--primary) 30%,transparent)}.cb-cta:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.cb-medallion{width:4rem;height:4rem;margin:0 auto var(--gap-md);border-radius:var(--radius-full);background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--primary) 28%,transparent),var(--bg));border:1px solid color-mix(in srgb,var(--primary) 42%,transparent);display:flex;align-items:center;justify-content:center;box-shadow:0 0 1.625rem -.25rem color-mix(in srgb,var(--primary) 50%,transparent)}.cb-medallion svg{color:var(--primary)}.cb-badge-medallion{position:relative;width:7.375rem;height:7.375rem;margin:0 auto var(--gap-md);border-radius:var(--radius-full)}.cb-badge-medallion__svg{position:absolute;inset:0;width:100%;height:100%}.cb-badge-medallion__track{stroke:color-mix(in srgb,var(--titles) 9%,transparent)}.cb-ring{stroke:var(--primary);filter:drop-shadow(0 0 .3125rem color-mix(in srgb,var(--primary) 60%,transparent))}.cb-badge-medallion__disc{position:absolute;inset:.8125rem;border-radius:var(--radius-full);background:radial-gradient(circle at 50% 34%,var(--surface-overlay),var(--bg));border:1px solid color-mix(in srgb,var(--primary) 35%,transparent);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 6px rgba(255,255,255,.06)}.cb-badge-medallion__icon{width:2.875rem;height:2.875rem;color:var(--primary);filter:drop-shadow(0 0 .25rem color-mix(in srgb,var(--primary) 50%,transparent))}.cb-badge-medallion__icon svg{width:100%;height:100%}.cb-badge-medallion__icon .achievement-symbol__fill-accent,.cb-badge-medallion__icon .achievement-symbol__fill-body{fill:var(--primary)}.cb-rank-stage{position:relative;height:8.625rem;margin-bottom:var(--gap-sm)}.cb-oldrank,.cb-rank-stage{display:flex;align-items:center;justify-content:center}.cb-oldrank{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:3.75rem;height:3.75rem;border-radius:var(--radius-md);background:radial-gradient(circle at 50% 34%,var(--surface-overlay),var(--bg));border:1px solid var(--border-soft);color:var(--muted)}.cb-oldrank svg{width:1.875rem;height:1.875rem}.cb-oldrank .achievement-symbol__fill-accent,.cb-oldrank .achievement-symbol__fill-body{fill:var(--muted)}.cb-rank-medallion{position:relative;width:7.5rem;height:7.5rem;clip-path:var(--shape-octagon);background:var(--primary);display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 1.25rem color-mix(in srgb,var(--primary) 45%,transparent))}.cb-rank-medallion:before{content:"";position:absolute;inset:2px;clip-path:var(--shape-octagon);background:radial-gradient(circle at 50% 32%,var(--surface-overlay),var(--bg))}.cb-rank-medallion__icon{position:relative;z-index:1;width:3.75rem;height:3.75rem;color:var(--primary);filter:drop-shadow(0 0 .375rem color-mix(in srgb,var(--primary) 60%,transparent))}.cb-rank-medallion__icon svg{width:100%;height:100%}.cb-rank-medallion__icon .achievement-symbol__fill-accent,.cb-rank-medallion__icon .achievement-symbol__fill-body{fill:var(--primary)}.cb-bar{text-align:left;margin-bottom:var(--gap-lg)}.cb-bar__meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin-bottom:.4375rem}.cb-bar__track{height:.375rem;background:color-mix(in srgb,var(--titles) 8%,transparent);overflow:hidden}.cb-bar__fill,.cb-bar__track{border-radius:var(--radius-sm)}.cb-bar__fill{height:100%;width:var(--cb-bar-to,55%);background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 68%,#000))}@media (prefers-reduced-motion:reduce){.cb-overlay *,.cb-overlay :after,.cb-overlay :before{animation-duration:.01ms!important;animation-iteration-count:1!important}}.table-of-contents{margin-bottom:var(--margin-lg)}.table-of-contents__title{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--margin-md);padding:var(--padding-sm) 0}.table-of-contents__list{list-style:none;padding:0;margin:0}.table-of-contents__item{margin-bottom:var(--margin-sm)}.table-of-contents__link{display:block;padding:var(--padding-sm) var(--padding-md);color:var(--text);text-decoration:none;border-radius:var(--radius-xs);font-size:var(--text-body);transition:var(--transition-colors)}.table-of-contents__link:hover{background-color:var(--surface);color:var(--titles)}.table-of-contents__item--active .table-of-contents__link,.table-of-contents__link:active{background-color:var(--primary);color:var(--bg);font-weight:var(--font-medium)}.mobile-sidebar-trigger{position:fixed;bottom:var(--gap-xl);right:var(--gap-xl);z-index:40;display:none;align-items:center;gap:var(--gap-sm);padding:var(--padding-md);background:var(--primary);color:var(--bg);border:none;border-radius:var(--radius-md);font-size:var(--text-body);font-weight:var(--font-medium);box-shadow:var(--shadow-lg);cursor:pointer;transition:var(--transition-all)}.mobile-sidebar-trigger:hover{transform:scale(1.05);box-shadow:var(--shadow-xl)}.mobile-sidebar-trigger:active{transform:scale(.98)}.mobile-sidebar-trigger .icon{width:24px;height:24px}@media (max-width:768px){.mobile-sidebar-trigger{display:flex}}.credit-balance--sm{padding:var(--padding-md)}.credit-balance--lg{padding:var(--padding-xl)}.credit-balance--critical{border-color:color-mix(in srgb,var(--destructive) 50%,transparent);background:color-mix(in srgb,var(--destructive) 5%,transparent)}.credit-balance--low{border-color:color-mix(in srgb,var(--warning) 50%,transparent);background:color-mix(in srgb,var(--warning) 5%,transparent)}.credit-balance-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--margin-md)}.credit-balance-title{display:flex;align-items:center;gap:var(--gap-sm)}.credit-balance-indicator{width:.5rem;height:.5rem;border-radius:50%}.credit-balance-indicator--good{background:var(--success)}.credit-balance-indicator--low{background:var(--warning)}.credit-balance-indicator--critical{background:var(--destructive)}.credit-balance-heading{font-weight:500;color:var(--titles);margin:0}.credit-balance--sm .credit-balance-heading{font-size:var(--text-body-sm)}.credit-balance--lg .credit-balance-heading{font-size:var(--text-h5)}.credit-balance-buy-button{font-size:var(--text-tiny)}.credit-balance-display{margin-bottom:var(--margin-md)}.credit-balance-numbers{display:flex;align-items:baseline;gap:var(--gap-sm);margin-bottom:var(--margin-sm)}.credit-balance-current{font-weight:700}.credit-balance--sm .credit-balance-current{font-size:var(--text-h4)}.credit-balance--md .credit-balance-current{font-size:var(--text-h3)}.credit-balance--lg .credit-balance-current{font-size:var(--text-stat-md)}.credit-balance-current--good{color:var(--titles)}.credit-balance-current--low{color:var(--warning)}.credit-balance-current--critical{color:var(--destructive)}.credit-balance-total{color:var(--muted)}.credit-balance--sm .credit-balance-total{font-size:var(--text-tiny)}.credit-balance--lg .credit-balance-total,.credit-balance--md .credit-balance-total{font-size:var(--text-body-sm)}.credit-balance-progress{height:.5rem}.credit-balance--sm .credit-balance-progress{height:.375rem}.credit-balance--lg .credit-balance-progress{height:.75rem}.credit-balance-info{display:flex;flex-direction:column;gap:var(--gap-sm)}.credit-balance-row{display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.credit-balance--sm .credit-balance-row{font-size:var(--text-tiny)}.credit-balance--lg .credit-balance-row,.credit-balance--md .credit-balance-row{font-size:var(--text-body-sm)}.credit-balance-alert{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--padding-sm);background:color-mix(in srgb,var(--destructive) 10%,transparent);border:1px solid color-mix(in srgb,var(--destructive) 20%,transparent);border-radius:var(--radius-sm)}.credit-balance--sm .credit-balance-alert{font-size:var(--text-tiny)}.credit-balance--lg .credit-balance-alert,.credit-balance--md .credit-balance-alert{font-size:var(--text-body-sm)}.credit-balance-alert-icon{width:1rem;height:1rem;color:var(--destructive);flex-shrink:0}.credit-balance-alert-text{color:var(--destructive)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--gap-md)}.kpi-card{padding:var(--padding-lg)}.kpi-card:hover{border-color:var(--primary)}.kpi-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-sm)}.kpi-info{display:flex;flex-direction:column;gap:var(--gap-xs);min-width:0}.kpi-title{font-size:var(--text-tiny);color:var(--muted);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.kpi-value{font-size:var(--text-stat-md);font-weight:700;color:var(--titles);line-height:1;font-variant-numeric:tabular-nums}.kpi-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;border-radius:var(--radius-md);color:var(--muted)}.kpi-icon--brand{color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent)}.kpi-change{display:flex;align-items:center;gap:var(--gap-xs);margin-top:var(--margin-md)}.kpi-change-value{display:inline-flex;align-items:center;gap:2px;font-size:var(--text-small);font-weight:600;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.kpi-change-value .icon-sm{width:.85rem;height:.85rem}.kpi-change--up{color:var(--success)}.kpi-change--down{color:var(--error)}.kpi-change--neutral{color:var(--muted)}.kpi-change-period{font-size:var(--text-tiny);color:var(--muted)}.kpi-card--loading{pointer-events:none}.kpi-skeleton{display:flex;flex-direction:column;gap:var(--gap-sm)}.dynamic-card__content{display:flex;flex-direction:column;gap:var(--gap-md)}.dynamic-card--horizontal{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;min-height:320px;gap:0;padding:0}.dynamic-card--horizontal>.card-image{grid-column:1;grid-row:1/span 2;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;align-self:stretch;margin:0;border-radius:var(--radius-md) 0 0 var(--radius-md)}.dynamic-card--horizontal>.card-content{grid-column:2;grid-row:1;display:flex;flex-direction:column;padding:var(--padding-xl);gap:var(--gap-md)}.dynamic-card--horizontal .dynamic-card__stats{background:transparent;padding:0}.dynamic-card--horizontal .dynamic-card__progress{margin-top:auto}.dynamic-card--horizontal>.card-footer{grid-column:2;grid-row:2;padding:0 var(--padding-xl) var(--padding-xl) var(--padding-xl)}@media (max-width:768px){.dynamic-card--horizontal{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;padding:var(--padding-section-sm)}.dynamic-card--horizontal>.card-image{grid-column:1;grid-row:1;width:calc(100% + (var(--padding-section-sm) * 2));height:auto;aspect-ratio:16/9;margin:calc(var(--padding-section-sm) * -1);margin-bottom:0;border-radius:var(--radius-md) var(--radius-md) 0 0}.dynamic-card--horizontal>.card-content{grid-column:1;grid-row:2;padding:0}.dynamic-card--horizontal>.card-footer{grid-column:1;grid-row:3;padding:0}}.dynamic-card__description,.dynamic-card__title{margin:0}.dynamic-card__stats{display:flex;flex-wrap:wrap;gap:var(--gap-md);padding:var(--padding-md);background:transparent;border-radius:var(--radius-md);align-items:center}.dynamic-card__stat{display:inline-flex;flex-direction:row;gap:var(--gap-xs);align-items:baseline}.dynamic-card__stat>span:first-child{color:var(--primary)}.dynamic-card__progress{display:flex;flex-direction:column;gap:var(--gap-sm)}.dynamic-card__progress-header{display:flex;justify-content:space-between;align-items:center}.dynamic-card__progress-detail{margin:0}.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);font-weight:600;color:var(--foreground);margin-bottom:var(--margin-sm)}.import-export-header p{font-size:var(--text-body-sm);color:var(--muted-foreground)}.import-export-grid{display:grid;grid-template-columns:1fr;gap:var(--gap-xl)}@media (min-width:1024px){.import-export-grid{grid-template-columns:1fr 1fr}}.import-export-section{display:flex;flex-direction:column;gap:var(--gap-md)}.import-export-section h4{font-size:var(--text-body-sm);font-weight:500;color:var(--foreground);margin-bottom:var(--margin-md)}.import-export-form{display:flex;flex-direction:column;gap:var(--gap-md)}.import-export-field label{display:block;font-weight:500;margin-bottom:var(--margin-sm)}.import-export-count,.import-export-field label{font-size:var(--text-tiny);color:var(--muted-foreground)}.import-export-status{display:flex;flex-direction:column;gap:var(--gap-sm)}.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);font-weight:500;color:var(--foreground);margin-bottom:var(--margin-sm)}.import-export-help ul{display:flex;flex-direction:column;gap:var(--gap-xs);font-size:var(--text-tiny);color:var(--muted-foreground)}.import-export-help strong{font-weight:600;color:var(--foreground)}.invite-members-form{display:flex;flex-direction:column;gap:var(--gap-md)}.invite-members-input-group,.invite-members-list{display:flex;gap:var(--gap-sm)}.invite-members-list{flex-direction:column;margin-top:var(--margin-md)}.invite-member-item{align-items:center;justify-content:space-between;background-color:var(--muted);border-radius:var(--radius-md)}.invite-member-item,.kanban{display:flex;padding:var(--padding-md)}.kanban{gap:var(--gap-lg);overflow-x:auto}.kanban-column{flex-shrink:0;width:300px;display:flex;flex-direction:column;background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border)}.kanban-column-header{display:flex;align-items:center;justify-content:space-between;padding:var(--padding-md);border-bottom:1px solid var(--border)}.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{flex:1;padding:var(--padding-md);display:flex;flex-direction:column;gap:var(--gap-md);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{transform:translateY(-2px);box-shadow:var(--shadow-md)}.kanban-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-sm);margin-bottom:var(--margin-sm)}.kanban-card-title{font-size:var(--text-body);font-weight:var(--font-medium);color:var(--titles);margin:0;flex:1}.kanban-card-priority{font-size:var(--text-small);padding:var(--padding-xs) var(--padding-sm);border-radius:var(--radius-xs);text-transform:capitalize}.kanban-card-priority--low{background:var(--surface);color:var(--muted)}.kanban-card-priority--medium{background:var(--warning);color:var(--bg)}.kanban-card-priority--high{background:var(--destructive);color:var(--on-primary)}.kanban-card-description{font-size:var(--text-small);color:var(--text);line-height:var(--leading-relaxed);margin:0 0 var(--margin-sm) 0}.kanban-card-assignee{font-size:var(--text-small);color:var(--muted)}.notification-center{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);max-width:400px;max-height:600px}.notification-center-header{display:flex;align-items:center;justify-content:space-between;padding:var(--padding-md);border-bottom:1px solid var(--border)}.notification-center-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--titles);margin:0}.notification-center-list{flex:1;overflow-y:auto}.notification-center-empty{padding:var(--padding-xl);text-align:center;color:var(--muted)}.notification-item{display:flex;gap:var(--gap-md);padding:var(--padding-md);border-bottom:1px solid var(--border);cursor:pointer;transition:var(--transition-colors)}.notification-item--unread,.notification-item:hover{background:var(--surface)}.notification-item--info{border-left:3px solid var(--primary)}.notification-item--success{border-left:3px solid var(--success)}.notification-item--warning{border-left:3px solid var(--warning)}.notification-item--error{border-left:3px solid var(--destructive)}.notification-content{flex:1}.notification-title{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-sm)}.notification-message{font-size:var(--text-small);color:var(--text);line-height:var(--leading-relaxed);margin-bottom:var(--margin-sm)}.notification-timestamp{font-size:var(--text-small);color:var(--muted)}.notification-close{flex-shrink:0}.notification-bell{position:relative;flex-shrink:0}.notification-bell__trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-overlay);color:var(--text);cursor:pointer;transition:var(--transition-colors)}.notification-bell__trigger:hover{border-color:var(--border);color:var(--titles)}.notification-bell__badge{position:absolute;top:-3px;right:-3px;min-width:1rem;height:1rem;padding:0 3px;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);font-size:.625rem;font-weight:var(--font-bold);line-height:1rem;text-align:center}.notification-bell__panel{position:absolute;top:calc(100% + var(--gap-xs));right:0;z-index:var(--z-popover);width:min(22rem,92vw);display:flex;flex-direction:column;border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-raised);box-shadow:var(--shadow-raised);overflow:hidden}.notification-bell__head{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm);padding:var(--padding-md);border-bottom:1px solid var(--border-soft)}.notification-bell__title{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles)}.notification-bell__mark{border:none;background:transparent;color:var(--primary);font-size:var(--text-tiny);font-weight:var(--font-semibold);cursor:pointer}.notification-bell__mark:hover{text-decoration:underline}.notification-bell__empty{display:flex;flex-direction:column;align-items:center;gap:var(--gap-sm);padding:var(--padding-xl) var(--padding-lg);color:var(--muted);text-align:center}.notification-bell__empty svg{color:color-mix(in srgb,var(--success) 80%,var(--muted))}.notification-bell__empty p{margin:0;font-size:var(--text-small)}.notification-bell__list{list-style:none;margin:0;padding:var(--padding-xs);max-height:min(60vh,24rem);overflow-y:auto}.notification-bell__item{display:flex;align-items:flex-start;gap:var(--gap-sm);width:100%;padding:var(--padding-sm) var(--padding-md);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text);text-align:left;cursor:pointer;transition:var(--transition-colors)}.notification-bell__icon,.notification-bell__item:hover{background:var(--surface-overlay)}.notification-bell__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;margin-top:1px;border-radius:var(--radius-full);color:var(--muted)}.notification-bell__item--unread .notification-bell__icon{background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary)}.notification-bell__dot{flex-shrink:0;width:7px;height:7px;margin-top:.5rem;border-radius:var(--radius-full);background:var(--primary)}.notification-bell__item-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.notification-bell__item-title{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--titles)}.notification-bell__item-desc,.notification-bell__item-time{font-size:var(--text-tiny);color:var(--muted)}.plan-picker-container{width:100%}.plan-picker-billing{margin-bottom:var(--margin-lg)}.plan-picker-billing .toggle-button-group{background-color:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-full);padding:var(--padding-xs)}.plan-picker-billing .toggle-button-option{border-radius:var(--radius-full);padding:var(--padding-sm) var(--padding-lg)}.plan-picker-billing .toggle-button-option--active{background:var(--gradient-brand);color:var(--on-primary)}.plan-picker-billing .toggle-button-option--active:hover{color:var(--on-primary)}.plan-picker-grid{display:grid;grid-template-columns:1fr;gap:var(--gap-lg);align-items:start;overflow:visible}@media (min-width:48rem){.plan-picker-grid{grid-template-columns:repeat(3,1fr)}.plan-picker-grid--two-cols{grid-template-columns:repeat(2,1fr);max-width:56rem;margin:0 auto}}.plan-picker-card{position:relative;display:flex;flex-direction:column;height:100%;background-color:var(--surface);border:1px solid var(--border-soft);padding:var(--padding-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--duration-200) var(--easing-standard),box-shadow var(--duration-200) var(--easing-standard),border-color var(--duration-200) var(--easing-standard)}.plan-picker-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 20%,var(--border-soft));box-shadow:var(--shadow-raised)}.plan-picker-card--popular{border:1.5px solid transparent;background:linear-gradient(var(--surface-raised),var(--surface-raised)) padding-box,var(--gradient-brand) border-box;box-shadow:var(--glow-accent)}.plan-picker-card--popular:hover{box-shadow:var(--glow-accent),var(--shadow-raised)}.plan-picker-card--selected{border-color:color-mix(in srgb,var(--primary) 50%,transparent);box-shadow:var(--ring-selected)}.plan-picker-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.plan-picker-badge-content{display:inline-block;padding:var(--padding-xs) var(--padding-md);background:var(--gradient-brand);color:var(--on-primary);font-size:var(--text-tiny);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-full);box-shadow:var(--glow-accent)}.plan-picker-header{margin-bottom:var(--margin-lg)}.plan-picker-name{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-sm)}.plan-picker-card--popular .plan-picker-name{color:var(--primary)}.plan-picker-description{color:var(--muted);font-size:var(--text-small);margin-bottom:var(--margin-md)}.plan-picker-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--gap-xs)}.plan-picker-price-amount{font-size:var(--text-h2);font-weight:var(--font-extrabold);letter-spacing:var(--tracking-tight);color:var(--titles)}.plan-picker-price-original,.plan-picker-price-period{color:var(--muted);font-size:var(--text-small)}.plan-picker-price-original{text-decoration:line-through;margin-left:var(--margin-sm)}.plan-picker-cta{width:100%;margin-bottom:var(--margin-lg)}.plan-picker-features{display:flex;flex-direction:column;gap:var(--gap-sm);flex:1}.plan-picker-feature{display:flex;align-items:flex-start;gap:var(--gap-sm);font-size:var(--text-small);color:var(--text)}.plan-picker-feature-mark{color:var(--primary);font-weight:var(--font-semibold);flex-shrink:0;line-height:var(--leading-tight)}.plan-picker-feature--muted{color:var(--muted)}.plan-picker-feature--muted .plan-picker-feature-mark{color:var(--muted);font-weight:var(--font-medium)}.plan-picker-feature-text{color:inherit}.pricing-table{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:var(--gap-xl);max-width:80rem;margin:0 auto}.pricing-card{display:flex;flex-direction:column;padding:var(--padding-xl);background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s ease}.pricing-card--featured,.pricing-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg)}.pricing-card--featured{position:relative}.pricing-card-badge{position:absolute;top:-.75rem;left:50%;transform:translateX(-50%);padding:var(--padding-xs) var(--padding-md);background-color:var(--primary);color:var(--bg);font-size:var(--text-tiny);font-weight:600;border-radius:var(--radius-full)}.pricing-card-header{margin-bottom:var(--margin-lg)}.pricing-card-name{font-size:var(--text-h4);font-weight:600;color:var(--foreground);margin-bottom:var(--margin-sm)}.pricing-card-description{font-size:var(--text-body-sm);color:var(--muted-foreground);line-height:var(--leading-tight)}.pricing-card-price{margin-bottom:var(--margin-lg)}.pricing-card-amount{font-size:var(--text-h1);font-weight:700;color:var(--foreground);line-height:1}.pricing-card-period{font-size:var(--text-body);color:var(--muted-foreground)}.pricing-card-features{flex:1;margin-bottom:var(--margin-lg)}.pricing-card-feature{display:flex;align-items:flex-start;gap:var(--gap-sm);padding:var(--padding-sm) 0;font-size:var(--text-body-sm);color:var(--foreground)}.pricing-card-feature-icon{flex-shrink:0;width:1.25rem;height:1.25rem;color:var(--primary)}.roles-matrix{overflow-x:auto}.roles-matrix-table{width:100%;border-collapse:collapse}.roles-matrix-header{background-color:var(--muted);font-weight:600;font-size:var(--text-body-sm);text-align:left}.roles-matrix-cell,.roles-matrix-header{padding:var(--padding-md);border-bottom:1px solid var(--border)}.roles-matrix-cell{text-align:center}.roles-matrix-permission{font-size:var(--text-body-sm);color:var(--foreground);text-align:left}.saved-views-container{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--padding-md)}.saved-views-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--margin-md)}.saved-views-header h3{font-size:var(--text-body-sm);font-weight:500;color:var(--foreground);margin-bottom:var(--margin-sm)}.saved-views-header p{font-size:var(--text-tiny);color:var(--muted-foreground)}.saved-views-empty{text-align:center;padding:var(--padding-xl) 0}.saved-views-empty-icon{width:3rem;height:3rem;margin:0 auto var(--margin-md);color:var(--muted-foreground)}.saved-views-empty p{font-size:var(--text-body-sm);color:var(--muted-foreground);margin-bottom:var(--margin-md)}.saved-views-empty p:last-of-type{font-size:var(--text-tiny)}.saved-views-list{display:flex;flex-direction:column;gap:var(--gap-sm)}.saved-view-card{display:flex;align-items:center;justify-content:space-between;padding:var(--padding-md);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.saved-view-card--active,.saved-view-card:hover{border-color:var(--primary)}.saved-view-card--active{background-color:color-mix(in srgb,var(--primary) 5%,transparent)}.saved-view-content{flex:1;min-width:0}.saved-view-header{display:flex;align-items:center;gap:var(--gap-sm);margin-bottom:var(--margin-sm)}.saved-view-name{font-size:var(--text-body-sm);font-weight:500;color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-view-meta{display:flex;align-items:center;gap:var(--gap-sm);font-size:var(--text-tiny);color:var(--muted-foreground)}.saved-view-actions{display:flex;align-items:center;gap:var(--gap-xs)}.saved-views-form{display:flex;flex-direction:column;gap:var(--gap-md)}.saved-views-form-field label{display:block;font-size:var(--text-body-sm);font-weight:500;color:var(--foreground);margin-bottom:var(--margin-sm)}.saved-views-filters-preview{background-color:var(--muted);padding:var(--padding-md);border-radius:var(--radius-sm)}.saved-views-filters-preview p{font-size:var(--text-tiny);color:var(--muted-foreground);margin-bottom:var(--margin-sm)}.saved-views-filters-list{display:flex;flex-wrap:wrap;gap:var(--gap-xs)}.saved-views-form-actions{display:flex;gap:var(--gap-md);padding-top:var(--padding-md)}.usage-metrics{gap:var(--gap-lg)}.usage-metric,.usage-metrics{display:flex;flex-direction:column}.usage-metric{gap:var(--gap-sm)}.usage-metric-header{display:flex;justify-content:space-between;align-items:center}.usage-metric-label{font-size:var(--text-body);font-weight:var(--font-medium);color:var(--titles)}.usage-metric-value{font-size:var(--text-small);color:var(--muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.usage-metric-bar{height:8px;background:var(--surface);border-radius:var(--radius-full);overflow:hidden}.usage-metric-progress{height:100%;background:var(--primary);width:var(--usage-percentage);transition:width .3s ease}.usage-metric-progress--near{background:var(--warning)}.usage-metric-progress--over{background:var(--destructive)}.usage-metric-percentage{font-size:var(--text-small);color:var(--muted);text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.rank-hero{display:flex;flex-direction:column;gap:var(--gap-lg);padding:var(--padding-lg);border-radius:var(--radius-2xl);border:1px solid color-mix(in srgb,var(--primary) 24%,transparent);background:linear-gradient(150deg,color-mix(in srgb,var(--primary) 10%,transparent),var(--surface-raised) 58%)}.rank-hero__main{display:flex;align-items:center;gap:var(--gap-xl)}.rank-hero__medal{position:relative;flex-shrink:0;width:5.5rem;height:5.5rem;clip-path:var(--shape-octagon);background:color-mix(in srgb,var(--primary) 42%,transparent);display:flex;align-items:center;justify-content:center;color:var(--primary)}.rank-hero__medal:before{content:"";position:absolute;inset:1px;clip-path:var(--shape-octagon);background:radial-gradient(circle at 50% 34%,var(--surface-overlay),var(--bg) 72%)}.rank-hero__symbol{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;color:var(--primary)}.rank-hero__symbol svg{width:3.75rem;height:3.75rem}.rank-hero__symbol .achievement-symbol__fill-accent,.rank-hero__symbol .achievement-symbol__fill-body{fill:var(--primary)}.rank-hero__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--gap-sm)}.rank-hero__eyebrow{margin:0;font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);color:var(--primary)}.rank-hero__identity{display:flex;align-items:baseline;gap:var(--gap-md);flex-wrap:wrap}.rank-hero__name{font-size:var(--text-h4);font-weight:var(--font-bold);color:var(--titles)}.rank-hero__desc,.rank-hero__pct{font-size:var(--text-small);color:var(--muted)}.rank-hero__desc{margin:0;max-width:60ch}.rank-hero__stats{margin:0;font-size:var(--text-tiny);color:var(--muted)}.rank-hero__stats b{color:var(--text);font-weight:var(--font-semibold)}.rank-hero__accent{color:var(--primary);font-weight:var(--font-semibold)}.rank-hero__sep{color:var(--border)}@media (max-width:640px){.rank-hero__main{flex-direction:column;align-items:flex-start;gap:var(--gap-lg)}}.rank-timeline{display:flex;align-items:center;gap:0;width:100%;overflow-x:auto;overflow-y:visible;padding-block:.75rem;scrollbar-width:none;-ms-overflow-style:none}.rank-timeline::-webkit-scrollbar{display:none}.rank-timeline__item{display:flex;flex-direction:column;align-items:center;gap:var(--gap-xs);position:relative;flex:1;min-width:0}.rank-timeline__item:not(:last-child):after{content:"";position:absolute;top:.5rem;left:calc(50% + .5rem);right:calc(-50% + .5rem);height:2px;background:var(--border);z-index:0}.rank-timeline__item--active:not(:last-child):after,.rank-timeline__item--done:not(:last-child):after{background:var(--primary)}.rank-timeline__node{width:1rem;height:1rem;border-radius:var(--radius-full);border:2px solid var(--border);background:var(--bg);position:relative;z-index:1;flex-shrink:0;transition:background .2s ease,border-color .2s ease}.rank-timeline__item--done .rank-timeline__node{background:var(--success);border-color:var(--success)}.rank-timeline__item--active .rank-timeline__node{background:var(--rank-color,var(--primary));border-color:var(--rank-color,var(--primary));box-shadow:0 0 0 3px color-mix(in srgb,var(--rank-color,var(--primary)) 25%,transparent)}.rank-timeline__item--active .rank-timeline__node--symbol,.rank-timeline__item--done .rank-timeline__node--symbol{background:transparent;border-color:transparent;box-shadow:none}.rank-timeline__label{font-size:var(--text-tiny);color:var(--muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:4.5rem;line-height:1.3}.rank-timeline__item--active .rank-timeline__label{color:var(--rank-color,var(--primary));font-weight:var(--font-semibold)}.rank-timeline__item--done .rank-timeline__label{color:var(--muted)}.rank-timeline__node--symbol{width:4rem;height:4rem;border:none;background:transparent;box-shadow:none}.rank-timeline__medal{position:relative;width:100%;height:100%;clip-path:var(--shape-octagon);background:var(--border-soft);display:flex;align-items:center;justify-content:center;color:var(--muted)}.rank-timeline__medal:before{content:"";position:absolute;inset:1px;clip-path:var(--shape-octagon);background:radial-gradient(circle at 50% 34%,var(--surface-overlay),var(--bg) 72%)}.rank-timeline__medal svg{position:relative;z-index:1;width:2.5rem;height:2.5rem}.rank-timeline__item--active .rank-timeline__medal,.rank-timeline__item--done .rank-timeline__medal{background:color-mix(in srgb,var(--primary) 40%,transparent);color:var(--primary)}.rank-timeline__item--active .rank-timeline__medal:before,.rank-timeline__item--done .rank-timeline__medal:before{background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 20%,transparent),color-mix(in srgb,var(--primary) 5%,transparent))}.rank-timeline__item--active .rank-timeline__medal{filter:drop-shadow(0 0 .5rem color-mix(in srgb,var(--primary) 30%,transparent))}.rank-timeline__medal .achievement-symbol__fill-accent,.rank-timeline__medal .achievement-symbol__fill-body{fill:currentColor}.rank-timeline__item:has(.rank-timeline__node--symbol):not(:last-child):after{top:2rem;left:calc(50% + 2rem);right:calc(-50% + 2rem)}@media (max-width:480px){.rank-timeline__label{display:none}.rank-timeline__item--active .rank-timeline__label{display:block}}.rank-path{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--gap-sm)}.rank-path__row{display:flex;align-items:center;gap:var(--gap-md);padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:var(--card-inset)}.rank-path__row--current{border-color:color-mix(in srgb,var(--primary) 40%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,transparent),var(--surface-raised) 60%)}.rank-path__icon{position:relative;flex-shrink:0;width:2.75rem;height:2.75rem;clip-path:var(--shape-octagon);display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary) 30%,transparent);color:var(--primary)}.rank-path__icon:before{content:"";position:absolute;inset:1px;clip-path:var(--shape-octagon);background:radial-gradient(circle at 50% 34%,var(--surface-overlay),var(--bg) 72%)}.rank-path__icon svg{position:relative;z-index:1;width:1.5rem;height:1.5rem}.rank-path__icon .achievement-symbol__fill-accent,.rank-path__icon .achievement-symbol__fill-body{fill:var(--primary)}.rank-path__row--current .rank-path__icon{width:3.25rem;height:3.25rem;background:var(--primary)}.rank-path__row--current .rank-path__icon:before{inset:2px}.rank-path__row--locked .rank-path__icon{background:var(--border-soft);color:var(--muted)}.rank-path__row--locked .rank-path__icon .achievement-symbol__fill-accent,.rank-path__row--locked .rank-path__icon .achievement-symbol__fill-body{fill:var(--muted)}.rank-path__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--gap-2xs)}.rank-path__top{display:flex;align-items:center;gap:var(--gap-sm)}.rank-path__name{font-size:var(--text-small);font-weight:var(--font-bold);color:var(--titles)}.rank-path__row--locked .rank-path__name{color:var(--text)}.rank-path__pill{font-size:var(--text-tiny);padding:2px var(--gap-sm);border-radius:var(--radius-sm);letter-spacing:var(--tracking-wide)}.rank-path__pill--reached{color:var(--success);background:color-mix(in srgb,var(--success) 14%,transparent)}.rank-path__pill--current{color:var(--primary);background:color-mix(in srgb,var(--primary) 16%,transparent)}.rank-path__pill--locked{color:var(--muted);background:color-mix(in srgb,var(--muted) 12%,transparent)}.rank-path__desc{margin:0}.rank-path__band,.rank-path__desc{font-size:var(--text-tiny);color:var(--muted)}.rank-path__band{flex-shrink:0}.rank-path__row--current .rank-path__band{color:var(--primary)}.badge-card{flex-direction:row;gap:var(--gap-md);padding:var(--padding-md);border-color:color-mix(in srgb,var(--primary) 22%,transparent)}.badge-card__chip{flex-shrink:0;width:3rem;height:3rem}.badge-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--gap-2xs)}.badge-card__top{display:flex;align-items:center;gap:var(--gap-sm)}.badge-card__name{font-size:var(--text-small);font-weight:var(--font-bold);color:var(--titles)}.badge-card__pill{font-size:var(--text-tiny);padding:2px var(--gap-sm);border-radius:var(--radius-sm);letter-spacing:var(--tracking-wide)}.badge-card__pill--in_progress{color:var(--primary);background:color-mix(in srgb,var(--primary) 16%,transparent)}.badge-card__pill--obtained{color:var(--success);background:color-mix(in srgb,var(--success) 14%,transparent)}.badge-card__pill--locked{color:var(--muted);background:color-mix(in srgb,var(--muted) 12%,transparent)}.badge-card__desc{margin:0;font-size:var(--text-tiny);color:var(--muted)}.badge-card__progress{display:flex;align-items:center;gap:var(--gap-sm);margin-top:var(--gap-2xs)}.badge-card__bar{flex:1;height:5px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--titles) 8%,transparent);overflow:hidden}.badge-card__bar-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--primary),var(--accent-2))}.badge-card__count{flex-shrink:0;font-size:var(--text-tiny);color:var(--primary)}.badge-card__reste{margin:0;font-size:var(--text-tiny);color:var(--muted)}.badge-card__reste b{color:var(--text);font-weight:var(--font-semibold)}.badge-detail-card{gap:var(--gap-sm);padding:var(--padding-md)}.badge-detail-card--obtained{border-color:color-mix(in srgb,var(--primary) 28%,transparent)}.badge-detail-card--in_progress{border-color:color-mix(in srgb,var(--primary) 22%,transparent)}.badge-detail-card--locked{background:var(--surface)}.badge-detail-card--in_progress:hover,.badge-detail-card--obtained:hover{border-color:color-mix(in srgb,var(--primary) 40%,transparent)}.badge-detail-card__header{display:flex;align-items:center;gap:var(--gap-sm)}.badge-detail-card__chip{flex-shrink:0;width:4.25rem;height:4.25rem}.badge-detail-card__chip .badge-chip__icon{width:3.75rem;height:3.75rem}.badge-detail-card__heading{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.badge-detail-card__name{font-size:var(--text-small);font-weight:var(--font-bold);color:var(--titles);line-height:var(--leading-tight)}.badge-detail-card--locked .badge-detail-card__name{color:var(--text)}.badge-detail-card__category{color:var(--muted);text-transform:uppercase}.badge-detail-card__category,.badge-detail-card__pill{font-size:var(--text-tiny);letter-spacing:var(--tracking-wide)}.badge-detail-card__pill{flex-shrink:0;align-self:flex-start;padding:2px var(--gap-sm);border-radius:var(--radius-sm);white-space:nowrap}.badge-detail-card__pill--obtained{color:var(--success);background:color-mix(in srgb,var(--success) 14%,transparent)}.badge-detail-card__pill--in_progress{color:var(--primary);background:color-mix(in srgb,var(--primary) 16%,transparent)}.badge-detail-card__pill--locked{color:var(--muted);background:color-mix(in srgb,var(--muted) 12%,transparent)}.badge-detail-card__description{margin:0;font-size:var(--text-tiny);color:var(--muted);line-height:var(--leading-relaxed)}.badge-detail-card--locked .badge-detail-card__description{opacity:.75}.badge-detail-card__progress{display:flex;flex-direction:column;gap:var(--gap-2xs)}.badge-detail-card__progress-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-sm)}.badge-detail-card__progress-label{font-size:var(--text-tiny);color:var(--muted)}.badge-detail-card--in_progress .badge-detail-card__progress-label{color:var(--primary)}.badge-detail-card--obtained .badge-detail-card__progress-label{color:var(--success)}.badge-detail-card__progress-pct{font-size:var(--text-tiny);font-weight:var(--font-semibold);color:var(--muted);font-variant-numeric:tabular-nums}.badge-detail-card__track{width:100%;height:5px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--titles) 8%,transparent);overflow:hidden}.badge-detail-card__fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--primary),var(--accent-2));transition:width .5s cubic-bezier(.4,0,.2,1)}.badge-detail-card--locked .badge-detail-card__fill{background:color-mix(in srgb,var(--muted) 45%,transparent)}.badge-detail-card__chapters{display:flex;flex-direction:column;gap:var(--gap-xs);padding-top:var(--gap-2xs)}.badge-detail-card__divider{height:1px;background:var(--border-soft)}.badge-detail-card__chapters-label{font-size:var(--text-tiny);font-weight:var(--font-semibold);color:var(--muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.badge-collection__filters{display:flex;flex-direction:column;gap:var(--gap-sm);margin-bottom:var(--margin-md)}.badge-collection__filter-group{display:flex;flex-wrap:wrap;gap:var(--gap-xs);align-items:center}.badge-collection__filter-group-label{font-size:var(--text-tiny);font-weight:var(--font-semibold);color:var(--muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);width:3.5rem;flex-shrink:0}.badge-collection__filter-btn{display:inline-flex;align-items:center;font-size:var(--text-small);font-weight:var(--font-medium);padding:var(--gap-xs) var(--gap-md);border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border-soft);color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap;line-height:1.4}.badge-collection__filter-btn:hover{border-color:color-mix(in srgb,var(--primary) 40%,transparent)}.badge-collection__filter-btn--active{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:var(--font-semibold)}.badge-collection__filter-btn--active:hover{border-color:var(--primary)}.badge-collection__result-count{font-size:var(--text-tiny);color:var(--muted);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.badge-collection__grid{margin-top:var(--margin-md);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-md)}@media (max-width:640px){.badge-collection__grid{grid-template-columns:1fr}}.badge-collection__category-heading{font-size:var(--text-body-sm);font-weight:var(--font-semibold);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding-bottom:var(--padding-sm);border-bottom:1px solid var(--border);margin-bottom:var(--margin-md);position:relative}.badge-collection__category-heading:before{content:"";position:absolute;left:0;bottom:-1px;width:2.5rem;height:2px;background:var(--primary);border-radius:var(--radius-full)}.badge-collection__empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:var(--gap-md);padding:var(--padding-2xl) var(--padding-lg);text-align:center;color:var(--muted)}.badge-collection__empty-text{font-size:var(--text-body-sm);color:var(--muted)}@media (max-width:640px){.badge-collection__filter-group-label{width:100%}.badge-collection__filter-group+.badge-collection__filter-group{padding-top:var(--padding-sm)}}.chapter-progress{display:flex;flex-direction:column;gap:var(--gap-xs)}.chapter-progress__item{display:flex;flex-direction:column;gap:var(--gap-2xs);padding:var(--padding-xs) 0}.chapter-progress__item-row{display:flex;align-items:center;gap:var(--gap-sm)}.chapter-progress__indicator{width:1rem;height:1rem;border-radius:var(--radius-full);border:1px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center}.chapter-progress__indicator--validated{background:var(--success);border-color:var(--success);color:var(--bg);font-size:var(--text-tiny);line-height:1}.chapter-progress__indicator--in-progress{background:var(--primary);border-color:var(--primary)}.chapter-progress__indicator--pending{background:transparent;border-color:var(--border)}.chapter-progress__label{font-size:var(--text-tiny);color:var(--text);line-height:1.4;flex:1}.chapter-progress__label--validated{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--success)}.chapter-progress__sub{font-size:var(--text-tiny);color:var(--muted);white-space:nowrap;margin-left:auto}.chapter-progress__bar-track{height:3px;background:color-mix(in srgb,var(--border) 60%,transparent);border-radius:var(--radius-full);overflow:hidden;margin-left:calc(1rem + var(--margin-sm))}.chapter-progress__bar-fill{height:100%;background:var(--border);border-radius:var(--radius-full);transition:width .4s cubic-bezier(.4,0,.2,1);min-width:0}.chapter-progress__bar-fill--validated{background:var(--success)}.chapter-progress__bar-fill--in-progress{background:var(--primary)}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--gap-md)}.badge-grid--featured{grid-template-columns:repeat(2,1fr);gap:var(--gap-md)}.badge-grid--compact{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--gap-sm)}@media (max-width:768px){.badge-grid--featured{grid-template-columns:1fr;gap:var(--gap-md)}}@media (max-width:640px){.badge-grid,.badge-grid--compact{grid-template-columns:1fr 1fr}.badge-grid--compact{gap:var(--gap-xs)}}.achievement{--achievement-glow:var(--primary);--achievement-locked:var(--muted);--achievement-size:6rem;display:inline-flex;flex-direction:column;align-items:center;gap:var(--gap-sm);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.achievement--sm{--achievement-size:4rem}.achievement--md{--achievement-size:6rem}.achievement--lg{--achievement-size:8rem}.achievement__visual{position:relative;width:var(--achievement-size);height:var(--achievement-size);display:flex;align-items:center;justify-content:center}.achievement__base-glow{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse 60% 60% at 50% 55%,color-mix(in srgb,var(--achievement-glow) 32%,transparent) 0,color-mix(in srgb,var(--achievement-glow) 10%,transparent) 48%,transparent 68%);opacity:0;transition:opacity .35s ease;pointer-events:none}.achievement--rank .achievement__base-glow{border-radius:14%}.achievement--unlocked .achievement__base-glow{opacity:1}.achievement--unlocked .achievement__base-image{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--achievement-glow) 45%,transparent)) drop-shadow(0 0 6px color-mix(in srgb,var(--achievement-glow) 18%,transparent))}.achievement__base{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.achievement__base-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.achievement__symbol{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:50%;display:flex;align-items:center;justify-content:center;transition:filter .35s ease}.achievement--rank .achievement__symbol{top:48%;width:46%;height:46%}.achievement-symbol{width:100%;height:100%;overflow:visible}.achievement-symbol__accent,.achievement-symbol__body{fill:none}.achievement-symbol__fill-accent,.achievement-symbol__fill-body{fill:var(--achievement-locked);stroke:none}.achievement--locked .achievement-symbol__body{stroke:var(--achievement-locked);opacity:.55}.achievement--locked .achievement-symbol__accent{stroke:var(--achievement-locked);opacity:.35}.achievement--locked .achievement-symbol__fill-body{fill:var(--achievement-locked);opacity:.55}.achievement--locked .achievement-symbol__fill-accent{fill:var(--achievement-locked);opacity:.35}.achievement--unlocked .achievement-symbol__body{stroke:color-mix(in srgb,var(--achievement-glow) 65%,var(--muted))}.achievement--unlocked .achievement-symbol__accent{stroke:var(--achievement-glow)}.achievement--unlocked .achievement-symbol__fill-body{fill:color-mix(in srgb,var(--achievement-glow) 65%,var(--muted));opacity:1}.achievement--unlocked .achievement-symbol__fill-accent{fill:var(--achievement-glow);opacity:1}.achievement--unlocked .achievement__symbol{filter:drop-shadow(0 0 3px var(--achievement-glow)) drop-shadow(0 0 9px color-mix(in srgb,var(--achievement-glow) 50%,transparent))}.achievement__label{font-size:var(--text-tiny);font-weight:var(--font-semibold);color:var(--achievement-locked);text-align:center;line-height:var(--leading-tight);max-width:calc(var(--achievement-size) * 1.25);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.achievement--unlocked .achievement__label{color:var(--achievement-glow)}@media (prefers-reduced-motion:reduce){.achievement__base-glow,.achievement__symbol{transition:none!important}}.onboarding{min-height:100vh;background:var(--bg);color:var(--text)}.onboarding__topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--padding-lg) var(--padding-section-md)}.onboarding__topbar-note{color:var(--muted)}.onboarding__body{max-width:50rem;margin:0 auto;padding:var(--padding-md) var(--padding-section-md) var(--padding-section-lg)}.onboarding__head{text-align:center;margin-bottom:var(--margin-lg)}.onboarding__title{font-size:var(--text-h1);font-weight:var(--font-extrabold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--titles);margin:0 0 var(--margin-sm) 0}.onboarding__subtitle{font-size:var(--text-body);color:var(--muted);line-height:var(--leading-relaxed);max-width:30rem;margin:0 auto}.onboarding__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-md);margin-bottom:var(--margin-lg)}.onboarding__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md)}.onboarding__skip{background:none;border:none;padding:0;font-size:var(--text-body-sm);color:var(--muted);cursor:pointer;transition:color var(--duration-200) var(--easing-standard)}.onboarding__skip:hover{color:var(--text)}@media (max-width:640px){.onboarding__grid{grid-template-columns:1fr}.onboarding__title{font-size:var(--text-h2)}.onboarding__footer{flex-direction:column-reverse;align-items:stretch}}.settings-shell{max-width:68rem;margin:0 auto;padding:var(--padding-section-md) var(--padding-section-md) var(--padding-section-lg)}.settings-shell__head{margin-bottom:var(--margin-md)}.settings-shell__eyebrow{display:block;margin-bottom:var(--margin-sm);color:var(--muted)}.settings-shell__eyebrow-active{color:var(--primary)}.settings-shell__title{font-size:clamp(1.875rem,5vw,var(--text-h2));font-weight:var(--font-extrabold);letter-spacing:var(--tracking-tight);color:var(--titles);margin:0}.settings-shell__body{display:grid;grid-template-columns:13.25rem 1fr;gap:var(--gap-lg);align-items:start}.settings-shell__nav{display:flex;flex-direction:column;gap:var(--gap-2xs);position:sticky;top:var(--gap-lg)}.settings-shell__nav-item{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-sm);border:1px solid transparent;border-radius:var(--radius-md);background:none;font-size:var(--text-body-sm);color:var(--muted);text-align:left;cursor:pointer;transition:color var(--duration-200) var(--easing-standard),background var(--duration-200) var(--easing-standard),border-color var(--duration-200) var(--easing-standard)}.settings-shell__nav-item:hover{color:var(--text);background:color-mix(in srgb,var(--muted) 8%,transparent)}.settings-shell__nav-item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.settings-shell__nav-item--active,.settings-shell__nav-item--active:hover{color:var(--primary);font-weight:var(--font-semibold);background:color-mix(in srgb,var(--primary) 10%,transparent);border-color:color-mix(in srgb,var(--primary) 25%,transparent)}.settings-shell__nav-icon{display:inline-flex;flex:none}.settings-shell__content{display:flex;flex-direction:column;gap:var(--gap-md);min-width:0}.account-account-type{display:flex;align-items:center;gap:var(--gap-sm)}.settings-plan-card{background:linear-gradient(150deg,color-mix(in srgb,var(--primary) 9%,var(--surface)),var(--surface) 60%);border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border-soft))}@media (max-width:720px){.settings-shell{padding:var(--padding-lg) var(--padding-md) var(--padding-section-sm)}.settings-shell__body{grid-template-columns:1fr}.settings-shell__nav{position:static;flex-direction:row;flex-wrap:wrap}}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--padding-xl);text-align:center}.error-page-code{font-size:var(--text-display-lg);font-weight:800;letter-spacing:-.03em;color:var(--primary);line-height:1;margin-bottom:var(--margin-md)}.error-page-code--danger{color:var(--destructive)}.error-page-title{font-size:var(--text-stat-md);font-weight:600;color:var(--foreground);margin-bottom:var(--margin-md)}.error-page-description{font-size:var(--text-body);color:var(--muted-foreground);max-width:32rem;margin-bottom:var(--margin-lg);line-height:1.6}.error-page-actions{display:flex;gap:var(--gap-md);flex-wrap:wrap;justify-content:center}.error-page-detail{margin-bottom:var(--margin-lg);padding:var(--padding-md) var(--padding-lg);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-body-sm);color:var(--muted-foreground);text-align:left}.error-page-detail strong{color:var(--foreground);font-weight:600}.error-page-back{margin-top:var(--margin-md);background:none;border:none;padding:0;font-size:var(--text-body-sm);color:var(--muted-foreground);cursor:pointer;transition:color .15s ease}.error-page-back:hover{color:var(--foreground)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);background-color:var(--bg);border:1px solid var(--border);cursor:pointer;transition:all .2s ease}.theme-toggle:hover{background-color:var(--accent);border-color:var(--primary)}.theme-toggle-icon{width:1.25rem;height:1.25rem;color:var(--foreground)}.brand-theme-selector{display:flex;gap:var(--gap-md);padding:var(--padding-md);background-color:var(--muted);border-radius:var(--radius-md)}.brand-swatch{width:2rem;height:2rem;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:all .2s ease}.brand-swatch:hover{transform:scale(1.1)}.brand-swatch--active{border-color:var(--foreground);box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--foreground)}.loading-boundary{display:flex;align-items:center;justify-content:center;min-height:20rem;padding:var(--padding-section-sm)}.loading-boundary-spinner{width:3rem;height:3rem;border:3px solid var(--muted);border-top-color:var(--primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}.loading-boundary-text{margin-top:var(--margin-md);font-size:var(--text-body-sm);color:var(--muted-foreground)}