.mf-root{display:flex;flex-direction:column;min-height:100dvh;background:var(--background);color:var(--foreground)}.mf-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top, 0px) + 10px) 16px 10px;background:color-mix(in oklch,var(--background) 88%,transparent);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);border-bottom:1px solid var(--border)}.mf-brand{gap:8px;text-decoration:none;color:var(--foreground)}.mf-brand,.mf-brand-mark{display:inline-flex;align-items:center}.mf-brand-mark{justify-content:center;border-radius:6px;overflow:hidden}.mf-brand-name{font-weight:700;font-size:15px;letter-spacing:-.01em}.mf-brand-yb{color:var(--accent,#ec4899)}.mf-ver{font-family:var(--font-mono);font-size:10px;color:var(--foreground-muted);border:1px solid var(--border);padding:3px 6px;border-radius:4px;margin-right:auto}.mf-actions{display:flex;align-items:center;gap:6px}.mf-icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--foreground-subtle);cursor:pointer}.mf-icon-btn:hover{color:var(--foreground);border-color:var(--border-hover)}.mf-tabs{display:flex;gap:6px;overflow-x:auto;padding:10px 12px 8px;border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none}.mf-tabs::-webkit-scrollbar{display:none}.mf-tab{flex:0 0 auto;padding:6px 12px;font-size:12px;font-weight:500;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--foreground-subtle);cursor:pointer;white-space:nowrap}.mf-tab.is-active,.mf-tab:hover{color:var(--foreground);border-color:var(--border-hover)}.mf-tab.is-active{background:var(--muted)}.mf-feed{flex:1;padding:12px 12px 32px;display:flex;flex-direction:column;gap:14px}.mf-empty{padding:40px 20px;text-align:center;color:var(--foreground-muted);font-size:13px}.mf-card{display:flex;flex-direction:column;overflow:hidden;border-radius:14px;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.mf-cover{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;background:var(--muted)}.mf-cover .cover{position:absolute;inset:0;width:100%;height:100%;border-radius:0}.mf-cover .cover-bg,.mf-cover .cover-img{border-radius:0}.mf-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:8px}.mf-eyebrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mf-chip{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#0b0b0b;padding:3px 8px;border-radius:999px}.mf-rank,.mf-year{font-family:var(--font-mono);font-size:11px;color:var(--foreground-muted)}.mf-title{font-family:var(--font-sans);font-size:20px;font-weight:700;letter-spacing:-.01em;line-height:1.2;color:var(--foreground);margin:0}.mf-meta{font-size:12px;color:var(--foreground-muted);margin:0}.mf-extract,.mf-genre{color:var(--foreground-subtle)}.mf-extract{font-size:14px;line-height:1.55;margin:0}.mf-cta-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.mf-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;background:var(--accent,#ec4899);color:#fff;border:1px solid transparent;text-decoration:none}.mf-cta:hover{filter:brightness(1.05)}.mf-cta-ghost{background:transparent;color:var(--foreground);border-color:var(--border)}.mf-cta-ghost:hover{background:var(--muted);border-color:var(--border-hover)}.mf-foot{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:20px 4px 6px;border-top:1px solid var(--border);margin-top:20px}.mf-foot-link{font-size:12px;color:var(--foreground-subtle);text-decoration:none}.mf-foot-link:hover{color:var(--foreground)}.mf-foot-meta{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:var(--foreground-muted)}@media (min-width:640px){.mf-feed,.mf-header,.mf-tabs{max-width:480px;margin-left:auto;margin-right:auto}.mf-feed,.mf-header{border-left:1px solid var(--border);border-right:1px solid var(--border)}}