.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);z-index:var(--z-index-modal);animation:modalOverlayFadeIn .2s ease-out}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:var(--color-card-surface);border:var(--border-width-sm) solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);display:flex;flex-direction:column;max-height:90vh;width:100%;animation:modalSlideUp .3s cubic-bezier(.22,1,.36,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-container--sm{max-width:400px}.modal-container--md{max-width:600px}.modal-container--lg{max-width:800px}.modal-container--xl{max-width:1000px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:var(--border-width-sm) solid var(--color-border-default);flex-shrink:0}.modal-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);margin:0}.modal-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-surface);color:var(--color-text-primary)}.modal-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.modal-content{overflow-y:auto;padding:var(--spacing-lg);flex:1;-webkit-overflow-scrolling:touch}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:var(--color-surface);border-radius:var(--radius-sm)}.modal-content::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-sm)}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@media (max-width: var(--breakpoint-tablet)){.modal-overlay{padding:0;align-items:flex-end}.modal-container{max-height:95vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:modalSlideUpMobile .3s cubic-bezier(.22,1,.36,1)}@keyframes modalSlideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-container--sm,.modal-container--md,.modal-container--lg,.modal-container--xl{max-width:100%}.modal-header,.modal-content{padding:var(--spacing-md)}}.legal-content{max-width:800px;margin:0 auto;padding:var(--spacing-xl);color:var(--color-text-primary);line-height:var(--line-height-relaxed)}.legal-content h1{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.legal-content h2{font-size:var(--font-size-xl);font-weight:700;margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-default);padding-bottom:var(--spacing-xs)}.legal-content h3{font-size:var(--font-size-lg);font-weight:600;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.legal-content p{margin-bottom:var(--spacing-md);font-size:var(--font-size-base)}.legal-content ul,.legal-content ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}.legal-content li{margin-bottom:var(--spacing-xs)}.legal-content a{color:var(--color-primary);text-decoration:underline;transition:color var(--transition-fast)}.legal-content a:hover{color:var(--color-primary-hover)}.legal-content strong{font-weight:600;color:var(--color-text-primary)}.legal-effective-date,.legal-version{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.legal-section{margin-bottom:var(--spacing-2xl)}.legal-contact{background:var(--color-surface);border:var(--border-width-sm) solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--spacing-md);margin:var(--spacing-md) 0}.legal-contact p{margin-bottom:var(--spacing-xs)}.legal-contact p:last-child{margin-bottom:0}.legal-footer{border-top:2px solid var(--color-border-default);padding-top:var(--spacing-lg);margin-top:var(--spacing-2xl);text-align:center}.legal-footer p{margin-bottom:var(--spacing-sm)}.legal-footer p:last-child{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:0}@media (max-width: var(--breakpoint-tablet)){.legal-content{padding:var(--spacing-md)}.legal-content h1{font-size:var(--font-size-2xl)}.legal-content h2{font-size:var(--font-size-lg)}.legal-content h3{font-size:var(--font-size-base)}}.cookie-settings{display:flex;flex-direction:column;gap:var(--spacing-xl)}.cookie-settings__intro{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.cookie-settings__category{padding:var(--spacing-lg);background:var(--color-card-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.cookie-settings__category-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg)}.cookie-settings__category-info{flex:1}.cookie-settings__category-title{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);line-height:var(--line-height-tight)}.cookie-settings__category-description{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.cookie-settings__examples{font-size:var(--font-size-xs);color:var(--color-text-muted);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-default)}.cookie-settings__examples strong{font-weight:600;color:var(--color-text-secondary)}.cookie-settings__toggle-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs);flex-shrink:0}.cookie-settings__toggle{position:relative;display:inline-block;width:48px;height:24px;cursor:pointer}.cookie-settings__toggle--disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.cookie-settings__toggle-input{opacity:0;width:0;height:0;position:absolute}.cookie-settings__toggle-slider{position:absolute;inset:0;background-color:var(--color-border-default);border-radius:24px;transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.cookie-settings__toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:transform var(--transition-fast)}.cookie-settings__toggle-input:checked+.cookie-settings__toggle-slider{background-color:var(--color-primary);box-shadow:var(--shadow-primary-soft)}.cookie-settings__toggle-input:checked+.cookie-settings__toggle-slider:before{transform:translate(24px)}.cookie-settings__toggle-input:focus-visible+.cookie-settings__toggle-slider{outline:2px solid var(--color-primary);outline-offset:2px}.cookie-settings__toggle-input:disabled+.cookie-settings__toggle-slider{cursor:not-allowed}.cookie-settings__toggle-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:600;text-align:right;min-width:60px}.cookie-settings__actions{display:flex;justify-content:flex-end;padding-top:var(--spacing-md);border-top:1px solid var(--color-border-default)}.cookie-settings__button{padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer}.cookie-settings__button--primary{background-color:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}.cookie-settings__button--primary:hover,.cookie-settings__button--primary:focus-visible{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-primary-soft)}.cookie-settings__button--primary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:640px){.cookie-settings__category-header{flex-direction:column;gap:var(--spacing-md)}.cookie-settings__toggle-wrapper{flex-direction:row;align-items:center;gap:var(--spacing-sm)}}@media(prefers-color-scheme:dark){.cookie-settings__category{background:var(--surface-dark-panel);border-color:var(--surface-dark-border)}.cookie-settings__examples,.cookie-settings__actions{border-top-color:var(--surface-dark-input-border)}.cookie-settings__toggle-slider{background-color:var(--surface-dark-input-border)}.cookie-settings__toggle-slider:before{background-color:var(--color-surface)}.cookie-settings__toggle-input:checked+.cookie-settings__toggle-slider{background-color:var(--color-primary)}}.cookie-banner{position:fixed;bottom:var(--spacing-md);left:var(--spacing-md);right:var(--spacing-md);z-index:var(--z-index-modal);pointer-events:none;transform:translateY(calc(100% + var(--spacing-md)));opacity:0;transition:transform var(--transition-normal),opacity var(--transition-normal)}.cookie-banner--visible{transform:translateY(0);opacity:1;pointer-events:auto}.cookie-banner__content{max-width:800px;margin:0 auto;background:var(--surface-glass-ultra);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-primary-border-soft);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-elevated);display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(min-width:640px){.cookie-banner{left:var(--spacing-lg);right:var(--spacing-lg);bottom:var(--spacing-lg)}.cookie-banner__content{flex-direction:row;align-items:center;padding:var(--spacing-xl)}}.cookie-banner__text{flex:1}.cookie-banner__title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);line-height:var(--line-height-tight)}.cookie-banner__description{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.cookie-banner__link{color:var(--color-primary);text-decoration:underline;font-weight:600;transition:color var(--transition-fast)}.cookie-banner__link:hover,.cookie-banner__link:focus-visible{color:var(--color-primary-hover)}.cookie-banner__actions{display:flex;gap:var(--spacing-sm);flex-direction:column;width:100%}@media(min-width:640px){.cookie-banner__actions{flex-direction:row;width:auto;flex-shrink:0}}.cookie-banner__button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap;cursor:pointer}.cookie-banner__button--primary{background-color:var(--color-primary);color:var(--color-white);border:1px solid var(--color-primary)}.cookie-banner__button--primary:hover,.cookie-banner__button--primary:focus-visible{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-primary-soft)}.cookie-banner__button--secondary{background-color:transparent;color:var(--color-text-primary);border:1px solid var(--color-border-default)}.cookie-banner__button--secondary:hover,.cookie-banner__button--secondary:focus-visible{background-color:var(--color-surface);border-color:var(--color-primary-border-soft);box-shadow:var(--shadow-sm)}.cookie-banner__button--text{background-color:transparent;color:var(--color-primary);border:1px solid transparent;padding:var(--spacing-sm) var(--spacing-md)}.cookie-banner__button--text:hover,.cookie-banner__button--text:focus-visible{background-color:var(--color-primary-light);border-color:var(--color-primary-border-soft)}.cookie-banner__button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-color-scheme:dark){.cookie-banner__content{background:var(--surface-dark-panel);border-color:var(--surface-dark-border)}.cookie-banner__button--secondary{color:var(--color-text-primary);border-color:var(--surface-dark-input-border)}.cookie-banner__button--secondary:hover,.cookie-banner__button--secondary:focus-visible{background-color:var(--surface-dark-panel-strong);border-color:var(--color-border-accent)}.cookie-banner__button--text:hover,.cookie-banner__button--text:focus-visible{background-color:#0b4dd926;border-color:var(--surface-dark-border)}}.pricing-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:clamp(var(--spacing-lg),8vw,var(--spacing-2xl));position:relative;isolation:isolate}.pricing-card{width:min(100%,480px);background:linear-gradient(160deg,#fffffffa,#fff5dff0),linear-gradient(200deg,rgb(219 232 255 / .25),transparent 65%);border-radius:var(--radius-xl);padding:clamp(var(--spacing-xl),5vw,var(--spacing-2xl));border:var(--border-width-lg) solid var(--color-primary-border-faint);box-shadow:var(--shadow-lg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:relative;overflow:hidden}.pricing-card:before,.pricing-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.pricing-card:before{background:radial-gradient(circle at 22% 78%,rgb(255 138 38 / .2) 0 36%,transparent 60%),radial-gradient(circle at 80% 12%,rgb(11 77 217 / .18) 0 34%,transparent 55%),radial-gradient(circle at 48% -12%,rgb(255 93 115 / .18) 0 36%,transparent 55%);filter:blur(18px);z-index:0}.pricing-card:after{border:var(--border-width-sm) solid var(--surface-glass-light);z-index:1}.pricing-card>*{position:relative;z-index:2}.pricing-header{text-align:center;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.pricing-eyebrow{align-self:center;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);background:var(--surface-glass-border);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:700;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.pricing-title{font-size:var(--font-size-3xl);font-weight:800;color:var(--color-text-primary);letter-spacing:-.015em}.pricing-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary)}.pricing-toggle{display:flex;background:var(--surface-glass-medium);border-radius:var(--radius-lg);padding:var(--spacing-xs);gap:var(--spacing-xs);margin-bottom:var(--spacing-xl)}.pricing-toggle-option{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2xs)}.pricing-toggle-option:hover:not(.pricing-toggle-option--active){background:var(--surface-glass-soft);color:var(--color-text-primary)}.pricing-toggle-option--active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-primary-soft)}.pricing-toggle-savings{font-size:var(--font-size-xs);font-weight:700;opacity:.9}.pricing-price-display{text-align:center;margin-bottom:var(--spacing-xl)}.pricing-price{font-size:var(--font-size-4xl);font-weight:800;color:var(--color-text-primary);letter-spacing:-.02em}.pricing-period{font-size:var(--font-size-lg);font-weight:500;color:var(--color-text-secondary)}.pricing-lifetime-note{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-success);font-weight:600}.pricing-features{list-style:none;padding:0;margin:0 0 var(--spacing-xl) 0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.pricing-feature{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);color:var(--color-text-primary)}.pricing-feature-icon{width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-success);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);flex-shrink:0}.pricing-subscribe-btn{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;font-size:var(--font-size-lg);font-weight:700;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-primary-soft)}.pricing-subscribe-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-primary-lift)}.pricing-subscribe-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;transform:none}.pricing-footer{margin-top:var(--spacing-lg);text-align:center}.pricing-footer-text{font-size:var(--font-size-sm);color:var(--color-text-muted)}.pricing-footer-link{color:var(--color-primary);text-decoration:none;font-weight:500}.pricing-footer-link:hover{text-decoration:underline}.pricing-already-pro{text-align:center;padding:var(--spacing-xl) 0}.pricing-already-pro-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.pricing-already-pro-text{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.pricing-manage-btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);border:var(--border-width-md) solid var(--color-primary);border-radius:var(--radius-lg);background:transparent;color:var(--color-primary);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.pricing-manage-btn:hover{background:var(--color-primary);color:#fff}.pricing-back-link{position:absolute;top:var(--spacing-lg);left:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:color var(--transition-fast)}.pricing-back-link:hover{color:var(--color-primary)}.pricing-error{padding:var(--spacing-md);background:var(--color-error-background);border:var(--border-width-sm) solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);text-align:center}@media(max-width:480px){.pricing-card{padding:var(--spacing-xl);border-radius:var(--radius-lg)}.pricing-title{font-size:var(--font-size-xl)}.pricing-toggle-option{padding:var(--spacing-sm) var(--spacing-xs)}.pricing-price{font-size:var(--font-size-3xl)}}@media(prefers-color-scheme:dark){.pricing-card{background:linear-gradient(130deg,#070c1af2,#0e182ee6);border-color:#5c7cff80}.pricing-card:before{background:radial-gradient(circle at 25% 75%,rgb(255 138 38 / .35) 0 28%,transparent 55%),radial-gradient(circle at 80% 20%,rgb(92 124 255 / .45) 0 30%,transparent 55%),radial-gradient(circle at 45% -10%,rgb(255 93 115 / .35) 0 30%,transparent 55%)}.pricing-eyebrow{background:#5c7cff33;color:var(--color-text-accent)}.pricing-title{color:var(--color-text-primary)}.pricing-subtitle{color:var(--color-text-secondary)}.pricing-toggle{background:#0a1120cc;border:1px solid rgb(255 255 255 / .1)}.pricing-toggle-option{color:var(--color-text-muted)}.pricing-toggle-option:hover:not(.pricing-toggle-option--active){background:#ffffff14;color:var(--color-text-secondary)}.pricing-toggle-option--active{background:var(--color-primary);color:#fff}.pricing-price{color:var(--color-text-primary)}.pricing-period{color:var(--color-text-muted)}.pricing-feature{color:var(--color-text-secondary)}.pricing-footer-text{color:var(--color-text-muted)}.pricing-footer-link{color:var(--color-text-accent)}.pricing-already-pro-title{color:var(--color-text-primary)}.pricing-already-pro-text{color:var(--color-text-secondary)}.pricing-manage-btn{border-color:var(--color-text-accent);color:var(--color-text-accent)}.pricing-manage-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pricing-back-link{color:var(--color-text-muted)}.pricing-back-link:hover{color:var(--color-text-accent)}.pricing-error{background:#ef444426;border-color:#ef444480;color:var(--color-error-text)}}.auth-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:clamp(var(--spacing-lg),8vw,var(--spacing-2xl));position:relative;isolation:isolate}.auth-loading-text{color:var(--color-text-secondary);font-size:var(--font-size-base)}.auth-card{width:min(100%,520px);background:linear-gradient(160deg,#fffffffa,#fff5dff0),linear-gradient(200deg,rgb(219 232 255 / .25),transparent 65%);border-radius:var(--radius-xl);padding:clamp(var(--spacing-xl),5vw,var(--spacing-2xl));border:var(--border-width-lg) solid var(--color-primary-border-faint);box-shadow:var(--shadow-lg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:relative;overflow:hidden}.auth-card:before,.auth-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.auth-card:before{background:radial-gradient(circle at 22% 78%,rgb(255 138 38 / .2) 0 36%,transparent 60%),radial-gradient(circle at 80% 12%,rgb(11 77 217 / .18) 0 34%,transparent 55%),radial-gradient(circle at 48% -12%,rgb(255 93 115 / .18) 0 36%,transparent 55%);filter:blur(18px);z-index:0}.auth-card:after{border:var(--border-width-sm) solid var(--surface-glass-light);z-index:1}.auth-card>*{position:relative;z-index:2}.auth-header{text-align:center;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.auth-eyebrow{align-self:center;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);background:var(--surface-glass-border);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:700;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.auth-title{font-size:var(--font-size-3xl);font-weight:800;color:var(--color-text-primary);letter-spacing:-.015em}.auth-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-normal);max-width:32ch;margin:0 auto}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);width:100%}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.form-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-wide)}.form-input{min-height:var(--input-min-height-sm);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--surface-glass-ultra);border:var(--border-width-sm) solid var(--color-border-neutral-strong);border-radius:var(--radius-lg);box-shadow:0 12px 24px #0f1f3d14;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.form-input:hover{border-color:var(--color-primary)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);transform:translateY(-1px)}.form-input::placeholder{color:var(--color-text-muted);opacity:var(--opacity-muted)}.form-input.error{border-color:var(--color-error)}.form-input.error:focus{box-shadow:0 0 0 3px var(--color-error-bg)}.password-input-wrapper{position:relative;width:100%;display:flex}.password-input-wrapper input{width:100%;padding-right:calc(var(--spacing-xl) + var(--spacing-lg))}.password-toggle-button{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast);border-radius:var(--radius-sm)}.password-toggle-button:hover:not(:disabled){color:var(--color-primary)}.password-toggle-button:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.auth-button{min-height:var(--button-min-height-touch);padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--font-size-base);font-weight:700;color:var(--color-white);background-image:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:var(--border-width-sm) solid var(--surface-glass-light);border-radius:var(--radius-full);box-shadow:var(--shadow-primary-deep);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast)}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-elevated)}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:focus-visible{box-shadow:0 0 0 4px var(--color-secondary),var(--shadow-elevated);outline:none;transform:translateY(-2px)}.auth-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.auth-button.secondary{background:#ffffff40;color:var(--color-primary);border-color:var(--color-primary-border-strong);box-shadow:none}.auth-button.secondary:hover:not(:disabled){background:#fff6}.auth-error,.auth-success{padding:var(--spacing-md);border-radius:var(--radius-lg);border:var(--border-width-sm) solid transparent;box-shadow:var(--shadow-sm);font-size:var(--font-size-sm);text-align:left}.auth-error{background-color:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.auth-success{background-color:#f0fdf4f2;border-color:var(--color-success);color:var(--color-success)}.auth-footer{margin-top:var(--spacing-xl);text-align:center;font-size:var(--font-size-sm)}.auth-link{position:relative;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600;text-decoration:none;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;padding-bottom:2px;transition:color var(--transition-fast)}.auth-link:hover{color:var(--color-primary-hover)}.auth-link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:currentcolor;transform-origin:left;transform:scaleX(0);transition:transform var(--transition-fast)}.auth-link:hover:after{transform:scaleX(1)}.auth-divider{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-lg) 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background-color:var(--color-border-default);opacity:.3}.forgot-password-link{display:block;text-align:right;margin-top:calc(-1 * var(--spacing-sm))}.auth-spinner{display:inline-block;width:var(--icon-size-md);height:var(--icon-size-md);border:2px solid var(--color-white);border-top-color:transparent;border-radius:var(--radius-full);animation:spin .8s linear infinite;margin-right:var(--spacing-sm);vertical-align:middle}.auth-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl);border-radius:var(--radius-lg);background:var(--surface-glass-strong);box-shadow:var(--shadow-md);color:var(--color-text-primary)}.password-requirements{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.field-error{display:block;font-size:var(--font-size-xs);color:var(--color-error);font-weight:500;margin-top:calc(-1 * var(--spacing-xs));padding-left:var(--spacing-sm)}.field-validating{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:calc(-1 * var(--spacing-xs));padding-left:var(--spacing-sm)}.field-validating:before{content:"";display:inline-block;width:12px;height:12px;border:2px solid var(--color-primary);border-top-color:transparent;border-radius:var(--radius-full);animation:spin .6s linear infinite}@media(max-width:480px){.auth-card{padding:var(--spacing-xl);border-radius:var(--radius-lg)}.auth-title{font-size:var(--font-size-xl)}.form-row{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){.auth-card{background:linear-gradient(130deg,#070c1af2,#0e182ee6);border-color:#5c7cff80;color:var(--color-white)}.auth-card:before{background:radial-gradient(circle at 25% 75%,rgb(255 138 38 / .35) 0 28%,transparent 55%),radial-gradient(circle at 80% 20%,rgb(92 124 255 / .45) 0 30%,transparent 55%),radial-gradient(circle at 45% -10%,rgb(255 93 115 / .35) 0 30%,transparent 55%)}.form-input{background:#0a1120e6;color:var(--color-white);border-color:#ffffff26}.auth-link:after{background-color:var(--color-white)}}.rarity-gallery{gap:var(--spacing-xl)}.rarity-gallery__cta-wrapper{margin-top:var(--spacing-lg);display:flex;justify-content:center}.rarity-gallery__cta-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--radius-full);background-image:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-hover));color:var(--color-white);font-weight:700;text-decoration:none;border:var(--border-width-sm) solid var(--surface-glass-light);box-shadow:var(--shadow-primary-soft);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.rarity-gallery__cta-link:hover,.rarity-gallery__cta-link:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow-primary-strong)}.rarity-gallery__cta-link:active{transform:translateY(0)}.rarity-gallery__header{position:relative;background:linear-gradient(160deg,#fffffffa,#fff5dff0),linear-gradient(200deg,rgb(219 232 255 / .25),transparent 65%);padding:clamp(var(--spacing-xl),5vw,var(--spacing-2xl));border-radius:var(--radius-xl);border:var(--border-width-lg) solid var(--color-primary-border-faint);box-shadow:var(--shadow-lg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);text-align:center;display:flex;flex-direction:column;gap:var(--spacing-sm);overflow:hidden;isolation:isolate}.rarity-gallery__header:before,.rarity-gallery__header:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.rarity-gallery__header:before{background:radial-gradient(circle at 25% 30%,rgb(255 138 38 / .2) 0 35%,transparent 60%),radial-gradient(circle at 75% 70%,rgb(11 77 217 / .18) 0 30%,transparent 55%);filter:blur(18px);z-index:0}.rarity-gallery__header:after{border:var(--border-width-sm) solid var(--surface-glass-light);z-index:1}.rarity-gallery__header>*{position:relative;z-index:2}.rarity-gallery__pill{align-self:center;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);background:var(--surface-glass-border);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:700;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.rarity-gallery__title{margin:0;font-size:var(--font-size-4xl);line-height:var(--line-height-tight);color:var(--color-text-primary);font-weight:800}.rarity-gallery__subtitle{margin:0;font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.rarity-gallery__controls{position:relative;background:linear-gradient(160deg,#fffffffa,#fff5dff0),linear-gradient(200deg,rgb(219 232 255 / .25),transparent 65%);border-radius:var(--radius-xl);padding:clamp(var(--spacing-lg),4vw,var(--spacing-xl));border:var(--border-width-lg) solid var(--color-primary-border-faint);box-shadow:var(--shadow-md);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:var(--spacing-lg);overflow:hidden;isolation:isolate}.rarity-gallery__controls:before,.rarity-gallery__controls:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.rarity-gallery__controls:before{background:radial-gradient(circle at 70% 20%,rgb(255 214 79 / .25) 0 30%,transparent 55%),radial-gradient(circle at 20% 80%,rgb(11 77 217 / .18) 0 25%,transparent 50%);filter:blur(16px);z-index:0}.rarity-gallery__controls:after{border:var(--border-width-sm) solid var(--surface-glass-light);z-index:1}.rarity-gallery__controls>*{position:relative;z-index:2}.rarity-gallery__supertype-input{display:flex;flex-direction:column;gap:var(--spacing-xs)}.rarity-gallery__supertype-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-wide)}.rarity-gallery__supertype-field{border:var(--border-width-sm) solid var(--color-border-neutral-strong);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--surface-glass-ultra);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-base);box-shadow:0 8px 16px #0f1f3d14;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.rarity-gallery__supertype-field:hover{border-color:var(--color-primary)}.rarity-gallery__supertype-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.rarity-gallery__selector{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.rarity-gallery__selector-button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);border:var(--border-width-md) solid var(--color-primary-border-soft);background:var(--surface-glass-strong);color:var(--color-text-primary);font-weight:600;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.rarity-gallery__selector-button:hover{background-color:var(--color-white);border-color:var(--color-primary);box-shadow:var(--shadow-primary-lift);transform:translateY(-2px)}.rarity-gallery__selector-button:active{transform:translateY(0)}.rarity-gallery__selector-button--active{background-image:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-white);border-color:transparent;box-shadow:var(--shadow-primary-bold)}.rarity-gallery__selector-button--active:hover{background-image:linear-gradient(135deg,var(--color-primary-hover),var(--color-secondary-hover));box-shadow:var(--shadow-primary-strong);transform:translateY(-2px)}.rarity-gallery__images{position:relative;background:linear-gradient(160deg,#fffffffa,#fff5dff0),linear-gradient(200deg,rgb(219 232 255 / .25),transparent 65%);border-radius:var(--radius-xl);padding:clamp(var(--spacing-lg),4vw,var(--spacing-xl));border:var(--border-width-lg) solid var(--color-primary-border-faint);box-shadow:var(--shadow-md);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:var(--spacing-md);overflow:hidden;isolation:isolate}.rarity-gallery__images:before,.rarity-gallery__images:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.rarity-gallery__images:before{background:radial-gradient(circle at 20% 25%,rgb(255 93 115 / .2) 0 30%,transparent 55%),radial-gradient(circle at 80% 75%,rgb(255 138 38 / .18) 0 28%,transparent 52%);filter:blur(18px);z-index:0}.rarity-gallery__images:after{border:var(--border-width-sm) solid var(--surface-glass-light);z-index:1}.rarity-gallery__images>*{position:relative;z-index:2}.rarity-gallery__images-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.rarity-gallery__images-title{margin:0;font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text-primary)}.rarity-gallery__images-count{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);background:var(--surface-glass-soft)}.rarity-gallery__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--spacing-md)}.rarity-gallery__card{position:relative;background:var(--surface-glass-ultra);border-radius:var(--radius-lg);padding:var(--spacing-sm);border:var(--border-width-md) solid var(--color-border-gold);box-shadow:inset 0 0 0 1px var(--surface-glass-light),var(--shadow-sm);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.rarity-gallery__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.rarity-gallery__card-image{width:100%;border-radius:var(--radius-md);object-fit:cover;display:block}.rarity-gallery__empty{padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted);border:var(--border-width-md) dashed var(--color-primary-border-soft);border-radius:var(--radius-lg);background:var(--surface-glass-soft);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:var(--font-size-base);line-height:var(--line-height-normal)}@media(prefers-color-scheme:dark){.rarity-gallery__header,.rarity-gallery__controls,.rarity-gallery__images{background:linear-gradient(160deg,#0f172af2,#1e293be6),linear-gradient(200deg,rgb(99 102 241 / .15),transparent 65%);border-color:var(--surface-dark-border);box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff0d}.rarity-gallery__header:before{background:radial-gradient(circle at 25% 30%,var(--surface-dark-glow-amber) 0 35%,transparent 60%),radial-gradient(circle at 75% 70%,var(--surface-dark-glow-violet) 0 30%,transparent 55%);filter:blur(20px)}.rarity-gallery__controls:before{background:radial-gradient(circle at 70% 20%,var(--surface-dark-glow-amber) 0 30%,transparent 55%),radial-gradient(circle at 20% 80%,var(--surface-dark-glow-violet) 0 25%,transparent 50%);filter:blur(18px)}.rarity-gallery__images:before{background:radial-gradient(circle at 20% 25%,var(--surface-dark-glow-rose) 0 30%,transparent 55%),radial-gradient(circle at 80% 75%,var(--surface-dark-glow-amber) 0 28%,transparent 52%);filter:blur(20px)}.rarity-gallery__header:after,.rarity-gallery__controls:after,.rarity-gallery__images:after{border-color:#ffffff14}.rarity-gallery__pill{background:#3b82f633;color:var(--color-primary-soft)}.rarity-gallery__title{color:var(--color-dark-text-primary)}.rarity-gallery__subtitle,.rarity-gallery__supertype-label{color:var(--color-dark-text-secondary)}.rarity-gallery__supertype-field{background:var(--surface-dark-input);border-color:var(--surface-dark-input-border);color:var(--color-dark-text-primary)}.rarity-gallery__supertype-field:hover{border-color:var(--color-primary)}.rarity-gallery__supertype-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f633}.rarity-gallery__selector-button{background:#1e293bcc;border-color:#47556980;color:var(--color-dark-text-primary)}.rarity-gallery__selector-button:hover{background:#334155e6;border-color:var(--color-primary)}.rarity-gallery__selector-button--active{background-image:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-white);border-color:transparent}.rarity-gallery__images-title{color:var(--color-dark-text-primary)}.rarity-gallery__images-count{color:var(--color-dark-text-secondary);background:#33415599}.rarity-gallery__card{background:#1e293bcc;border-color:#fbbf2480;box-shadow:inset 0 0 0 1px #ffffff0d,0 8px 16px #0000004d}.rarity-gallery__card:hover{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px #ffffff14,0 12px 24px #0006}.rarity-gallery__empty{background:#1e293b99;border-color:#47556980;color:var(--color-dark-text-muted)}.rarity-gallery__cta-link{box-shadow:var(--shadow-primary-bold)}}.favorites-page{min-height:100vh;padding-bottom:var(--spacing-2xl)}.favorites-header{position:relative;background-color:var(--hero-cream);border-radius:var(--radius-xl);overflow:hidden;padding:var(--spacing-lg) var(--spacing-xl);box-shadow:var(--shadow-md);isolation:isolate;margin:0 var(--spacing-lg) var(--spacing-xl)}.favorites-header:before,.favorites-header:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0}.favorites-header:before{background:radial-gradient(circle at 15% 35%,rgb(255 214 79 / .85) 0 30%,transparent 40%),radial-gradient(circle at 85% 22%,rgb(27 107 255 / .85) 0 28%,transparent 38%),radial-gradient(circle at 70% 80%,rgb(255 93 115 / .8) 0 30%,transparent 38%);transform:scale(1.15)}.favorites-header:after{background:radial-gradient(circle at 50% 50%,rgb(255 255 255 / .3) 0 18%,transparent 30%);filter:blur(15px)}.favorites-header__top{position:relative;z-index:1;margin-bottom:var(--spacing-md)}.favorites-header__back{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:color var(--transition-fast)}.favorites-header__back:hover{color:var(--color-primary)}.favorites-header__main{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}.favorites-header__title-group{display:flex;align-items:center;gap:var(--spacing-sm)}.favorites-header__icon{color:#ef4444}.favorites-header__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin:0}.favorites-header__count{background:var(--color-primary-light);color:var(--color-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600}.favorites-header__count--limit{background:linear-gradient(135deg,#ef444426,#dc262633);color:#dc2626}.favorites-header__syncing{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500;animation:pulse-fade 1.5s ease-in-out infinite}@keyframes pulse-fade{0%,to{opacity:.5}50%{opacity:1}}.favorites-header__actions{display:flex;align-items:center;gap:var(--spacing-sm)}.favorites-action-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);border:var(--border-width-sm) solid var(--color-primary-border-soft);background:var(--surface-glass-soft);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--color-text-primary);text-decoration:none;box-shadow:var(--shadow-sm)}.favorites-action-btn:hover{background:var(--surface-glass-strong);border-color:var(--color-primary-border-strong);transform:translateY(-2px);box-shadow:var(--shadow-primary-lift)}.favorites-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.favorites-action-btn--ghost{background:var(--surface-glass-light);border-color:var(--color-primary-border-faint)}.favorites-action-btn--ghost:hover{background:var(--surface-glass-medium);border-color:var(--color-primary-border-soft)}.favorites-action-btn--primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-white);border:none;box-shadow:var(--shadow-primary-soft)}.favorites-action-btn--primary:hover{box-shadow:var(--shadow-primary-bold)}.favorites-action-btn--danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:var(--color-white);border:none}.favorites-action-btn--danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.favorites-content{padding:0 var(--spacing-lg) var(--spacing-xl);max-width:1400px;margin:0 auto}.favorites-content-wrapper{position:relative;background-color:var(--hero-cream);border-radius:var(--radius-xl);padding:clamp(var(--spacing-lg),5vw,var(--spacing-2xl)) var(--spacing-lg);box-shadow:var(--shadow-md);overflow:hidden;isolation:isolate}.favorites-content-wrapper:before,.favorites-content-wrapper:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}.favorites-content-wrapper:before{background:radial-gradient(circle at 90% 20%,rgb(255 93 115 / .75) 0 22%,transparent 32%),radial-gradient(circle at 10% 75%,rgb(27 107 255 / .8) 0 25%,transparent 35%),radial-gradient(circle at 75% 85%,rgb(255 214 79 / .8) 0 28%,transparent 38%),radial-gradient(circle at 5% 15%,rgb(255 138 38 / .75) 0 20%,transparent 30%);transform:scale(1.2)}.favorites-content-wrapper:after{background:radial-gradient(circle at 50% 50%,rgb(255 255 255 / .25) 0 15%,transparent 30%),radial-gradient(circle at 20% 30%,rgb(255 255 255 / .2) 0 12%,transparent 25%);filter:blur(12px)}.favorites-content-inner{position:relative;z-index:1;background-color:var(--surface-glass-strong);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-xl);padding:var(--spacing-lg);border:var(--border-width-lg) solid var(--surface-glass-outline);box-shadow:inset 0 0 0 1px var(--surface-glass-light),var(--shadow-sm)}.favorites-loading{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);color:var(--color-text-secondary)}.favorites-loading__spinner{width:40px;height:40px;border:3px solid var(--color-border-default);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}.favorites-error{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);color:var(--color-error);text-align:center;gap:var(--spacing-md)}.favorites-empty{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center}.favorites-empty__icon{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:var(--surface-glass-soft);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-full);border:var(--border-width-sm) solid var(--color-primary-border-faint);color:#ef4444;margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.favorites-empty__title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-sm)}.favorites-empty__description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--spacing-lg);max-width:400px}.favorites-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-lg)}.favorites-card{position:relative;background:var(--color-card-surface);border-radius:var(--radius-lg);border:var(--border-width-md) solid var(--color-primary-border-soft);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.favorites-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-primary-strong);border-color:var(--color-primary)}.favorites-card--selectable,.favorites-card--clickable{cursor:pointer}.favorites-card--clickable:focus{outline:2px solid var(--color-primary);outline-offset:2px}.favorites-card--selected{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light),var(--shadow-primary-soft)}.favorites-card__checkbox{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);z-index:3}.favorites-card__checkbox input{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary)}.favorites-card__image-container{position:relative;aspect-ratio:5 / 7;padding:var(--spacing-sm)}.favorites-card__image{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-md)}.favorites-card__favorite{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);z-index:2;opacity:0;transform:scale(.85);transition:opacity var(--transition-fast),transform var(--transition-fast)}.favorites-card:hover .favorites-card__favorite{opacity:1;transform:scale(1)}.favorites-card__favorite:has(.favorite-button--liked){opacity:1;transform:scale(1)}.favorites-card__info{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.favorites-card__name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorites-card__set{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:767px){.favorites-header{margin:0 var(--spacing-sm) var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg)}.favorites-header__main{flex-direction:column;align-items:flex-start}.favorites-content{padding:0 var(--spacing-sm) var(--spacing-md)}.favorites-content-wrapper,.favorites-content-inner{padding:var(--spacing-md);border-radius:var(--radius-lg)}.favorites-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-md)}.favorites-card__favorite{opacity:1;transform:scale(1)}}@media(prefers-color-scheme:dark){.favorites-header{background-color:var(--surface-dark-panel)}.favorites-header:before{background:radial-gradient(circle at 15% 35%,rgb(255 170 92 / .3) 0 30%,transparent 40%),radial-gradient(circle at 85% 22%,rgb(123 144 255 / .28) 0 28%,transparent 38%),radial-gradient(circle at 70% 80%,rgb(255 130 170 / .26) 0 30%,transparent 38%)}.favorites-content-wrapper{background-color:var(--surface-dark-panel)}.favorites-content-wrapper:before{background:radial-gradient(circle at 90% 20%,rgb(255 130 170 / .28) 0 22%,transparent 32%),radial-gradient(circle at 10% 75%,rgb(123 144 255 / .32) 0 25%,transparent 35%),radial-gradient(circle at 75% 85%,rgb(255 170 92 / .3) 0 28%,transparent 38%),radial-gradient(circle at 5% 15%,rgb(255 138 38 / .26) 0 20%,transparent 30%)}.favorites-content-inner{background-color:var(--surface-dark-panel-strong);border-color:var(--surface-dark-border)}.favorites-card{background:var(--surface-dark-panel-strong);border-color:#7792dd66}.favorites-card:hover{border-color:#7b90ffb3}.favorites-empty__icon{background:var(--surface-dark-panel-strong);border-color:var(--surface-dark-border)}.favorites-action-btn{background:var(--surface-dark-panel-strong);border-color:var(--surface-dark-input-border);color:var(--color-dark-text-primary)}.favorites-action-btn:hover{background:#0e182ef2;border-color:var(--surface-dark-border)}.favorites-action-btn--ghost{background:#0a112180;border-color:#ffffff14}.favorites-action-btn--ghost:hover{background:var(--surface-dark-panel-strong)}}.account-shell{width:min(100%,520px);margin:0 auto;background:linear-gradient(160deg,#fffffffa,#fff5dff0),linear-gradient(200deg,rgb(219 232 255 / .25),transparent 65%);border-radius:var(--radius-xl);padding:clamp(var(--spacing-xl),5vw,var(--spacing-2xl));border:var(--border-width-lg) solid var(--color-primary-border-faint);box-shadow:var(--shadow-lg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:relative;overflow:hidden;isolation:isolate}.account-shell:before,.account-shell:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.account-shell:before{background:radial-gradient(circle at 15% 25%,rgb(255 214 79 / .35) 0 25%,transparent 60%),radial-gradient(circle at 85% 30%,rgb(27 107 255 / .3) 0 20%,transparent 55%),radial-gradient(circle at 50% 85%,rgb(255 138 38 / .25) 0 25%,transparent 50%);filter:blur(18px);z-index:0}.account-shell:after{border:var(--border-width-sm) solid var(--surface-glass-light);z-index:1}.account-shell>*{position:relative;z-index:2}.account-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.account-eyebrow{align-self:center;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);background:var(--surface-glass-border);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:700;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.account-title{font-size:var(--font-size-3xl);font-weight:800;color:var(--color-text-primary);letter-spacing:-.015em}.account-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-normal);max-width:32ch;text-align:center}.account-sections{display:flex;flex-direction:column;gap:var(--spacing-lg)}.account-panel{background:var(--surface-glass-ultra);border-radius:var(--radius-lg);padding:clamp(var(--spacing-lg),3vw,var(--spacing-xl));border:var(--border-width-sm) solid var(--color-border-neutral-strong);box-shadow:0 12px 24px #0f1f3d14;display:flex;flex-direction:column;gap:var(--spacing-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.account-panel__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.account-panel__header h2{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary)}.account-panel__header p{margin:var(--spacing-xs) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.account-panel--danger{border-color:var(--color-border-error-soft);background:linear-gradient(180deg,#fef2f2f2,#ffffffe6)}.account-panel--danger:hover{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-bg)}.account-chip{align-self:flex-start;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;white-space:nowrap}.account-chip--danger{background:#ef444426;color:var(--color-error);border:var(--border-width-sm) solid var(--color-error)}.account-button--danger{background-image:none;background-color:var(--color-error);border-color:var(--color-error)}.account-button--danger:hover:not(:disabled){background-color:#dc2626;transform:translateY(-2px);box-shadow:var(--shadow-elevated)}.account-button--danger:active:not(:disabled){transform:translateY(0)}.account-button--danger:focus-visible{box-shadow:0 0 0 4px var(--color-error-bg),var(--shadow-elevated);outline:none;transform:translateY(-2px)}@media(max-width:480px){.account-shell{padding:var(--spacing-xl);border-radius:var(--radius-lg)}.account-title{font-size:var(--font-size-xl)}.account-panel{padding:var(--spacing-lg)}.account-panel__header{flex-direction:column;gap:var(--spacing-sm)}.account-chip{align-self:flex-start}}@media(prefers-color-scheme:dark){.account-shell{background:linear-gradient(160deg,#0f172af2,#1e293be6),linear-gradient(200deg,rgb(99 102 241 / .15),transparent 65%);border-color:var(--surface-dark-border);box-shadow:0 30px 50px #0000004d,0 0 0 1px #ffffff0d}.account-shell:before{background:radial-gradient(circle at 15% 25%,var(--surface-dark-glow-amber) 0 25%,transparent 60%),radial-gradient(circle at 85% 30%,var(--surface-dark-glow-violet) 0 20%,transparent 55%),radial-gradient(circle at 50% 85%,var(--surface-dark-glow-rose) 0 25%,transparent 50%);filter:blur(24px)}.account-shell:after{border-color:#ffffff14}.account-eyebrow{background:#3b82f633;color:#93c5fd}.account-title{color:var(--color-dark-text-primary)}.account-subtitle{color:var(--color-dark-text-secondary)}.account-panel{background:var(--surface-dark-input);border-color:var(--surface-dark-input-border);box-shadow:0 12px 24px #0000004d,0 0 0 1px #ffffff08}.account-panel__header h2{color:var(--color-dark-text-primary)}.account-panel__header p{color:var(--color-dark-text-secondary)}.account-panel--danger{background:linear-gradient(180deg,var(--color-error-bg-dark),var(--surface-dark-input));border-color:#ef444466}.account-panel--danger:hover{border-color:#ef444499;box-shadow:0 0 0 3px #ef444426,0 12px 24px #0006}.account-chip--danger{background:#ef444440;color:var(--color-error-light);border-color:#ef444480}.account-button--danger{background-color:#dc2626e6}.account-button--danger:hover:not(:disabled){background-color:#ef4444f2}.account-button--danger:focus-visible{box-shadow:0 0 0 4px #ef444433,var(--shadow-elevated)}}.account-panel--subscription{background:linear-gradient(180deg,#f3e8fff2,#ffffffe6);border-color:var(--color-primary-border-faint)}.account-panel--subscription:hover{border-color:var(--color-primary);box-shadow:0 0 0 3px #8b5cf61a}.account-panel--privacy{background:linear-gradient(180deg,#f0f9fff2,#ffffffe6);border-color:#38bdf84d}.account-panel--privacy:hover{border-color:#38bdf880;box-shadow:0 0 0 3px #38bdf814}.account-privacy-info{padding:var(--spacing-md);background:var(--surface-glass-light);border-radius:var(--radius-md);border:var(--border-width-sm) solid var(--color-border-default)}.account-privacy-description{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.account-email-item{display:flex;gap:var(--spacing-md);align-items:flex-start}.account-email-item>svg{flex-shrink:0;color:var(--color-primary);margin-top:2px}.account-email-content{flex:1}.account-email-item h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);font-weight:700;color:var(--color-text-primary)}.account-email-item p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.account-email-preference{padding:var(--spacing-md);background:var(--surface-glass-light);border-radius:var(--radius-md);border:var(--border-width-sm) solid var(--color-border-default)}.account-toggle{position:relative;width:48px;height:28px;background:var(--color-border-default);border:var(--border-width-sm) solid var(--color-border-default);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);flex-shrink:0;padding:0}.account-toggle:hover:not(:disabled){background:var(--color-border-warm);border-color:var(--color-border-warm)}.account-toggle:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.account-toggle__slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:var(--radius-full);transition:transform var(--transition-normal);box-shadow:var(--shadow-sm)}.account-toggle--on{background:linear-gradient(135deg,var(--color-primary) 0%,#0a3fa8 100%);border-color:var(--color-primary)}.account-toggle--on:hover:not(:disabled){background:linear-gradient(135deg,#0a3fa8 0%,var(--color-primary) 100%);box-shadow:var(--shadow-primary-soft)}.account-toggle--on .account-toggle__slider{transform:translate(20px)}.account-toggle:focus-visible{outline:none;box-shadow:0 0 0 4px var(--color-primary-bg)}.account-error-message{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius-md);border:var(--border-width-sm) solid var(--color-border-error);font-size:var(--font-size-sm)}.account-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.account-chip--success{background:#22c55e26;color:var(--color-success-dark);border:var(--border-width-sm) solid rgb(34 197 94 / .5)}.account-chip--warning{background:#eab30826;color:var(--color-warning-dark);border:var(--border-width-sm) solid rgb(234 179 8 / .5)}.account-chip--neutral{background:#64748b26;color:#334155;border:var(--border-width-sm) solid rgb(100 116 139 / .4)}.account-subscription-loading{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.account-subscription-details{display:flex;flex-direction:column;gap:var(--spacing-lg)}.account-subscription-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.account-subscription-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-neutral)}.account-subscription-row:last-child{border-bottom:none}.account-subscription-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.account-subscription-value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.account-subscription-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.account-button--upgrade{background:linear-gradient(135deg,var(--color-upgrade-gradient-start),var(--color-upgrade-gradient-end));border:var(--border-width-md) solid var(--color-upgrade-border);color:var(--color-text-primary);font-weight:700;background-image:none;box-shadow:0 0 0 1px var(--color-upgrade-glow-subtle),var(--shadow-sm);transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.account-button--upgrade:hover:not(:disabled){background:linear-gradient(135deg,var(--color-upgrade-gradient-hover-start),var(--color-upgrade-gradient-hover-end));border-color:var(--color-upgrade-border-hover);transform:translateY(-2px);box-shadow:0 0 0 1px var(--color-upgrade-glow-medium),0 8px 16px var(--color-upgrade-shadow),var(--shadow-md)}.account-button--upgrade:focus-visible{box-shadow:0 0 0 4px var(--color-upgrade-glow-subtle),var(--shadow-md);outline:none}.account-button--upgrade:active:not(:disabled){transform:translateY(0);box-shadow:0 0 0 1px var(--color-upgrade-glow-subtle),var(--shadow-sm)}.account-button--upgrade:disabled{opacity:var(--opacity-disabled);transform:none;cursor:not-allowed}.account-button--secondary{background:var(--surface-glass-ultra);border:var(--border-width-sm) solid var(--color-border-neutral-strong);color:var(--color-text-primary);background-image:none}.account-button--secondary:hover:not(:disabled){background:var(--surface-glass-soft);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.account-button--outline{background:transparent;border:var(--border-width-sm) solid var(--color-border-neutral);color:var(--color-text-secondary);background-image:none}.account-button--outline:hover:not(:disabled){background:#ef44440d;border-color:var(--color-error);color:var(--color-error);transform:translateY(-2px)}.account-subscription-empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center}.account-subscription-empty p{color:var(--color-text-secondary);margin:0}@media(prefers-color-scheme:dark){.account-panel--subscription{background:var(--surface-dark-input);border-color:#8b5cf666}.account-panel--subscription:hover{border-color:#8b5cf699;box-shadow:0 0 0 3px #8b5cf626,0 12px 24px #0006}.account-panel--privacy{background:var(--surface-dark-input);border-color:#38bdf84d}.account-panel--privacy:hover{border-color:#38bdf880;box-shadow:0 0 0 3px #38bdf81f,0 12px 24px #0006}.account-privacy-info{background:#0f172a99;border-color:#ffffff14}.account-privacy-description{color:var(--color-dark-text-secondary)}.account-chip--success{background:#22c55e40;color:var(--color-success-light);border-color:#22c55e80}.account-chip--warning{background:#eab30840;color:var(--color-warning-light);border-color:#eab30880}.account-chip--neutral{background:#94a3b833;color:#cbd5e1;border-color:#94a3b866}.account-subscription-loading,.account-subscription-empty p{color:var(--color-text-secondary)}.account-subscription-row{border-bottom-color:#ffffff1a}.account-subscription-label{color:var(--color-text-muted)}.account-subscription-value{color:var(--color-text-primary)}.account-button--secondary{background:#0a1120e6;border-color:#ffffff26;color:var(--color-text-primary)}.account-button--secondary:hover:not(:disabled){background:#1e293be6;border-color:var(--color-primary)}.account-button--upgrade{background:linear-gradient(135deg,var(--color-upgrade-dark-gradient-start),var(--color-upgrade-dark-gradient-end));border-color:var(--color-upgrade-dark-border);color:var(--color-upgrade-amber-light);box-shadow:0 0 0 1px var(--color-upgrade-dark-glow-subtle),var(--shadow-sm)}.account-button--upgrade:hover:not(:disabled){background:linear-gradient(135deg,var(--color-upgrade-dark-gradient-hover-start),var(--color-upgrade-dark-gradient-hover-end));border-color:var(--color-upgrade-dark-border-hover);box-shadow:0 0 0 1px var(--color-upgrade-dark-glow-medium),0 8px 16px var(--color-upgrade-dark-shadow),var(--shadow-md)}.account-button--outline{background:transparent;border-color:#ffffff26;color:var(--color-text-muted)}.account-button--outline:hover:not(:disabled){background:#ef44441a;border-color:#ef444480;color:var(--color-error-light)}}.confirm-dialog-backdrop{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal);padding:var(--spacing-md);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:linear-gradient(160deg,#fffffffa,#fff5dff5),linear-gradient(200deg,rgb(219 232 255 / .2),transparent 60%);border:var(--border-width-lg) solid var(--color-primary-border-faint);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);padding:var(--spacing-xl);max-width:480px;width:100%;position:relative;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-dialog:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 20% 30%,rgb(255 214 79 / .3) 0 20%,transparent 50%),radial-gradient(circle at 80% 70%,rgb(27 107 255 / .25) 0 15%,transparent 45%);filter:blur(16px);pointer-events:none;z-index:-1}.confirm-dialog__header{margin-bottom:var(--spacing-lg)}.confirm-dialog__title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0}.confirm-dialog__content{margin-bottom:var(--spacing-xl)}.confirm-dialog__message{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.confirm-dialog__warning{background:#eab3081a;border:var(--border-width-sm) solid rgb(234 179 8 / .3);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md)}.confirm-dialog__warning-title{font-size:var(--font-size-sm);font-weight:600;color:#a16207;margin:0 0 var(--spacing-xs) 0;display:flex;align-items:center;gap:var(--spacing-xs)}.confirm-dialog__warning-text{font-size:var(--font-size-sm);color:#713f12;line-height:var(--line-height-relaxed);margin:0}.confirm-dialog__actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.confirm-dialog__button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);border:var(--border-width-sm) solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-width:100px}.confirm-dialog__button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.confirm-dialog__button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.confirm-dialog__button--cancel{background:transparent;border-color:var(--color-border-default);color:var(--color-text-secondary)}.confirm-dialog__button--cancel:hover:not(:disabled){background:#0000000d;border-color:var(--color-border-accent);color:var(--color-text-primary)}.confirm-dialog__button--confirm{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-color:var(--color-primary-border-bold);color:#fff;box-shadow:var(--shadow-primary-soft)}.confirm-dialog__button--confirm:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));box-shadow:var(--shadow-primary-bold);transform:translateY(-1px)}.confirm-dialog__button--danger{background:linear-gradient(135deg,var(--color-error),rgb(220 38 38));border-color:var(--color-error-dark);box-shadow:var(--shadow-md)}.confirm-dialog__button--danger:hover:not(:disabled){background:linear-gradient(135deg,rgb(220 38 38),var(--color-error-dark));box-shadow:var(--shadow-lg);transform:translateY(-1px)}.confirm-dialog__button--warning{background:linear-gradient(135deg,#eab308,#ca8a04);border-color:#a16207;color:#fff;box-shadow:var(--shadow-md)}.confirm-dialog__button--warning:hover:not(:disabled){background:linear-gradient(135deg,#ca8a04,#a16207);box-shadow:var(--shadow-lg);transform:translateY(-1px)}@media(prefers-color-scheme:dark){.confirm-dialog-backdrop{background:#000000bf}.confirm-dialog{background:linear-gradient(160deg,#1e293bfa,#334155f5),linear-gradient(200deg,rgb(59 130 246 / .15),transparent 60%);border-color:#47556980}.confirm-dialog__title{color:var(--color-text-primary)}.confirm-dialog__message{color:var(--color-text-secondary)}.confirm-dialog__warning{background:#eab30826;border-color:#eab30866}.confirm-dialog__warning-title{color:#facc15}.confirm-dialog__warning-text{color:#fde047}.confirm-dialog__button--cancel{border-color:#475569;color:var(--color-text-secondary)}.confirm-dialog__button--cancel:hover:not(:disabled){background:#ffffff1a;border-color:var(--color-primary);color:var(--color-text-primary)}}.admin-shell{width:min(100%,720px);margin:0 auto;background:linear-gradient(160deg,#fffffffa,#fff5dff0),linear-gradient(200deg,rgb(219 232 255 / .25),transparent 65%);border-radius:var(--radius-xl);padding:clamp(var(--spacing-xl),5vw,var(--spacing-2xl));border:var(--border-width-lg) solid var(--color-primary-border-faint);box-shadow:var(--shadow-lg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:relative;overflow:hidden;isolation:isolate}.admin-shell:before,.admin-shell:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.admin-shell:before{background:radial-gradient(circle at 15% 25%,rgb(255 214 79 / .35) 0 25%,transparent 60%),radial-gradient(circle at 85% 30%,rgb(27 107 255 / .3) 0 20%,transparent 55%),radial-gradient(circle at 50% 85%,rgb(255 138 38 / .25) 0 25%,transparent 50%);filter:blur(18px);z-index:0}.admin-shell:after{border:var(--border-width-sm) solid var(--surface-glass-light);z-index:1}.admin-shell>*{position:relative;z-index:2}.admin-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl)}.admin-eyebrow{align-self:center;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary) 0%,#0a3fa8 100%);color:#fff;font-size:var(--font-size-xs);font-weight:700;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.admin-title{font-size:var(--font-size-3xl);font-weight:800;color:var(--color-text-primary);letter-spacing:-.015em;margin:0}.admin-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-normal);max-width:40ch;text-align:center;margin:0}.admin-loading{display:flex;align-items:center;justify-content:center;min-height:400px}.admin-loading__spinner{animation:spin 1s linear infinite;color:var(--color-primary)}.admin-success,.admin-error{display:flex;gap:var(--spacing-md);align-items:flex-start;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);border:var(--border-width-sm) solid}.admin-success{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success-dark)}.admin-success svg{flex-shrink:0;color:var(--color-success)}.admin-success strong{display:block;font-weight:700;margin-bottom:var(--spacing-xs)}.admin-success p{margin:0;font-size:var(--font-size-sm);color:var(--color-success-dark)}.admin-error{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error-dark)}.admin-error svg{flex-shrink:0;color:var(--color-error)}.admin-error strong{display:block;font-weight:700;margin-bottom:var(--spacing-xs)}.admin-error p{margin:0;font-size:var(--font-size-sm);color:var(--color-error-dark)}.admin-recipients{display:flex;gap:var(--spacing-md);align-items:flex-start;padding:var(--spacing-md);background:var(--surface-glass-light);border-radius:var(--radius-md);border:var(--border-width-sm) solid var(--color-border-default);margin-bottom:var(--spacing-xl)}.admin-recipients svg{flex-shrink:0;color:var(--color-primary);margin-top:2px}.admin-recipients strong{display:block;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.admin-recipients p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.admin-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.admin-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.admin-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.admin-label{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-primary)}.admin-required{color:var(--color-error)}.admin-input,.admin-textarea{padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width-sm) solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit;color:var(--color-text-primary);background:#fff;transition:all var(--transition-fast)}.admin-input:focus,.admin-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-bg)}.admin-input:disabled,.admin-textarea:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.admin-textarea{resize:vertical;min-height:120px;line-height:var(--line-height-relaxed)}.admin-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.admin-markdown-info{background:var(--surface-glass-light);border:var(--border-width-sm) solid var(--color-primary-border-faint);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.admin-markdown-info strong{color:var(--color-primary);font-weight:700}.admin-button-group{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.admin-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary) 0%,#0a3fa8 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:700;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-primary-soft)}.admin-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-primary-lift)}.admin-button:active:not(:disabled){transform:translateY(0)}.admin-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;transform:none}.admin-button--secondary{background:#fff;color:var(--color-primary);border:var(--border-width-md) solid var(--color-primary);box-shadow:none}.admin-button--secondary:hover:not(:disabled){background:var(--color-primary-bg);box-shadow:var(--shadow-md)}.admin-button__spinner{animation:spin 1s linear infinite}@media(max-width:640px){.admin-shell{padding:var(--spacing-xl);border-radius:var(--radius-lg)}.admin-title{font-size:var(--font-size-2xl)}.admin-form-row{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){.admin-shell{background:linear-gradient(160deg,#0f172af2,#1e293be6),linear-gradient(200deg,rgb(99 102 241 / .15),transparent 65%);border-color:#475569;box-shadow:0 30px 50px #0000004d,0 0 0 1px #ffffff0d}.admin-shell:before{background:radial-gradient(circle at 15% 25%,rgb(251 191 36 / .2) 0 25%,transparent 60%),radial-gradient(circle at 85% 30%,rgb(139 92 246 / .15) 0 20%,transparent 55%),radial-gradient(circle at 50% 85%,rgb(244 114 182 / .15) 0 25%,transparent 50%);filter:blur(24px)}.admin-shell:after{border-color:#475569}.admin-eyebrow{background:linear-gradient(135deg,var(--color-primary) 0%,#6366f1 100%)}.admin-recipients{background:#1e293b80;border-color:#475569}.admin-input,.admin-textarea{background:#1e293b;border-color:#475569;color:#e2e8f0}.admin-input:focus,.admin-textarea:focus{border-color:var(--color-primary);background:#0f172a}.admin-markdown-info{background:#1e293b80;border-color:#475569;color:#94a3b8}.admin-markdown-info strong{color:#93c5fd}.admin-success{background:#064e3b4d;border-color:#22c55e;color:#86efac}.admin-success p{color:#86efac}.admin-error{background:#7f1d1d4d;border-color:#ef4444;color:#fca5a5}.admin-error p{color:#fca5a5}}:root{--color-primary: #0b4dd9;--color-primary-hover: #093eb1;--color-primary-light: #dfe7ff;--color-secondary: #ff8a26;--color-secondary-hover: #ff6e2a;--color-secondary-light: #ffe1c7;--color-background: #fff3d8;--color-surface: #ffffff;--color-card-surface: #fff9ee;--color-text-primary: #0f1f3d;--color-text-secondary: #2e2a4a;--color-text-muted: #5b5775;--color-dark-text-primary: #f4f7ff;--color-dark-text-secondary: rgb(210 220 255 / .85);--color-dark-text-muted: rgb(172 185 230 / .7);--color-primary-border-strong: rgb(11 77 217 / .25);--color-primary-border-soft: rgb(11 77 217 / .2);--color-primary-border-faint: rgb(11 77 217 / .12);--color-border-neutral-strong: rgb(11 31 61 / .2);--color-border-error-soft: rgb(239 68 68 / .3);--color-border-warm: rgb(255 138 38 / .3);--color-border-gold: rgb(255 214 79 / .8);--color-border-accent: #0b4dd9;--color-border-default: #d1d5db;--color-upgrade-amber-light: rgb(251 191 36);--color-upgrade-amber-dark: rgb(245 158 11);--color-upgrade-gradient-start: rgb(251 191 36 / .15);--color-upgrade-gradient-end: rgb(245 158 11 / .15);--color-upgrade-gradient-hover-start: rgb(251 191 36 / .25);--color-upgrade-gradient-hover-end: rgb(245 158 11 / .25);--color-upgrade-border: rgb(251 191 36 / .8);--color-upgrade-border-hover: rgb(245 158 11);--color-upgrade-glow-subtle: rgb(251 191 36 / .2);--color-upgrade-glow-medium: rgb(251 191 36 / .3);--color-upgrade-shadow: rgb(251 191 36 / .2);--color-upgrade-dark-gradient-start: rgb(251 191 36 / .2);--color-upgrade-dark-gradient-end: rgb(245 158 11 / .2);--color-upgrade-dark-gradient-hover-start: rgb(251 191 36 / .3);--color-upgrade-dark-gradient-hover-end: rgb(245 158 11 / .3);--color-upgrade-dark-border: rgb(251 191 36 / .6);--color-upgrade-dark-border-hover: rgb(251 191 36);--color-upgrade-dark-glow-subtle: rgb(251 191 36 / .15);--color-upgrade-dark-glow-medium: rgb(251 191 36 / .25);--color-upgrade-dark-shadow: rgb(251 191 36 / .3);--font-family-base: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--color-error: #ef4444;--color-error-bg: #fef2f2;--color-error-bg-dark: rgb(64 11 17 / .65);--color-error-light: #fca5a5;--color-success: #22c55e;--color-success-dark: #16a34a;--color-success-light: #86efac;--color-success-bg-dark: rgb(11 52 27 / .6);--color-warning: #eab308;--color-warning-dark: #ca8a04;--color-warning-light: #fde047;--color-premium: #fbbf24;--color-premium-dark: #f59e0b;--hero-cream: #fff2d7;--surface-glass-ultra: rgb(255 255 255 / .95);--surface-glass-strong: rgb(255 255 255 / .85);--surface-glass-border: rgb(255 255 255 / .75);--surface-glass-soft: rgb(255 255 255 / .7);--surface-glass-outline: rgb(255 255 255 / .6);--surface-glass-medium: rgb(255 255 255 / .5);--surface-glass-light: rgb(255 255 255 / .4);--surface-dark-base: #030712;--surface-dark-panel: rgb(7 12 26 / .95);--surface-dark-panel-strong: rgb(14 24 46 / .9);--surface-dark-border: rgb(119 146 221 / .55);--surface-dark-input: rgb(10 17 33 / .92);--surface-dark-input-border: rgb(255 255 255 / .14);--surface-dark-glow-amber: rgb(255 170 92 / .45);--surface-dark-glow-violet: rgb(123 144 255 / .4);--surface-dark-glow-rose: rgb(255 130 170 / .38);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--breakpoint-md: 640px;--breakpoint-tablet: 768px;--breakpoint-lg: 1024px;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1.25rem;--radius-xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 8px 20px rgb(15 31 61 / .08);--shadow-md: 0 15px 30px rgb(15 31 61 / .12);--shadow-lg: 0 30px 50px rgb(15 31 61 / .18);--shadow-primary-lift: 0 4px 12px rgb(11 77 217 / .15);--shadow-primary-soft: 0 10px 25px rgb(11 77 217 / .15);--shadow-primary-bold: 0 8px 18px rgb(11 77 217 / .25);--shadow-primary-strong: 0 12px 20px rgb(11 77 217 / .2);--shadow-primary-deep: 0 18px 30px rgb(15 31 61 / .2);--shadow-elevated: 0 22px 40px rgb(15 31 61 / .3);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2.25rem;--font-size-4xl: clamp(2.5rem, 6vw, 3.5rem);--font-size-icon-lg: 2.5rem;--line-height-tight: 1.4;--line-height-normal: 1.5;--letter-spacing-wide: .08em;--letter-spacing-wider: .1em;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 24px;--icon-size-xl: 32px;--icon-size-2xl: 56px;--button-size-sm: 52px;--button-size-md: 56px;--button-size-lg: 60px;--button-min-height-touch: 56px;--input-min-height-sm: 54px;--input-min-height-md: 60px;--input-min-height-lg: 70px;--border-width-sm: 1px;--border-width-md: 2px;--border-width-lg: 3px;--border-width-xl: 4px;--opacity-disabled: .6;--opacity-muted: .8;--drop-shadow-light: 0 2px 4px rgb(0 0 0 / .2);--drop-shadow-medium: 0 2px 8px rgb(0 0 0 / .5);--color-locked-card-dark-bg: rgb(30 41 59 / .85);--color-locked-card-dark-border: rgb(234 179 8 / .5);--color-locked-card-dark-inset-shadow: rgb(255 255 255 / .05);--color-locked-card-dark-shadow: rgb(0 0 0 / .4);--color-locked-card-dark-gradient-start: rgb(59 130 246 / .15);--color-locked-card-dark-gradient-middle: rgb(139 92 246 / .1);--color-locked-card-dark-hover-shadow: rgb(59 130 246 / .25);--color-locked-card-dark-hover-inset: rgb(255 255 255 / .1);--color-locked-card-dark-text: rgb(248 250 252);--color-locked-card-dark-count: rgb(148 163 184);--z-index-header: 200;--z-index-dropdown: 300;--z-index-overlay: 900;--z-index-modal: 1000;--color-white: #ffffff;--color-black: #000000;--transition-fast: .15s ease;--transition-normal: .26s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-family-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);background-image:radial-gradient(circle at 12% 20%,rgb(255 206 89 / .9) 0 38%,transparent 42%),radial-gradient(circle at 88% 12%,rgb(27 107 255 / .8) 0 30%,transparent 40%),radial-gradient(circle at 82% 78%,rgb(255 93 115 / .85) 0 35%,transparent 45%),radial-gradient(circle at 18% 82%,rgb(255 138 38 / .8) 0 28%,transparent 40%);color:var(--color-text-primary);line-height:var(--line-height-normal);min-height:100vh;padding:var(--spacing-md)}@media(min-width:640px){body{padding:var(--spacing-lg)}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;background:none;font:inherit}input{font:inherit;border:none;background:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}h1,h2,h3,h4{color:var(--color-text-primary);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg);line-height:var(--line-height-tight);font-weight:700}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-lg)}a{color:var(--color-primary);transition:color var(--transition-fast)}a:hover,a:focus-visible{color:var(--color-primary-hover)}.u-p-xs{padding:var(--spacing-xs)}.u-p-sm{padding:var(--spacing-sm)}.u-p-md{padding:var(--spacing-md)}.u-p-lg{padding:var(--spacing-lg)}.u-p-xl{padding:var(--spacing-xl)}.u-p-2xl{padding:var(--spacing-2xl)}.u-m-xs{margin:var(--spacing-xs)}.u-m-sm{margin:var(--spacing-sm)}.u-m-md{margin:var(--spacing-md)}.u-m-lg{margin:var(--spacing-lg)}.u-m-xl{margin:var(--spacing-xl)}.u-m-2xl{margin:var(--spacing-2xl)}.u-pt-xs{padding-top:var(--spacing-xs)}.u-pt-sm{padding-top:var(--spacing-sm)}.u-pt-md{padding-top:var(--spacing-md)}.u-pt-lg{padding-top:var(--spacing-lg)}.u-pt-xl{padding-top:var(--spacing-xl)}.u-pt-2xl{padding-top:var(--spacing-2xl)}.u-pb-xs{padding-bottom:var(--spacing-xs)}.u-pb-sm{padding-bottom:var(--spacing-sm)}.u-pb-md{padding-bottom:var(--spacing-md)}.u-pb-lg{padding-bottom:var(--spacing-lg)}.u-pb-xl{padding-bottom:var(--spacing-xl)}.u-pb-2xl{padding-bottom:var(--spacing-2xl)}.u-pl-xs{padding-left:var(--spacing-xs)}.u-pl-sm{padding-left:var(--spacing-sm)}.u-pl-md{padding-left:var(--spacing-md)}.u-pl-lg{padding-left:var(--spacing-lg)}.u-pl-xl{padding-left:var(--spacing-xl)}.u-pl-2xl{padding-left:var(--spacing-2xl)}.u-pr-xs{padding-right:var(--spacing-xs)}.u-pr-sm{padding-right:var(--spacing-sm)}.u-pr-md{padding-right:var(--spacing-md)}.u-pr-lg{padding-right:var(--spacing-lg)}.u-pr-xl{padding-right:var(--spacing-xl)}.u-pr-2xl{padding-right:var(--spacing-2xl)}.u-px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.u-px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.u-px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.u-px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.u-px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.u-px-2xl{padding-left:var(--spacing-2xl);padding-right:var(--spacing-2xl)}.u-py-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.u-py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.u-py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.u-py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.u-py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.u-py-2xl{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.u-mt-xs{margin-top:var(--spacing-xs)}.u-mt-sm{margin-top:var(--spacing-sm)}.u-mt-md{margin-top:var(--spacing-md)}.u-mt-lg{margin-top:var(--spacing-lg)}.u-mt-xl{margin-top:var(--spacing-xl)}.u-mt-2xl{margin-top:var(--spacing-2xl)}.u-mb-xs{margin-bottom:var(--spacing-xs)}.u-mb-sm{margin-bottom:var(--spacing-sm)}.u-mb-md{margin-bottom:var(--spacing-md)}.u-mb-lg{margin-bottom:var(--spacing-lg)}.u-mb-xl{margin-bottom:var(--spacing-xl)}.u-mb-2xl{margin-bottom:var(--spacing-2xl)}.u-ml-xs{margin-left:var(--spacing-xs)}.u-ml-sm{margin-left:var(--spacing-sm)}.u-ml-md{margin-left:var(--spacing-md)}.u-ml-lg{margin-left:var(--spacing-lg)}.u-ml-xl{margin-left:var(--spacing-xl)}.u-ml-2xl{margin-left:var(--spacing-2xl)}.u-mr-xs{margin-right:var(--spacing-xs)}.u-mr-sm{margin-right:var(--spacing-sm)}.u-mr-md{margin-right:var(--spacing-md)}.u-mr-lg{margin-right:var(--spacing-lg)}.u-mr-xl{margin-right:var(--spacing-xl)}.u-mr-2xl{margin-right:var(--spacing-2xl)}.u-mx-xs{margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}.u-mx-sm{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.u-mx-md{margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.u-mx-lg{margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.u-mx-xl{margin-left:var(--spacing-xl);margin-right:var(--spacing-xl)}.u-mx-2xl{margin-left:var(--spacing-2xl);margin-right:var(--spacing-2xl)}.u-my-xs{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.u-my-sm{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.u-my-md{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.u-my-lg{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.u-my-xl{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.u-my-2xl{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.u-text-center{text-align:center}.u-text-right{text-align:right}.u-flex{display:flex}.u-flex-center{display:flex;justify-content:center;align-items:center}.app-container{min-height:calc(100vh - var(--spacing-md) * 2);display:flex;flex-direction:column}.page{flex:1;width:100%;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(min-width:1024px){body{padding:var(--spacing-2xl)}.page{gap:var(--spacing-xl)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl)}.loading-spinner{width:var(--icon-size-xl);height:var(--icon-size-xl);border:var(--border-width-lg) solid var(--color-border-accent);border-top-color:var(--color-secondary);border-radius:50%;animation:spin .8s linear infinite}@media(prefers-reduced-motion:reduce){body *,body *:before,body *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-color-scheme:dark){:root{--color-background: #090b1a;--color-surface: #151a2c;--color-card-surface: #1f2438;--color-text-primary: #f4f7ff;--color-text-secondary: #c0c6f4;--color-text-muted: #8990b5;--color-text-accent: #a5b4fc;--color-error-text: #fca5a5;--color-border-accent: #5c7cff;--color-border-default: #2c313a;--hero-cream: #1a1f33}body{background-image:radial-gradient(circle at 12% 20%,rgb(255 138 38 / .35) 0 40%,transparent 50%),radial-gradient(circle at 88% 15%,rgb(123 97 255 / .35) 0 30%,transparent 42%),radial-gradient(circle at 70% 70%,rgb(255 93 115 / .35) 0 30%,transparent 50%)}.rarity-gallery__selector-button{color:var(--color-black)}.rarity-gallery__selector-button--active{color:var(--color-white)}}