.mp{min-height:100vh;background:#f7f7f5;color:#1a1a1a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.mp-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:20px;padding:14px 24px;background:#fff;border-bottom:1px solid #eceffa}.mp-logo{flex:none;display:flex;align-items:center}.mp-logo img{width:7rem;height:auto}.mp-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 1.1rem;font-size:.95rem;font-weight:600;border-radius:10px;text-decoration:none;border:2px solid transparent;white-space:nowrap}.mp-btn-primary{background:#2e4898;color:#fff;box-shadow:0 6px 16px #2e489838}.mp-btn-primary:hover{background:#24386f}.mp-btn-secondary{background:transparent;color:#2e4898;border-color:#d6dcec}.mp-btn-secondary:hover{border-color:#2e4898;background:#f7f9ff}.mp-search{display:flex;align-items:center;gap:8px;flex:1}.mp-search label{font-size:13px;font-weight:600}.mp-search input{flex:1;border:1px solid rgba(0,0,0,.12);border-radius:999px;padding:10px 16px;font:inherit;background:#fff;min-height:44px}.mp-search input:focus-visible,.mp a:focus-visible,.mp button:focus-visible,.mp select:focus-visible{outline:2px solid #2e4898;outline-offset:2px}.mp-search-mobile{display:none;width:min(520px,100%);margin-top:20px}.mp-header-links{display:flex;gap:10px;margin-left:auto;align-items:center}.mp-hero{max-width:880px;margin:0 auto;padding:64px 24px 24px;text-align:center}.mp-hero h1,.mp-browse-title{font-size:clamp(2rem,5vw,3.25rem);line-height:1.05;letter-spacing:-.04em;font-weight:650;margin:0}.mp-hero p{margin:12px 0 0;color:#5c5c5c;font-size:18px}.mp-types{display:flex;gap:8px;overflow-x:auto;padding:8px 24px 24px;max-width:1120px;margin:0 auto}.mp-types a,.mp-chips a{flex:none;border-radius:999px;padding:8px 14px;background:#fff;border:1px solid #d6dcec;color:#2e4898;text-decoration:none;font-size:14px;font-weight:600;min-height:44px;display:inline-flex;align-items:center}.mp-types a:hover,.mp-chips a:hover{border-color:#2e4898;background:#f7f9ff}.mp-rail,.mp-browse{max-width:1120px;margin:0 auto;padding:8px 24px 32px}.mp-rail-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.mp-rail-head h2{margin:0;font-size:22px;letter-spacing:-.03em}.mp-rail-head a{color:#2e4898;font-size:14px;font-weight:600;text-decoration:none}.mp-rail-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,220px);gap:18px;overflow-x:auto;padding-bottom:8px}.mp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.mp-card{color:inherit;text-decoration:none;display:block;min-width:0}.mp-card-cover{position:relative}.mp-card-label{position:absolute;z-index:1;top:10px;left:10px;background:#fff;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mp-card-type{margin:10px 0 0;font-size:12px;color:#6b6b6b}.mp-card-title{margin:4px 0 0;font-weight:650;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mp-card-price{margin:6px 0 0;font-weight:650}.mp-card-store{margin:2px 0 0;color:#6b6b6b;font-size:13px}.mp-card:hover .mp-card-cover{transform:translateY(-3px)}.mp-card-cover{transition:transform .18s ease}@media (prefers-reduced-motion: reduce){.mp-card-cover,.mp-card:hover .mp-card-cover{transition:none;transform:none}}.mp-filter-bar{display:flex;align-items:flex-end;gap:16px;margin:20px 0}.mp-filter-open{display:none}.mp-filters{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.mp-filters label{display:grid;gap:6px;font-size:12px;font-weight:600}.mp-filters select{font:inherit;min-height:44px;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:#fff;padding:0 10px}.mp-price{display:flex;gap:8px}.mp-price a{color:#2e4898;font-weight:600;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;background:#fff;border:1px solid #d6dcec}.mp-price a[aria-current=true]{background:#2e4898;color:#fff;border-color:#2e4898}.mp-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.mp-cat-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;margin-bottom:4px;scrollbar-width:none}.mp-cat-tabs::-webkit-scrollbar{display:none}.mp-cat-tab{flex:none;white-space:nowrap;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600;background:#fff;border:1px solid #d6dcec;color:#2e4898;cursor:pointer}.mp-cat-tab:hover{border-color:#2e4898;background:#f7f9ff}.mp-cat-tab[aria-selected=true]{background:#2e4898;color:#fff;border-color:#2e4898}.mp-cat-more{margin-top:12px}.mp-cat-more a{font-size:14px;font-weight:700;color:#2e4898;text-decoration:none}.mp-cat-more a:hover{text-decoration:underline}.mp-skills{max-width:1120px;margin:0 auto;padding:24px 24px 8px}.mp-skills-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.mp-skills-head h2{font-size:24px;font-weight:800;margin:0}.mp-skills-nav{display:flex;gap:8px;flex:none}.mp-skills-nav button{width:40px;height:40px;border-radius:999px;border:1px solid #d6dcec;background:#fff;color:#2e4898;font-size:20px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.mp-skills-nav button:hover{border-color:#2e4898;background:#f7f9ff}.mp-skills-track{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:max-content;gap:12px;overflow-x:auto;scroll-behavior:smooth;padding-bottom:8px;scrollbar-width:none}.mp-skills-track::-webkit-scrollbar{display:none}.mp-skill{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:10px;background:#f4f6fb;color:#1c2b4a;text-decoration:none;font-size:15px;font-weight:500;white-space:nowrap}.mp-skill:hover{background:#e8edf8;color:#2e4898}.mp-tags{display:flex;flex-wrap:wrap;gap:8px;flex-basis:100%}.mp-tag{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;background:#fff;border:1px solid #d6dcec;color:#2e4898;text-decoration:none;font-size:13px;font-weight:600}.mp-tag:hover{border-color:#2e4898;background:#f7f9ff}.mp-tag[aria-current=true]{background:#2e4898;color:#fff;border-color:#2e4898}.mp-empty{max-width:40rem;margin:0 auto;padding:48px 24px 72px;text-align:center}.mp-empty a,.mp-empty button{color:#2e4898;font:inherit;font-weight:600;background:none;border:none;text-decoration:underline;cursor:pointer;padding:0}.mp-pager{display:flex;gap:16px;align-items:center;padding:24px 0 48px}.mp-pager a{color:#2e4898;font-weight:600;text-decoration:none}.mp-skeleton{aspect-ratio:3 / 4;border-radius:16px;background:linear-gradient(180deg,#eceae6,#e3e1dc)}.mp-sheet{display:none}@media (min-width: 768px){.mp-logo img{width:8rem}}@media (max-width: 780px){.mp-header{gap:12px;padding:12px 16px}.mp-btn{padding:0 .75rem;font-size:.85rem}.mp-search-desktop{display:none}.mp-search-mobile{display:flex}.mp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-filter-open{display:inline-flex;min-height:44px;align-items:center;border-radius:10px;border:2px solid #d6dcec;background:#fff;color:#2e4898;font:inherit;font-weight:600;padding:0 16px}.mp-filter-bar .mp-filters{display:none}.mp-sheet{display:flex;flex-direction:column;gap:16px;position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;padding:20px 20px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;box-shadow:0 -12px 40px #0000001f}.mp-sheet .mp-filters{display:flex}}