.fb,.fbf{--fb-idee:var(--violet);--fb-bug:var(--pink);--fb-tip:var(--amber);--fb-compliment:var(--teal);--fb-vraag:var(--orange)}.fb{--fb-max:1080px;background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--sans);flex-direction:column;display:flex;position:relative;overflow-x:clip}.fb-in{z-index:1;width:100%;max-width:calc(var(--fb-max) + 48px);box-sizing:border-box;margin:0 auto;padding-left:24px;padding-right:24px;position:relative}@media (width<=560px){.fb-in{padding-left:16px;padding-right:16px}}.fb a:focus-visible{outline:2px solid var(--pink);outline-offset:3px;border-radius:8px}.fb .btn:focus-visible{border-radius:999px}.fb-skip{z-index:40;background:var(--pink);color:var(--on-pink);border-radius:999px;padding:10px 16px;font-weight:700;position:absolute;top:-60px;left:16px}.fb-skip:focus{color:var(--on-pink);top:12px}.fb-glows{pointer-events:none;z-index:0;height:900px;position:absolute;inset:0 0 auto;overflow:hidden}.fb-glow{filter:blur(40px);opacity:.5;border-radius:50%;width:640px;height:640px;position:absolute}.fb-glow.is-pink{background:radial-gradient(circle, color-mix(in srgb, var(--pink) 32%, transparent), transparent 70%);top:-260px;left:-180px}.fb-glow.is-violet{background:radial-gradient(circle, color-mix(in srgb, var(--violet) 30%, transparent), transparent 70%);top:-120px;right:-240px}.fb-bar{z-index:2;padding-top:var(--safe-t);border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);position:relative}.fb-bar-in{justify-content:space-between;align-items:center;gap:12px;min-height:64px;display:flex}.fb-brand{color:var(--text);align-items:center;gap:10px;min-width:0;text-decoration:none;display:inline-flex}.fb-brand-sub{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-left:1px solid var(--border);padding-left:10px;font-size:11px;font-weight:700}.fb-bar-end{flex-shrink:0;align-items:center;gap:12px;display:flex}.fb-lang{color:var(--body);font-size:14px;font-weight:600;text-decoration:none}.fb-lang:hover{color:var(--text)}@media (width<=520px){.fb-bar-site{display:none}}@media (width<=360px){.fb-brand-sub{display:none}}.fb-main{flex:1;animation:.3s ease-out both fb-up}@keyframes fb-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fb-hero{flex-direction:column;align-items:flex-start;gap:18px;padding-top:clamp(48px,10vw,112px);padding-bottom:clamp(32px,6vw,64px);display:flex}.fb-kicker{text-transform:uppercase;letter-spacing:.1em;color:var(--pink-t);font-size:11px;font-weight:700}.fb-h1{font-family:var(--display);text-transform:uppercase;letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;font-size:clamp(44px,11vw,112px);font-weight:900;line-height:.95}.fb-lead{max-width:640px;color:var(--body);margin:0;font-size:clamp(16px,2.2vw,19px);line-height:1.5}.fb-hero-cta{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.fb-note{max-width:560px;color:var(--muted);margin:0;font-size:13px;line-height:1.5}.fb-section{padding-top:clamp(28px,5vw,48px);padding-bottom:clamp(12px,3vw,24px)}.fb-h2{font-family:var(--display);text-transform:uppercase;letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(20px,3.4vw,28px);font-weight:700;line-height:1}.fb-types{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.fb-type{--c:var(--fb-idee);box-sizing:border-box;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);height:100%;color:var(--text);border-radius:20px;flex-direction:column;gap:6px;padding:18px;text-decoration:none;transition:border-color .16s ease-out,transform .16s ease-out;display:flex}.fb-type:hover{border-color:color-mix(in srgb, var(--c) 60%, var(--border));transform:translateY(-2px)}.fb-type.is-bug,.fbf-type.is-bug,.fb-chip.is-bug{--c:var(--fb-bug)}.fb-type.is-tip,.fbf-type.is-tip,.fb-chip.is-tip{--c:var(--fb-tip)}.fb-type.is-compliment,.fbf-type.is-compliment,.fb-chip.is-compliment{--c:var(--fb-compliment)}.fb-type.is-vraag,.fbf-type.is-vraag,.fb-chip.is-vraag{--c:var(--fb-vraag)}.fb-type-dot,.fbf-type-dot{background:var(--c);width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb, var(--c) 22%, transparent);border-radius:50%}.fb-type-head{align-items:center;gap:10px;display:flex}.fb-type-head .fb-type-dot{flex-shrink:0;margin-top:-1px}.fb-type-name{font-family:var(--display);text-transform:uppercase;letter-spacing:-.02em;font-size:17px;font-weight:700;line-height:1}.fb-type-desc{color:var(--body);font-size:14px;line-height:1.45}.fb-steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.fb-step{background:color-mix(in srgb, var(--surface2) 60%, transparent);color:var(--body);border-radius:18px;align-items:flex-start;gap:12px;padding:16px;font-size:15px;line-height:1.5;display:flex}.fb-step-n{background:color-mix(in srgb, var(--pink) 18%, transparent);width:28px;height:28px;color:var(--pink-t);border-radius:999px;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.fb-lists{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;display:grid}@media (width<=400px){.fb-lists{grid-template-columns:minmax(0,1fr)}}.fb-list{min-width:0}.fb-topics{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);border-radius:20px;margin:0;padding:0;list-style:none;overflow:hidden}.fb-topics li+li{border-top:1px solid var(--border)}.fb-topic{color:var(--text);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"chip title""chip meta";gap:4px 10px;padding:14px 16px;text-decoration:none;display:grid}.fb-topic:hover{background:color-mix(in srgb, var(--surface2) 70%, transparent)}.fb-topic-title{overflow-wrap:anywhere;grid-area:title;font-size:15px;font-weight:600;line-height:1.35}.fb-topic-meta{color:var(--muted);grid-area:meta;font-size:13px}.fb-chip{--c:var(--fb-idee);text-transform:uppercase;letter-spacing:.06em;color:var(--text);background:color-mix(in srgb, var(--c) 22%, transparent);border:1px solid color-mix(in srgb, var(--c) 45%, transparent);border-radius:999px;grid-area:chip;align-self:start;padding:3px 9px;font-size:11px;font-weight:700}.fb-empty{border:1px dashed var(--border);color:var(--muted);border-radius:20px;margin:0;padding:18px;font-size:14px}.fb-end{padding-top:32px;padding-bottom:56px}.fb-foot{border-top:1px solid var(--border);padding-top:24px;padding-bottom:calc(24px + var(--safe-b))}.fb-foot-row{color:var(--muted);align-items:center;gap:10px;margin:0 0 16px;font-size:13px;display:flex}@media (prefers-reduced-motion:reduce){.fb-main{animation:none}.fb-type{transition:none}.fb-type:hover{transform:none}}.fbf{gap:18px;max-width:720px}.fbf-h1{font-size:clamp(28px,5vw,48px)}.fbf-lead{color:var(--body);margin:0;font-size:15px;line-height:1.5}.fbf-form{flex-direction:column;gap:18px;display:flex}.fbf-field{border:0;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;display:flex}.fbf-field legend{margin-bottom:6px;padding:0}.fbf-types{flex-wrap:wrap;gap:8px;display:flex}.fbf-type{--c:var(--fb-idee);border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.fbf-type:hover{border-color:var(--border-h)}.fbf-type.on{border-color:var(--c);background:color-mix(in srgb, var(--c) 16%, var(--surface))}.fbf-type:focus-visible{outline:2px solid var(--pink);outline-offset:2px}.fbf-type-dot{width:8px;height:8px;box-shadow:none}.fbf-body{resize:vertical;min-height:160px}.fbf-hint{color:var(--muted);font-size:13px}.fbf-left{align-self:flex-end}.fbf-opt{text-transform:none;letter-spacing:0;font-weight:500}.fbf-err{color:var(--pink-t);font-size:13px;font-weight:600}.fbf .input[aria-invalid=true]{border-color:var(--pink)}.fbf-notice{border:1px solid color-mix(in srgb, var(--amber) 45%, var(--border));background:color-mix(in srgb, var(--amber) 10%, transparent);color:var(--text);border-radius:14px;padding:12px 14px;font-size:14px}.fbf-done{align-items:flex-start;padding-top:48px}.fbf-done-mark{background:color-mix(in srgb, var(--teal) 22%, transparent);border:2px solid var(--teal);border-radius:50%;width:44px;height:44px;animation:.3s ease-out both fb-up}@media (prefers-reduced-motion:reduce){.fbf-done-mark{animation:none}}