/* Download the app (src/install.js). Alleen variabelen uit app.css, met merkwaarden als terugval. */
#inst{background:var(--bg,#fff);color:var(--text,#141012)}
.dl-wrap{position:relative;max-width:520px;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom))}
.dl-x{position:absolute;top:12px;right:12px;width:48px;height:48px;display:grid;place-items:center;border:2px solid var(--ink,#141012);border-radius:10px;background:var(--surface,#fff);color:var(--ink,#141012);cursor:pointer}
.dl-head{display:flex;align-items:center;gap:16px;margin:48px 0 20px}
.dl-icon{flex:none;width:84px;height:84px;border-radius:20px;border:2px solid var(--ink,#141012);box-shadow:4px 4px 0 var(--ink,#141012)}
.dl-head h2{margin:0;font-size:1.7rem;line-height:1.1}
.dl-head p{margin:4px 0 0;color:var(--muted,#5b5256)}
.dl-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.dl-tile{min-height:72px;padding:12px;border:2px solid var(--ink,#141012);border-radius:10px;background:var(--surface,#fff);color:var(--ink,#141012);box-shadow:4px 4px 0 var(--ink,#141012);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}
.dl-tile b{font-size:1.15rem}
.dl-tile small{display:flex;align-items:center;gap:4px;font-size:.8rem;font-weight:700}
.dl-tile[aria-pressed="true"]{background:var(--accent,#8E1230);color:var(--accent-ink,#fff)}
.dl-tile:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink,#141012)}
.dl-steps{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:12px}
.dl-step{display:flex;align-items:center;gap:14px;padding:14px;border:2px solid var(--ink,#141012);border-radius:10px;background:var(--surface,#fff)}
.dl-num{flex:none;width:36px;height:36px;border-radius:50%;background:var(--accent,#8E1230);color:var(--accent-ink,#fff);display:grid;place-items:center;font-weight:800}
.dl-ic{flex:none;display:grid;place-items:center;min-width:40px}
.dl-step b{display:block;line-height:1.25}
.dl-step small{display:block;color:var(--muted,#5b5256);font-size:.88rem;line-height:1.35;margin-top:2px}
.dl-pill{padding:6px 12px;border:2px solid var(--ink,#141012);border-radius:99px;font-weight:800;font-size:.9rem}
.dl-note{margin:10px 2px;color:var(--muted,#5b5256);font-size:.9rem;line-height:1.4}
.dl-btn{display:block;width:100%;min-height:48px;padding:12px 16px;border:2px solid var(--ink,#141012);border-radius:10px;background:var(--surface,#fff);color:var(--ink,#141012);font-weight:700;font-size:1rem;box-shadow:4px 4px 0 var(--ink,#141012);cursor:pointer}
.dl-btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink,#141012)}
.dl-primary{background:var(--accent,#8E1230);color:var(--accent-ink,#fff)}
.dl-big{min-height:64px;font-size:1.2rem}
.dl-close2{margin-top:22px}
.dl-notice,.dl-done{padding:14px;border:2px solid var(--ink,#141012);border-radius:10px;background:var(--surface-2,#fff);margin:0 0 16px;line-height:1.4}
.dl-notice p,.dl-done p{margin:6px 0 12px}
.dl-done p{margin-bottom:0}
.dl-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:90;padding:12px 18px;border-radius:10px;background:var(--toast-bg,#141012);color:var(--toast-ink,#fff);max-width:90vw}