.table-theme-background{position:relative;width:100%;height:100%;overflow:hidden;background:#fff;border-radius:12px}.table-theme-background.empty{background:#fff}.theme-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.theme-zone{transition:opacity .8s ease-in-out,transform .8s ease-in-out}@keyframes float-0{0%,to{transform:translate(0) scale(1) rotate(0)}25%{transform:translate(2%,-2%) scale(1.05) rotate(2deg)}50%{transform:translate(-1%,3%) scale(.95) rotate(-1deg)}75%{transform:translate(-3%,-1%) scale(1.02) rotate(1deg)}}@keyframes float-1{0%,to{transform:translate(0) scale(1) rotate(0)}25%{transform:translate(-2%,3%) scale(1.03) rotate(-2deg)}50%{transform:translate(3%,-2%) scale(.97) rotate(2deg)}75%{transform:translate(1%,2%) scale(1.05) rotate(-1deg)}}@keyframes float-2{0%,to{transform:translate(0) scale(1) rotate(0)}25%{transform:translate(3%,2%) scale(.98) rotate(1deg)}50%{transform:translate(-2%,-3%) scale(1.04) rotate(-2deg)}75%{transform:translate(2%,-1%) scale(.96) rotate(2deg)}}.theme-fill-indicator{position:absolute;bottom:12px;left:12px;right:12px;z-index:10;display:flex;flex-direction:column;gap:4px;pointer-events:none}.fill-progress-bar{width:100%;height:4px;background:#ffffff4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:2px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.fill-progress{height:100%;background:linear-gradient(90deg,#fff9,#fffc);border-radius:2px;transition:width .6s ease-in-out}.fill-text{font-size:10px;color:#0009;font-weight:500;text-shadow:0 1px 2px rgba(255,255,255,.8)}.theme-empty-state{width:100%;height:100%;background:#fff;border-radius:12px;transition:background .5s ease}@media (max-width: 768px){.theme-fill-indicator{bottom:8px;left:8px;right:8px}.fill-text{font-size:9px}}.table-theme-background:hover .theme-zone{opacity:.9}.table-theme-background:hover .theme-svg{animation-play-state:paused}.table-theme-background.dna-theme{background:#1f2937}.dna-gradient-bg{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 1s ease-in-out,background 1s ease-in-out}.dna-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.dna-particle{position:absolute;width:80px;height:80px;border-radius:50%;filter:blur(30px);animation:dna-float 8s ease-in-out infinite}@keyframes dna-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(10px,-15px) scale(1.1)}50%{transform:translate(-5px,10px) scale(.9)}75%{transform:translate(-15px,-5px) scale(1.05)}}.dna-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,0,0,.1) 100%);pointer-events:none}.table-theme-background.empty .theme-empty-state{background:linear-gradient(135deg,#374151,#1f2937)}.interest-color-legend{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.interest-color-legend.compact{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;box-shadow:0 2px 8px #0000001a}.legend-swatches{display:flex;gap:4px}.legend-swatch{width:16px;height:16px;border-radius:4px;border:1px solid rgba(0,0,0,.1);cursor:help;transition:transform .2s ease}.legend-swatch:hover{transform:scale(1.2)}.legend-label{font-size:12px;color:#000000b3;font-weight:500}.interest-color-legend.collapsible{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;overflow:hidden;transition:all .3s ease}.legend-toggle{width:100%;display:flex;align-items:center;gap:12px;padding:16px;background:transparent;border:none;cursor:pointer;transition:background .2s ease}.legend-toggle:hover{background:#00000005}.legend-icon{font-size:20px}.legend-title{flex:1;text-align:left;font-size:14px;font-weight:600;color:#000000d9}.legend-chevron{font-size:12px;color:#00000080;transition:transform .3s ease}.interest-color-legend.collapsible.expanded .legend-chevron{transform:rotate(180deg)}.legend-content{padding:0 16px 16px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.interest-color-legend.full{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 12px #00000014}.legend-heading{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-size:18px;font-weight:700;color:#000000e6}.legend-description{margin:0 0 20px;font-size:14px;line-height:1.5;color:#0009}.legend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.legend-item{display:flex;align-items:flex-start;gap:12px}.legend-color-block{width:40px;height:40px;border-radius:8px;flex-shrink:0;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 4px #0000001a}.legend-info{flex:1;display:flex;flex-direction:column;gap:4px}.legend-name{font-size:14px;font-weight:600;color:#000000d9}.legend-desc{font-size:12px;line-height:1.4;color:#0000008c}@media (max-width: 768px){.legend-grid{grid-template-columns:1fr;gap:12px}.interest-color-legend.full{padding:16px}.legend-heading{font-size:16px}.legend-description{font-size:13px}}@media (prefers-color-scheme: dark){.interest-color-legend{color:#ffffffe6}.interest-color-legend.compact,.interest-color-legend.collapsible,.interest-color-legend.full{background:#1e1e1ef2;border-color:#ffffff1a}.legend-label,.legend-title,.legend-name{color:#ffffffe6}.legend-description,.legend-desc{color:#fff9}.legend-toggle:hover{background:#ffffff0d}}