.card[data-v-1b342db8]{--t:#111;--track:#fff9;border-radius:var(--radius-lg);background:linear-gradient(100deg,var(--c),color-mix(in srgb,var(--c) 70%,#fff));min-height:116px;color:var(--t);align-items:center;margin-top:28px;padding:18px 20px 18px 196px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #0000000d}.card.dark[data-v-1b342db8]{--t:#fff;--track:#00000047}.card[data-v-1b342db8]:hover{box-shadow:inset 0 0 0 1px #0000000d,var(--shadow-hover);text-decoration:none;transform:translateY(-2px)}.card:hover .hint[data-v-1b342db8]{text-decoration:underline}.visual[data-v-1b342db8]{z-index:2;-o-object-fit:contain;object-fit:contain;-o-object-position:50% 100%;object-position:50% 100%;pointer-events:none;filter:drop-shadow(0 8px 8px #00000029);width:214px;height:172px;transition:transform .15s;position:absolute;bottom:6px;left:-22px}.card:hover .visual[data-v-1b342db8]{transform:scale(1.04)rotate(-2deg)}.spread[data-v-1b342db8]{width:100px;height:86px;position:absolute;top:50%;left:44px;transform:translateY(-50%)}.spread i[data-v-1b342db8]{aspect-ratio:63/88;background:color-mix(in srgb,var(--c) 55%,#000);border:2px solid #ffffffd9;border-radius:6px;width:52px;position:absolute;top:4px}.spread i[data-v-1b342db8]:first-child{left:0;transform:rotate(-10deg)}.spread i[data-v-1b342db8]:nth-child(2){left:22px;transform:rotate(-2deg)}.spread i[data-v-1b342db8]:nth-child(3){background:#ffffff8c;border-style:dashed;left:44px;transform:rotate(7deg)}.body[data-v-1b342db8]{z-index:3;flex-direction:column;flex:1;gap:10px;min-width:0;position:relative}.body[data-v-1b342db8],.top[data-v-1b342db8]{display:flex}.top[data-v-1b342db8]{justify-content:space-between;align-items:baseline;gap:var(--space-3)}.title[data-v-1b342db8]{letter-spacing:-.01em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:19px;line-height:24px;display:-webkit-box;overflow:hidden}.count[data-v-1b342db8],.title[data-v-1b342db8]{font-weight:600}.count[data-v-1b342db8]{opacity:.8;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:16px;line-height:22px}.bar[data-v-1b342db8]{background:var(--track);height:8px;overflow:hidden}.bar[data-v-1b342db8],.fill[data-v-1b342db8]{border-radius:var(--radius-pill)}.fill[data-v-1b342db8]{background:var(--t);height:100%}.foot[data-v-1b342db8]{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:13px;line-height:18px;display:flex}.pill[data-v-1b342db8]{border-radius:var(--radius-pill);white-space:nowrap;padding:3px 10px;font-weight:600}.pill.almost[data-v-1b342db8]{background:var(--almost);color:var(--on-almost)}.pill.ink[data-v-1b342db8]{background:var(--t);color:var(--c)}.status[data-v-1b342db8]{opacity:.75}.hint[data-v-1b342db8],.status[data-v-1b342db8]{white-space:nowrap}.hint[data-v-1b342db8]{align-items:center;gap:2px;font-weight:600;display:inline-flex}@media (width<=767px){.card[data-v-1b342db8]{border-radius:14px;min-height:96px;margin-top:0;padding:14px 14px 14px 154px}.card[data-v-1b342db8]:hover{transform:none;box-shadow:inset 0 0 0 1px #0000000d}.card:hover .visual[data-v-1b342db8],.visual[data-v-1b342db8]{transform:translateY(-50%)}.visual[data-v-1b342db8]{-o-object-position:50% 50%;object-position:50% 50%;width:128px;height:120px;top:50%;bottom:auto;left:6px}.spread[data-v-1b342db8]{width:86px;height:72px;left:30px}.spread i[data-v-1b342db8]{width:44px}.spread i[data-v-1b342db8]:nth-child(2){left:18px}.spread i[data-v-1b342db8]:nth-child(3){left:36px}.body[data-v-1b342db8]{gap:8px}.title[data-v-1b342db8]{-webkit-line-clamp:1;line-clamp:1;font-size:15px}.count[data-v-1b342db8],.title[data-v-1b342db8]{line-height:20px}.count[data-v-1b342db8]{font-size:14px}.bar[data-v-1b342db8]{height:6px}.foot[data-v-1b342db8]{font-size:12px;line-height:16px}.pill[data-v-1b342db8]{padding:2px 8px}}