:root{--fond: #0f172a;--carte: #1e293b;--bordure: #334155;--texte: #f1f5f9;--texte-doux: #94a3b8;--accent: #22c55e;--accent-fonce: #16a34a;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--texte);background:var(--fond);-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}body{margin:0;min-height:100dvh}.accueil{min-height:100dvh;max-width:420px;margin:0 auto;padding:max(2rem,env(safe-area-inset-top)) 1.5rem max(1.5rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center;gap:2rem}.titre{text-align:center}.logo{border-radius:18px}h1{margin:.5rem 0 .25rem;font-size:2.4rem;letter-spacing:.02em}.sous-titre{margin:0;color:var(--texte-doux)}.boutons{display:flex;flex-direction:column;gap:.9rem}.btn{width:100%;padding:1rem;border-radius:14px;border:none;font-size:1.1rem;font-weight:600;font-family:inherit;cursor:pointer}.btn:active{transform:scale(.98)}.btn-principal{background:var(--accent);color:#052e16}.btn-principal:active{background:var(--accent-fonce)}.btn-secondaire{background:var(--carte);color:var(--texte);border:1px solid var(--bordure)}.btn-lien{background:transparent;color:var(--texte-doux);font-weight:500}.btn-installer{background:transparent;color:var(--accent);border:1px dashed var(--accent);font-size:1rem}.message{min-height:1.5em;margin:0;text-align:center;color:var(--accent)}.pied{text-align:center;font-size:.8rem;color:#475569}.fond-guide{position:fixed;inset:0;background:#020617bf;display:flex;align-items:flex-end;justify-content:center;padding:1rem;z-index:10}.guide{width:100%;max-width:420px;background:var(--carte);border:1px solid var(--bordure);border-radius:20px;padding:1.5rem 1.25rem max(1.25rem,env(safe-area-inset-bottom))}.guide h2{margin:0 0 1rem;font-size:1.3rem;text-align:center}.guide ol{list-style:none;margin:0 0 1.25rem;padding:0;display:flex;flex-direction:column;gap:.9rem}.guide li{display:flex;align-items:center;gap:.9rem;line-height:1.4}.icone-etape{flex:none;width:44px;height:44px;border-radius:12px;background:var(--fond);color:#60a5fa;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700}
