@layer components{.acard{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-xs);transition:box-shadow .18s, transform .18s, border-color .18s;&:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--accent-line)}}.acard-media{position:relative;height:10rem;background:var(--bg-muted);img{display:block;width:100%;height:100%;object-fit:cover}}.acard-mode{position:absolute;top:.7rem;left:.7rem;font-size:.72rem;font-weight:600;line-height:1;padding:.32rem .55rem;border-radius:999px;background:rgba(255, 255, 255, .92);color:var(--fg);border:1px solid var(--border)}.acard-mode-inline{align-self:center;font-size:.72rem;font-weight:600;line-height:1;padding:.3rem .55rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-hover);border:1px solid var(--accent-line)}.acard-stopped{position:absolute;top:.7rem;right:.7rem;font-size:.72rem;font-weight:600;line-height:1;padding:.32rem .55rem;border-radius:999px;background:rgba(15, 23, 42, .82);color:#fff}.acard-body{display:flex;flex:1;flex-direction:column;padding:1.05rem 1.15rem 1.2rem}.acard-name{font-size:1.02rem;font-weight:600;line-height:1.45;color:var(--ink);letter-spacing:-.01em;a{color:inherit;text-decoration:none}a:hover{color:var(--accent-hover)}}.acard-pay{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .5rem;margin-top:.5rem;.amount{font-size:1.28rem;font-weight:700;letter-spacing:-.02em;color:var(--accent)}.dur{font-size:.85rem;color:var(--faint)}}.acard-meta{display:flex;flex-wrap:wrap;gap:.2rem .9rem;margin-top:.4rem;font-size:.85rem;color:var(--muted)}.acard-desc{margin-top:.55rem;font-size:.9rem;line-height:1.7;color:var(--muted)}.acard-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.75rem;span{font-size:.75rem;font-weight:500;line-height:1;padding:.3rem .55rem;border-radius:999px;background:var(--bg-muted);color:var(--muted);border:1px solid var(--border);&.t-theme{background:var(--accent-soft);color:var(--accent-hover);border-color:var(--accent-line)}}}.acard-btns{margin-top:auto;padding-top:.95rem;display:flex;flex-wrap:nowrap;gap:.45rem;container-type:inline-size;> *{flex:1 1 0;min-width:0}> *:only-child{flex:0 1 auto;margin-inline:auto;min-width:9rem}}@container (max-width: 12.5rem){.acard-btns .pc-btn{padding:0 .4rem;font-size:.78rem}}@container (max-width: 15rem){.acard-btns .pc-btn .i{display:none}}.acard-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-top:1px solid var(--border);padding:.75rem 1.15rem;font-size:.75rem;color:var(--faint)}.acard-more{display:flex;margin-top:auto;padding-top:.55rem;.pc-btn{width:100%}}.acard-btns + .acard-more{margin-top:0}.rcard{display:grid;grid-template-columns:minmax(0, 1fr);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs);@media (width >= 820px){grid-template-columns:42% minmax(0, 1fr)}}.rcard-media{position:relative;height:10rem;background:var(--bg-muted);img{display:block;width:100%;height:100%;object-fit:cover}@media (width >= 820px){height:auto;min-height:17.5rem}}.rcard-body{display:flex;flex-direction:column;padding:1.2rem 1.3rem 1.35rem}.rcard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem}.rcard-name{margin:0;font-size:1.08rem;font-weight:600;line-height:1.45;color:var(--ink);letter-spacing:-.01em}.rcard-mode{flex:0 0 auto;font-size:.72rem;font-weight:600;line-height:1;padding:.34rem .6rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-hover);border:1px solid var(--accent-line)}.rcard-btns{margin-top:auto;padding-top:1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem}.rcard-signup{margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--border);text-align:center;font-size:.8rem;line-height:1.55;color:var(--faint);strong{font-weight:600;color:var(--muted)}}.filters{display:grid;grid-template-columns:1fr;gap:.8rem 1rem;margin:0 0 1.25rem;padding:.95rem 1.05rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);@media (width >= 640px){&{grid-template-columns:repeat(2, 1fr)}}@media (width >= 980px){&{grid-template-columns:repeat(4, 1fr) minmax(8.5rem, auto);position:sticky;top:var(--header-h);z-index:10}}}.filter-label{display:block;margin-bottom:.35rem;font-size:.78rem;font-weight:600;color:var(--faint)}.filter-select,
  .filter-search{width:100%;height:2.45rem;font:inherit;font-size:.92rem;color:var(--fg);background-color:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius-sm)}.filter-select{appearance:none;padding:0 2.1rem 0 .8rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;cursor:pointer}.filter-search{padding:0 .9rem;&::placeholder{color:var(--faint)}}.filter-select:focus-visible,
  .filter-search:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.filter-actions{display:flex;flex-direction:column;justify-content:flex-end;gap:.45rem}.filter-count{font-size:.88rem;font-weight:600;color:var(--accent-hover);text-align:right}.filter-clear{min-height:2.45rem;padding:0 1.1rem;font:inherit;font-size:.92rem;font-weight:500;color:var(--fg);background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s, color .15s;&:hover:enabled{border-color:var(--accent);color:var(--accent-hover)}&:disabled{opacity:.55;cursor:default}}.filter-empty{grid-column:1 / -1;margin:0;font-size:.93rem;color:var(--muted)}.filters[hidden], .filter-count[hidden], .filter-empty[hidden], .acard[hidden]{display:none}}