.cmo-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:rgb(0 0 0/.45)}.cmo{--cmo-accent:var(--color-button-primary,#01684d);--cmo-line:var(--color-border-primary,#e5e7eb);--cmo-card:var(--color-surface-primary,#fff);--cmo-tint:var(--color-surface-secondary,#f4f6f5);--cmo-ink:var(--color-text-primary,#111827);--cmo-soft:var(--color-text-secondary,#4b5563);display:flex;flex-direction:column;width:min(72rem,100%);max-height:min(88vh,60rem);overflow:hidden;border:1px solid var(--cmo-line);border-radius:18px;background-color:var(--cmo-tint);color:var(--cmo-ink);box-shadow:0 24px 64px rgb(0 0 0/.28)}.cmo-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:4px 14px;padding:16px 18px 14px 20px;border-bottom:1px solid var(--cmo-line);background-color:var(--cmo-card)}.cmo-head-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--cmo-accent) 14%,transparent);color:var(--cmo-accent)}.cmo-head-icon svg{width:22px;height:22px}.cmo-head h2{margin:0;color:var(--color-text-heading,var(--cmo-ink));font-size:1.3rem;font-weight:700;line-height:1.2}.cmo-head p{margin:2px 0 0;color:var(--cmo-soft);font-size:.85rem;line-height:1.45}.cmo-search{display:flex;align-items:center;gap:.45rem;width:15rem;padding:.4rem .65rem;border:1px solid var(--cmo-line);border-radius:10px;background:var(--color-input-bg,var(--cmo-tint))}.cmo-search:focus-within{border-color:var(--cmo-accent)}.cmo-search svg{flex:none;width:1rem;height:1rem;color:var(--cmo-soft)}.cmo-search input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--color-input-text,inherit);font:inherit;font-size:.9rem}.cmo-close{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:9px;background:none;color:var(--cmo-soft);cursor:pointer}.cmo-close:hover{background:var(--cmo-tint);color:var(--cmo-ink)}.cmo-close svg{width:20px;height:20px}.cmo-body{flex:1;overflow-y:auto;padding:6px 20px 24px;overscroll-behavior:contain}.cmo-empty{margin:2rem 0;color:var(--cmo-soft);text-align:center}.cmo-group h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:1.2rem 0 .6rem;color:var(--color-text-heading,var(--cmo-ink));font-size:.95rem;font-weight:700}.cmo-group h3 span{color:var(--cmo-soft);font-size:.8rem;font-weight:400}.cmo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:.8rem}.cmo-cell{position:relative;height:10.6rem}.cmo-card{position:absolute;inset:0 0 auto 0;display:flex;flex-direction:column;min-height:100%;max-height:100%;overflow:hidden;border:1px solid var(--cmo-line);border-radius:12px;background:var(--cmo-card);color:inherit;text-decoration:none;box-shadow:0 1px 2px rgb(0 0 0/.05);transition:max-height .28s ease,box-shadow .2s ease,border-color .2s ease}.cmo-strip{display:block;flex:0 0 3.6rem;height:3.6rem;overflow:hidden;border-bottom:1px solid var(--cmo-line);background:linear-gradient(120deg,color-mix(in srgb,var(--cmo-accent) 30%,#0b2a24),color-mix(in srgb,var(--cmo-accent) 70%,#0b2a24))}.cmo-strip img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.cmo-card-body{display:flex;flex:1 0 auto;flex-direction:column;gap:.3rem;padding:.7rem .95rem .8rem}.cmo-card-desc,.cmo-card-title{flex-shrink:0}.cmo-card-title{display:flex;align-items:center;gap:.45rem;color:var(--color-text-heading,var(--cmo-ink));font-size:.98rem;font-weight:700;line-height:1.3}.cmo-tag{padding:.05rem .45rem;border-radius:999px;background:var(--cmo-accent);color:var(--color-button-primary-text,#fff);font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.cmo-card-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--cmo-soft);font-size:.83rem;line-height:1.45}.cmo-card-go{display:inline-flex;align-items:center;gap:.3rem;margin-top:auto;padding-top:.3rem;color:var(--cmo-accent);font-size:.8rem;font-weight:600;opacity:0;transition:opacity .2s ease}.cmo-card-go svg{width:.85rem;height:.85rem;transition:transform .2s ease}@media (hover:hover){.cmo-card:focus-visible,.cmo-card:hover{z-index:5;max-height:22rem;border-color:var(--cmo-accent);box-shadow:0 12px 32px rgb(0 0 0/.18),0 2px 6px rgb(0 0 0/.08);transition-delay:.1s}.cmo-card:focus-visible .cmo-card-desc,.cmo-card:hover .cmo-card-desc{-webkit-line-clamp:unset;color:var(--cmo-ink)}.cmo-card:focus-visible .cmo-card-go,.cmo-card:hover .cmo-card-go{opacity:1;transition-delay:.1s}.cmo-card:hover .cmo-card-go svg{transform:translateX(3px)}.cmo-card:hover .cmo-strip img{transform:scale(1.05);transition-delay:.1s}}.cmo-card:focus-visible{outline:2px solid var(--cmo-accent);outline-offset:2px}@media (hover:none){.cmo-cell{height:auto}.cmo-card{position:static;max-height:none}.cmo-card-desc{-webkit-line-clamp:unset}.cmo-card-go{opacity:1}}@media (max-width:640px){.cmo-backdrop{padding:0}.cmo{width:100%;max-height:100%;height:100%;border-radius:0;border:0}.cmo-head{grid-template-columns:auto minmax(0,1fr) auto;padding:12px 12px 12px 16px}.cmo-head p{display:none}.cmo-search{grid-column:1/-1;grid-row:2;width:100%;margin-top:6px}.cmo-body{padding:4px 16px 24px}.cmo-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.cmo-card,.cmo-card-go,.cmo-card-go svg,.cmo-strip img{transition:none}}