.vbs-sync-status{position:fixed;z-index:10000;max-width:400px;pointer-events:none;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.vbs-sync-status__notifications{display:flex;flex-direction:column;gap:var(--vbs-spacing-small, 12px);pointer-events:auto}.vbs-sync-status--top-right{top:var(--vbs-spacing-large, 24px);right:var(--vbs-spacing-large, 24px)}.vbs-sync-status--top-left{top:var(--vbs-spacing-large, 24px);left:var(--vbs-spacing-large, 24px)}.vbs-sync-status--bottom-right{bottom:var(--vbs-spacing-large, 24px);right:var(--vbs-spacing-large, 24px)}.vbs-sync-status--bottom-left{bottom:var(--vbs-spacing-large, 24px);left:var(--vbs-spacing-large, 24px)}.vbs-sync-status:not(.vbs-sync-status--visible){opacity:0;pointer-events:none}.vbs-sync-notification{display:flex;align-items:flex-start;gap:var(--vbs-spacing-small, 12px);padding:var(--vbs-spacing-medium, 16px);background-color:var(--vbs-bg-secondary, #1e1e1e);border:1px solid var(--vbs-border-color, #333);border-radius:var(--vbs-border-radius, 8px);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;min-width:320px;max-width:400px;animation:slideIn .3s ease-out;transition:all .2s ease-in-out}.vbs-sync-notification:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026,0 4px 8px #0000001a}.vbs-sync-notification__content{flex:1;min-width:0}.vbs-sync-notification__message{font-size:var(--vbs-font-size-medium, 14px);font-weight:500;color:var(--vbs-text-primary, #e0e0e0);margin:0 0 var(--vbs-spacing-tiny, 4px) 0;word-wrap:break-word}.vbs-sync-notification__details{font-size:var(--vbs-font-size-small, 12px);color:var(--vbs-text-secondary, #a0a0a0);margin:var(--vbs-spacing-tiny, 4px) 0;line-height:1.4}.vbs-sync-notification__timestamp{font-size:var(--vbs-font-size-tiny, 10px);color:var(--vbs-text-tertiary, #707070);margin-top:var(--vbs-spacing-tiny, 4px)}.vbs-sync-notification__icon{flex-shrink:0;font-size:20px;line-height:1;-webkit-user-select:none;user-select:none}.vbs-sync-notification__dismiss{flex-shrink:0;width:24px;height:24px;padding:0;margin-left:auto;background:transparent;border:none;color:var(--vbs-text-secondary, #a0a0a0);cursor:pointer;font-size:16px;line-height:1;border-radius:4px;transition:all .2s ease}.vbs-sync-notification__dismiss:hover{background-color:var(--vbs-bg-hover, rgba(255, 255, 255, .1));color:var(--vbs-text-primary, #e0e0e0)}.vbs-sync-notification__dismiss:focus-visible{outline:2px solid var(--vbs-color-primary, #0099ff);outline-offset:2px}.vbs-sync-notification--info{border-left:4px solid var(--vbs-color-info, #0099ff)}.vbs-sync-notification--info .vbs-sync-notification__icon{color:var(--vbs-color-info, #0099ff)}.vbs-sync-notification--success{border-left:4px solid var(--vbs-color-success, #00cc66)}.vbs-sync-notification--success .vbs-sync-notification__icon{color:var(--vbs-color-success, #00cc66)}.vbs-sync-notification--warning{border-left:4px solid var(--vbs-color-warning, #ffaa00)}.vbs-sync-notification--warning .vbs-sync-notification__icon{color:var(--vbs-color-warning, #ffaa00)}.vbs-sync-notification--error{border-left:4px solid var(--vbs-color-error, #ff3333)}.vbs-sync-notification--error .vbs-sync-notification__icon{color:var(--vbs-color-error, #ff3333)}.vbs-sync-notification__progress{width:100%;height:6px;background-color:var(--vbs-bg-tertiary, #2a2a2a);border-radius:3px;overflow:hidden;margin-top:var(--vbs-spacing-small, 8px)}.vbs-sync-notification__progress-bar{height:100%;background-color:var(--vbs-color-primary, #0099ff);border-radius:3px;transition:width .3s ease;background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:20px 20px;animation:progressAnimation 1s linear infinite}@keyframes progressAnimation{0%{background-position:0 0}to{background-position:20px 0}}.vbs-sync-notification--compact .vbs-sync-notification__details{display:none}.vbs-sync-notification--expanded .vbs-sync-notification__details{display:block}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media(max-width:767px){.vbs-sync-status{max-width:calc(100vw - 32px);left:16px!important;right:16px!important}.vbs-sync-notification{min-width:100%;padding:var(--vbs-spacing-small, 12px)}.vbs-sync-notification__message{font-size:var(--vbs-font-size-small, 13px)}.vbs-sync-notification__details{font-size:var(--vbs-font-size-tiny, 11px)}}@media(min-width:768px)and (max-width:1024px){.vbs-sync-status{max-width:360px}.vbs-sync-notification{min-width:300px}}@media(prefers-color-scheme:dark){.vbs-sync-notification{background-color:var(--vbs-bg-secondary, #1e1e1e);border-color:var(--vbs-border-color, #333)}.vbs-sync-notification__message{color:var(--vbs-text-primary, #e0e0e0)}.vbs-sync-notification__details{color:var(--vbs-text-secondary, #a0a0a0)}}@media(prefers-color-scheme:light){.vbs-sync-notification{background-color:var(--vbs-bg-secondary, #ffffff);border-color:var(--vbs-border-color, #e0e0e0)}.vbs-sync-notification__message{color:var(--vbs-text-primary, #1a1a1a)}.vbs-sync-notification__details{color:var(--vbs-text-secondary, #666666)}.vbs-sync-notification__progress{background-color:var(--vbs-bg-tertiary, #f0f0f0)}.vbs-sync-notification__dismiss:hover{background-color:var(--vbs-bg-hover, rgba(0, 0, 0, .05))}}@media(prefers-contrast:high){.vbs-sync-notification{border-width:2px;border-left-width:6px}.vbs-sync-notification__dismiss:focus-visible{outline-width:3px}.vbs-sync-notification__progress-bar{background-image:none}}@media(prefers-reduced-motion:reduce){.vbs-sync-notification{animation:none;transition:none}.vbs-sync-notification:hover{transform:none}.vbs-sync-notification__progress-bar{animation:none;transition:none}@keyframes progressAnimation{0%,to{background-position:0 0}}}.vbs-sync-notification:focus-within{outline:2px solid var(--vbs-color-primary, #0099ff);outline-offset:2px}@media print{.vbs-sync-status{display:none}}.metadata-quality-indicator{display:inline-flex;align-items:center;gap:var(--vbs-spacing-xs, .25rem);vertical-align:middle;-webkit-user-select:none;user-select:none}.metadata-quality-indicator--detailed{gap:var(--vbs-spacing-sm, .5rem)}.metadata-quality-indicator--interactive{cursor:pointer;transition:opacity .2s ease-in-out}.metadata-quality-indicator--interactive:hover{opacity:.8}.metadata-quality-indicator--interactive:focus-visible{outline:2px solid var(--vbs-color-primary, #5c7cfa);outline-offset:2px;border-radius:var(--vbs-border-radius-sm, 4px)}.metadata-quality-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;border-radius:var(--vbs-border-radius-full, 9999px);font-size:var(--vbs-font-size-xs, .75rem);font-weight:var(--vbs-font-weight-medium, 500);line-height:1.2;white-space:nowrap;transition:all .2s ease-in-out}.metadata-quality-badge__icon{display:inline-block;font-size:var(--vbs-font-size-sm, .875rem);line-height:1}.metadata-quality-badge__label{display:inline-block;font-size:var(--vbs-font-size-xs, .75rem);line-height:1}.metadata-quality-badge--completeness{border:1px solid transparent}.metadata-quality-badge--none{background-color:var(--vbs-bg-secondary, #f1f3f5);color:var(--vbs-text-secondary, #868e96);border-color:var(--vbs-border-color, #dee2e6)}.metadata-quality-badge--basic{background-color:#d0ebff;color:#1971c2;border-color:#74c0fc}.metadata-quality-badge--detailed{background-color:#b2f2bb;color:#2f9e44;border-color:#51cf66}.metadata-quality-badge--comprehensive{background-color:#51cf66;color:#fff;border-color:#2f9e44}.metadata-quality-badge--freshness{border:1px solid transparent}.metadata-quality-badge--fresh{background-color:#d3f9d8;color:#2b8a3e;border-color:#69db7c}.metadata-quality-badge--stale{background-color:#fff3bf;color:#e67700;border-color:#ffd43b}.metadata-quality-badge--outdated{background-color:#ffe3e3;color:#c92a2a;border-color:#ffa8a8}.metadata-quality-badge--enriching{background-color:var(--vbs-bg-primary, #ffffff);color:var(--vbs-color-primary, #5c7cfa);border:1px solid var(--vbs-color-primary, #5c7cfa)}.metadata-quality-badge__spinner{display:inline-block;animation:metadata-quality-spin 1s linear infinite}@keyframes metadata-quality-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.metadata-quality-badge__spinner{animation:none}.metadata-quality-badge--enriching{animation:metadata-quality-pulse 2s ease-in-out infinite}@keyframes metadata-quality-pulse{0%,to{opacity:1}50%{opacity:.6}}}@media(prefers-color-scheme:dark){.metadata-quality-badge--none{background-color:#2c2e33;color:#909296;border-color:#373a40}.metadata-quality-badge--basic{background-color:#1c4566;color:#74c0fc;border-color:#1971c2}.metadata-quality-badge--detailed{background-color:#1b5e20;color:#8ce99a;border-color:#2f9e44}.metadata-quality-badge--comprehensive{background-color:#2f9e44;color:#fff;border-color:#51cf66}.metadata-quality-badge--fresh{background-color:#1b5e20;color:#8ce99a;border-color:#37b24d}.metadata-quality-badge--stale{background-color:#5c4d00;color:#ffd43b;border-color:#fab005}.metadata-quality-badge--outdated{background-color:#7d1a1a;color:#ffa8a8;border-color:#f03e3e}.metadata-quality-badge--enriching{background-color:#1a1b1e;color:#74c0fc;border-color:#5c7cfa}}@media(max-width:767px){.metadata-quality-badge{padding:.0625rem .25rem;font-size:var(--vbs-font-size-2xs, .6875rem)}.metadata-quality-badge__icon{font-size:var(--vbs-font-size-xs, .75rem)}.metadata-quality-badge__label{font-size:var(--vbs-font-size-2xs, .6875rem)}.metadata-quality-indicator--detailed .metadata-quality-badge__label{display:none}}@media(min-width:768px){.metadata-quality-badge{padding:.125rem .5rem}}@media(prefers-contrast:high){.metadata-quality-badge{border-width:2px;font-weight:var(--vbs-font-weight-semibold, 600)}.metadata-quality-badge--none,.metadata-quality-badge--basic,.metadata-quality-badge--detailed,.metadata-quality-badge--comprehensive,.metadata-quality-badge--fresh,.metadata-quality-badge--stale,.metadata-quality-badge--outdated{border-color:currentColor}}.metadata-quality-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media print{.metadata-quality-indicator{-webkit-print-color-adjust:exact;print-color-adjust:exact}.metadata-quality-badge--enriching{display:none}}.metadata-quality-indicator[title]{cursor:help}.episode-item .metadata-quality-indicator{margin-left:var(--vbs-spacing-sm, .5rem);vertical-align:middle}.episode-header .metadata-quality-indicator{margin-left:auto}.episode-list--compact .metadata-quality-indicator{gap:.125rem}.episode-list--compact .metadata-quality-badge{padding:.0625rem .25rem}.metadata-source-attribution{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;background:#ffffff08;border:1px solid var(--vbs-border-color, rgba(255, 255, 255, .1));border-radius:6px;font-size:.85rem;color:var(--vbs-text-secondary, #a0a0a0);transition:background-color .2s ease}.metadata-source-attribution--compact{flex-direction:row;align-items:center;gap:.5rem;padding:.5rem .75rem}.metadata-source-attribution--interactive{cursor:pointer;-webkit-user-select:none;user-select:none}.metadata-source-attribution--interactive:hover{background:#ffffff0f;border-color:var(--vbs-color-accent, #ffa500)}.metadata-source-attribution--interactive:focus{outline:2px solid var(--vbs-color-accent, #ffa500);outline-offset:2px}.metadata-source-attribution--interactive:focus-visible{outline:2px solid var(--vbs-color-accent, #ffa500);outline-offset:2px}.metadata-source-attribution--no-data{justify-content:center;align-items:center;padding:1rem;font-style:italic;color:var(--vbs-text-tertiary, #707070)}.attribution-no-data{display:inline-block;text-align:center}.attribution-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--vbs-border-color, rgba(255, 255, 255, .1))}.attribution-title{font-size:.9rem;font-weight:600;color:var(--vbs-color-accent, #ffa500);margin:0;text-transform:uppercase;letter-spacing:.5px}.attribution-status{padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.attribution-status--pending{background:#ffa50033;color:var(--vbs-color-warning, #ffa500)}.attribution-status--partial{background:#ff03;color:var(--vbs-color-caution, #ffeb3b)}.attribution-status--complete{background:#10b98133;color:var(--vbs-color-success, #10b981)}.attribution-status--failed{background:#ef444433;color:var(--vbs-color-error, #ef4444)}.attribution-source{font-weight:600;color:var(--vbs-text-primary, #ffffff)}.attribution-updated{color:var(--vbs-text-tertiary, #707070);font-size:.8rem;margin-left:auto}.attribution-confidence{padding:.15rem .4rem;border-radius:4px;font-size:.75rem;font-weight:600;letter-spacing:.3px}.attribution-confidence--high{background:#10b98133;color:var(--vbs-color-success, #10b981);border:1px solid rgba(16,185,129,.4)}.attribution-confidence--medium{background:#ffa50033;color:var(--vbs-color-warning, #ffa500);border:1px solid rgba(255,165,0,.4)}.attribution-confidence--low{background:#ef444433;color:var(--vbs-color-error, #ef4444);border:1px solid rgba(239,68,68,.4)}.attribution-primary{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.75rem;background:#ffffff05;border-radius:4px}.attribution-primary-source,.attribution-primary-confidence,.attribution-primary-validation,.attribution-primary-updated{display:flex;flex-direction:column;gap:.25rem}.attribution-label{font-size:.7rem;font-weight:600;color:var(--vbs-text-tertiary, #707070);text-transform:uppercase;letter-spacing:.5px}.attribution-value{font-size:.85rem;color:var(--vbs-text-primary, #ffffff);font-weight:500}.attribution-validation{padding:.15rem .4rem;border-radius:4px;font-size:.75rem;font-weight:600;display:inline-block;width:fit-content}.attribution-validation--validated{background:#10b98133;color:var(--vbs-color-success, #10b981);border:1px solid rgba(16,185,129,.4)}.attribution-validation--unvalidated{background:#6b728033;color:var(--vbs-text-tertiary, #707070);border:1px solid rgba(107,114,128,.4)}.field-attribution-section{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#ffffff05;border-radius:4px}.attribution-subsection-title{font-size:.8rem;font-weight:600;color:var(--vbs-color-secondary, #61b3ff);margin:0;text-transform:uppercase;letter-spacing:.5px}.field-attribution-list{display:flex;flex-direction:column;gap:.5rem}.field-attribution-item{display:flex;gap:.5rem;padding:.5rem;background:#ffffff08;border-left:3px solid var(--vbs-color-secondary, #61b3ff);border-radius:0 4px 4px 0;font-size:.8rem}.field-attribution-source{font-weight:600;color:var(--vbs-text-primary, #ffffff);min-width:120px}.field-attribution-fields{color:var(--vbs-text-secondary, #a0a0a0);flex:1}.conflicts-section{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#ffa5000d;border:1px solid rgba(255,165,0,.2);border-radius:4px}.conflicts-list{display:flex;flex-direction:column;gap:.5rem}.conflict-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#ffffff08;border-radius:4px}.conflict-field{font-weight:600;color:var(--vbs-text-primary, #ffffff);font-size:.8rem}.conflict-details{display:flex;gap:.5rem;font-size:.75rem}.conflict-strategy{color:var(--vbs-color-warning, #ffa500);font-weight:500;text-transform:capitalize}.conflict-count{color:var(--vbs-text-tertiary, #707070)}.attribution-version{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#ffffff05;border-radius:4px;font-size:.75rem}.attribution-version-label{color:var(--vbs-text-tertiary, #707070);font-weight:500}.attribution-version-value{color:var(--vbs-text-secondary, #a0a0a0);font-family:Courier New,monospace}@media(prefers-color-scheme:dark){.metadata-source-attribution{background:#0000004d;border-color:#ffffff26}.metadata-source-attribution--interactive:hover{background:#00000080}.attribution-primary,.field-attribution-section,.field-attribution-item{background:#0003}.conflicts-section{background:#ffa5001a;border-color:#ffa5004d}.conflict-item{background:#0000004d}.attribution-version{background:#0003}}@media(prefers-reduced-motion:reduce){.metadata-source-attribution,.metadata-source-attribution--interactive:hover{transition:none}}@media(prefers-contrast:high){.metadata-source-attribution,.attribution-confidence,.attribution-validation,.attribution-status{border-width:2px}.field-attribution-item{border-left-width:4px}.conflicts-section{border-width:2px}}@media(max-width:768px){.attribution-primary{grid-template-columns:1fr;gap:.5rem}.metadata-source-attribution--compact{flex-wrap:wrap}.attribution-updated{margin-left:0;width:100%}}@media(max-width:480px){.metadata-source-attribution{font-size:.8rem;padding:.6rem}.metadata-source-attribution--compact{padding:.4rem .6rem}.attribution-title{font-size:.8rem}.attribution-subsection-title{font-size:.75rem}.attribution-primary{padding:.5rem;gap:.5rem}.field-attribution-item{flex-direction:column;gap:.25rem}.field-attribution-source{min-width:auto}.conflict-item{flex-direction:column;align-items:flex-start;gap:.5rem}.conflict-details{width:100%;justify-content:space-between}}@media print{.metadata-source-attribution{page-break-inside:avoid;border:1px solid #000;background:transparent}.metadata-source-attribution--interactive{cursor:default}.attribution-confidence--high{border-color:#10b981;color:#10b981}.attribution-confidence--medium{border-color:orange;color:orange}.attribution-confidence--low{border-color:#ef4444;color:#ef4444}.attribution-status,.attribution-validation{border:1px solid #000}.conflicts-section{border-color:orange}}.streaming-indicators-container{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:.5rem}.streaming-indicators-container.layout-vertical{flex-direction:column;align-items:flex-start;gap:.25rem}.streaming-indicators-container.layout-horizontal{flex-direction:row;align-items:center}.streaming-platform-indicator{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.375rem;background-color:var(--platform-color, #666666);color:#fff;text-decoration:none;font-size:.75rem;font-weight:500;transition:all .2s ease;border:1px solid transparent;white-space:nowrap}.streaming-platform-indicator:hover{background-color:color-mix(in srgb,var(--platform-color, #666666) 90%,black);transform:translateY(-1px);box-shadow:0 2px 4px #0003;text-decoration:none;color:#fff}.streaming-platform-indicator:focus{outline:2px solid var(--focus-color, #0066cc);outline-offset:2px}.streaming-platform-indicator.size-small{padding:.125rem .375rem;font-size:.625rem;gap:.125rem}.streaming-platform-indicator.size-medium{padding:.25rem .5rem;font-size:.75rem;gap:.25rem}.streaming-platform-indicator.size-large{padding:.375rem .75rem;font-size:.875rem;gap:.375rem}.streaming-platform-indicator.type-subscription{background-color:var(--platform-color, #0066cc);border-color:var(--platform-color, #0066cc)}.streaming-platform-indicator.type-free{background-color:#16a34a;border-color:#16a34a}.streaming-platform-indicator.type-rent{background-color:#ea580c;border-color:#ea580c}.streaming-platform-indicator.type-buy{background-color:#dc2626;border-color:#dc2626}.platform-icon{font-size:1em;line-height:1}.platform-name{font-weight:500;letter-spacing:.025em}.platform-price{font-size:.875em;opacity:.9;font-weight:400}.platform-price:before{content:"•";margin-right:.25rem;opacity:.7}.platform-quality{background-color:#fff3;padding:.125rem .25rem;border-radius:.25rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.streaming-more-indicator{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;background-color:#6b7280;color:#fff;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.streaming-more-indicator:hover{background-color:#4b5563}.streaming-indicators-empty{display:inline-flex;align-items:center;padding:.25rem .5rem;background-color:#f3f4f6;color:#6b7280;border-radius:.375rem;font-size:.75rem;font-style:italic;border:1px dashed #d1d5db}.streaming-indicators-error{display:inline-flex;align-items:center;padding:.25rem .5rem;background-color:#fef2f2;color:#dc2626;border-radius:.375rem;font-size:.75rem;border:1px solid #fecaca}@media(prefers-color-scheme:dark){.streaming-indicators-empty{background-color:#374151;color:#9ca3af;border-color:#4b5563}.streaming-indicators-error{background-color:#450a0a;color:#fca5a5;border-color:#991b1b}.streaming-more-indicator{background-color:#4b5563}.streaming-more-indicator:hover{background-color:#374151}}@media(prefers-contrast:high){.streaming-platform-indicator{border-width:2px;border-style:solid}.streaming-platform-indicator:focus{outline-width:3px}}@media(prefers-reduced-motion:reduce){.streaming-platform-indicator{transition:none}.streaming-platform-indicator:hover{transform:none}}.episode-item .streaming-indicators-container{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e5e7eb}.episode-item.watched .streaming-indicators-container{opacity:.7}.timeline-event .streaming-indicators-container{margin-top:.25rem}.timeline-event .streaming-indicators-container.size-small{gap:.25rem}@media(max-width:640px){.streaming-indicators-container{gap:.25rem}.streaming-platform-indicator{font-size:.625rem;padding:.125rem .375rem}.streaming-platform-indicator.size-large{font-size:.75rem;padding:.25rem .5rem}.platform-price{display:none}.platform-quality{font-size:.5rem;padding:.0625rem .125rem}}@media print{.streaming-indicators-container{display:none}}.metadata-usage-controls{width:100%;max-width:1200px;margin:0 auto;padding:var(--vbs-spacing-4, 1.5rem);font-family:var(--vbs-font-family, system-ui, -apple-system, sans-serif);color:var(--vbs-text-primary, #1a1a1a);background-color:var(--vbs-bg-primary, #ffffff)}.usage-header{display:flex;flex-direction:column;gap:var(--vbs-spacing-2, .75rem);margin-bottom:var(--vbs-spacing-6, 2rem);padding-bottom:var(--vbs-spacing-4, 1.5rem);border-bottom:2px solid var(--vbs-border-color, #e0e0e0)}.usage-header h2{margin:0;font-size:2rem;font-weight:700;color:var(--vbs-text-primary, #1a1a1a)}.header-description{margin:0;font-size:1rem;line-height:1.5;color:var(--vbs-text-secondary, #666666)}.btn-refresh{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--vbs-spacing-1, .5rem);padding:var(--vbs-spacing-2, .75rem) var(--vbs-spacing-3, 1rem);font-size:.9375rem;font-weight:500;color:var(--vbs-text-primary, #1a1a1a);background-color:var(--vbs-bg-secondary, #f5f5f5);border:1px solid var(--vbs-border-color, #e0e0e0);border-radius:var(--vbs-border-radius, .375rem);cursor:pointer;transition:all .2s ease}.btn-refresh:hover{background-color:var(--vbs-bg-hover, #e8e8e8);border-color:var(--vbs-border-hover, #d0d0d0)}.btn-refresh:focus-visible{outline:2px solid var(--vbs-color-primary, #4a90e2);outline-offset:2px}.btn-refresh .btn-icon{font-size:1.125rem}.usage-overview{margin-bottom:var(--vbs-spacing-6, 2rem)}.usage-overview h3{margin:0 0 var(--vbs-spacing-4, 1.5rem);font-size:1.5rem;font-weight:600;color:var(--vbs-text-primary, #1a1a1a)}.overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--vbs-spacing-4, 1.5rem)}.overview-card{display:flex;gap:var(--vbs-spacing-3, 1rem);padding:var(--vbs-spacing-4, 1.5rem);background-color:var(--vbs-bg-secondary, #f9f9f9);border:2px solid var(--vbs-border-color, #e0e0e0);border-radius:var(--vbs-border-radius, .5rem);transition:all .3s ease}.overview-card.quota-normal{border-color:var(--vbs-success-color, #28a745)}.overview-card.quota-warning{border-color:var(--vbs-warning-color, #ffc107);background-color:#ffc1071a}.overview-card.quota-critical{border-color:var(--vbs-danger-color, #dc3545);background-color:#dc35451a}.overview-card.quota-exceeded{border-color:var(--vbs-danger-color, #dc3545);background-color:#dc354526}.card-icon{font-size:2.5rem;flex-shrink:0;line-height:1}.card-content{flex:1;display:flex;flex-direction:column;gap:var(--vbs-spacing-1, .5rem)}.card-label{font-size:.875rem;font-weight:500;color:var(--vbs-text-secondary, #666666);text-transform:uppercase;letter-spacing:.05em}.card-value{font-size:1.375rem;font-weight:700;color:var(--vbs-text-primary, #1a1a1a)}.card-percentage{font-size:.9375rem;font-weight:500;color:var(--vbs-text-secondary, #666666)}.card-status{font-size:.8125rem;font-weight:600;color:var(--vbs-success-color, #28a745)}.overview-card.quota-warning .card-status{color:var(--vbs-warning-color, #ffc107)}.overview-card.quota-critical .card-status,.overview-card.quota-exceeded .card-status{color:var(--vbs-danger-color, #dc3545)}.quota-reset-info{display:flex;align-items:center;gap:var(--vbs-spacing-3, 1rem);padding:var(--vbs-spacing-3, 1rem);margin-bottom:var(--vbs-spacing-6, 2rem);background-color:var(--vbs-info-bg, #e3f2fd);border:1px solid var(--vbs-info-border, #90caf9);border-radius:var(--vbs-border-radius, .5rem)}.reset-info-icon{font-size:2rem;flex-shrink:0}.reset-info-content{flex:1}.reset-info-label{font-size:.875rem;font-weight:500;color:var(--vbs-text-secondary, #666666);margin-bottom:var(--vbs-spacing-1, .5rem)}.reset-info-value{font-size:1.25rem;font-weight:700;color:var(--vbs-text-primary, #1a1a1a)}.reset-info-time{font-size:.8125rem;color:var(--vbs-text-secondary, #666666);margin-top:var(--vbs-spacing-1, .5rem)}.usage-details{margin-bottom:var(--vbs-spacing-6, 2rem)}.usage-section{padding:var(--vbs-spacing-4, 1.5rem);margin-bottom:var(--vbs-spacing-4, 1.5rem);background-color:var(--vbs-bg-secondary, #f9f9f9);border:1px solid var(--vbs-border-color, #e0e0e0);border-radius:var(--vbs-border-radius, .5rem)}.usage-section h4{margin:0 0 var(--vbs-spacing-3, 1rem);font-size:1.25rem;font-weight:600;color:var(--vbs-text-primary, #1a1a1a)}.usage-section h5{margin:var(--vbs-spacing-4, 1.5rem) 0 var(--vbs-spacing-2, .75rem);font-size:1rem;font-weight:600;color:var(--vbs-text-primary, #1a1a1a)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--vbs-spacing-3, 1rem);margin-bottom:var(--vbs-spacing-4, 1.5rem)}.stat-item{padding:var(--vbs-spacing-3, 1rem);background-color:var(--vbs-bg-primary, #ffffff);border:1px solid var(--vbs-border-color, #e0e0e0);border-radius:var(--vbs-border-radius, .375rem);text-align:center}.stat-label{font-size:.875rem;font-weight:500;color:var(--vbs-text-secondary, #666666);margin-bottom:var(--vbs-spacing-1, .5rem)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--vbs-text-primary, #1a1a1a)}.stats-breakdown{margin-top:var(--vbs-spacing-4, 1.5rem)}.stats-bar{display:flex;align-items:center;gap:var(--vbs-spacing-2, .75rem);margin-bottom:var(--vbs-spacing-2, .75rem)}.stats-bar-label{min-width:120px;font-size:.9375rem;font-weight:500;color:var(--vbs-text-primary, #1a1a1a)}.stats-bar-track{flex:1;height:24px;background-color:var(--vbs-bg-tertiary, #e0e0e0);border-radius:12px;overflow:hidden}.stats-bar-fill{height:100%;background:linear-gradient(90deg,var(--vbs-color-primary, #4a90e2),var(--vbs-color-primary-light, #64b5f6));border-radius:12px;transition:width .3s ease}.stats-bar-value{min-width:140px;font-size:.875rem;font-weight:500;color:var(--vbs-text-secondary, #666666);text-align:right}.quota-controls{padding:var(--vbs-spacing-4, 1.5rem);margin-bottom:var(--vbs-spacing-6, 2rem);background-color:var(--vbs-bg-secondary, #f9f9f9);border:1px solid var(--vbs-border-color, #e0e0e0);border-radius:var(--vbs-border-radius, .5rem)}.quota-controls h3{margin:0 0 var(--vbs-spacing-2, .75rem);font-size:1.5rem;font-weight:600;color:var(--vbs-text-primary, #1a1a1a)}.section-description{margin:0 0 var(--vbs-spacing-4, 1.5rem);font-size:.9375rem;line-height:1.6;color:var(--vbs-text-secondary, #666666)}.control-group{margin-bottom:var(--vbs-spacing-4, 1.5rem)}.control-label{display:flex;flex-direction:column;gap:var(--vbs-spacing-1, .5rem);margin-bottom:var(--vbs-spacing-2, .75rem)}.label-text{font-size:.9375rem;font-weight:600;color:var(--vbs-text-primary, #1a1a1a)}.label-hint{font-size:.8125rem;color:var(--vbs-text-secondary, #666666)}.control-input-group{display:flex;align-items:center;gap:var(--vbs-spacing-2, .75rem)}.control-input{flex:1;max-width:200px;padding:var(--vbs-spacing-2, .75rem);font-size:.9375rem;color:var(--vbs-text-primary, #1a1a1a);background-color:var(--vbs-bg-primary, #ffffff);border:1px solid var(--vbs-border-color, #e0e0e0);border-radius:var(--vbs-border-radius, .375rem);transition:all .2s ease}.control-input:hover{border-color:var(--vbs-border-hover, #d0d0d0)}.control-input:focus{outline:none;border-color:var(--vbs-color-primary, #4a90e2);box-shadow:0 0 0 3px #4a90e21a}.input-unit{font-size:.875rem;font-weight:500;color:var(--vbs-text-secondary, #666666)}.control-actions{display:flex;gap:var(--vbs-spacing-3, 1rem);margin-top:var(--vbs-spacing-4, 1.5rem);flex-wrap:wrap}.cache-management{padding:var(--vbs-spacing-4, 1.5rem);margin-bottom:var(--vbs-spacing-6, 2rem);background-color:var(--vbs-bg-secondary, #f9f9f9);border:1px solid var(--vbs-border-color, #e0e0e0);border-radius:var(--vbs-border-radius, .5rem)}.cache-management h3{margin:0 0 var(--vbs-spacing-4, 1.5rem);font-size:1.5rem;font-weight:600;color:var(--vbs-text-primary, #1a1a1a)}.cache-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--vbs-spacing-3, 1rem);margin-bottom:var(--vbs-spacing-4, 1.5rem)}.cache-stat-item{text-align:center}.cache-stat-label{font-size:.875rem;font-weight:500;color:var(--vbs-text-secondary, #666666);margin-bottom:var(--vbs-spacing-1, .5rem)}.cache-stat-value{font-size:1.25rem;font-weight:700;color:var(--vbs-text-primary, #1a1a1a)}.cache-stat-value.quota-warning{color:var(--vbs-warning-color, #ffc107)}.cache-stat-value.quota-critical,.cache-stat-value.quota-exceeded{color:var(--vbs-danger-color, #dc3545)}.cache-progress{margin-bottom:var(--vbs-spacing-4, 1.5rem)}.cache-progress-bar{width:100%;height:32px;background-color:var(--vbs-bg-tertiary, #e0e0e0);border-radius:16px;overflow:hidden;margin-bottom:var(--vbs-spacing-2, .75rem)}.cache-progress-fill{height:100%;background:linear-gradient(90deg,var(--vbs-success-color, #28a745),var(--vbs-success-light, #4caf50));border-radius:16px;transition:width .3s ease}.cache-progress-fill.quota-warning{background:linear-gradient(90deg,var(--vbs-warning-color, #ffc107),#ffeb3b)}.cache-progress-fill.quota-critical,.cache-progress-fill.quota-exceeded{background:linear-gradient(90deg,var(--vbs-danger-color, #dc3545),#f44336)}.cache-progress-label{text-align:center;font-size:.9375rem;font-weight:500;color:var(--vbs-text-secondary, #666666)}.cache-actions{margin-top:var(--vbs-spacing-4, 1.5rem)}.cache-warning{margin-top:var(--vbs-spacing-2, .75rem);font-size:.8125rem;line-height:1.5;color:var(--vbs-warning-color, #ffc107);font-style:italic}.export-section{padding:var(--vbs-spacing-4, 1.5rem);margin-bottom:var(--vbs-spacing-6, 2rem);background-color:var(--vbs-bg-secondary, #f9f9f9);border:1px solid var(--vbs-border-color, #e0e0e0);border-radius:var(--vbs-border-radius, .5rem)}.export-section h3{margin:0 0 var(--vbs-spacing-2, .75rem);font-size:1.5rem;font-weight:600;color:var(--vbs-text-primary, #1a1a1a)}.export-actions{display:flex;gap:var(--vbs-spacing-3, 1rem);margin-top:var(--vbs-spacing-3, 1rem);flex-wrap:wrap}.btn-primary,.btn-secondary,.btn-warning{display:inline-flex;align-items:center;justify-content:center;gap:var(--vbs-spacing-2, .75rem);padding:var(--vbs-spacing-2, .75rem) var(--vbs-spacing-4, 1.5rem);font-size:.9375rem;font-weight:600;text-align:center;border:none;border-radius:var(--vbs-border-radius, .375rem);cursor:pointer;transition:all .2s ease}.btn-primary{color:#fff;background-color:var(--vbs-color-primary, #4a90e2)}.btn-primary:hover{background-color:var(--vbs-color-primary-dark, #3a7bc8)}.btn-secondary{color:var(--vbs-text-primary, #1a1a1a);background-color:var(--vbs-bg-secondary, #f5f5f5);border:1px solid var(--vbs-border-color, #e0e0e0)}.btn-secondary:hover{background-color:var(--vbs-bg-hover, #e8e8e8);border-color:var(--vbs-border-hover, #d0d0d0)}.btn-warning{color:#fff;background-color:var(--vbs-danger-color, #dc3545)}.btn-warning:hover{background-color:#c82333}.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-warning:focus-visible{outline:2px solid var(--vbs-color-primary, #4a90e2);outline-offset:2px}.btn-icon{font-size:1.125rem}.usage-feedback{position:fixed;bottom:var(--vbs-spacing-4, 1.5rem);right:var(--vbs-spacing-4, 1.5rem);padding:var(--vbs-spacing-3, 1rem) var(--vbs-spacing-4, 1.5rem);font-size:.9375rem;font-weight:500;border-radius:var(--vbs-border-radius, .375rem);box-shadow:0 4px 12px #00000026;z-index:1000;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.usage-feedback.feedback-success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.usage-feedback.feedback-error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.usage-feedback.feedback-info{color:#004085;background-color:#d1ecf1;border:1px solid #bee5eb}.usage-feedback.feedback-warning{color:#856404;background-color:#fff3cd;border:1px solid #ffeaa7}@media(max-width:768px){.metadata-usage-controls{padding:var(--vbs-spacing-3, 1rem)}.usage-header h2{font-size:1.5rem}.overview-cards{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.stats-bar{flex-direction:column;align-items:flex-start}.stats-bar-label,.stats-bar-value{min-width:auto;text-align:left}.control-actions,.export-actions{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary,.btn-warning{width:100%}}@media(max-width:480px){.stats-grid,.cache-stats{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){.metadata-usage-controls{color:var(--vbs-text-primary-dark, #e0e0e0);background-color:var(--vbs-bg-primary-dark, #1e1e1e)}.usage-header h2,.usage-section h4,.usage-section h5,.quota-controls h3,.cache-management h3,.export-section h3{color:var(--vbs-text-primary-dark, #e0e0e0)}.overview-card,.usage-section,.quota-controls,.cache-management,.export-section{background-color:var(--vbs-bg-secondary-dark, #2a2a2a);border-color:var(--vbs-border-color-dark, #404040)}.stat-item{background-color:var(--vbs-bg-primary-dark, #1e1e1e);border-color:var(--vbs-border-color-dark, #404040)}.control-input{color:var(--vbs-text-primary-dark, #e0e0e0);background-color:var(--vbs-bg-primary-dark, #1e1e1e);border-color:var(--vbs-border-color-dark, #404040)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){.overview-card,.usage-section,.quota-controls,.cache-management,.export-section{border-width:3px}.btn-primary,.btn-secondary,.btn-warning{border:2px solid currentcolor}}.metadata-preferences-container{max-width:800px;margin:0 auto;padding:2rem;font-family:system-ui,-apple-system,sans-serif;background:var(--vbs-bg-primary, #ffffff);color:var(--vbs-text-primary, #1a1a1a)}.preferences-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--vbs-color-primary, #007acc)}.preferences-header h2{color:var(--vbs-text-primary, #1a1a1a);font-size:1.875rem;font-weight:600;margin-bottom:.5rem}.preferences-header p{color:var(--vbs-text-secondary, #666);font-size:1rem;line-height:1.5;max-width:600px;margin:0 auto}.metadata-preferences-form{display:flex;flex-direction:column;gap:2rem}.metadata-preferences-section{padding:1.5rem;border:1px solid var(--vbs-border-color, #e0e0e0);border-radius:8px;background:var(--vbs-bg-secondary, #f9f9f9);box-shadow:0 1px 3px #0000001a}.metadata-preferences-section h3{color:var(--vbs-text-primary, #1a1a1a);font-size:1.25rem;font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.section-description{color:var(--vbs-text-secondary, #666);font-size:.9rem;margin-bottom:1.25rem;line-height:1.5}.single-refresh-controls,.bulk-refresh-controls{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--vbs-text-primary, #1a1a1a);font-size:.95rem}.form-group input[type=text],.form-group select{padding:.75rem;border:1px solid var(--vbs-border-color, #ccc);border-radius:4px;font-size:1rem;background:var(--vbs-bg-primary, #ffffff);color:var(--vbs-text-primary, #1a1a1a);transition:all .2s ease}.form-group input[type=text]:focus,.form-group select:focus{outline:none;border-color:var(--vbs-color-primary, #007acc);box-shadow:0 0 0 3px #007acc1a}.form-help{font-size:.85rem;color:var(--vbs-text-secondary, #777);font-style:italic}.btn-primary,.btn-secondary,.btn-tertiary,.btn-cancel{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-primary{background:var(--vbs-color-primary, #007acc);color:#fff}.btn-primary:hover:not(:disabled){background:var(--vbs-color-primary-hover, #005a9e);transform:translateY(-1px);box-shadow:0 2px 8px #007acc4d}.btn-secondary{background:var(--vbs-color-secondary, #5a5a5a);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--vbs-color-secondary-hover, #404040);transform:translateY(-1px);box-shadow:0 2px 8px #0003}.btn-tertiary{background:var(--vbs-color-tertiary, #888);color:#fff}.btn-tertiary:hover:not(:disabled){background:var(--vbs-color-tertiary-hover, #666);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.btn-cancel{background:var(--vbs-color-error, #dc3545);color:#fff;font-size:.9rem;padding:.5rem 1rem}.btn-cancel:hover:not(:disabled){background:var(--vbs-color-error-hover, #c82333);transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d}button:disabled{opacity:.5;cursor:not-allowed}.btn-icon{font-size:1.1rem}.warning-message{background:var(--vbs-bg-warning, #fff3cd);border:1px solid var(--vbs-border-warning, #ffecb5);color:var(--vbs-text-warning, #856404);padding:.75rem 1rem;border-radius:4px;font-size:.9rem;margin-top:.5rem;display:flex;align-items:flex-start;gap:.5rem}.progress-container{padding:1.5rem;border:2px solid var(--vbs-color-primary, #007acc);border-radius:8px;background:var(--vbs-bg-primary, #ffffff);box-shadow:0 2px 8px #007acc26}.progress-container.hidden{display:none}.progress-container.visible{display:block;animation:slideIn .3s ease-out}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.progress-header h4{color:var(--vbs-text-primary, #1a1a1a);font-size:1.1rem;font-weight:600;margin:0}.progress-bar-wrapper{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.progress-bar{flex:1;height:24px;background:var(--vbs-bg-secondary, #f0f0f0);border-radius:12px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--vbs-color-primary, #007acc),var(--vbs-color-primary-hover, #005a9e));transition:width .3s ease-out;border-radius:12px}.progress-text{font-weight:600;color:var(--vbs-text-primary, #1a1a1a);min-width:3.5rem;text-align:right}.progress-details{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem;font-size:.9rem}.progress-detail{color:var(--vbs-text-secondary, #666)}.progress-detail strong{color:var(--vbs-text-primary, #1a1a1a);font-weight:600}.progress-detail.success-count strong{color:var(--vbs-color-success, #28a745)}.progress-detail.fail-count strong{color:var(--vbs-color-error, #dc3545)}.feedback-container{padding:1rem 1.25rem;border-radius:6px;display:flex;align-items:center;gap:.75rem;margin-top:1rem;animation:slideIn .3s ease-out}.feedback-container.hidden{display:none}.feedback-container.visible{display:flex}.feedback-success{background:var(--vbs-bg-success, #d4edda);border:1px solid var(--vbs-border-success, #c3e6cb);color:var(--vbs-text-success, #155724)}.feedback-error{background:var(--vbs-bg-error, #f8d7da);border:1px solid var(--vbs-border-error, #f5c6cb);color:var(--vbs-text-error, #721c24)}.feedback-info{background:var(--vbs-bg-info, #d1ecf1);border:1px solid var(--vbs-border-info, #bee5eb);color:var(--vbs-text-info, #0c5460)}.feedback-icon{font-size:1.25rem;font-weight:700}.feedback-message{flex:1;font-size:.95rem;line-height:1.4}.feedback-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:inherit;opacity:.7;padding:.25rem .5rem;transition:opacity .2s ease}.feedback-close:hover{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.metadata-preferences-container{padding:1rem}.preferences-header h2{font-size:1.5rem}.metadata-preferences-section{padding:1rem}.progress-details{flex-direction:column;gap:.5rem}.btn-primary,.btn-secondary,.btn-tertiary{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.progress-fill,.feedback-container,button{transition:none;animation:none}}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--vbs-color-primary, #007acc);outline-offset:2px}@media(prefers-contrast:high){.metadata-preferences-section{border-width:2px}.progress-bar{border:1px solid currentColor}button{border:2px solid currentColor}}@media(prefers-color-scheme:dark){.metadata-preferences-container{background:var(--vbs-bg-primary, #1a1a1a);color:var(--vbs-text-primary, #e0e0e0)}.metadata-preferences-section{background:var(--vbs-bg-secondary, #2a2a2a);border-color:var(--vbs-border-color, #444)}.form-group input[type=text],.form-group select{background:var(--vbs-bg-primary, #1a1a1a);color:var(--vbs-text-primary, #e0e0e0);border-color:var(--vbs-border-color, #555)}.progress-bar{background:var(--vbs-bg-secondary, #333)}}.bulk-validation-controls{display:flex;flex-direction:column;gap:1rem}.info-message{padding:.75rem;background:var(--vbs-info-bg, #e3f2fd);color:var(--vbs-info-text, #1976d2);border-left:4px solid var(--vbs-info-border, #1976d2);border-radius:4px;font-size:.9rem;line-height:1.5;margin:.5rem 0 0}.validation-results-container{padding:1.5rem;border:1px solid var(--vbs-border-color, #e0e0e0);border-radius:8px;background:var(--vbs-bg-secondary, #f9f9f9);box-shadow:0 1px 3px #0000001a}.validation-results-container h3{color:var(--vbs-text-primary, #1a1a1a);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.validation-summary{margin-bottom:1.5rem}.validation-summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-item{padding:1rem;border-radius:6px;background:var(--vbs-bg-primary, #ffffff);border:1px solid var(--vbs-border-color, #e0e0e0);display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-item.stat-total{border-left:4px solid var(--vbs-color-primary, #007acc)}.stat-item.stat-valid{border-left:4px solid var(--vbs-success-color, #10b981)}.stat-item.stat-invalid{border-left:4px solid var(--vbs-error-color, #ef4444)}.stat-item.stat-warnings{border-left:4px solid var(--vbs-warning-color, #f59e0b)}.stat-label{font-size:.85rem;color:var(--vbs-text-secondary, #666);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:2rem;font-weight:700;color:var(--vbs-text-primary, #1a1a1a)}.validation-details h4{color:var(--vbs-text-primary, #1a1a1a);font-size:1.1rem;font-weight:600;margin-bottom:.75rem;margin-top:1.5rem}.validation-details h4:first-child{margin-top:0}.validation-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.validation-item{padding:.75rem 1rem;border-radius:4px;font-size:.9rem;line-height:1.5}.validation-item.validation-error{background:var(--vbs-error-bg, #fee2e2);color:var(--vbs-error-text, #991b1b);border-left:4px solid var(--vbs-error-color, #ef4444)}.validation-item.validation-warning{background:var(--vbs-warning-bg, #fef3c7);color:var(--vbs-warning-text, #78350f);border-left:4px solid var(--vbs-warning-color, #f59e0b)}.validation-item strong{font-weight:600;font-family:Monaco,Courier New,monospace}.validation-item em{display:block;margin-top:.25rem;font-size:.85rem;font-style:normal;opacity:.8}.validation-success{padding:1rem;background:var(--vbs-success-bg, #d1fae5);color:var(--vbs-success-text, #065f46);border-left:4px solid var(--vbs-success-color, #10b981);border-radius:4px;text-align:center;font-weight:500;font-size:1rem}@media(prefers-color-scheme:dark){.info-message{background:var(--vbs-info-bg-dark, #1e3a5f);color:var(--vbs-info-text-dark, #90caf9)}.validation-item.validation-error{background:var(--vbs-error-bg-dark, #3d1a1a);color:var(--vbs-error-text-dark, #fca5a5)}.validation-item.validation-warning{background:var(--vbs-warning-bg-dark, #3d2e1a);color:var(--vbs-warning-text-dark, #fbbf24)}.validation-success{background:var(--vbs-success-bg-dark, #1a3d2e);color:var(--vbs-success-text-dark, #6ee7b7)}}@media(max-width:768px){.validation-summary-stats{grid-template-columns:1fr}.stat-value{font-size:1.75rem}}.vbs-settings-error-notification{position:fixed;top:20px;right:20px;background:var(--vbs-bg-error, #f8d7da);color:var(--vbs-text-error, #721c24);border:1px solid var(--vbs-border-error, #f5c6cb);padding:1rem;border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:10000;max-width:400px;animation:vbs-slideIn .3s ease}.vbs-settings-error-notification-content{display:flex;align-items:flex-start;gap:.5rem}.vbs-settings-error-notification-icon{font-size:1.2rem}.vbs-settings-error-notification-title{display:block;margin-bottom:.25rem;font-weight:700}.vbs-settings-error-notification-message{margin:0;font-size:.9rem}.vbs-settings-error-notification-category{opacity:.7;font-size:.8rem;display:block;margin-top:.25rem}.vbs-settings-error-notification-exit{transition:opacity .3s ease,transform .3s ease;opacity:0;transform:translate(100%)}.vbs-settings-error-fallback{padding:2rem;text-align:center}.vbs-settings-error-fallback-title{color:var(--vbs-text-error, #721c24);margin-bottom:1rem}.vbs-settings-error-fallback-message{margin-bottom:1rem}.vbs-settings-error-fallback-list{text-align:left;max-width:400px;margin:0 auto}.vbs-settings-error-fallback-note{margin-top:1rem;font-size:.9rem;opacity:.7}@keyframes vbs-slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}:root{--primary-blue: #1e3a8a;--secondary-blue: #3b82f6;--accent-gold: #fbbf24;--dark-bg: #0f172a;--medium-bg: #1e293b;--light-bg: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--border-color: #475569;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,var(--dark-bg) 0%,var(--medium-bg) 100%);color:var(--text-primary);line-height:1.6;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:2rem;padding:2rem 0;background:linear-gradient(45deg,var(--primary-blue),var(--secondary-blue));border-radius:12px;box-shadow:0 8px 32px #0000004d}header h1{font-size:2.5rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1.5rem}.overall-progress{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.progress-bar{width:200px;height:8px;background-color:#fff3;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-gold),var(--success-color));border-radius:4px;transition:width .3s ease;width:0}.progress-text{font-weight:600;color:var(--accent-gold)}.controls{display:grid;grid-template-columns:1fr auto;gap:1rem;margin-bottom:2rem;align-items:center}.search-filter{display:flex;gap:1rem}.search-filter input,.search-filter select{padding:.75rem;border:2px solid var(--border-color);border-radius:8px;background-color:var(--medium-bg);color:var(--text-primary);font-size:1rem;transition:border-color .3s ease}.search-filter input:focus,.search-filter select:focus{outline:none;border-color:var(--secondary-blue)}.search-filter input{flex:1;min-width:250px}.episode-search-filter{margin-top:1rem;padding:1rem;background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:.75rem}.episode-search-row{display:flex;align-items:center;gap:.5rem}.episode-search-row input{flex:1;padding:.5rem;border:2px solid var(--border-color);border-radius:6px;background-color:var(--medium-bg);color:var(--text-primary);font-size:.9rem;transition:border-color .3s ease}.episode-search-row input:focus{outline:none;border-color:var(--secondary-blue)}.episode-filter-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.episode-filter-row select,.episode-filter-row input{padding:.5rem;border:2px solid var(--border-color);border-radius:6px;background-color:var(--medium-bg);color:var(--text-primary);font-size:.85rem;transition:border-color .3s ease;min-width:120px}.episode-filter-row select:focus,.episode-filter-row input:focus{outline:none;border-color:var(--secondary-blue)}#clearEpisodeSearch,#resetEpisodeFilters{background:var(--error-color);border:none;color:#fff;padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:.85rem}#clearEpisodeSearch:hover,#resetEpisodeFilters:hover{background:#dc2626;transform:translateY(-1px)}#clearEpisodeSearch:focus,#resetEpisodeFilters:focus{outline:2px solid var(--accent-gold);outline-offset:2px}.episode-filter-status{padding:.5rem;background:#ffffff1a;border-radius:4px;font-size:.8rem;color:var(--text-secondary);font-style:italic;text-align:center}.control-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.control-buttons button{padding:.5rem 1rem;border:none;border-radius:6px;background-color:var(--secondary-blue);color:var(--text-primary);cursor:pointer;font-weight:500;transition:all .3s ease;white-space:nowrap}.control-buttons button:hover{background-color:var(--primary-blue);transform:translateY(-1px)}#resetProgress{background-color:var(--error-color)}#resetProgress:hover{background-color:#dc2626}.era{margin-bottom:1.5rem;background-color:var(--medium-bg);border-radius:12px;box-shadow:0 4px 16px #0003;overflow:hidden;transition:transform .3s ease}.era:hover{transform:translateY(-2px)}.era-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(45deg,var(--light-bg),var(--medium-bg));cursor:pointer;border-bottom:1px solid var(--border-color);transition:background-color .3s ease}.era-header:hover{background:linear-gradient(45deg,var(--border-color),var(--light-bg))}.era-title h2{font-size:1.5rem;margin-bottom:.25rem;color:var(--accent-gold)}.era-details{font-size:.9rem;color:var(--text-secondary)}.era-progress{display:flex;align-items:center;gap:1rem}.era-progress .progress-bar{width:120px;height:6px}.era-progress .progress-text{font-size:.9rem;min-width:50px}.expand-icon{font-size:1.2rem;transition:transform .3s ease;color:var(--accent-gold)}.era.expanded .expand-icon{transform:rotate(180deg)}.era-description{padding:0 1.5rem 1rem;color:var(--text-secondary);font-style:italic}.era-content{display:none;padding:0 1.5rem 1.5rem}.era.expanded .era-content{display:block}.viewing-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;margin-bottom:.75rem;background-color:var(--dark-bg);border-radius:8px;border:2px solid transparent;transition:all .3s ease}.viewing-item:hover{border-color:var(--secondary-blue);background-color:#3b82f61a}.viewing-item.watched{background-color:#10b9811a;border-color:var(--success-color)}.item-checkbox{margin-top:.25rem}.item-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--success-color)}.item-content{flex:1}.item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.item-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.item-type{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.item-type.series{background-color:var(--secondary-blue);color:#fff}.item-type.movie{background-color:var(--accent-gold);color:var(--dark-bg)}.item-type.animated{background-color:var(--warning-color);color:var(--dark-bg)}.item-details{display:flex;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.item-details span{font-size:.9rem;color:var(--text-secondary);background-color:#ffffff1a;padding:.25rem .5rem;border-radius:4px}.item-year{color:var(--accent-gold)!important;font-weight:600}.item-stardate{color:var(--secondary-blue)!important}.item-episodes{color:var(--success-color)!important}.item-notes{font-size:.9rem;color:var(--text-secondary);line-height:1.4}.episode-list-container{margin-top:1rem;border:1px solid var(--border-color);border-radius:8px;background:#ffffff05}.episode-list-header{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);background:#ffffff0d}.episode-toggle-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem;padding:.25rem 0;transition:color .2s ease;width:100%;text-align:left}.episode-toggle-btn:hover,.episode-toggle-btn:focus{color:var(--accent-gold);outline:none}.episode-toggle-btn:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px;border-radius:4px}.episode-toggle-icon{transition:transform .2s ease;font-size:.8rem}.episode-list-container[aria-expanded=true] .episode-toggle-icon{transform:rotate(180deg)}.episode-count{font-weight:500;color:var(--text-secondary)}.season-progress-container{padding:1rem;background:#ffffff08;border-bottom:1px solid var(--border-color)}.season-progress{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.season-progress:last-child{margin-bottom:0}.season-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.season-label{font-weight:600;color:var(--text-primary);font-size:.9rem}.season-progress-text{font-size:.85rem;color:var(--text-secondary);font-weight:500}.season-progress-bar{position:relative;width:100%;height:6px;background-color:#ffffff1a;border-radius:3px;overflow:hidden}.season-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-gold),var(--success-color));border-radius:3px;transition:width .3s ease;width:0}.season-progress-percentage{font-size:.8rem;color:var(--accent-gold);font-weight:600;text-align:right;margin-top:.25rem}.episode-list{padding:1rem;max-height:400px;overflow-y:auto}.episode-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:6px;margin-bottom:.5rem;transition:background-color .2s ease;background:#ffffff05;border:1px solid transparent}.episode-item:hover{background:#ffffff0d}.episode-item.watched{background:#10b9811a;border-color:#10b9814d}.episode-checkbox{margin-top:.25rem}.episode-content{flex:1;min-width:0}.episode-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;justify-content:space-between}.episode-number{background:var(--secondary-blue);color:#fff;padding:.2rem .4rem;border-radius:4px;font-size:.7rem;font-weight:600;min-width:3rem;text-align:center}.episode-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0;flex:1}.episode-details{display:flex;gap:1rem;margin-bottom:.5rem;font-size:.8rem;color:var(--text-secondary)}.episode-air-date{color:var(--text-secondary)}.episode-stardate{color:var(--secondary-blue)}.episode-synopsis{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.episode-details-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;transition:all .2s ease;margin-left:auto;display:flex;align-items:center;gap:.25rem}.episode-details-btn:hover,.episode-details-btn:focus{background:#ffffff1a;border-color:var(--accent-gold);color:var(--accent-gold);outline:none}.episode-details-btn:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}.episode-details-icon{font-size:.9rem}.episode-details-panel{margin-top:1rem;padding:1rem;background:#ffffff0d;border:1px solid var(--border-color);border-radius:6px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.episode-details-content{display:flex;flex-direction:column;gap:1rem}.episode-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.episode-details-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.spoiler-controls{display:flex;align-items:center}.spoiler-toggle-btn{background:var(--warning-color);border:none;color:#fff;cursor:pointer;padding:.375rem .75rem;border-radius:4px;font-size:.8rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.375rem}.spoiler-toggle-btn:hover,.spoiler-toggle-btn:focus{background:#d97706;outline:none;transform:translateY(-1px)}.spoiler-toggle-btn:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}.spoiler-toggle-btn[aria-pressed=true]{background:var(--success-color)}.spoiler-toggle-btn[aria-pressed=true]:hover{background:#059669}.spoiler-icon{font-size:.9rem}.spoiler-text{font-weight:500}.episode-spoiler-content{display:flex;flex-direction:column;gap:1.25rem;animation:fadeIn .3s ease-out}.detail-section-title{font-size:.9rem;font-weight:600;color:var(--accent-gold);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.plot-points-list,.guest-stars-list,.connections-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.plot-point,.guest-star,.connection-item{padding:.5rem .75rem;background:#ffffff08;border-left:3px solid var(--secondary-blue);border-radius:0 4px 4px 0;font-size:.85rem;line-height:1.4;color:var(--text-primary)}.plot-point{border-left-color:var(--accent-gold)}.guest-star{border-left-color:var(--success-color)}.connection-item{border-left-color:var(--secondary-blue);display:flex;flex-direction:column;gap:.25rem}.connection-type{font-size:.7rem;font-weight:600;color:var(--secondary-blue);text-transform:uppercase;letter-spacing:.5px}.connection-description{color:var(--text-primary)}.no-additional-details{text-align:center;padding:1.5rem;color:var(--text-secondary)}.no-details-message{font-style:italic;margin:0}.load-more-episodes-container{padding:1rem;text-align:center;border-top:1px solid var(--border-color);background:#ffffff05}.load-more-episodes-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(45deg,var(--secondary-blue),var(--primary-blue));border:none;border-radius:8px;color:var(--text-primary);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #3b82f64d}.load-more-episodes-btn:hover{background:linear-gradient(45deg,var(--primary-blue),#1e40af);transform:translateY(-2px);box-shadow:0 4px 16px #3b82f666}.load-more-episodes-btn:focus{outline:none;box-shadow:0 0 0 3px #3b82f680}.load-more-episodes-btn:active{transform:translateY(0)}.load-more-text{font-weight:600}.load-more-count{font-size:.8rem;color:#fffc;font-weight:500}.load-more-episodes-btn:disabled{background:var(--border-color);cursor:not-allowed;transform:none;box-shadow:none}.load-more-episodes-btn:disabled:hover{transform:none;box-shadow:none}footer{text-align:center;margin-top:3rem;padding:2rem 0;border-top:1px solid var(--border-color);color:var(--text-secondary)}footer p{margin-bottom:.5rem}@media(max-width:768px){.container{padding:10px}header h1{font-size:2rem}.controls{grid-template-columns:1fr;gap:1rem}.search-filter{flex-direction:column}.search-filter input{min-width:auto}.episode-search-filter{padding:.75rem}.episode-filter-row{flex-direction:column;gap:.5rem}.episode-filter-row select,.episode-filter-row input{min-width:auto;width:100%}.control-buttons{justify-content:center}.era-header{flex-direction:column;gap:1rem;text-align:center}.era-progress{justify-content:center}.item-header{flex-direction:column;gap:.5rem}.item-details{gap:.5rem}.overall-progress{flex-direction:column;gap:.5rem}.progress-bar{width:150px}.episode-list{max-height:300px}.episode-item{flex-direction:column;gap:.5rem;padding:.5rem}.episode-header{flex-direction:column;align-items:flex-start;gap:.25rem}.episode-details{flex-direction:column;gap:.25rem;margin-bottom:.25rem}.episode-synopsis{font-size:.8rem;line-height:1.3}.season-progress-header{flex-direction:column;gap:.25rem;text-align:center}.season-progress-text{font-size:.8rem}.episode-details-panel{padding:.75rem}.detail-section-title{font-size:.8rem}.plot-point,.guest-star,.connection-item{padding:.4rem .6rem;font-size:.8rem}.load-more-episodes-btn{flex-direction:column;gap:.25rem;padding:.75rem 1rem;font-size:.85rem}.load-more-count{font-size:.75rem}}@media(max-width:480px){.viewing-item{flex-direction:column;gap:.75rem}.item-checkbox{align-self:flex-start}.control-buttons{flex-direction:column}.control-buttons button{width:100%}.episode-search-filter{padding:.5rem}.episode-search-row input{font-size:16px}.episode-filter-row select,.episode-filter-row input{font-size:16px;padding:.6rem}.episode-list{max-height:250px;padding:.5rem}.episode-item{padding:.4rem;margin-bottom:.4rem}.episode-number{font-size:.65rem;padding:.15rem .3rem;min-width:2.5rem}.episode-title{font-size:.85rem}.episode-details{font-size:.75rem}.episode-synopsis{font-size:.75rem;line-height:1.2}.season-progress-container{padding:.75rem}.season-progress-bar{height:5px}.season-progress-percentage{font-size:.75rem}.episode-details-panel{padding:.5rem;margin-top:.75rem}.spoiler-controls{margin-bottom:.75rem}.spoiler-toggle-btn{padding:.5rem .75rem;font-size:.8rem}.load-more-episodes-container{padding:.75rem .5rem}.load-more-episodes-btn{padding:.6rem .8rem;font-size:.8rem}.load-more-text,.load-more-count{font-size:.75rem}.episode-details-btn{padding:.3rem .6rem;font-size:.9rem;min-width:2rem;min-height:2rem}.episode-checkbox input[type=checkbox]{width:18px;height:18px}.episode-list-header{padding:.5rem .75rem}.episode-toggle-btn{padding:.4rem 0;font-size:.85rem}.episode-toggle-icon{font-size:.75rem}}@keyframes progressFill{0%{width:0}to{width:var(--target-width)}}.loading{display:flex;justify-content:center;align-items:center;padding:3rem;color:var(--text-secondary)}.search-highlight{background-color:var(--accent-gold);color:var(--dark-bg);padding:0 2px;border-radius:2px}html{scroll-behavior:smooth}button:focus,input:focus,select:focus{outline:2px solid var(--accent-gold);outline-offset:2px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent-gold);outline-offset:2px;box-shadow:0 0 0 5px #ffd7004d}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:absolute;top:-40px;left:6px;background:var(--dark-bg);color:var(--accent-gold);padding:8px;text-decoration:none;border-radius:4px;z-index:1000}.skip-link:focus{top:6px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:var(--secondary-blue);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-blue)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;max-width:900px;width:90%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:1.5rem;color:var(--text-primary)}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.close-button{background:none;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.close-button:hover,.close-button:focus{background:#ffffff1a;color:var(--accent-gold);outline:none}.close-button:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}.modal{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.modal-content{max-width:95%;max-height:90vh}.modal-header,.modal-body{padding:1rem}}