.watchlist-card{position:relative;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .watchlist-card{background:rgba(17,24,39,.1);border:1px solid rgba(75,85,99,.3);box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1)}.watchlist-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.3)}.dark .watchlist-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.15)}.percentage-indicator{animation:subtle-pulse 2s ease-in-out infinite}@keyframes subtle-pulse{0%,to{opacity:1}50%{opacity:.8}}.stock-symbol{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;transition:all .3s ease}.dark .stock-symbol,.stock-symbol{-webkit-text-fill-color:transparent}.dark .stock-symbol{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text}.price-display{text-shadow:0 0 20px rgba(59,130,246,.3);transition:all .3s ease}.dark .price-display{text-shadow:0 0 20px rgba(96,165,250,.4)}.skeleton-shimmer{position:relative;overflow:hidden}.skeleton-shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);animation:shimmer 1.5s infinite}.dark .skeleton-shimmer:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent)}@keyframes shimmer{0%{left:-100%}to{left:100%}}.watchlist-container{display:grid;gap:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:120px}@media (min-width:768px){.watchlist-container{gap:1rem}}.watchlist-card{min-width:160px;width:100%}@container (max-width: 200px){.watchlist-container{grid-template-columns:1fr!important}}@container (max-width: 400px){.watchlist-container{grid-template-columns:repeat(2,1fr)!important}}@container (max-width: 600px){.watchlist-container{grid-template-columns:repeat(3,1fr)!important}}.watchlist-container>*{transition:all .3s cubic-bezier(.4,0,.2,1)}.watchlist-container{container-type:inline-size}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease}.watchlist-container::-webkit-scrollbar{width:6px}.watchlist-container::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:3px}.watchlist-container::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3);border-radius:3px}.watchlist-container::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5)}.dark .watchlist-container::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)}.dark .watchlist-container::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3)}.dark .watchlist-container::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.watchlist-card:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.dark .watchlist-card:focus-visible{outline-color:#60a5fa}.watchlist-card:active{transform:translateY(-2px) scale(1.01);transition:transform .1s ease}.percentage-up{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px 12px rgba(16,185,129,.4),0 2px 4px rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.3)}.percentage-down,.percentage-up{color:#fff!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.percentage-down{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 4px 12px rgba(239,68,68,.4),0 2px 4px rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3)}.percentage-neutral{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important;box-shadow:0 4px 12px rgba(245,158,11,.4),0 2px 4px rgba(245,158,11,.2);border:1px solid rgba(245,158,11,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dark .percentage-up{background:linear-gradient(135deg,#10b981,#047857)!important;box-shadow:0 4px 12px rgba(16,185,129,.5),0 2px 4px rgba(16,185,129,.3);border:1px solid rgba(16,185,129,.4)}.dark .percentage-down{background:linear-gradient(135deg,#ef4444,#b91c1c)!important;box-shadow:0 4px 12px rgba(239,68,68,.5),0 2px 4px rgba(239,68,68,.3);border:1px solid rgba(239,68,68,.4)}.dark .percentage-neutral{background:linear-gradient(135deg,#f59e0b,#b45309)!important;box-shadow:0 4px 12px rgba(245,158,11,.5),0 2px 4px rgba(245,158,11,.3);border:1px solid rgba(245,158,11,.4)}.percentage-up:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(16,185,129,.5),0 3px 6px rgba(16,185,129,.3)}.percentage-down:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(239,68,68,.5),0 3px 6px rgba(239,68,68,.3)}.percentage-neutral:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(245,158,11,.5),0 3px 6px rgba(245,158,11,.3)}.percentage-indicator{text-shadow:0 1px 2px rgba(0,0,0,.3);font-weight:700;letter-spacing:.025em}.watchlist-card:before{content:"";position:absolute;inset:0;padding:1px;background:linear-gradient(135deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.1));border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;opacity:0;transition:opacity .3s ease}.watchlist-card:hover:before{opacity:1}.dark .watchlist-card:before{background:linear-gradient(135deg,rgba(96,165,250,.3),rgba(139,92,246,.1))}