:root{--kar-roze: #ff4081;--kar-roze-donker: #e0306c;--kar-paars: #7c2bff;--kar-tekst: #ffffff;--kar-zacht: rgba(255, 255, 255, .68);--kar-vlak: rgba(18, 18, 24, .72);--kar-vlak-licht: rgba(255, 255, 255, .08);--kar-rand: rgba(255, 255, 255, .14);--kar-radius: 14px}.kar-root{min-height:100vh;min-height:100dvh;color:var(--kar-tekst);font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;position:relative;overflow-x:hidden}.kar-bg{position:fixed;inset:0;background:url(/img/bg.jpg) center / cover no-repeat;filter:brightness(.32) saturate(1.1);z-index:-2}.kar-gloed{position:fixed;inset:0;background:radial-gradient(60% 40% at 15% 0%,rgba(255,64,129,.35),transparent 70%),radial-gradient(60% 40% at 85% 100%,rgba(124,43,255,.35),transparent 70%);z-index:-1;pointer-events:none}.kar-app{max-width:560px;margin:0 auto;padding:20px 16px 48px}.kar-titel{text-align:center;font-size:1.9rem;line-height:1.15;margin:8px 0 4px;text-shadow:0 2px 18px rgba(0,0,0,.6)}.kar-sub{text-align:center;color:var(--kar-zacht);margin:0 0 20px;font-size:.95rem}.kar-kaart{background:var(--kar-vlak);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--kar-rand);border-radius:18px;padding:18px 16px;margin-bottom:18px;box-shadow:0 10px 30px #00000059}.kar-stap{margin-bottom:20px}.kar-stap-titel{display:flex;align-items:center;gap:8px;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--kar-zacht);margin:0 0 10px}.kar-stap-nr{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--kar-roze);color:#fff;font-weight:700;font-size:.8rem}.kar-veld,.kar-select{width:100%;padding:15px 14px;font-size:1rem;border-radius:var(--kar-radius);border:1px solid var(--kar-rand);background:#00000073;color:#fff;-webkit-appearance:none;appearance:none}.kar-select{background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%);background-position:calc(100% - 20px) calc(50% + 2px),calc(100% - 14px) calc(50% + 2px);background-size:6px 6px;background-repeat:no-repeat;padding-right:40px}.kar-veld:focus,.kar-select:focus{outline:2px solid var(--kar-roze);outline-offset:1px}.kar-keuze{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kar-keuze-knop{padding:16px 10px;font-size:1rem;font-weight:600;color:#fff;background:var(--kar-vlak-licht);border:1px solid var(--kar-rand);border-radius:var(--kar-radius);cursor:pointer;transition:all .15s ease}.kar-keuze-knop[aria-pressed=true]{background:linear-gradient(135deg,var(--kar-roze),var(--kar-paars));border-color:transparent;box-shadow:0 6px 18px #ff408159}.kar-knop{width:100%;padding:17px 16px;font-size:1.05rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--kar-roze),var(--kar-paars));border:none;border-radius:var(--kar-radius);cursor:pointer}.kar-knop:disabled{opacity:.6;cursor:not-allowed}.kar-knop-klein{padding:9px 12px;font-size:.85rem;border-radius:10px;border:1px solid var(--kar-rand);background:var(--kar-vlak-licht);color:#fff;cursor:pointer}.kar-label{display:block;font-size:.9rem;margin:0 0 6px;color:var(--kar-zacht)}.kar-fout{color:#ffb4c6;font-size:.88rem;margin:6px 0 0}.kar-melding{background:#ff408129;border:1px solid rgba(255,64,129,.5);border-radius:var(--kar-radius);padding:12px 14px;margin-bottom:14px;font-size:.92rem}.kar-zoek{position:relative}.kar-resultaten{list-style:none;margin:8px 0 0;padding:0;max-height:260px;overflow-y:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--kar-rand);border-radius:var(--kar-radius);background:#0a0a0ef5}.kar-resultaat{display:flex;align-items:center;gap:10px;width:100%;padding:12px;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;text-align:left;cursor:pointer;min-height:56px}.kar-resultaat img{width:40px;height:40px;border-radius:6px;flex-shrink:0;object-fit:cover}.kar-resultaat-tekst strong{display:block;font-size:.95rem}.kar-resultaat-tekst span{font-size:.82rem;color:var(--kar-zacht)}.kar-gekozen{display:flex;align-items:center;gap:10px;padding:12px;border-radius:var(--kar-radius);background:#ffffff1a;border:1px solid var(--kar-roze)}.kar-gekozen img{width:44px;height:44px;border-radius:6px}.kar-gekozen div{flex:1;min-width:0}.kar-gekozen strong,.kar-gekozen span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kar-gekozen span{font-size:.85rem;color:var(--kar-zacht)}.kar-tabel{width:100%;border-collapse:collapse;font-size:.92rem}.kar-tabel th{text-align:left;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--kar-zacht);padding:8px 6px}.kar-tabel td{padding:10px 6px;border-top:1px solid rgba(255,255,255,.09);vertical-align:top}.kar-tabel .kar-tijd{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--kar-zacht)}.kar-vrij{color:#fff6;font-style:italic}.kar-pauze td{text-align:center;font-style:italic;background:#ffffff0f;color:var(--kar-zacht)}.kar-nu td{background:#ff408133}.kar-artiest{display:block;font-size:.8rem;color:var(--kar-zacht)}.kar-note{text-align:center;color:var(--kar-zacht);font-size:.85rem;margin-top:18px}.kar-link{color:var(--kar-roze)}.kar-bevestiging h2{margin-top:0}.kar-rij{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.95rem}.kar-rij span:first-child{color:var(--kar-zacht)}.kar-rij span:last-child{text-align:right;font-weight:600}.kar-beheer-item{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:12px 0;border-top:1px solid rgba(255,255,255,.1)}.kar-pres{min-height:100vh;min-height:100dvh;padding:24px;color:#fff}.kar-pres-grid{display:grid;gap:24px;grid-template-columns:1fr;max-width:1400px;margin:0 auto}.kar-pres h1{text-align:center;font-size:clamp(2rem,5vw,3.4rem);margin:0 0 18px}.kar-nu-kaart{background:linear-gradient(135deg,#ff408159,#7c2bff59);border:1px solid var(--kar-rand);border-radius:20px;padding:22px;margin-bottom:16px}.kar-nu-kaart .kar-kop{text-transform:uppercase;letter-spacing:.14em;font-size:.85rem;color:var(--kar-zacht)}.kar-nu-kaart .kar-naam{font-size:clamp(1.6rem,3.6vw,2.6rem);font-weight:800;margin:6px 0 2px}.kar-nu-kaart .kar-song{font-size:clamp(1.1rem,2.4vw,1.6rem);color:#ffffffe6}.kar-qr{width:160px;border-radius:12px;background:#fff;padding:8px}.kar-popup{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:linear-gradient(135deg,var(--kar-roze),var(--kar-paars));padding:16px 24px;border-radius:16px;font-size:1.2rem;box-shadow:0 12px 40px #00000080;opacity:0;transition:opacity .4s ease;pointer-events:none;text-align:center;max-width:90vw}.kar-popup.kar-zichtbaar{opacity:1}@media(min-width:900px){.kar-pres-grid{grid-template-columns:1.1fr 1fr;align-items:start}}