*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1115;--card:#1a1d24;--card-2:#22262f;--text:#e8eaed;--muted:#9aa0a8;--accent:#f5b400;--accent-text:#1a1d24;--ok:#34c77b;--warn:#ffb020;--err:#ff5d5d;--radius:14px}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100dvh;display:flex;flex-direction:column}main{flex:1 1;width:100%;max-width:640px;margin:0 auto;padding:24px 16px}.site-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #2a2e37}.site-header .logo{font-weight:700;font-size:1.2rem;color:var(--text);text-decoration:none}.site-header nav a{color:var(--muted);text-decoration:none;font-size:.95rem}.site-header nav a:hover{color:var(--text)}.site-footer{text-align:center;color:var(--muted);font-size:.8rem;padding:18px}h1{font-size:1.5rem;margin-bottom:6px}.sub{color:var(--muted);margin-bottom:20px}.card{background:var(--card);border-radius:var(--radius);padding:20px;margin-bottom:16px}.dropzone{border:2px dashed #3a4050;border-radius:var(--radius);padding:36px 16px;text-align:center;cursor:pointer;color:var(--muted);transition:border-color .15s,background .15s}.dropzone.drag,.dropzone:hover{border-color:var(--accent);background:var(--card-2)}.dropzone img.preview{max-width:100%;max-height:240px;border-radius:8px}.opties{flex-direction:column;margin:18px 0}.optie,.opties{display:flex;gap:10px}.optie{align-items:center;background:var(--card-2);border-radius:10px;padding:12px 14px;cursor:pointer}.optie input[type=radio]{accent-color:var(--accent)}.optie select{margin-left:auto;background:var(--card);color:var(--text);border:1px solid #3a4050;border-radius:8px;padding:4px 8px}.optie input[type=checkbox]{accent-color:var(--accent)}.optie-kop{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.optie.sub{margin-left:24px;font-size:.9rem}.btn{display:inline-block;width:100%;background:var(--accent);color:var(--accent-text);border:none;border-radius:10px;padding:14px;font-size:1rem;font-weight:700;cursor:pointer;text-align:center;text-decoration:none}.btn:disabled{opacity:.5;cursor:default}.btn.secondary{background:var(--card-2);color:var(--text)}.btn.small{width:auto;padding:8px 14px;font-size:.85rem}.linkbox{display:flex;gap:8px;margin:12px 0}.linkbox input{flex:1 1;min-width:0;width:100%;background:var(--card-2);border:1px solid #3a4050;border-radius:10px;color:var(--text);padding:12px;font-size:16px}.linkbox button{flex-shrink:0}.melding{border-radius:10px;padding:12px 14px;margin:12px 0;font-size:.92rem}.melding.warn{background:rgba(255,176,32,.12);color:var(--warn)}.melding.err{background:rgba(255,93,93,.12);color:var(--err)}.melding.ok{background:rgba(52,199,123,.12);color:var(--ok)}.tellertje{color:var(--muted);font-size:.85rem;text-align:center;margin-top:10px}.rij-tussen{justify-content:space-between;gap:10px;flex-wrap:wrap}.rij-tussen,.upload-row{display:flex;align-items:center}.upload-row{gap:14px;background:var(--card);border-radius:var(--radius);padding:12px;margin-bottom:10px}.upload-row img{width:56px;height:56px;object-fit:cover;border-radius:8px;background:var(--card-2)}.upload-row .info{flex:1 1;min-width:0}.upload-row .naam{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-row .details{color:var(--muted);font-size:.78rem;margin-top:2px}.chip{display:inline-block;border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:600}.chip.actief{background:rgba(52,199,123,.15);color:var(--ok)}.chip.bekeken{background:rgba(154,160,168,.15);color:var(--muted)}.chip.ingetrokken,.chip.verlopen,.chip.verwijderd{background:rgba(255,93,93,.15);color:var(--err)}.acties{display:flex;gap:6px}@media (max-width:600px){.upload-row{flex-wrap:wrap}.upload-row .info{flex:1 1;min-width:0}.upload-row .acties{width:100%;justify-content:flex-end}}.viewer{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--card);min-height:320px;display:flex;align-items:center;justify-content:center;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none}.viewer img{max-width:100%;max-height:70dvh;display:block;pointer-events:none}.viewer .sluier{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(15,17,21,.6);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);color:var(--text);font-weight:600;text-align:center;padding:20px}.viewer .sluier .hint{color:var(--muted);font-weight:400;font-size:.85rem}.countdown{font-size:1.4rem;font-weight:700;color:var(--accent);margin-top:14px}.center,.countdown{text-align:center}.groot-icoon{font-size:3rem;margin-bottom:10px}.overlay{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;padding:16px}.modal-kader{background:var(--card);border:1px solid #2a2e37;border-radius:var(--radius);padding:26px 22px;width:min(440px,100%);display:flex;flex-direction:column;gap:12px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.5)}.modal-kader h2{font-size:1.25rem}.modal-uitleg{color:var(--muted);font-size:.95rem;line-height:1.5}.spinner{width:42px;height:42px;margin:8px auto;border:4px solid var(--card-2);border-top-color:var(--accent);border-radius:50%;animation:draai .8s linear infinite}@keyframes draai{to{transform:rotate(1turn)}}