.hs-card{border:1px solid var(--line);border-radius:var(--r);background:var(--card);flex-direction:column;transition:border-color .2s;display:flex;overflow:hidden}.hs-card:hover{border-color:var(--teal)}.hs-card a{color:inherit;text-decoration:none}.hs-card :focus-visible{outline:2px solid var(--teal);outline-offset:2px}.hs-card .ph{aspect-ratio:1;background:var(--surface);display:block;position:relative;overflow:hidden}.hs-card .ph img{z-index:1;object-fit:cover;transition:transform .5s cubic-bezier(.2,.6,.2,1)}.hs-card:hover .ph img{transform:scale(1.04)}.hs-card .tag{z-index:2;background:var(--dark);color:var(--white);font-family:var(--font-head);font-size:var(--fs-xs);border-radius:6px;padding:4px 9px;font-weight:500;position:absolute;top:12px;left:12px}.hs-card .cb{flex-direction:column;flex:1;padding:16px;display:flex}.hs-card .bn{font-family:var(--font-head);font-size:var(--fs-2xs);letter-spacing:.12em;color:var(--teal);margin-bottom:8px}.hs-card h3{font-family:var(--font-head);font-size:var(--fs-ui);letter-spacing:-.02em;margin:0 0 14px;font-weight:400;line-height:1.5}.hs-card h3 a:hover{color:var(--teal)}.hs-card .pr{align-items:baseline;gap:8px;margin-top:auto;display:flex}.hs-card .pr b{font-family:var(--font-head);font-size:var(--fs-xl);font-weight:600}.hs-card .pr s{font-size:var(--fs-sm-plus);color:var(--muted)}.hs-card .add{border-radius:var(--r-sm);background:var(--surface);width:100%;height:42px;color:var(--ink);font-family:var(--font-head);font-size:var(--fs-base-minus);cursor:pointer;border:0;justify-content:center;align-items:center;margin-top:14px;font-weight:500;transition:background .2s,color .2s;display:flex}.hs-card .add:hover,.hs-card .add.done{background:var(--teal);color:var(--on-teal)}.hs-card .add:disabled{background:var(--surface);color:var(--muted);cursor:not-allowed}