:root{--bg: #fafaf7;--bg-card: #fff;--text: #1a1a1a;--text-muted: #6b6b6b;--accent: #4a90e2;--border: #e5e5e0;--radius: 8px}@media(prefers-color-scheme:dark){:root{--bg: #1a1a1a;--bg-card: #242424;--text: #e5e5e5;--text-muted: #999;--border: #333}}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.6;background:var(--bg);color:var(--text);min-height:100vh}.app-grid{display:grid;gap:16px;padding:24px 16px;max-width:720px;margin:0 auto;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.app-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;color:var(--text);text-decoration:none;transition:transform .15s,box-shadow .15s}.app-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.app-card .icon{font-size:48px;margin-bottom:12px}.app-card .name{font-weight:600;font-size:16px}.app-card .desc{font-size:13px;color:var(--text-muted);margin-top:4px}.app-card.disabled{opacity:.5;pointer-events:none}header{text-align:center;padding:32px 16px 16px}header h1{margin:0 0 8px;font-size:24px}header p{margin:0;color:var(--text-muted);font-size:14px}.empty{text-align:center;padding:48px 16px;color:var(--text-muted)}.spinner{display:inline-block;width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}