.xtext{color:inherit;margin:0;font-family:inherit}.xtext--xs{font-size:var(--xclues-font-size-xs)}.xtext--sm{font-size:var(--xclues-font-size-sm)}.xtext--md{font-size:var(--xclues-font-size-base)}.xtext--lg{font-size:var(--xclues-font-size-lg)}.xtext--xl{font-size:var(--xclues-font-size-xl)}.xtext--light{font-weight:var(--xclues-font-weight-light)}.xtext--normal{font-weight:var(--xclues-font-weight-normal)}.xtext--semibold{font-weight:var(--xclues-font-weight-semibold)}.xtext--bold{font-weight:var(--xclues-font-weight-bold)}.xtext--extrabold{font-weight:var(--xclues-font-weight-extrabold)}.xtext--left{text-align:left}.xtext--center{text-align:center}.xtext--right{text-align:right}.xtext--secondary{opacity:.7}.xtext--responsive{font-size:.8125rem}@media (min-width:640px){.xtext--responsive{font-size:.9375rem}}@media (min-width:1025px){.xtext--responsive{font-size:1.0625rem}}.xtext--long.xtext--responsive{letter-spacing:.02em;font-size:.72rem}@media (min-width:640px){.xtext--long.xtext--responsive{font-size:.8125rem}}@media (min-width:1025px){.xtext--long.xtext--responsive{font-size:.9rem}}.xtext--very-long.xtext--responsive{letter-spacing:.01em;font-size:.72rem}@media (min-width:640px){.xtext--very-long.xtext--responsive{font-size:.8125rem}}@media (min-width:1025px){.xtext--very-long.xtext--responsive{font-size:.9rem}}
.xheading{font-family:var(--xclues-font-family,inherit);color:inherit;line-height:var(--xclues-heading-line-height,1.2);letter-spacing:var(--xclues-heading-letter-spacing,0);font-weight:var(--xclues-heading-weight,700);margin:0}.xheading--xs{font-size:var(--xclues-font-size-sm)}.xheading--sm{font-size:var(--xclues-font-size-base)}.xheading--md{font-size:var(--xclues-font-size-lg)}.xheading--lg{font-size:var(--xclues-font-size-xl)}.xheading--xl{font-size:var(--xclues-font-size-2xl)}.xheading--light{font-weight:var(--xclues-font-weight-light)}.xheading--normal{font-weight:var(--xclues-font-weight-normal)}.xheading--semibold{font-weight:var(--xclues-font-weight-semibold)}.xheading--bold{font-weight:var(--xclues-font-weight-bold)}.xheading--extrabold{font-weight:var(--xclues-font-weight-extrabold)}.xheading--left{text-align:left}.xheading--center{text-align:center}.xheading--right{text-align:right}.xheading--responsive{font-size:var(--xclues-font-size-base)}@media (min-width:640px){.xheading--responsive{font-size:var(--xclues-font-size-lg)}}@media (min-width:1025px){.xheading--responsive{font-size:var(--xclues-font-size-2xl)}}
.xbtn{all:unset;box-sizing:border-box;justify-content:center;align-items:center;gap:var(--xclues-spacing-2);border-radius:var(--xclues-border-radius-sm);font-weight:var(--xclues-font-weight-semibold);letter-spacing:var(--xclues-button-letter-spacing,var(--xclues-tracking-normal));text-transform:var(--xclues-button-text-transform,none);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-width:44px;min-height:44px;display:inline-flex}.xbtn--sm{padding:var(--xclues-spacing-1) var(--xclues-spacing-3);font-size:var(--xclues-font-size-sm)}.xbtn--md{padding:var(--xclues-spacing-2) var(--xclues-spacing-4);font-size:var(--xclues-font-size-base)}.xbtn--lg{padding:var(--xclues-spacing-3) var(--xclues-spacing-6);font-size:var(--xclues-font-size-lg)}.xbtn--primary{background:var(--xclues-btn-primary-bg);color:var(--xclues-btn-primary-text,var(--xclues-card-selected-text));box-shadow:var(--xclues-btn-primary-shadow)}.xbtn--primary:hover:not(:disabled){background:var(--xclues-btn-primary-hover);transform:var(--xclues-hover-transform,translateY(-2px));opacity:var(--xclues-hover-opacity,1)}.xbtn--primary:active:not(:disabled){transform:translateY(0)}.xbtn--outline{border:1px solid var(--xclues-primary);color:var(--xclues-primary);background:0 0}.xbtn--outline:hover:not(:disabled){background:var(--xclues-primary-8);transform:var(--xclues-hover-transform,translateY(-1px));opacity:var(--xclues-hover-opacity,1)}.xbtn--ghost{color:var(--xclues-primary);background:0 0}.xbtn--ghost:hover:not(:disabled){background:var(--xclues-primary-8);opacity:var(--xclues-hover-opacity,1)}.xbtn--icon-only{padding:var(--xclues-spacing-2)}.xbtn--full-width{width:100%}.xbtn--disabled{opacity:var(--xclues-disabled-opacity,.5);cursor:not-allowed}.xbtn:focus-visible{outline:var(--xclues-focus-ring-style,3px solid) var(--xclues-focus-ring-color,var(--xclues-primary));outline-offset:2px}
.xinput{border:1px solid var(--xclues-header-border);border-radius:var(--xclues-border-radius-sm);background:var(--xclues-card-bg);width:100%;color:inherit;font-family:inherit}.xinput:focus{border-color:var(--xclues-primary);box-shadow:0 0 0 2px var(--xclues-primary-20);outline:none}.xinput::placeholder{opacity:.5}.xinput--sm{padding:var(--xclues-spacing-1) var(--xclues-spacing-2);font-size:var(--xclues-font-size-sm)}.xinput--md{padding:var(--xclues-spacing-2) var(--xclues-spacing-3);font-size:var(--xclues-font-size-base)}.xinput--lg{padding:var(--xclues-spacing-3) var(--xclues-spacing-4);font-size:var(--xclues-font-size-lg)}
.xicon{color:var(--xicon-color,currentColor);justify-content:center;align-items:center;display:inline-flex}.xicon--sm{width:16px;height:16px}.xicon--md{width:20px;height:20px}.xicon--lg{width:24px;height:24px}
.xspinner{justify-content:center;align-items:center;display:inline-flex}.xspinner__circle{border:3px solid var(--xclues-primary-20);border-top-color:var(--xclues-primary);border-radius:50%;animation:.8s linear infinite xspin}.xspinner__circle--sm{width:16px;height:16px}.xspinner__circle--md{width:24px;height:24px}.xspinner__circle--lg{width:36px;height:36px}@keyframes xspin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.xspinner__circle{border-top-color:var(--xclues-primary-20);border-left-color:var(--xclues-primary);animation:none}}
.xclues-dot{border-radius:50%;flex-shrink:0}.xclues-dot--sm{width:var(--xclues-dot-size);height:var(--xclues-dot-size)}.xclues-dot--lg{width:var(--xclues-dot-size-lg);height:var(--xclues-dot-size-lg)}.xclues-dot--filled{background-color:var(--xclues-dot-filled);box-shadow:var(--xclues-dot-glow)}.xclues-dot--empty{background-color:var(--xclues-dot-empty);opacity:.6}.xclues-dot--yellow{background-color:var(--xclues-yellow)}.xclues-dot--green{background-color:var(--xclues-green)}.xclues-dot--blue{background-color:var(--xclues-blue)}.xclues-dot--purple{background-color:var(--xclues-purple)}
.xcard{border-radius:var(--xclues-border-radius);position:relative;overflow:hidden}.xcard--elevated{box-shadow:var(--xclues-card-shadow);background:var(--xclues-card-bg)}.xcard--aspect-square{aspect-ratio:1}.xcard--aspect-4-1{aspect-ratio:4}.xcard--selected{background:var(--xclues-card-selected);color:var(--xclues-card-selected-text);box-shadow:var(--xclues-card-shadow-selected)}.xcard--hoverable{cursor:pointer}.xcard--hoverable:hover{transform:var(--xclues-hover-transform,translateY(-2px));opacity:var(--xclues-hover-opacity,1);box-shadow:var(--xclues-card-shadow-hover)}.xcard--shake{animation:xcard-shake var(--xclues-duration-slow) ease-in-out}@keyframes xcard-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.xcard--jump{animation:xcard-jump var(--xclues-duration-slow) ease-out}@keyframes xcard-jump{0%{transform:translateY(0)}30%{transform:translateY(-12px)}50%{transform:translateY(-8px)}70%{transform:translateY(-10px)}to{transform:translateY(0)}}.xcard__body{padding:var(--xclues-spacing-3);height:100%}@media (prefers-reduced-motion:reduce){.xcard--shake,.xcard--jump{animation:none}}
.xmodal__overlay{z-index:var(--xclues-z-overlay);background:var(--xclues-overlay-bg);-webkit-backdrop-filter:blur(var(--xclues-blur-sm));animation:xmodal-fade-in var(--xclues-duration-normal) ease-out;position:fixed;inset:0}.xmodal__content{z-index:calc(var(--xclues-z-overlay) + 1);background:var(--xclues-card-bg);border:1px solid var(--xclues-header-border);border-radius:var(--xclues-border-radius);max-width:480px;width:calc(100% - var(--xclues-spacing-8));max-height:calc(100vh - var(--xclues-spacing-12));box-shadow:var(--xclues-shadow-lg);position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.xmodal__content:focus{outline:none}@keyframes xmodal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes xmodal-slide-up{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){.xmodal__overlay,.xmodal__content{animation:none}}
.xdrawer__overlay{z-index:var(--xclues-z-overlay);background:var(--xclues-overlay-bg);animation:xdrawer-fade-in var(--xclues-duration-normal) ease-out;position:fixed;inset:0}.xdrawer__content{z-index:calc(var(--xclues-z-overlay) + 1);background:var(--xclues-card-bg);border-left:1px solid var(--xclues-header-border);box-shadow:var(--xclues-shadow-lg);animation:xdrawer-slide-in var(--xclues-duration-normal) ease-out;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.xdrawer__content:focus{outline:none}.xdrawer--sm{width:320px;max-width:85vw}.xdrawer--md{width:480px;max-width:90vw}.xdrawer--lg{width:640px;max-width:95vw}.xdrawer__header{padding:var(--xclues-spacing-4);border-bottom:1px solid var(--xclues-header-border);justify-content:space-between;align-items:center;display:flex}.xdrawer__header-content{flex:1}.xdrawer__close{all:unset;cursor:pointer;padding:var(--xclues-spacing-2);border-radius:var(--xclues-border-radius-xs);justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.xdrawer__close:hover{background:var(--xclues-primary-8)}.xdrawer__body{padding:var(--xclues-spacing-4);flex:1;overflow-y:auto}@keyframes xdrawer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes xdrawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.xdrawer__overlay,.xdrawer__content{animation:none}}