:root{--mc-bg:#0b0c0f;--mc-surface:#101317;--mc-surface-2:#151922;--mc-txt:#e8eaed;--mc-txt-2:#c6c8cc;--mc-primary:#4f8cff;--mc-primary-2:#7aa6ff;--mc-good:#22c55e;--mc-warn:#f59e0b;--mc-bad:#ef4444;--mc-muted:#2a2f3a;--mc-ring:0 0 0 3px rgba(79,140,255,.35);--mc-radius:18px;--mc-gap:16px;--mc-shadow:0 10px 40px rgba(0,0,0,.25);--mc-shadow-soft:0 6px 24px rgba(0,0,0,.18);--mc-grad:radial-gradient(1200px 600px at 20% -10%,rgba(79,140,255,.20),transparent 60%),radial-gradient(900px 400px at 120% 10%,rgba(125,211,252,.15),transparent 60%)}.mc-theme.is-light{--mc-bg:#f6f7f9;--mc-surface:#ffffff;--mc-surface-2:#f4f6fb;--mc-txt:#0b0c0f;--mc-txt-2:#3f4550;--mc-primary:#3b82f6;--mc-primary-2:#60a5fa;--mc-muted:#e9ecf3;--mc-shadow:0 20px 60px rgba(8,18,46,.12);--mc-shadow-soft:0 10px 30px rgba(8,18,46,.08)}.mc-theme{color:var(--mc-txt);background:var(--mc-bg);padding:24px;border-radius:24px;position:relative;overflow:hidden;isolation:isolate}.mc-theme::before{content:"";position:absolute;inset:-1px;background:var(--mc-grad);z-index:-1}.mc-toolbar{display:grid;grid-template-columns:1fr auto;gap:var(--mc-gap);align-items:center;margin-bottom:10px}@media (max-width:900px){.mc-toolbar{grid-template-columns:1fr}}.mc-search{display:flex;align-items:center;gap:10px;background:var(--mc-surface);border:1px solid var(--mc-muted);border-radius:14px;padding:10px 12px;box-shadow:var(--mc-shadow-soft)}.mc-search input{all:unset;flex:1;color:var(--mc-txt)}.mc-search svg{width:18px;height:18px;opacity:.7}.mc-chips{display:flex;flex-wrap:wrap;gap:8px}.mc-chip{border:1px solid var(--mc-muted);background:var(--mc-surface);color:var(--mc-txt-2);padding:8px 12px;border-radius:999px;font-size:14px;line-height:1;cursor:pointer;transition:transform .16s ease,background .2s ease}.mc-chip[aria-pressed="true"]{background:var(--mc-primary);color:#fff;border-color:transparent}.mc-chip:focus-visible{outline:none;box-shadow:var(--mc-ring)}.mc-grid{display:grid;gap:var(--mc-gap);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px}@media (max-width:1200px){.mc-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.mc-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.mc-grid{grid-template-columns:1fr}}.mc-card{display:grid;gap:10px;background:var(--mc-surface);border:1px solid var(--mc-muted);border-radius:var(--mc-radius);box-shadow:var(--mc-shadow-soft);padding:10px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.mc-card:hover{transform:translateY(-3px);box-shadow:var(--mc-shadow)}.mc-media{position:relative;aspect-ratio:3/4;border-radius:calc(var(--mc-radius) - 6px);overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.15))}.mc-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.mc-card:hover .mc-media img{transform:scale(1.03)}.mc-badges{position:absolute;top:10px;left:10px;display:flex;gap:6px}.mc-badge{padding:6px 10px;font-size:12px;border-radius:999px;background:#111;color:#fff;border:1px solid rgba(255,255,255,.15)}.mc-badge.is-hot{background:linear-gradient(90deg,#ef4444,#f59e0b)}.mc-badge.is-new{background:linear-gradient(90deg,#22c55e,#10b981)}.mc-title{font-size:18px;font-weight:700;margin:0 6px}.mc-meta{font-size:14px;color:var(--mc-txt-2);margin:0 6px 6px}.mc-cta{justify-self:start;margin:6px;padding:10px 14px;border-radius:12px;border:1px solid transparent;background:var(--mc-primary);color:#fff;font-weight:600;cursor:pointer;transition:transform .12s ease,filter .2s ease}.mc-cta:hover{filter:brightness(1.05)}.mc-cta:active{transform:translateY(1px)}.mc-card:focus-within{outline:none;box-shadow:var(--mc-ring)}.mc-quick{display:flex;flex-wrap:wrap;gap:6px;margin:0 6px 8px}.mc-pill{font-size:12px;line-height:1;padding:6px 8px;border-radius:999px;border:1px solid var(--mc-muted);color:var(--mc-txt-2);background:var(--mc-surface-2)}.mc-skel{position:relative;overflow:hidden;background:var(--mc-muted);border-radius:10px}.mc-skel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:mc-shine 1.2s infinite}@keyframes mc-shine{from{transform:translateX(-100%)}to{transform:translateX(100%)}}.mc-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.55);z-index:9999}.mc-modal[open]{display:flex}.mc-modal__panel{background:var(--mc-surface);border:1px solid var(--mc-muted);border-radius:20px;padding:18px;width:min(960px,92vw);box-shadow:var(--mc-shadow)}.mc-modal__close{all:unset;cursor:pointer;float:right;padding:6px}.mc-hidden{display:none!important}.mc-right{justify-self:end}.mc-center{justify-self:center}