*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f8f9fa;--card-bg: #ffffff;--text: #1a1a2e;--text-muted: #6b7280;--border: #e5e7eb;--shadow: 0 1px 3px rgba(0, 0, 0, .08);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .12);--radius: 8px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh}.top-bar{background:var(--card-bg);border-bottom:1px solid var(--border);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.top-bar__title{font-size:1.25rem;font-weight:700;color:var(--text)}.top-bar__link{font-size:.875rem;color:var(--text-muted);text-decoration:none}.top-bar__link:hover{color:var(--text);text-decoration:underline}.stats-bar{padding:12px 24px;display:flex;gap:16px;flex-wrap:wrap;font-size:.875rem;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--card-bg)}.stats-bar__item{display:flex;align-items:center;gap:6px}.stats-bar__dot{width:8px;height:8px;border-radius:50%;display:inline-block}.filters{padding:16px 24px;display:flex;flex-wrap:wrap;gap:8px}.filters__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);display:flex;align-items:center;margin-right:4px}.filter-pill{border:1px solid var(--border);background:var(--card-bg);color:var(--text);padding:6px 14px;border-radius:20px;font-size:.8125rem;font-family:var(--font);cursor:pointer;transition:all .15s ease}.filter-pill:hover{border-color:var(--text-muted)}.filter-pill[aria-pressed=true]{color:#fff;border-color:transparent}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:24px}.project-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.project-card__thumbnail{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block;background:linear-gradient(135deg,#e0e7ff,#f0e6ff)}.project-card__placeholder{width:100%;aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;font-weight:700}.project-card__body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.project-card__name{font-size:1rem;font-weight:600;line-height:1.3}.project-card__badges{display:flex;gap:6px;flex-wrap:wrap}.badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.6875rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.03em}.project-card__description{font-size:.8125rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card__meta{font-size:.75rem;color:var(--text-muted);display:flex;flex-direction:column;gap:4px}.project-card__meta-item{display:flex;align-items:center;gap:6px}.project-card__branch{font-family:SF Mono,Fira Code,monospace;font-size:.6875rem;background:#f3f4f6;padding:2px 8px;border-radius:4px}.project-card__deps{font-size:.75rem;color:var(--text-muted);cursor:pointer;border:none;background:none;font-family:var(--font);text-align:left;padding:0}.project-card__deps:hover{color:var(--text)}.project-card__deps-expanded{font-size:.75rem;color:var(--text-muted);padding-left:12px;border-left:2px solid var(--border);margin-top:4px}.project-card__actions{display:flex;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:.8125rem;font-weight:600;font-family:var(--font);cursor:pointer;border:1px solid var(--border);background:var(--card-bg);color:var(--text);transition:all .15s ease;text-decoration:none}.btn:hover{background:var(--bg)}.btn--primary{background:var(--text);color:#fff;border-color:var(--text)}.btn--primary:hover{background:#2d2d4a;color:#fff}.btn--icon{padding:8px}.qr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.qr-modal{background:var(--card-bg);border-radius:var(--radius);padding:32px;max-width:400px;width:90%;text-align:center;position:relative}.qr-modal__title{font-size:1.125rem;font-weight:600;margin-bottom:16px}.qr-modal__image{width:280px;height:280px;object-fit:contain;margin:0 auto;display:block}.qr-modal__close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:none;background:var(--bg);cursor:pointer;font-size:1.125rem;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.qr-modal__close:hover{background:var(--border);color:var(--text)}.empty-state{text-align:center;padding:64px 24px;color:var(--text-muted)}.empty-state__text{font-size:1rem;margin-bottom:16px}main{max-width:1280px;margin:0 auto}