:root{--bg: #0f0f11;--surface: #19191d;--surface-2: #232329;--text: #f3f3f5;--muted: #9a9aa3;--border: #2c2c34;--accent: #f5c542;--radius: 16px;--v-zelfontplooiing: #7cc4a0;--v-intellectueel: #7aa7e8;--v-business: #c9a46a;--v-ontspannen: #a58fd6;--v-stimulerend: #f0735a;--v-sociaal: #f2a65a;--v-creatief: #e27bb1;--v-actief: #62c6d9}@media(prefers-color-scheme:light){:root{--bg: #f6f6f8;--surface: #ffffff;--surface-2: #eeeef2;--text: #141418;--muted: #65656f;--border: #e0e0e6;--accent: #c99a12}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;color:inherit}.app{max-width:1100px;margin:0 auto;padding:0 16px calc(32px + env(safe-area-inset-bottom))}.header{padding:calc(20px + env(safe-area-inset-top)) 0 8px}.header h1{margin:0;font-size:2rem;letter-spacing:-.02em}.sub{margin:2px 0 0;color:var(--muted)}.filters{position:sticky;top:0;z-index:5;background:var(--bg);padding:10px 0 12px;display:grid;gap:10px}.search{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1rem;outline:none}.search:focus{border-color:var(--accent)}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;padding:7px 13px;border-radius:999px;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-size:.9rem;white-space:nowrap;transition:background .15s,border-color .15s}.chip:hover{background:var(--surface-2)}.chip.on{background:var(--text);color:var(--bg);border-color:var(--text)}.chip.vibe.on{background:var(--vc);border-color:var(--vc);color:#111}.chip.reset{color:var(--muted);border-style:dashed}.vibe-zelfontplooiing{--vc: var(--v-zelfontplooiing)}.vibe-intellectueel{--vc: var(--v-intellectueel)}.vibe-business{--vc: var(--v-business)}.vibe-ontspannen{--vc: var(--v-ontspannen)}.vibe-stimulerend{--vc: var(--v-stimulerend)}.vibe-sociaal{--vc: var(--v-sociaal)}.vibe-creatief{--vc: var(--v-creatief)}.vibe-actief{--vc: var(--v-actief)}.status{color:var(--muted);text-align:center;padding:48px 0}.status.error{color:#f0735a}.notice{font-size:.85rem;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 14px;margin:4px 0 12px}.notice code{background:var(--surface-2);padding:1px 6px;border-radius:6px}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding-top:4px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .15s,border-color .15s}.card:hover,.card:focus-visible{transform:translateY(-2px);border-color:var(--muted);outline:none}.card-img{position:relative;aspect-ratio:16 / 9;background:var(--surface-2)}.card-img img,.img-fallback{width:100%;height:100%;object-fit:cover;display:block}.img-fallback{background:linear-gradient(135deg,var(--surface-2),var(--border))}.card-city{position:absolute;left:10px;bottom:10px;font-size:.75rem;font-weight:600;background:#0009;color:#fff;padding:4px 9px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card-body{padding:12px 14px 14px;display:grid;gap:6px}.card-meta{font-size:.8rem;color:var(--muted)}.card-title{margin:0;font-size:1.05rem;line-height:1.3}.card-summary{margin:0;color:var(--muted);font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.tag{font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--vc);color:#111}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:50}.sheet{position:relative;background:var(--surface);width:100%;max-width:640px;max-height:92vh;overflow-y:auto;border-radius:20px 20px 0 0;animation:up .22s ease-out}@media(min-width:700px){.overlay{align-items:center;padding:24px}.sheet{border-radius:20px}}@keyframes up{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.close{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;border:none;background:#0000008c;color:#fff;font-size:1.3rem;cursor:pointer;z-index:2}.sheet-img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.sheet-body{padding:18px 20px calc(24px + env(safe-area-inset-bottom));display:grid;gap:14px}.sheet-body h2{margin:0;font-size:1.5rem;line-height:1.25;letter-spacing:-.01em}.facts{display:grid;grid-template-columns:90px 1fr;gap:6px 12px;margin:0;font-size:.95rem}.facts dt{color:var(--muted)}.facts dd{margin:0}.description{margin:0;white-space:pre-line;color:var(--text)}.cta{display:block;text-align:center;background:var(--accent);color:#111;font-weight:600;text-decoration:none;padding:14px;border-radius:12px}.cta:hover{filter:brightness(1.05)}.update{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;background:var(--text);color:var(--bg);border-radius:14px;padding:12px 14px;display:flex;gap:12px;align-items:center;justify-content:space-between;box-shadow:0 8px 30px #00000059;animation:up .25s ease-out;max-width:560px;margin:0 auto}.update-sub{font-size:.85rem;opacity:.75}.update-actions{display:flex;gap:8px;flex-shrink:0}.btn{border:none;border-radius:10px;padding:9px 14px;font-weight:600;cursor:pointer;background:var(--accent);color:#111}.btn.ghost{background:transparent;color:inherit;opacity:.8}.version{text-align:center;color:var(--muted);font-size:.75rem;padding-top:24px}.app{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:space-around;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border:none;background:none;color:var(--muted);font-size:.72rem;cursor:pointer;border-radius:10px;position:relative}.tab.on{color:var(--text)}.tab-icon{font-size:1.25rem;line-height:1}.badge{position:absolute;top:2px;right:calc(50% - 22px);background:var(--accent);color:#111;font-size:.65rem;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:grid;place-items:center;padding:0 4px}.update{bottom:calc(80px + env(safe-area-inset-bottom))}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--accent);margin:8px 0 4px;font-weight:600}.hint{color:var(--muted);font-size:.9rem;margin:4px 0 10px}.muted{color:var(--muted)}.link{background:none;border:none;padding:0;color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-size:inherit}.section{margin:20px 0}.section h3{margin:0 0 4px;font-size:1.1rem}.more{text-align:center;margin:28px 0 8px}.mode{display:flex;gap:8px;margin:10px 0 4px}.reasons{margin:0;padding:0 0 0 16px;color:var(--text);font-size:.88rem;display:grid;gap:2px}.reasons li::marker{color:var(--accent)}.discuss{margin:0;padding:0;list-style:none;display:grid;gap:8px}.discuss li{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-size:.92rem}.discuss .link{color:var(--text);font-weight:600;text-decoration:none}.why-box{background:var(--surface-2);border-radius:12px;padding:10px 14px;font-size:.92rem}.why-box ul{margin:6px 0 0;padding-left:18px}.plan-actions{display:flex;flex-wrap:wrap;gap:8px}.plan-actions.secondary{gap:18px;font-size:.92rem;align-items:center}.welcome{padding:32px 0 16px;max-width:560px}.welcome h2{font-size:1.7rem;line-height:1.2;letter-spacing:-.02em;margin:6px 0 12px;background:linear-gradient(90deg,var(--text),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.welcome p{color:var(--muted)}.welcome-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 10px}.choices{display:flex;flex-wrap:wrap;gap:8px}.choice{padding:9px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;line-height:1.3;transition:background .15s,border-color .15s,transform .1s}.choice:hover{border-color:var(--muted)}.choice.on{background:var(--accent);border-color:var(--accent);color:#111}.choice.main{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent)}.sublabel{margin:16px 0 6px;font-weight:600;font-size:.95rem}.text{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;outline:none;resize:vertical}.text:focus{border-color:var(--accent)}.field{display:flex;align-items:center;gap:10px}.field input{width:120px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit}.field span{color:var(--muted);font-size:.9rem}.form{display:grid;gap:4px}.block{margin-bottom:14px}.night{min-height:100vh;background:radial-gradient(1px 1px at 12% 18%,#fff8 50%,transparent 51%),radial-gradient(1px 1px at 68% 8%,#fff6 50%,transparent 51%),radial-gradient(1.5px 1.5px at 85% 32%,#ffd97a99 50%,transparent 51%),radial-gradient(1px 1px at 32% 46%,#fff5 50%,transparent 51%),radial-gradient(1px 1px at 56% 70%,#fff6 50%,transparent 51%),radial-gradient(1.5px 1.5px at 20% 82%,#9ad1ff88 50%,transparent 51%),radial-gradient(1px 1px at 90% 88%,#fff5 50%,transparent 51%),linear-gradient(180deg,#0b0d1a,#141a33 55%,#1c1630);color:#f3f3f5;padding-bottom:24px}.night .text,.night .field input,.night .choice,.night .door{background:#ffffff10;border-color:#fff2;color:inherit}.night .choice.on{background:#f5c542;border-color:#f5c542;color:#111}.night .hint,.night .intro,.night .muted,.night .chapter{color:#b9bccf}.intake{max-width:640px;margin:0 auto;padding-top:calc(14px + env(safe-area-inset-top));animation:up .3s ease-out}.intake-top{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.chapter{text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.progress{height:4px;background:#ffffff18;border-radius:2px;margin:12px 0 22px;overflow:hidden}.progress div{height:100%;background:linear-gradient(90deg,#f5c542,#ff9f6e);border-radius:2px;transition:width .3s}.intake h2{font-size:1.6rem;line-height:1.2;letter-spacing:-.02em;margin:0 0 8px}.intro{margin:0 0 18px;line-height:1.5}.intake-body{display:grid;gap:10px}.intake-nav{display:flex;justify-content:space-between;gap:10px;margin-top:28px}.doors{display:grid;gap:10px}.door{border:1px solid var(--border);border-radius:14px;padding:12px 14px;transition:border-color .2s,background .2s}.door p{margin:0 0 10px;line-height:1.4}.door-actions{display:flex;gap:6px;flex-wrap:wrap}.door-actions button{padding:6px 11px;border-radius:999px;border:1px solid #ffffff2a;background:transparent;color:inherit;font-size:.85rem;cursor:pointer}.door-actions button.on{background:#f5c542;color:#111;border-color:#f5c542}.door-trekt{border-color:#f5c54288;background:#f5c54214!important}.door-misschien{border-color:#9ad1ff66}.door-niet{opacity:.55}.profile h2{margin:0 0 12px;font-size:1.5rem}.stars{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:baseline;padding:14px 0 18px}.star{color:var(--vc);font-weight:700;text-transform:capitalize}.card-flat{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin-bottom:12px}.card-flat h3{margin:0;font-size:1rem}.card-flat p{margin:8px 0 0;line-height:1.45}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.row-actions{display:flex;gap:14px;align-items:center;margin-top:8px;flex-wrap:wrap}.why{margin:10px 0 0;padding-left:18px;color:var(--muted);font-size:.9rem}.code-row{display:flex;gap:8px;align-items:center;margin-top:8px}.code-row .text{flex:1}.code{background:var(--surface-2);padding:8px 10px;border-radius:8px;font-size:.8rem;word-break:break-all;flex:1}.btn.danger{color:#f0735a}.btn:disabled{opacity:.4;cursor:default}.plan-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.plan-row{width:100%;text-align:left;display:grid;grid-template-columns:1fr;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 14px;cursor:pointer}.plan-date{font-size:.8rem;color:var(--muted)}.plan-title{font-weight:600}details.section summary{cursor:pointer;color:var(--muted)}