.familie-cta{width:100%;text-align:center;display:block;margin-top:var(--space-2)}.familie-error{color:var(--color-danger,#e0645a);margin:var(--space-2) 0 0;font-size:.9rem}.familie-form{display:grid;grid-gap:.5rem;gap:.5rem}.familie-form-actions{display:flex;align-items:center;gap:var(--space-2)}.familie-form-actions .btn{flex:1 1}.familie-cancel{background:none;border:none;cursor:pointer}.familie-band{margin:var(--space-3) 0}.familie-band-label{margin:0 0 var(--space-2);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-gold-deep)}.familie-grove{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin:0}.familie-tree{--light:0;display:grid;justify-items:center;grid-gap:.3rem;gap:.3rem;text-align:center;padding:var(--space-3) var(--space-2);border-radius:var(--radius-lg);background:var(--color-night-raised);border:1px solid var(--color-night-border);box-shadow:0 0 calc(var(--light) * .6px + 2px) color-mix(in oklch,var(--color-gold) calc(20% + var(--light) * 1.6%),transparent);transition:box-shadow var(--duration-normal,.3s) var(--ease-out,ease)}.familie-tree[data-claimed=false]{border-style:dashed;opacity:.82}.familie-tree-emoji{font-size:2.1rem;line-height:1;filter:drop-shadow(0 0 calc(var(--light) * .4px) color-mix(in oklch,var(--color-gold) 55%,transparent))}.familie-tree-name{font-family:var(--font-display);font-weight:600;color:var(--color-ivory)}.familie-tree-role{font-size:.76rem;letter-spacing:.04em;text-transform:uppercase;color:var(--color-ivory-faint)}.familie-tree-light{font-size:.78rem;color:var(--color-gold-deep)}.familie-tree-light--eternal{font-style:italic}.familie-tree-waiting{font-size:.78rem;color:var(--color-ivory-dim);font-style:italic}.familie-tree-share{margin-top:.2rem;padding:.35rem .7rem;border-radius:999px;border:1px solid color-mix(in oklch,var(--color-gold) 40%,transparent);background:none;color:var(--color-gold);font-size:.78rem;cursor:pointer}.familie-tree-share:hover{background:color-mix(in oklch,var(--color-gold) 12%,transparent)}.familie-invite-tree{display:grid;justify-items:center;grid-gap:.4rem;gap:.4rem;padding:var(--space-5,3rem) var(--space-3);margin:var(--space-3) 0;border-radius:var(--radius-lg);background:linear-gradient(150deg,var(--color-night-raised),var(--color-night));border:1px dashed color-mix(in oklch,var(--color-gold) 35%,transparent)}.familie-invite-emoji{font-size:4.5rem;line-height:1}.familie-invite-name{font-family:var(--font-display);font-size:1.4rem;font-weight:600;color:var(--color-ivory);margin:0}.familie-invite-role{color:var(--color-ivory-faint);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;margin:0}.familie-tree{position:relative;overflow:visible;animation:familie-sway 7.5s ease-in-out infinite;animation-delay:var(--sway-delay,0s);transform-origin:50% 100%}.familie-tree:nth-child(5n+1){--sway-delay:0s;animation-duration:7.2s}.familie-tree:nth-child(5n+2){--sway-delay:1.1s;animation-duration:8.4s}.familie-tree:nth-child(5n+3){--sway-delay:0.4s;animation-duration:6.6s}.familie-tree:nth-child(5n+4){--sway-delay:1.8s;animation-duration:9s}.familie-tree:nth-child(5n+5){--sway-delay:0.8s;animation-duration:7.8s}@keyframes familie-sway{0%,to{transform:rotate(-.6deg)}50%{transform:rotate(.6deg)}}.familie-tree[data-glow=true]{animation:familie-sway 7.5s ease-in-out infinite,familie-glow-pulse 3.4s ease-in-out infinite;animation-delay:var(--sway-delay,0s),0s}@keyframes familie-glow-pulse{0%,to{filter:drop-shadow(0 0 2px color-mix(in oklch,var(--color-gold) 30%,transparent))}50%{filter:drop-shadow(0 0 10px color-mix(in oklch,var(--color-gold) 65%,transparent))}}.familie-weather-picker{display:flex;gap:.35rem;margin-top:.2rem;position:relative}.familie-weather-picker:focus-within:after,.familie-weather-picker:hover:after{content:"Laat je familie stil weten hoe het met je gaat";position:absolute;bottom:calc(100% + .4rem);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.7rem;padding:.3rem .55rem;border-radius:var(--radius-md,10px);background:var(--color-night);color:var(--color-ivory-faint);border:1px solid var(--color-night-border);z-index:2;pointer-events:none}.familie-weather-btn{border:1px solid var(--color-night-border);background:var(--color-night);border-radius:999px;width:2rem;height:2rem;display:grid;place-items:center;font-size:1rem;cursor:pointer;opacity:.6;transition:opacity var(--duration-fast,.15s) var(--ease-out,ease),transform var(--duration-fast,.15s) var(--ease-out,ease),border-color var(--duration-fast,.15s) var(--ease-out,ease)}.familie-weather-btn:hover{opacity:.9;transform:translateY(-1px)}.familie-weather-btn[data-active=true]{opacity:1;border-color:color-mix(in oklch,var(--color-gold) 60%,transparent);transform:scale(1.08)}.familie-weather-btn:disabled{cursor:default}.familie-tree-weather-badge{position:absolute;top:.4rem;right:.55rem;font-size:.95rem;filter:drop-shadow(0 1px 2px rgb(0 0 0/.4))}.familie-tree[data-nood=true]{border-color:color-mix(in oklch,var(--color-gold) 45%,transparent)}.familie-tree-nood-line{grid-column:1/-1;font-size:.76rem;line-height:1.45;color:var(--color-ivory-dim);margin:.15rem 0 0}.familie-nood-banner{margin:var(--space-3) 0;padding:var(--space-3);border-radius:var(--radius-lg);background:linear-gradient(150deg,var(--color-night-raised),var(--color-night));border:1px solid color-mix(in oklch,var(--color-gold) 40%,transparent)}.familie-nood-title{margin:0;font-family:var(--font-display);font-weight:600;color:var(--color-ivory)}.familie-nood-sub{margin:.3rem 0 0;color:var(--color-ivory-dim);line-height:1.5}.familie-nood-list{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0 0;padding:0}.familie-nood-link{display:inline-block;padding:.35rem .7rem;border-radius:999px;border:1px solid color-mix(in oklch,var(--color-gold) 45%,transparent);color:var(--color-gold);text-decoration:none;font-size:.82rem}.familie-nood-link:hover{background:color-mix(in oklch,var(--color-gold) 12%,transparent)}.familie-tree-water-btn{margin-top:.2rem;padding:.35rem .7rem;border-radius:999px;border:1px solid color-mix(in oklch,var(--color-live,oklch(74% .18 150)) 40%,transparent);background:none;color:var(--color-ivory);font-size:.76rem;cursor:pointer;transition:transform var(--duration-fast,.15s) var(--ease-out,ease),border-color var(--duration-fast,.15s) var(--ease-out,ease),background var(--duration-fast,.15s) var(--ease-out,ease)}.familie-tree-water-btn:hover{transform:translateY(-1px);background:color-mix(in oklch,var(--color-live,oklch(74% .18 150)) 14%,transparent)}.familie-tree-water-btn:disabled{opacity:.6;cursor:default}.familie-tree-water-btn[data-emphasis=true]{border-color:color-mix(in oklch,var(--color-gold) 55%,transparent);animation:familie-water-invite 2.4s ease-in-out infinite}@keyframes familie-water-invite{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.familie-tree-watered-today{font-size:.72rem;color:color-mix(in oklch,var(--color-live,oklch(74% .18 150)) 70%,var(--color-ivory-faint))}.familie-tree-watered-line{grid-column:1/-1;font-size:.76rem;color:var(--color-ivory-faint);margin:.2rem 0 0;text-align:center}.familie-tree-dua-confirm{font-size:.78rem;font-style:italic;color:var(--color-gold-deep,var(--color-gold));margin:.15rem 0 0}.familie-tree-splash{position:absolute;inset:0;pointer-events:none}.familie-splash-drop{position:absolute;top:10%;left:50%;width:.4rem;height:.55rem;border-radius:50% 50% 50% 0;background:color-mix(in oklch,var(--color-live,oklch(74% .18 150)) 75%,white);opacity:0;animation:familie-droplet-fall 1.2s var(--ease-out,ease) both}@keyframes familie-droplet-fall{0%{transform:translate(-50%,-.4rem) rotate(45deg) scale(.6);opacity:0}25%{opacity:1}80%{transform:translate(-50%,1.6rem) rotate(45deg) scale(1);opacity:.9}to{transform:translate(-50%,1.8rem) rotate(45deg) scale(1.3);opacity:0}}.familie-tree-rain{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}.familie-rain-drop{position:absolute;top:-10%;left:calc(15% + var(--i, 0) * 18%);width:.18rem;height:.5rem;border-radius:999px;background:color-mix(in oklch,var(--color-live,oklch(74% .18 150)) 55%,transparent);opacity:0;animation:familie-rain-fall 2.8s linear infinite;animation-delay:calc(var(--i, 0) * .45s)}@keyframes familie-rain-fall{0%{transform:translateY(-10%);opacity:0}15%{opacity:.7}85%{opacity:.35}to{transform:translateY(220%);opacity:0}}.familie-tree[data-deceased=true]{border-color:color-mix(in oklch,var(--color-gold) 55%,transparent);box-shadow:0 0 18px 2px color-mix(in oklch,var(--color-gold) 45%,transparent),inset 0 0 22px color-mix(in oklch,var(--color-gold) 22%,transparent)}.familie-tree[data-deceased=true] .familie-tree-emoji{filter:drop-shadow(0 0 6px color-mix(in oklch,var(--color-gold) 70%,transparent))}.familie-tree-memorial{grid-column:1/-1;font-size:.76rem;font-style:italic;line-height:1.45;color:var(--color-gold-deep,var(--color-gold));margin:.1rem 0 0}.familie-tree[data-deceased=true]:before{content:"🍂";position:absolute;top:.3rem;left:.5rem;font-size:.85rem;filter:sepia(1) saturate(3) hue-rotate(-10deg) drop-shadow(0 0 3px color-mix(in oklch,var(--color-gold) 60%,transparent));opacity:.9}.familie-tree-noor{position:absolute;inset:0;pointer-events:none;overflow:visible}.familie-noor-dot{position:absolute;bottom:12%;left:calc(20% + var(--i, 0) * 15%);width:.3rem;height:.3rem;border-radius:999px;background:var(--color-gold);box-shadow:0 0 6px 2px color-mix(in oklch,var(--color-gold) 70%,transparent);opacity:0;animation:familie-noor-rise 4.5s ease-in infinite;animation-delay:calc(var(--i, 0) * .7s)}.familie-noor-dot--blossom{width:auto;height:auto;background:none;box-shadow:none;font-size:.85rem}@keyframes familie-noor-rise{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:.9}80%{opacity:.5}to{transform:translateY(-2.6rem) scale(1);opacity:0}}.familie-tree-menu{position:absolute;top:.2rem;right:.3rem;z-index:3}.familie-tree-menu-dots{background:none;border:none;color:var(--color-ivory-faint);font-size:1.1rem;line-height:1;padding:.15rem .4rem;cursor:pointer;border-radius:999px;transition:background var(--duration-fast,.15s) var(--ease-out,ease)}.familie-tree-menu-dots:hover{background:color-mix(in oklch,var(--color-gold) 14%,transparent);color:var(--color-ivory)}.familie-tree-menu-panel{position:absolute;top:1.6rem;right:0;min-width:11rem;padding:.6rem;border-radius:var(--radius-md,10px);background:var(--color-night);border:1px solid var(--color-night-border);box-shadow:0 12px 28px rgb(0 0 0/.35);text-align:left}.familie-tree-menu-item{display:block;width:100%;background:none;border:none;color:var(--color-ivory);font-size:.82rem;text-align:left;padding:.3rem .1rem;cursor:pointer}.familie-tree-menu-item:hover{color:var(--color-gold)}.familie-tree-confirm-text{font-size:.78rem;color:var(--color-ivory-faint);margin:0 0 .5rem;line-height:1.4}.familie-tree-confirm-actions{display:flex;gap:.4rem}.familie-tree-confirm-cancel,.familie-tree-confirm-ok{flex:1 1;padding:.3rem .5rem;border-radius:999px;font-size:.76rem;cursor:pointer}.familie-tree-confirm-ok{border:1px solid var(--color-gold-deep,var(--color-gold));background:color-mix(in oklch,var(--color-gold) 20%,transparent);color:var(--color-ivory)}.familie-tree-confirm-cancel{border:1px solid var(--color-night-border);background:none;color:var(--color-ivory-faint)}.familie-tree-memorial-form{display:grid;grid-gap:.35rem;gap:.35rem;margin-top:.4rem;padding-top:.4rem;border-top:1px solid var(--color-night-border)}.familie-tree-memorial-input{width:100%;min-height:34px;padding:.3rem .5rem;border-radius:var(--radius-sm,8px);border:1px solid var(--color-night-border);background:var(--color-night-raised,var(--color-night));color:var(--color-ivory);font-size:.78rem}.familie-tree-memorial-input:focus{border-color:var(--color-gold-deep);outline:none}.familie-tree-gedenkplek-link{grid-column:1/-1;justify-self:center;margin-top:.15rem;color:var(--color-gold-deep,var(--color-gold));font-size:.78rem;font-weight:600;text-decoration:none}.familie-tree-gedenkplek-link:hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){.familie-tree,.familie-tree-water-btn,.familie-tree-water-btn[data-emphasis=true],.familie-weather-btn{transition:none;animation:none}.familie-noor-dot,.familie-rain-drop,.familie-splash-drop{animation:none;opacity:.85}}