.shiny-text{display:inline-block}.chroma-grid--disabled .chroma-fade,.chroma-grid--disabled .chroma-overlay{opacity:0;pointer-events:none}.chroma-grid{position:relative;width:100%;min-width:0;min-height:500px;display:grid;grid-template-columns:repeat(var(--cols,3),320px);grid-auto-rows:auto;justify-content:center;gap:3rem;max-width:1200px;margin:0 auto;padding:1rem;box-sizing:border-box;--x:50%;--y:50%;--r:220px}@media (max-width:1124px){.chroma-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),320px));gap:2rem;padding:.5rem}}@media (max-width:480px){.chroma-grid{grid-template-columns:minmax(0,1fr);justify-items:center;gap:2.25rem;padding:.75rem 1rem}}.chroma-card{position:relative;display:flex;flex-direction:column;width:320px;max-width:100%;height:auto;border-radius:20px;overflow:hidden;border:1px solid var(--border,#333);transition:border-color .3s ease;background:var(--card-gradient);--mouse-x:50%;--mouse-y:50%;--spotlight-color:hsla(0,0%,100%,.3)}@media (max-width:480px){.chroma-card{width:100%;max-width:min(100%,320px)}}.chroma-card:hover{border-color:var(--card-border)}.chroma-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 70%);pointer-events:none;opacity:0;transition:opacity .5s ease;z-index:2}.chroma-card:hover:before{opacity:1}.chroma-img-wrapper{position:relative;z-index:1;flex:1;padding:10px;box-sizing:border-box;background:transparent;transition:background .3s ease;min-height:180px}.chroma-img-inner{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--surface,#2a2d33)}.chroma-img-inner,.chroma-img-inner .chroma-img{border-radius:10px}.chroma-img-fallback{inset:0;background:var(--surface,#2a2d33);color:var(--muted,#a4a7ac);font-size:.875rem}.chroma-eye-btn,.chroma-img-fallback{position:absolute;display:flex;align-items:center;justify-content:center}.chroma-eye-btn{top:.75rem;right:.75rem;z-index:3;min-width:44px;min-height:44px;width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid var(--border,#3c3f46);background:rgba(42,45,51,.9);color:var(--text,#d7d9dd);cursor:pointer;transition:background-color .2s ease,color .2s ease}@media (min-width:481px){.chroma-eye-btn{top:1rem;right:1rem;min-width:0;min-height:0}}.chroma-eye-btn:hover{background:var(--border,#3c3f46);color:var(--blue,#2768ff)}.chroma-eye-btn:focus-visible{outline:2px solid var(--blue,#2768ff);outline-offset:2px}.chroma-eye-icon{width:1.25rem;height:1.25rem}.chroma-info{position:relative;z-index:1;padding:.75rem 1rem;color:var(--text,#fff);font-family:system-ui,sans-serif;display:flex;flex-direction:column;gap:.25rem}.chroma-name{margin:0;font-size:1.125rem;font-weight:600;color:var(--text,#fff)}.chroma-role{margin:0;font-size:.875rem;color:var(--muted,#aaa);line-height:1.4}.chroma-stack{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.chroma-stack-tag{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-family:ui-monospace,monospace;padding:.25rem .5rem;border-radius:.375rem;border:1px solid var(--border,#3c3f46);background:var(--bg,#1c1e22);color:var(--muted,#a4a7ac)}.chroma-stack-icon{flex-shrink:0;width:14px;height:14px;vertical-align:middle}.chroma-overlay{z-index:3;mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 0,transparent 15%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.22) 45%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.5) 75%,rgba(0,0,0,.68) 88%,#fff 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 0,transparent 15%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.22) 45%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.5) 75%,rgba(0,0,0,.68) 88%,#fff 100%)}.chroma-fade,.chroma-overlay{position:absolute;inset:0;pointer-events:none;backdrop-filter:grayscale(1) brightness(.78);-webkit-backdrop-filter:grayscale(1) brightness(.78);background:rgba(0,0,0,.001)}.chroma-fade{z-index:4;mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),#fff 0,#fff 15%,hsla(0,0%,100%,.9) 30%,hsla(0,0%,100%,.78) 45%,hsla(0,0%,100%,.65) 60%,hsla(0,0%,100%,.5) 75%,hsla(0,0%,100%,.32) 88%,transparent 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),#fff 0,#fff 15%,hsla(0,0%,100%,.9) 30%,hsla(0,0%,100%,.78) 45%,hsla(0,0%,100%,.65) 60%,hsla(0,0%,100%,.5) 75%,hsla(0,0%,100%,.32) 88%,transparent 100%);opacity:1;transition:opacity .25s ease}