:root{--bg:#0f0f13;--surface:#1a1a24;--surface-hover:#22222f;--border:#2e2e3e;--text:#e8e8f0;--text-muted:#889;--accent:#7c6af7;--radius:12px;--gap:20px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:system-ui,-apple-system,sans-serif}.portal{max-width:1100px;margin:0 auto;padding:48px 24px}.portal-header{margin-bottom:40px}.portal-header h1{letter-spacing:-.02em;color:var(--text);font-size:1.8rem;font-weight:600}.tile-grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;flex-direction:column;gap:8px;padding:24px;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:flex}.tile:hover{background:var(--surface-hover);border-color:var(--accent);transform:translateY(-2px)}.tile-icon{font-size:2rem;line-height:1}.tile-name{font-size:1rem;font-weight:600}.tile-desc{color:var(--text-muted);font-size:.8rem;line-height:1.4}.empty-hint{color:var(--text-muted);grid-column:1/-1;font-size:.9rem}.empty-hint code{background:var(--surface);border-radius:4px;padding:2px 6px;font-family:monospace}