*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--mn-page);color:var(--mn-text);font-family:var(--mn-font);font-size:var(--mn-text-base);-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--mn-primary);outline-offset:2px}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:14px;height:var(--topbar-h);padding:0 24px;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--mn-line)}.logo img{display:block;width:99px;height:auto}.topbar-divider{width:1px;height:22px;background:var(--mn-line-strong)}.brand{display:flex;flex-direction:column;min-width:0}.eyebrow{color:var(--mn-text-muted);font-size:var(--mn-text-2xs);font-weight:600;letter-spacing:.12em}.brand h1{margin:0;font-size:var(--mn-text-md);font-weight:700}.topbar-actions{margin-left:auto;display:flex;gap:8px}.btn{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border:1px solid var(--mn-line);border-radius:var(--mn-radius-md);background:var(--mn-control);color:var(--mn-text);font-size:var(--mn-text-sm);font-weight:600;transition:background var(--mn-fast) ease,border-color var(--mn-fast) ease}.btn:hover{background:var(--mn-control-hover);border-color:var(--mn-line-strong)}.btn svg{width:15px;height:15px;color:var(--mn-text-secondary)}.status-count{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:999px;background:var(--mn-primary-soft);color:var(--mn-primary-deep);font-size:var(--mn-text-xs)}.status-count:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mn-primary);animation:status-blink 1.4s ease-in-out infinite}@keyframes status-blink{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.status-count:before{animation:none}}.page{max-width:1200px;margin:0 auto;padding:28px 24px 48px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.page-head h2{display:flex;align-items:center;gap:10px;margin:0;font-size:var(--mn-text-xl);font-weight:700;letter-spacing:-.01em}.page-desc{margin:6px 0 0;color:var(--mn-text-muted);font-size:var(--mn-text-sm)}.count-pill{padding:2px 10px;border-radius:999px;background:var(--mn-control);color:var(--mn-text-muted);font-size:var(--mn-text-sm);font-weight:600;letter-spacing:0;white-space:nowrap}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px}.search{position:relative;flex:1 1 260px;max-width:360px}.search svg{position:absolute;left:11px;top:50%;width:15px;height:15px;transform:translateY(-50%);color:var(--mn-text-muted);pointer-events:none}.search input{width:100%;height:34px;padding:0 12px 0 33px;border:1px solid var(--mn-line);border-radius:var(--mn-radius-md);background:var(--mn-shell);font-size:var(--mn-text-sm);transition:border-color var(--mn-fast) ease,box-shadow var(--mn-fast) ease}.search input::placeholder{color:var(--mn-placeholder)}.search input:focus{outline:none;border-color:var(--mn-primary);box-shadow:var(--mn-focus-ring)}.filter{display:flex;gap:2px;padding:3px;border-radius:var(--mn-radius-lg);background:var(--mn-control)}.filter button{min-height:28px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--mn-text-secondary);font-size:var(--mn-text-sm);font-weight:600;transition:background var(--mn-fast) ease,color var(--mn-fast) ease,box-shadow var(--mn-fast) ease}.filter button:hover{color:var(--mn-text)}.filter button[aria-pressed=true]{background:var(--mn-shell);color:var(--mn-primary-deep);box-shadow:0 1px 2px #17211f14,inset 0 0 0 1px var(--mn-primary-border)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:0;padding:0;list-style:none}.project-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--mn-line);border-radius:var(--mn-radius-xl);background:var(--mn-panel-raised);box-shadow:var(--mn-shadow-card);transition:transform var(--mn-base) var(--mn-ease),box-shadow var(--mn-base) var(--mn-ease),border-color var(--mn-base) var(--mn-ease)}.project-card:not(.is-error):not(.skeleton):hover{transform:translateY(-2px);border-color:var(--mn-primary-border);box-shadow:var(--mn-shadow-menu)}.project-card:focus-within{border-color:var(--mn-primary-border);box-shadow:var(--mn-focus-ring),var(--mn-shadow-card)}.thumb{aspect-ratio:16 / 9;background-color:var(--mn-panel-muted);background-size:cover;background-position:center;border-bottom:1px solid var(--mn-line)}.thumb.placeholder{display:flex;align-items:center;justify-content:center;color:var(--mn-primary);background-image:radial-gradient(circle at 1px 1px,rgba(13,148,136,.16) 1px,transparent 0),linear-gradient(135deg,#f8f7f5,#efeeeb);background-size:14px 14px,cover}.thumb.placeholder svg{width:44px;height:44px;padding:10px;border-radius:var(--mn-radius-lg);background:var(--mn-shell);box-shadow:var(--mn-shadow-card);stroke-width:1.5}.card-body{display:flex;flex:1;flex-direction:column;gap:4px;padding:14px 16px 16px}.card-title{display:flex;align-items:center;gap:8px}.card-title h3{flex:1;min-width:0;margin:0;font-size:var(--mn-text-md);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-link:after{content:"";position:absolute;inset:0;z-index:1}.card-link:focus-visible{outline:none}.chevron{flex:0 0 auto;width:16px;height:16px;color:var(--mn-text-subtle);transition:transform var(--mn-fast) ease,color var(--mn-fast) ease}.project-card:hover .chevron{color:var(--mn-primary-strong);transform:translate(2px)}.card-sub{margin:0;color:var(--mn-text-muted);font-size:var(--mn-text-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-sub .mono,.card-sub .rev-count{color:var(--mn-text-secondary);font-weight:600}.card-sub .dot{margin:0 6px}.chips{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:10px}.chip{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:0 9px;border:1px solid var(--mn-line);border-radius:999px;background:var(--mn-shell);color:var(--mn-text-muted);font-size:var(--mn-text-xs);font-weight:600;transition:background var(--mn-fast) ease,border-color var(--mn-fast) ease,color var(--mn-fast) ease}.chip svg{width:13px;height:13px}.chip:hover{border-color:var(--mn-primary-border);background:var(--mn-primary-soft);color:var(--mn-primary-deep)}.error-text{color:var(--mn-danger)}.project-card.is-error{opacity:.8}.empty-state{grid-column:1 / -1;padding:48px 16px;border:1px dashed var(--mn-line-strong);border-radius:var(--mn-radius-xl);color:var(--mn-text-muted);font-size:var(--mn-text-sm);text-align:center}.project-card.skeleton{height:260px;background:linear-gradient(100deg,var(--mn-panel-raised) 30%,var(--mn-panel-muted) 50%,var(--mn-panel-raised) 70%);background-size:300% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media(max-width:640px){.topbar{gap:10px;padding:0 16px}.topbar-divider,.eyebrow,.label-long{display:none}.page{padding:20px 16px 36px}.page-head h2{font-size:20px}.search{max-width:none;flex-basis:100%}.project-grid{grid-template-columns:1fr}}
