:root{color-scheme:light;--bg: #f4f1ea;--surface: #fffdf8;--surface-muted: #ebe4d7;--text: #1f2933;--text-muted: #5f6b76;--accent: #0f766e;--accent-soft: #d1fae5;--border: #d8cfc0;--shadow: 0 10px 30px rgba(31, 41, 51, .08);--radius: 16px;font-family:IBM Plex Sans,system-ui,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:radial-gradient(circle at top left,#efe7d7 0%,var(--bg) 45%)}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.topbar{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf8e0;border-bottom:1px solid var(--border)}.topbar-inner,.page,.bottom-nav-inner{width:min(1200px,calc(100% - 32px));margin:0 auto}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0}.brand{display:flex;flex-direction:column;gap:2px}.brand strong{font-size:1.1rem}.brand span{color:var(--text-muted);font-size:.85rem}.nav-links{display:flex;gap:12px}.nav-links a{padding:8px 12px;border-radius:999px;color:var(--text-muted)}.nav-links a.active,.nav-links a:hover{background:var(--accent-soft);color:var(--accent)}.page{padding:24px 0 96px}.page-header{margin-bottom:20px}.page-header h1{margin:0 0 8px;font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.2}.page-lead{margin:0;color:var(--text-muted);max-width:760px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section-subtitle{margin:16px 0 8px;font-size:1rem;color:var(--text-muted)}.site-footer{width:min(1200px,calc(100% - 32px));margin:0 auto 96px;padding-top:8px;color:var(--text-muted);font-size:.92rem}.site-footer p{margin:0 0 8px}.brand a{color:inherit;text-decoration:none}.brand a:hover strong{color:var(--accent)}.faq-section dl{margin:0}.faq-section dt{font-weight:600;margin-top:12px}.faq-section dd{margin:4px 0 0;color:var(--text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.stat-card,.panel,.service-card,.detail-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card{padding:16px}.stat-card strong{display:block;font-size:1.4rem}.stat-card span{color:var(--text-muted);font-size:.9rem}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto auto;gap:12px;margin-bottom:20px}.filters input,.filters select,button.primary,button.secondary{border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:var(--surface)}button.primary{background:var(--accent);color:#fff;border-color:var(--accent);cursor:pointer}button.secondary{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.category-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tag-cloud-panel{margin-bottom:16px}.tag-cloud-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.tag-cloud-title{color:var(--text-muted);font-size:.9rem;white-space:nowrap}.tag-cloud-header-divider{flex:1;border:none;border-top:1px solid var(--border);margin:0}.tag-cloud-toggle{border:none;background:none;color:var(--accent);padding:0;cursor:pointer;font-size:.9rem;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.tag-cloud-toggle:hover{color:var(--text)}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-cloud.collapsed{overflow:hidden}.tag-chip{border:1px solid transparent;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:4px 10px;font-size:.82rem;cursor:pointer}.tag-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.catalog-divider{border:none;border-top:1px solid var(--border);margin:0 0 20px}.chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:8px 12px;cursor:pointer}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.service-card{overflow:hidden;transition:transform .15s ease,box-shadow .15s ease;display:flex;flex-direction:column}.service-card-top{color:inherit;text-decoration:none}.service-card-top:hover h3{color:var(--accent)}.service-card-footer{padding-top:0;flex:1}.service-card-footer .links-row{margin-top:8px}.service-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px #1f29331f}.service-card-image,.detail-image{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--surface-muted)}.service-card-body,.detail-card{padding:16px}.service-card h3,.detail-card h1{margin:0 0 8px}.meta-row,.links-row,.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.badge{border-radius:999px;padding:4px 10px;font-size:.82rem}.badge-category,.badge-tag{background:var(--accent-soft);color:var(--accent)}.badge-github{background:#dbeafe;color:#1d4ed8}.badge-stars{background:#fef3c7;color:#b45309}.external-link{color:#1d4ed8;text-decoration:underline;text-underline-offset:3px;font-size:.92rem;line-height:1.4}.external-link:hover{color:#1e3a8a}.external-link:visited{color:#6d28d9}.muted{color:var(--text-muted)}.empty-state,.error-state{padding:32px;text-align:center;color:var(--text-muted)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;border-top:1px solid var(--border);background:#fffdf8f5;display:none}.bottom-nav-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 0 14px}.bottom-nav a{text-align:center;padding:10px 8px;border-radius:12px;color:var(--text-muted)}.bottom-nav a.active{background:var(--accent-soft);color:var(--accent)}.panel{padding:20px;margin-bottom:16px}.import-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}@media (max-width: 900px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:1fr 1fr}.nav-links{display:none}.bottom-nav{display:block}}@media (max-width: 640px){.filters{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}}