.garden{--garden-leaf:oklch(62% 0.13 155);--garden-leaf-still:oklch(74% 0.11 150);position:relative;border-radius:var(--radius-lg,22px);overflow:hidden;padding:var(--space-3) var(--space-2) 0;min-height:280px;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 18px 48px oklch(50% .04 80/.22);isolation:isolate}.garden-sky{position:absolute;inset:0;z-index:-2;background:radial-gradient(120% 80% at 80% 0,oklch(62% .08 250/.5),transparent 60%),linear-gradient(180deg,oklch(40% .05 255),oklch(30% .04 250) 70%)}.garden-ground{position:absolute;left:0;right:0;bottom:0;height:64px;z-index:-1;background:linear-gradient(180deg,oklch(34% .05 150/0),oklch(28% .06 150/.85));border-top:1px solid oklch(45% .08 150/.4)}.garden-bands{position:relative;display:flex;flex-direction:column;gap:var(--space-2,.8rem);padding-bottom:40px}.garden-band{position:relative;padding-top:1.4em}.garden-band+.garden-band{border-top:1px dashed oklch(60% .04 150/.18)}.band-label{position:absolute;top:.2em;left:.2em;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted,oklch(55% .012 75));opacity:.7}.garden-bed{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:clamp(.4rem,3vw,1.4rem)}.garden-motes{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.garden-motes span{position:absolute;bottom:12%;left:calc(8% + var(--i) * 12%);width:3px;height:3px;border-radius:50%;background:var(--color-gold,oklch(82% .1 85));opacity:.18;animation:mote-drift calc(9s + var(--i) * 1.3s) ease-in-out calc(var(--i) * .7s) infinite alternate;will-change:transform,opacity}@keyframes mote-drift{0%{transform:translateY(0) translateX(0);opacity:.1}to{transform:translateY(-40px) translateX(8px);opacity:.3}}.tree{width:clamp(72px,22vw,104px);display:flex;flex-direction:column;align-items:center;text-align:center}.tree svg{transform-origin:50% 100%;animation:tree-sway var(--sway,4s) ease-in-out var(--delay,0s) infinite alternate;will-change:transform}@keyframes tree-sway{0%{transform:rotate(-1.4deg)}to{transform:rotate(1.4deg)}}.tree-trunk{fill:oklch(38% .06 60)}.tree-fruit,.tree-halo{fill:var(--color-gold,oklch(78% .13 85))}.tree-halo{opacity:.14}.tree-ring{stroke:oklch(30% .05 60);stroke-width:.9;opacity:.6}.tree-roots path{fill:none;stroke:oklch(32% .05 60);stroke-width:1.6;stroke-linecap:round;opacity:.7}.tree-label{margin-top:.2em;font-size:.82rem;font-weight:600;color:var(--color-ivory,#f3efe6);line-height:1.2}.tree-rahima{display:inline-block;margin-left:.45em;font-size:.78rem;color:var(--color-gold,oklch(78% .13 85));font-weight:500;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.tree-rel{font-size:.7rem}.garden-count,.tree-rel{color:var(--color-muted,oklch(55% .012 75))}.garden-count{text-align:center;font-size:.82rem;margin:var(--space-2) 0 var(--space-3)}@media (prefers-reduced-motion:reduce){.garden-motes span,.tree svg{animation:none}}.tree-btn{background:none;border:none;padding:0;cursor:pointer;color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}.tree-btn:focus-visible{outline:2px solid var(--color-gold,oklch(78% .13 85));outline-offset:4px;border-radius:12px}.person-detail{margin-top:var(--space-2,.8rem)}.person-facts{list-style:none;margin:var(--space-2,.8rem) 0 0;padding:0;display:grid;grid-gap:.35em;gap:.35em}.person-facts li{display:flex;justify-content:space-between;gap:var(--space-2,.8rem);font-size:.92rem;border-bottom:1px solid var(--color-night-border);padding-bottom:.3em}.person-facts li>span{color:var(--color-muted,oklch(55% .012 75))}.person-facts li>strong{color:var(--color-ivory,#f3efe6);font-weight:600;text-align:right}.person-stories{margin-top:var(--space-2,.8rem)}.field-row{display:grid;grid-template-columns:.45fr 1fr;align-items:center;grid-gap:.6em;gap:.6em;font-size:.92rem;color:var(--color-muted,oklch(55% .012 75))}.field-row>span{text-align:left}.tuin-scene{min-height:300px}.tuin-bed{align-items:flex-end;justify-content:center;gap:clamp(.6rem,6vw,2.4rem);padding:1.6em 0 44px}.tuin-bed,.tuin-tree{position:relative;display:flex}.tuin-tree{width:clamp(120px,40vw,160px);margin:0;flex-direction:column;align-items:center;text-align:center}.tuin-tree svg{transform-origin:50% 100%;animation:tree-sway 5.5s ease-in-out infinite alternate;will-change:transform}.tuin-tree[data-passed=true] svg{animation-duration:7s}.tuin-halo{fill:var(--color-gold,oklch(78% .13 85));opacity:.16;animation:halo-breathe 6s ease-in-out infinite alternate;will-change:opacity,transform;transform-origin:center;transform-box:fill-box}@keyframes halo-breathe{0%{opacity:.1;transform:scale(.96)}to{opacity:.24;transform:scale(1.04)}}.tuin-rays line{stroke:var(--color-gold,oklch(78% .13 85));stroke-width:1.4;stroke-linecap:round;opacity:.35}.tuin-canopy{transform-origin:60px 126px;animation:canopy-bloom .9s var(--ease-out,cubic-bezier(.23,1,.32,1))}@keyframes canopy-bloom{0%{transform:scale(.985)}45%{transform:scale(1.035)}to{transform:scale(1)}}.tuin-noor-rise{position:absolute;inset:0;pointer-events:none}.tuin-noor-rise i{position:absolute;bottom:34%;left:50%;width:4px;height:4px;border-radius:50%;background:var(--color-gold-hi,oklch(82% .115 86));opacity:0;animation:noor-rise 1.8s var(--ease-out,cubic-bezier(.23,1,.32,1)) forwards;will-change:transform,opacity}.tuin-noor-rise i:nth-child(2){animation-delay:.25s;animation-name:noor-rise-left}.tuin-noor-rise i:nth-child(3){animation-delay:.5s;animation-name:noor-rise-right}@keyframes noor-rise{0%{transform:translate(-50%);opacity:0}15%{opacity:.85}to{transform:translate(-50%,-84px);opacity:0}}@keyframes noor-rise-left{0%{transform:translate(-50%);opacity:0}15%{opacity:.7}to{transform:translate(calc(-50% - 16px),-70px);opacity:0}}@keyframes noor-rise-right{0%{transform:translate(-50%);opacity:0}15%{opacity:.7}to{transform:translate(calc(-50% + 16px),-76px);opacity:0}}.tuin-tree figcaption{display:flex;flex-direction:column;gap:.1em;margin-top:.3em}.tuin-plot{margin-top:var(--space-3,1rem)}.tuin-meter{margin:var(--space-2,.8rem) 0 var(--space-3,1rem)}.tuin-count{margin:0 0 .5em;font-size:1rem}.tuin-count-num{font-family:var(--font-display,Georgia,serif);font-size:1.9rem;font-weight:600;color:var(--color-gold-deep,oklch(52% .13 78));-webkit-margin-end:.08em;margin-inline-end:.08em}.tuin-progress{height:5px;border-radius:3px;background:var(--color-night-border,oklch(90% .012 88));overflow:hidden}.tuin-progress i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--color-gold-deep,oklch(52% .13 78)),var(--color-gold-hi,oklch(82% .115 86)));transform-origin:left center;transition:transform .6s var(--ease-out,cubic-bezier(.23,1,.32,1));will-change:transform}.tuin-next{margin:.45em 0 0;font-size:.82rem;color:var(--color-muted,oklch(55% .012 75))}.tuin-duas{display:grid;grid-gap:.5em;gap:.5em;margin-bottom:var(--space-3,1rem)}.dua-option{display:grid;grid-gap:.3em;gap:.3em;text-align:right;padding:.85em 1em;border-radius:var(--radius-md,16px);border:1.5px solid var(--color-night-border,oklch(90% .012 88));background:var(--color-night-raised,oklch(99.2% .005 92));color:inherit;font:inherit;cursor:pointer;transition:border-color var(--duration-normal,.24s) var(--ease-calm,ease-out);-webkit-tap-highlight-color:transparent}.dua-option[data-on=true]{border-color:var(--color-gold,oklch(62% .125 82));box-shadow:0 0 0 1px var(--color-gold,oklch(62% .125 82))}.dua-option-ar{font-size:clamp(1.35rem,5.5vw,1.8rem);line-height:1.9}.dua-option-translit{font-style:italic;font-size:.88rem;color:var(--color-muted,oklch(55% .012 75));text-align:left}.dua-option-nl{font-size:.98rem;line-height:1.55;text-align:left}.tuin-dua-btn{width:100%;padding:1.05em 1.2em;font-size:1.08rem;font-weight:650;font-family:var(--font-ui,system-ui,sans-serif);color:oklch(99% .005 92);background:linear-gradient(160deg,var(--color-gold,oklch(62% .125 82)),var(--color-gold-deep,oklch(52% .13 78)));border:none;border-radius:var(--radius-md,16px);box-shadow:0 10px 26px oklch(52% .13 78/.28);transition:transform var(--duration-fast,.16s) var(--ease-calm,ease-out)}.tuin-dua-btn:active{transform:scale(.985)}.tuin-birr{display:grid;grid-gap:.5em;gap:.5em}.birr-btn{width:100%;padding:.85em 1.1em;font-size:.98rem;font-weight:600;text-align:left;color:var(--color-ivory,oklch(25% .014 75));background:var(--color-night-raised,oklch(99.2% .005 92));border:1.5px solid var(--color-night-border,oklch(90% .012 88));border-radius:var(--radius-md,16px);transition:border-color var(--duration-normal,.24s) var(--ease-calm,ease-out),transform var(--duration-fast,.16s) var(--ease-calm,ease-out)}.birr-btn:active{transform:scale(.985)}.birr-btn:hover{border-color:var(--color-gold,oklch(62% .125 82))}.tuin-confirm{margin:var(--space-2,.8rem) 0 0;font-size:.95rem;color:var(--color-gold-deep,oklch(52% .13 78));animation:confirm-in .5s var(--ease-out,cubic-bezier(.23,1,.32,1))}@keyframes confirm-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tuin-milestone{margin:.4em 0 0;font-size:.92rem;font-weight:600;color:var(--color-green,oklch(48% .1 162))}.tuin-jariyah{margin:var(--space-2,.8rem) 0 0;font-size:.9rem;line-height:1.6;color:var(--color-muted,oklch(55% .012 75))}.home-tuin{position:relative;display:flex;flex-direction:column;gap:.25em;padding:1.1em 1.2em;margin-bottom:var(--space-2,.8rem);border-radius:var(--radius-md,16px);overflow:hidden;isolation:isolate;background:radial-gradient(90% 120% at 85% 8%,oklch(62% .1 85/.35),transparent 55%),radial-gradient(60% 90% at 12% 100%,oklch(40% .08 155/.65),transparent 70%),linear-gradient(180deg,oklch(36% .05 255),oklch(27% .045 250));box-shadow:inset 0 1px 0 oklch(100% 0 0/.12),0 12px 30px oklch(30% .04 255/.28)}.home-tuin:after{content:"";position:absolute;right:1.1em;top:1em;width:10px;height:10px;border-radius:50%;background:var(--color-gold-hi,oklch(82% .115 86));box-shadow:0 0 14px 5px oklch(82% .115 86/.45);z-index:-1}.home-tuin-eyebrow{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-gold-hi,oklch(82% .115 86))}.home-tuin-title{font-family:var(--font-display,Georgia,serif);font-size:1.22rem;font-weight:600;color:oklch(97% .008 92);line-height:1.3}.home-tuin-sub{font-size:.86rem;color:oklch(82% .02 92)}.tuin-scene[data-sky=dawn] .garden-sky{background:radial-gradient(120% 80% at 80% 0,oklch(80% .07 60/.5),transparent 60%),linear-gradient(180deg,oklch(52% .06 300),oklch(38% .05 265) 70%)}.tuin-scene[data-sky=day] .garden-sky{background:radial-gradient(120% 80% at 80% 0,oklch(94% .045 90/.55),transparent 60%),linear-gradient(180deg,oklch(78% .06 235),oklch(64% .055 235) 70%)}.tuin-scene[data-sky=dusk] .garden-sky{background:radial-gradient(120% 80% at 80% 0,oklch(68% .11 55/.5),transparent 60%),linear-gradient(180deg,oklch(44% .07 290),oklch(32% .05 260) 70%)}.tuin-scene:after{content:"";position:absolute;inset:0;z-index:1;background:oklch(20% .03 260);opacity:0;transition:opacity .5s var(--ease-calm,ease-out);pointer-events:none}.tuin-scene.tuin-stilte:after{opacity:.22}.stilte-moment{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6em;pointer-events:none}.stilte-moment p{margin:0;font-family:var(--font-display,Georgia,serif);font-size:1.05rem;letter-spacing:.02em;color:var(--color-gold-hi,oklch(82% .115 86));opacity:0;animation:stilte-text 1.4s var(--ease-out,cubic-bezier(.23,1,.32,1)) .15s forwards;will-change:transform,opacity}@keyframes stilte-text{0%{opacity:0;transform:translateY(6px)}35%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:.9}}.stilte-motes{position:relative;width:4px;height:42px}.stilte-motes i{position:absolute;bottom:0;left:50%;width:4px;height:4px;border-radius:50%;background:var(--color-gold-hi,oklch(82% .115 86));opacity:0;animation:noor-rise 1.4s var(--ease-out,cubic-bezier(.23,1,.32,1)) forwards;will-change:transform,opacity}.stilte-motes i:nth-child(2){animation-delay:.2s;animation-name:noor-rise-left}.stilte-motes i:nth-child(3){animation-delay:.4s;animation-name:noor-rise-right}.tuin-arc{fill:none;stroke:var(--color-gold-hi,oklch(82% .115 86));stroke-width:1;stroke-linecap:round;opacity:.5}.tuin-petals{position:absolute;left:50%;top:38%;pointer-events:none}.tuin-petals i{position:absolute;left:-2.5px;top:-2.5px;width:5px;height:5px;border-radius:50% 50% 50% 0;background:var(--color-gold-hi,oklch(82% .115 86));opacity:0;animation:petal-drift 2s var(--ease-out,cubic-bezier(.23,1,.32,1)) var(--pd,0s) forwards;will-change:transform,opacity}@keyframes petal-drift{0%{transform:translate(0) scale(.6) rotate(0deg);opacity:0}20%{opacity:.95}70%{transform:translate(var(--dx),var(--dy)) scale(1) rotate(140deg);opacity:.6}to{transform:translate(var(--dx),calc(var(--dy) + 10px)) scale(.8) rotate(200deg);opacity:0}}.tuin-vrijdag{margin:0 0 var(--space-3,1rem);padding-left:.9em;border-left:2px solid var(--color-gold,oklch(62% .125 82))}.tuin-vrijdag p{margin:0;font-size:.95rem;line-height:1.6;color:var(--color-ivory,oklch(25% .014 75))}.tuin-vrijdag .tuin-vrijdag-kahf{margin-top:.15em;font-size:.85rem;color:var(--color-muted,oklch(55% .012 75))}.tuin-tree{cursor:pointer;-webkit-tap-highlight-color:transparent}.tuin-tree:focus-visible{outline:2px solid var(--color-gold,oklch(78% .13 85));outline-offset:4px;border-radius:12px}.tuin-detail{margin-top:var(--space-3,1rem)}.tuin-detail-name{margin:0 0 .3em;font-family:var(--font-display,"Fraunces",Georgia,serif);font-size:1.35rem;font-weight:600;color:var(--color-gold-deep,oklch(52% .13 78));line-height:1.3}.tuin-intentie{font-size:.95rem;color:var(--color-ivory,oklch(25% .014 75))}.tuin-firdaws,.tuin-intentie{margin:var(--space-2,.8rem) 0 0;font-style:italic;line-height:1.6}.tuin-firdaws{font-size:.92rem;color:var(--color-muted,oklch(55% .012 75))}.tuin-detail-actions{display:flex;gap:.5em;margin-top:var(--space-3,1rem)}@media (prefers-reduced-motion:reduce){.stilte-motes i,.tuin-canopy,.tuin-confirm,.tuin-halo,.tuin-noor-rise i,.tuin-petals i,.tuin-tree svg{animation:none}.stilte-moment p{animation:none;opacity:1}.tuin-progress i,.tuin-scene:after{transition:none}}.stamboom-scene{min-height:340px}.stamboom-scene .tree{--otree-deep:oklch(40% 0.09 152);--otree-mid:oklch(52% 0.11 148);--otree-light:oklch(65% 0.1 132)}.stamboom-scene .tree[data-passed=true]{--otree-deep:oklch(45% 0.08 144);--otree-mid:oklch(57% 0.095 130);--otree-light:oklch(67% 0.095 116)}.stamboom-scene .tree[data-stage="4"]{width:clamp(92px,28vw,126px)}.stamboom-scene .tree[data-stage="3"]{width:clamp(84px,25vw,114px)}.stamboom-scene .tree[data-stage="2"]{width:clamp(72px,22vw,100px)}.stamboom-scene .tree[data-stage="1"]{width:clamp(60px,18vw,84px)}.stamboom-scene .tree[data-stage="0"]{width:clamp(48px,15vw,68px)}.stamboom-scene .tree-label{position:relative;z-index:2;color:oklch(99% .006 92);padding:.1em .55em;border-radius:999px;background:oklch(24% .035 260/.42);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-shadow:0 1px 4px oklch(20% .03 260/.6)}.stamboom-scene .tree-rel{position:relative;z-index:2;margin-top:.18em;color:oklch(97% .01 92);padding:.05em .5em;border-radius:999px;background:oklch(24% .035 260/.32);text-shadow:0 1px 4px oklch(20% .03 260/.55)}.stamboom-scene .band-label{color:oklch(99% .006 92);opacity:1;padding:.12em .6em;border-radius:999px;background:oklch(24% .035 260/.38);text-shadow:0 1px 5px oklch(20% .03 260/.6)}.stamboom-scene .tree[data-stage="3"] svg,.stamboom-scene .tree[data-stage="4"] svg{animation-duration:calc(var(--sway, 4s) + 1.5s)}@media (prefers-reduced-motion:reduce){.stamboom-scene .tree svg{animation:none}}