* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background: #0d1117; color: #c9d1d9; min-height: 100vh;
}
.container { max-width: 800px; margin: 0 auto; padding: 2rem 1rem; }
h1 { font-size: 1.75rem; margin-bottom: 0.5rem; color: #58a6ff; }
.subtitle { color: #8b949e; margin-bottom: 2rem; }
.app-grid { display: grid; gap: 1rem; }
.app-card {
  background: #161b22; border: 1px solid #30363d; border-radius: 8px;
  padding: 1.25rem; text-decoration: none; color: inherit;
  transition: border-color 0.2s;
}
.app-card:hover { border-color: #58a6ff; }
.app-name { font-size: 1.1rem; font-weight: 600; color: #f0f6fc; margin-bottom: 0.25rem; }
.app-desc { font-size: 0.875rem; color: #8b949e; }
.app-type {
  display: inline-block; font-size: 0.75rem; padding: 0.15rem 0.5rem;
  border-radius: 12px; margin-bottom: 0.5rem; background: #21262d; color: #8b949e;
}
.app-type.pwa { background: #1f6feb33; color: #58a6ff; }
.app-type.apk { background: #23863633; color: #3fb950; }
.app-type.guide { background: #8957e533; color: #bc8cff; }
.status { font-size: 0.75rem; color: #f0883e; }
.status.live { color: #3fb950; }