div.svelte-clyidt{position:relative;width:100%;height:100%}canvas.svelte-clyidt{display:block;position:relative;width:100%;height:100%}.badge.svelte-1fmrh5r{display:inline-block;padding:.35rem .65rem;font-size:.75rem;font-weight:600;border-radius:9999px;letter-spacing:.02em;white-space:nowrap;color:#fff}.card{display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 52%),var(--panel);border:2px solid var(--border-color);border-radius:var(--card-radius);box-shadow:0 2px 4px #0000001a;padding:0rem;min-height:200px;transition:border-color .3s ease;width:25rem;--card-radius: 1px;--border-color: var(--accent-2);--border-color-2: rgba(176, 183, 189, .551);--border-color-3: rgba(82, 87, 91, .551);--panel: var(--accent-1);--muted: var(--accent-3);--side-padding: 1rem;--top-padding: .5rem;--hover: var(--accent-3)}.card:hover{border-color:var(--hover);drop-shadow:0 4px 8px rgba(0,0,0,.2)}.card *{margin:0}.card .term-bar{font-size:.92rem;font-weight:600;letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;border-radius:var(--card-radius) var(--card-radius) 0 0;border-bottom:1px solid var(--border-color-2);background:#00000038;padding:var(--top-padding) var(--side-padding);align-items:center;justify-content:center}.card .media{aspect-ratio:16/9;border-bottom:1px solid var(--border-color-3);padding:var(--side-padding);background:#0000001f}.card .media *{width:100%;height:100%;border:1px solid var(--border-color-3);display:block;object-fit:cover}.card .media *:hover{border-color:var(--hover)}.card .content{display:flex;flex-direction:column;border-radius:0 0 var(--card-radius) var(--card-radius);padding:var(--top-padding) var(--side-padding);gap:.75rem;flex-grow:1;padding-bottom:1.5rem}.card .content .subtitle{font-size:.92rem;color:var(--muted)}.card .content .desc{padding-bottom:.5rem}.card .content .badge-container{display:flex;gap:.5rem}
