:root{--bg:#0f0f14;--bg-card:#1a1a24;--text:#f5f5f7;--text-dim:#9a9aa8;--accent:#8b5cf6;--spec-cardio:#ef4444;--spec-neuro:#8b5cf6;--spec-endocrino:#f59e0b;--spec-gastro:#10b981;--spec-nephro:#3b82f6;--spec-derma:#ec4899;--spec-urgences:#f97316;--spec-infectio:#14b8a6;--spec-autre:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}.app{max-width:720px;min-height:100vh;margin:0 auto;padding:16px 16px 96px}.header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.title{font-size:1.6rem;font-weight:700}.subtitle{color:var(--text-dim);font-size:.9rem}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.cat-tile{background:var(--bg-card);cursor:pointer;border-left:4px solid var(--cat-color,var(--accent));border-radius:14px;padding:14px}.cat-name{font-size:.95rem;font-weight:600}.cat-count{color:var(--text-dim);margin-top:4px;font-size:.8rem}.back{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:1rem}.page-title{margin:8px 0 12px;font-size:1.5rem;font-weight:700}.section-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin:18px 0 8px;font-size:.8rem}.card{background:var(--bg-card);cursor:pointer;border-radius:14px;margin-bottom:10px;display:flex;overflow:hidden}.card-bar{flex-shrink:0;width:5px}.card-body{padding:14px}.card-title{font-weight:600}.card-sub{color:var(--text-dim);margin-top:3px;font-size:.85rem}.btn{background:var(--bg-card);color:var(--text);border:1px solid var(--accent);cursor:pointer;border-radius:10px;padding:8px 14px;font-size:.9rem}.search{background:var(--bg-card);border:1px solid var(--accent);width:100%;color:var(--text);border-radius:12px;margin-bottom:14px;padding:12px 14px;font-size:1rem}.empty{background:var(--bg-card);color:var(--text-dim);border-radius:12px;margin:12px 0;padding:16px}.fiche a{color:var(--accent)}.fiche h2{margin-top:24px;font-size:1.1rem}.setting-row{background:var(--bg-card);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 14px;display:flex}.tabbar{background:var(--bg-card);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #ffffff14;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 0 8px;font-size:.65rem;display:flex}.tab svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.tab.active{color:var(--accent)}