@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/c3cb240f9c892514-s.3z_x6eowsw16y.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.2_mbdogr7ni8i.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.dm_sans_dffaa2c9-module__wX8OqW__className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.dm_sans_dffaa2c9-module__wX8OqW__variable{--font-sans:"DM Sans", "DM Sans Fallback"}
@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/e7150917543fc9da-s.0mybutugvu-lq.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/71fbf9c08529c2a5-s.2fpqrm51ez0iq.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/e9457141811d41ae-s.02frcczqg7k-8.woff2)format("woff2");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/ac34884600cd8d5d-s.2936i88_6qsfd.woff2)format("woff2");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/e1ccd2766b08c828-s.15gdzqknx46iu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/507a47c1876d4ec2-s.2qdkzeru_ecot.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/8c2eb9ceedecfc8e-s.p.23aeddxv5enbo.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lora Fallback;src:local(Times New Roman);ascent-override:87.33%;descent-override:23.78%;line-gap-override:0.0%;size-adjust:115.2%}.lora_67812ca6-module__3jsiQG__className{font-family:Lora,Lora Fallback;font-style:normal}.lora_67812ca6-module__3jsiQG__variable{--font-display:"Lora", "Lora Fallback"}
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.hidden{display:none}}:root{--ink:#162b2e;--muted:#647274;--cream:#f7f2e7;--paper:#fffdf8;--navy:#183c42;--coral:#e97458;--line:#183c421f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 10% 0%, #f4c47426, transparent 28rem), var(--cream);color:var(--ink);font-family:var(--font-sans), sans-serif;margin:0}button,select,textarea,input{font:inherit}button{color:inherit}.topbar{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f2e7de;border-bottom:1px solid #ffffffb3;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:clamp(12px,2vw,24px);padding:13px clamp(18px,4vw,64px);display:grid;position:sticky;top:0}.brand{width:fit-content;color:inherit;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand-mark{background:var(--navy);color:#fff;border-radius:14px 14px 6px;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.brand>span:last-child{line-height:1.1;display:grid}.brand b{letter-spacing:-.02em}.brand small{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin-top:3px;font-size:11px;font-weight:700}.topbar nav{border:1px solid var(--line);background:#ffffff7a;border-radius:999px;gap:5px;padding:5px;display:flex}.topbar nav button,.kind-tabs button{cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:13px;font-weight:750}.topbar nav button{padding:9px 16px}.topbar nav button.active{background:var(--navy);color:#fff;box-shadow:0 4px 14px #183c422e}.profile-switch,.environment-switch{color:var(--muted);justify-content:flex-end;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.profile-switch select,.environment-switch select{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;padding:9px 30px 9px 12px;font-weight:750}.environment-switch{color:var(--navy);background:#ffffff9e;border:1px solid #183c4224;border-radius:14px;padding:4px 5px 4px 10px}.environment-switch select{background:var(--navy);color:#fff;border:0;min-width:112px}.account-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.settings-link,.logout-form button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#ffffff8c;border-radius:12px;padding:9px 11px;font-size:12px;font-weight:750;text-decoration:none}.settings-link:hover,.logout-form button:hover{color:var(--ink);border-color:#183c4240}.login-page{background:var(--paper);grid-template-columns:minmax(0,1.22fr) minmax(420px,.78fr);min-height:100svh;display:grid}.login-visual{background:#23454a url(/images/family-login-world-v2.jpg) 50%/cover no-repeat;min-height:100svh;position:relative;overflow:hidden}.login-visual-shade{background:linear-gradient(#0000 38%,#0e282ce6),linear-gradient(90deg,#0000 60%,#0e282c33);position:absolute;inset:0}.login-visual-copy{z-index:1;color:#fff;display:grid;position:absolute;bottom:clamp(38px,7vw,90px);left:clamp(28px,5vw,80px);right:clamp(28px,5vw,80px)}.login-visual-copy span{color:#f1bc8f;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:850}.login-visual-copy strong{font-family:var(--font-display), serif;letter-spacing:-.055em;font-size:clamp(42px,4.5vw,72px);font-weight:600;line-height:.98}.login-panel{background:radial-gradient(circle at 95% 4%, #e974581f, transparent 19rem), var(--paper);flex-direction:column;justify-content:center;padding:clamp(32px,7vw,96px);display:flex}.login-brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:inline-flex;position:absolute;top:32px}.login-brand span{background:var(--navy);color:#fff;border-radius:14px 14px 6px;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.login-copy{max-width:480px}.login-copy h1{font-family:var(--font-display), serif;letter-spacing:-.055em;margin:15px 0;font-size:clamp(44px,5vw,70px);font-weight:600;line-height:.98}.login-copy p{color:var(--muted);margin:0;line-height:1.65}.login-form{gap:17px;max-width:480px;margin-top:34px;display:grid}.login-form label{gap:7px;display:grid}.login-form label span{color:var(--muted);font-size:12px;font-weight:800}.login-form input{width:100%;min-height:52px;color:var(--ink);background:#fff;border:1px solid #183c422e;border-radius:14px;outline:0;padding:0 16px;transition:border-color .16s,box-shadow .16s}.login-form input:focus{border-color:var(--coral);box-shadow:0 0 0 4px #e974581f}.login-form input:disabled{color:var(--muted);background:#f5f4ef}.login-password-field{color:inherit;font-size:inherit;font-weight:inherit;display:block;position:relative}.login-password-field input{padding-right:84px}.login-password-toggle{color:var(--navy);cursor:pointer;background:#eef3f0;border:0;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:850;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.login-password-toggle:focus-visible{outline-offset:1px;outline:3px solid #e9745838}.login-button{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:54px;margin-top:3px;font-weight:850;transition:background .18s,transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 12px 26px #183c4233}.login-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 16px 32px #183c4240}.login-button:disabled{cursor:wait;opacity:.82}.login-button.is-success{background:#34795f}.login-spinner{border:2px solid #ffffff57;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-error{color:#9b3e2a;background:#fff0eb;border-radius:10px;margin:-4px 0 0;padding:11px 13px;font-size:13px;font-weight:700}.login-session-note{color:var(--muted);text-align:center;margin:-5px 0 0;font-size:10px}.login-note{max-width:480px;color:var(--muted);text-align:center;margin:22px 0 0;font-size:12px}.settings-page{background:radial-gradient(circle at 10% 0%, #f4c4743d, transparent 28rem), radial-gradient(circle at 95% 95%, #e9745824, transparent 24rem), var(--cream);place-items:center;min-height:100svh;padding:28px;display:grid}.settings-card{background:#fffdf8eb;border:1px solid #183c421a;border-radius:28px;width:min(100%,620px);padding:clamp(28px,5vw,58px);box-shadow:0 28px 80px #24373124}.settings-back{color:var(--muted);margin-bottom:36px;font-size:13px;font-weight:750;text-decoration:none;display:inline-block}.settings-back:hover{color:var(--ink)}.settings-card h1{font-family:var(--font-display), serif;letter-spacing:-.05em;margin:12px 0;font-size:clamp(40px,7vw,64px);font-weight:600;line-height:1}.settings-card>p{color:var(--muted);margin:0;line-height:1.65}.settings-form{gap:17px;margin-top:32px;display:grid}.settings-form label{gap:7px;display:grid}.settings-form label span{color:var(--muted);font-size:12px;font-weight:800}.settings-form label small{color:var(--muted);font-size:11px}.settings-form input{width:100%;min-height:52px;color:var(--ink);background:#fff;border:1px solid #183c422e;border-radius:14px;outline:0;padding:0 16px}.settings-form input:focus{border-color:var(--coral);box-shadow:0 0 0 4px #e974581f}.settings-message{border-radius:10px;margin:-4px 0 0;padding:11px 13px;font-size:13px;font-weight:700}.settings-error{color:#9b3e2a;background:#fff0eb}.settings-success{color:#27633f;background:#e7f5ec}.hero{background:#314f52;border-radius:32px;min-height:600px;margin:18px clamp(18px,3vw,44px) 0;position:relative;overflow:hidden;box-shadow:0 28px 70px #2437312e}.hero-image,.reflection-art{background:url(/images/family-growth-world.png) 50%/cover no-repeat;position:absolute;inset:0}.hero-overlay{background:linear-gradient(90deg,#0d262aeb 0%,#0d262ab0 33%,#0d262a08 72%),linear-gradient(#0000 60%,#0f2a2e2e);position:absolute;inset:0}.hero-copy{z-index:2;color:#fff;width:min(610px,61%);padding:86px 0 74px clamp(32px,6vw,100px);position:relative}.eyebrow{color:#e9ac79;letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:850}.hero h1,.page-intro h1,.reflection-panel h1{font-family:var(--font-display), serif;letter-spacing:-.055em;margin:17px 0;font-size:clamp(48px,6vw,84px);font-weight:600;line-height:.98}.hero-copy>p{color:#ffffffd1;max-width:540px;margin:0;font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.primary-button,.secondary-button{cursor:pointer;border-radius:14px;min-height:48px;padding:0 20px;font-weight:800}.primary-button{background:var(--coral);color:#fff;border:0;box-shadow:0 8px 24px #e9745847}.secondary-button{color:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1c;border:1px solid #ffffff59}.secondary-button:disabled{cursor:not-allowed;opacity:.4}.year-progress{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf8e0;border:1px solid #fff6;border-radius:25px;justify-items:center;padding:18px 22px;display:grid;position:absolute;bottom:34px;right:40px;box-shadow:0 15px 40px #1f2c2838}.progress-orbit{background:conic-gradient(var(--coral) var(--angle), #183c421f 0);border-radius:50%;place-items:center;width:118px;height:118px;display:grid}.progress-orbit:before{content:"";background:#fffaf1;border-radius:50%;width:96px;height:96px;position:absolute}.progress-orbit span{justify-items:center;display:grid;position:relative}.progress-orbit strong{font-family:var(--font-display), serif;font-size:28px}.progress-orbit small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.year-progress p{color:var(--muted);margin:13px 0 3px;font-size:11px}.year-progress b{font-size:13px}.family-card,.person-card{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fffdf8b8;border-radius:20px;min-width:0;min-height:98px;transition:all .18s}.family-card:hover,.person-card:hover,.family-card.selected,.person-card.selected{border-color:var(--person,var(--navy));transform:translateY(-3px);box-shadow:0 12px 28px #2036331f}.family-card{align-content:center;padding:14px;display:grid}.all-avatar{background:var(--navy);color:#fff;border-radius:12px;place-items:center;width:34px;height:34px;margin-bottom:7px;font-weight:800;display:grid}.family-card small{color:var(--muted);margin-top:3px;font-size:10px}.person-card{grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid;position:relative;overflow:hidden}.person-scene{background-image:url(/images/family-growth-world.png);background-size:auto 150%;border-radius:15px;place-items:end center;width:54px;height:70px;display:grid;position:relative;overflow:hidden}.person-scene:after{background:linear-gradient(0deg, var(--person), transparent 70%);content:"";opacity:.7;position:absolute;inset:0}.person-scene i{z-index:1;width:25px;height:25px;color:var(--person);background:#fff;border-radius:50%;place-items:center;margin-bottom:7px;font-size:11px;font-style:normal;font-weight:900;display:grid;position:relative}.person-card>span:nth-child(2){min-width:0;display:grid}.person-card b{font-size:14px}.person-card small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;overflow:hidden}.person-card em{background:var(--person-pale);color:var(--person);border-radius:999px;padding:3px 6px;font-size:9px;font-style:normal;font-weight:900;position:absolute;top:7px;right:7px}.theme-ribbon{gap:8px;max-width:1440px;margin:0 auto;padding:10px clamp(18px,4vw,64px) 28px;display:flex;overflow-x:auto}.theme-ribbon button{border:1px solid var(--line);cursor:pointer;background:#fffdf8a6;border-radius:999px;flex:none;align-items:center;gap:7px;padding:9px 13px;font-size:11px;font-weight:750;display:inline-flex}.theme-ribbon button span{color:var(--theme);font-size:15px}.theme-ribbon button.selected{border-color:var(--theme,var(--navy));background:var(--theme-pale,var(--navy));color:var(--theme,white)}.goals-section{max-width:1440px;margin:0 auto;padding:30px clamp(18px,4vw,64px) 90px}.section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px;display:flex}.section-heading h2{font-family:var(--font-display), serif;letter-spacing:-.045em;margin:8px 0 0;font-size:clamp(36px,4vw,58px);font-weight:600}.kind-tabs{border:1px solid var(--line);background:#fffdf8b8;border-radius:999px;flex-wrap:wrap;justify-content:flex-end;gap:5px;padding:5px;display:flex}.kind-tabs button{padding:8px 13px}.kind-tabs button.active{background:var(--navy);color:#fff}.theme-heading{background:var(--theme-pale);border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:13px;margin-bottom:16px;padding:15px 18px;display:grid;position:relative;overflow:hidden}.theme-heading>span{width:44px;height:44px;color:var(--theme);box-shadow:0 6px 20px var(--theme);background:#fff;border-radius:14px;place-items:center;font-size:22px;display:grid}@supports (color:color-mix(in lab, red, red)){.theme-heading>span{box-shadow:0 6px 20px color-mix(in srgb, var(--theme) 22%, transparent)}}.theme-heading h3{color:var(--theme);font-family:var(--font-display), serif;margin:0;font-size:23px}.theme-heading p{color:var(--theme);margin:2px 0 0}@supports (color:color-mix(in lab, red, red)){.theme-heading p{color:color-mix(in srgb, var(--theme) 72%, #333)}}.theme-heading p{font-size:11px}.theme-heading i{border:24px solid var(--theme);width:190px;height:190px;position:absolute;right:-20px}@supports (color:color-mix(in lab, red, red)){.theme-heading i{border:24px solid color-mix(in srgb, var(--theme) 11%, transparent)}}.theme-heading i{border-radius:50%}.goal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.goal-card{border:1px solid var(--line);background:#fffdf8eb;border-radius:22px;grid-template-columns:100px minmax(0,1fr);min-height:250px;transition:all .18s;display:grid;overflow:hidden;box-shadow:0 10px 28px #2639340f}.goal-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #2639341c}.goal-card-complete{border-color:var(--theme)}@supports (color:color-mix(in lab, red, red)){.goal-card-complete{border-color:color-mix(in srgb, var(--theme) 45%, white)}}.goal-art{background:radial-gradient(circle at 20% 15%, white 0 4px, transparent 5px), radial-gradient(circle at 75% 33%, white 0 3px, transparent 4px), linear-gradient(155deg, var(--theme-pale), var(--theme));align-content:space-between;justify-items:center;padding:22px 0 17px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.goal-art{background:radial-gradient(circle at 20% 15%, white 0 4px, transparent 5px), radial-gradient(circle at 75% 33%, white 0 3px, transparent 4px), linear-gradient(155deg, var(--theme-pale), color-mix(in srgb, var(--theme) 75%, #1a3437))}}.goal-art>span{z-index:1;width:46px;height:46px;color:var(--theme);box-shadow:0 10px 25px var(--theme);background:#ffffffc7;border:1px solid #ffffffa6;border-radius:16px;place-items:center;font-size:24px;display:grid}@supports (color:color-mix(in lab, red, red)){.goal-art>span{box-shadow:0 10px 25px color-mix(in srgb, var(--theme) 35%, transparent)}}.goal-art i{border:15px solid #fff3;border-radius:40% 60% 45% 55%;width:82px;height:82px;transform:rotate(18deg)}.goal-art b{width:28px;height:28px;color:var(--theme);background:#ffffffe6;border-radius:50%;place-items:center;font-size:10px;display:grid}.goal-body{flex-direction:column;min-width:0;padding:18px;display:flex}.goal-meta{color:var(--muted);align-items:center;gap:8px;font-size:9px;font-weight:750;display:flex}.kind-badge{background:var(--theme-pale);color:var(--theme);text-transform:uppercase;border-radius:999px;padding:4px 7px;font-weight:900}.kind-ambitie{color:#657043;background:#eef0e5}.kind-wens{color:#a85882;background:#f8e7f1}.kind-mijlpaal{color:#9b6a17;background:#fff0ce}.goal-body h3{font-family:var(--font-display), serif;margin:12px 0 6px;font-size:20px;line-height:1.16}.goal-body>p{color:var(--muted);margin:0 0 12px;font-size:11px;line-height:1.5}.slider-readout{justify-content:space-between;align-items:flex-end;margin-bottom:7px;display:flex}.slider-readout span{color:var(--theme);font-size:22px;font-weight:900}.slider-readout small{color:var(--muted);font-size:11px}.slider-readout strong{max-width:100px;color:var(--muted);text-align:right;font-size:9px}input[type=range]{appearance:none;background:linear-gradient(90deg, var(--theme) var(--progress), #183c421a var(--progress));border-radius:999px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--theme);width:22px;height:22px;box-shadow:0 3px 12px var(--theme);border:4px solid #fff;border-radius:50%}@supports (color:color-mix(in lab, red, red)){input[type=range]::-webkit-slider-thumb{box-shadow:0 3px 12px color-mix(in srgb, var(--theme) 35%, transparent)}}.slider-caption{color:var(--muted);justify-content:space-between;margin-top:6px;font-size:8px;display:flex}.complete-button{border:1px solid var(--theme);align-items:center;gap:8px;width:fit-content;margin-top:auto;padding:9px 12px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.complete-button{border:1px solid color-mix(in srgb, var(--theme) 32%, white)}}.complete-button{background:var(--theme-pale);color:var(--theme);cursor:pointer;border-radius:12px;font-size:10px;font-weight:850}.complete-button.is-complete{background:var(--theme);color:#fff}.goal-footer{color:var(--muted);grid-template-columns:54px 1fr;align-items:center;gap:8px;margin-top:14px;font-size:8px;display:grid}.mini-progress{background:#183c421a;border-radius:999px;height:3px;display:block;overflow:hidden}.mini-progress i{border-radius:inherit;background:var(--theme);height:100%;display:block}.timeline-page,.reflections-page{min-height:calc(100vh - 70px)}.timeline-page{max-width:1200px;margin:0 auto;padding:80px clamp(20px,5vw,80px)}.page-intro{max-width:760px}.page-intro h1{margin-bottom:20px;font-size:clamp(50px,7vw,92px)}.page-intro p{max-width:620px;color:var(--muted);font-size:18px;line-height:1.6}.timeline-intro{grid-template-columns:minmax(0,1fr) minmax(280px,.66fr);align-items:end;gap:34px;max-width:none;display:grid}.timeline-intro .eyebrow,.timeline-intro h1{grid-column:1}.timeline-intro h1{max-width:760px;margin-bottom:0;font-size:clamp(44px,5vw,68px);line-height:.96}.timeline-intro p{border-left:3px solid var(--coral);background:#ffffff85;border-radius:0 18px 18px 0;grid-area:1/2/span 2;align-self:end;margin:0;padding:24px 26px;font-size:15px}.timeline{grid-template-columns:repeat(3,1fr);gap:18px;margin:36px 0 24px;display:grid;position:relative}.timeline:before{background:linear-gradient(90deg, var(--coral), #e5bc67, #58a18b, #6479a4);content:"";height:3px;position:absolute;top:29px;left:8%;right:8%}.timeline article{position:relative}.timeline article>span{z-index:1;border:8px solid var(--cream);background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:60px;height:60px;margin:0 0 22px;font-weight:900;display:grid;position:relative}.timeline-card{border:1px solid var(--line);background:var(--paper);border-radius:20px;height:calc(100% - 82px);min-height:390px;overflow:hidden;box-shadow:0 12px 32px #183c4214}.timeline-stage-art{background:radial-gradient(circle at 30% 70%,#ffffff6b 0 5%,#0000 6%),radial-gradient(circle at 76% 28%,#ffffff4d 0 8%,#0000 9%),linear-gradient(135deg,#f6c29f,#e98e72);place-items:center;width:100%;height:116px;display:grid;position:relative;overflow:hidden}.timeline-card-green .timeline-stage-art{background:radial-gradient(circle at 30% 70%,#ffffff6b 0 5%,#0000 6%),radial-gradient(circle at 76% 28%,#ffffff4d 0 8%,#0000 9%),linear-gradient(135deg,#b9dfd1,#5da68f)}.timeline-card-gold .timeline-stage-art{background:radial-gradient(circle at 30% 70%,#ffffff6b 0 5%,#0000 6%),radial-gradient(circle at 76% 28%,#ffffff4d 0 8%,#0000 9%),linear-gradient(135deg,#f0dba3,#d2a549)}.timeline-stage-art:before,.timeline-stage-art:after{content:"";border-radius:50%;position:absolute}.timeline-stage-art:before{border:28px solid #ffffff2e;width:138px;height:138px}.timeline-stage-art:after{border:1px dashed #183c423d;width:68px;height:68px}.timeline-stage-art i{z-index:1;font-family:var(--font-display), serif;color:var(--navy);font-size:34px;font-style:normal;position:relative}.timeline-stage-art span{width:26px;height:26px;color:var(--navy);background:#fffdf8cc;border-radius:50%;place-items:center;font-size:9px;font-weight:900;display:grid;position:absolute;bottom:12px;right:16px}.timeline-card-body{flex-direction:column;min-height:274px;padding:20px 21px 22px;display:flex}.timeline small{color:var(--coral);font-weight:850}.timeline h2{font-family:var(--font-display), serif;margin:9px 0;font-size:23px}.timeline p{color:var(--muted);font-size:13px;line-height:1.5}.timeline-tags{flex-wrap:wrap;gap:6px;margin:14px 0 18px;display:flex}.timeline-tags span{color:var(--navy);background:#ffffffa8;border:1px solid #183c421f;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:850}.timeline-result{border-top:1px solid var(--line);gap:5px;margin-top:auto;padding-top:15px;display:grid}.timeline-result small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:8px}.timeline-result b{color:var(--navy);font-size:11px;line-height:1.4}.timeline-pride{background:linear-gradient(135deg,#fff1f4,#fffaf2);border:1px solid #d84f7433;border-radius:22px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px;margin-bottom:22px;padding:24px 28px;display:grid}.timeline-pride>span{color:#c94369;background:#ffe0e9;border-radius:18px;place-items:center;width:56px;height:56px;font-size:23px;display:grid}.timeline-pride div{gap:4px;display:grid}.timeline-pride small{color:#c94369;letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:900}.timeline-pride h2{font-family:var(--font-display), serif;margin:0;font-size:28px}.timeline-pride p{max-width:760px;color:var(--muted);margin:0;font-size:12px;line-height:1.55}.continuum-card{background:var(--navy);color:#fff;border-radius:26px;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:20px;padding:34px;display:grid}.continuum-card div{justify-items:center;gap:6px;display:grid}.continuum-card span{color:#e9ac79;letter-spacing:.16em;font-size:9px;font-weight:900}.continuum-card b{font-family:var(--font-display), serif;font-size:22px}.family-tree{border:1px solid var(--line);background:radial-gradient(circle at 12% 18%, #e9ac7924, transparent 28%), radial-gradient(circle at 88% 82%, #4291721f, transparent 30%), var(--paper);border-radius:30px;margin-top:48px;padding:clamp(30px,5vw,58px);box-shadow:0 16px 46px #183c4214}.family-tree-heading{text-align:center;justify-items:center;max-width:720px;margin:0 auto 30px;display:grid}.family-tree-heading h2{font-family:var(--font-display), serif;margin:9px 0;font-size:clamp(32px,4vw,48px);line-height:1}.family-tree-heading p{max-width:620px;color:var(--muted);font-size:13px;line-height:1.55}.family-tree-map{max-width:1040px;margin:0 auto}.family-tree-parents{grid-template-columns:minmax(0,1fr) 84px minmax(0,1fr);align-items:center;gap:0;max-width:820px;margin:0 auto;display:grid}.family-tree-bond{align-items:center;display:flex}.family-tree-bond i{background:linear-gradient(90deg,#9ec1bc,#e6a38f);border-radius:999px;flex:1;height:2px}.family-tree-bond span{border:5px solid var(--paper);color:#c94468;background:#f9dce4;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:12px;display:grid;box-shadow:0 5px 16px #c9446829}.family-tree-trunk{background:linear-gradient(#d9a193,#91b9ad);border-radius:999px;width:2px;height:48px;margin:0 auto}.family-tree-children{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:42px;display:grid;position:relative}.family-tree-children:before{content:"";background:linear-gradient(90deg,#89a7d5,#75aa75,#b78fc0);border-radius:999px;height:2px;position:absolute;top:0;left:16.6667%;right:16.6667%}.family-tree-child{position:relative}.family-tree-child:before{background:var(--person);content:"";border-radius:999px;width:2px;height:42px;position:absolute;bottom:100%;left:50%}.family-member-card{z-index:1;border:1px solid var(--person);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.family-member-card{border:1px solid color-mix(in srgb, var(--person) 18%, white)}}.family-member-card{background:#fffdf8f2;border-radius:22px;transition:transform .18s,border-color .18s,box-shadow .18s;box-shadow:0 10px 28px #183c4212}.family-member-card:before{background:var(--person);content:"";width:5px;height:100%;position:absolute;top:0;left:0}.family-member-card:hover,.family-member-card.selected{border-color:var(--person);box-shadow:0 16px 34px var(--person)}@supports (color:color-mix(in lab, red, red)){.family-member-card:hover,.family-member-card.selected{box-shadow:0 16px 34px color-mix(in srgb, var(--person) 17%, transparent)}}.family-member-card:hover,.family-member-card.selected{transform:translateY(-3px)}.family-member-profile{width:100%;color:var(--navy);cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:12px;padding:16px 17px 14px 20px;display:grid}.family-member-profile>span{background:var(--person-pale);width:50px;height:50px;color:var(--person);border-radius:16px;place-items:center;font-size:15px;font-weight:900;display:grid}.family-member-profile>div{gap:3px;display:grid}.family-member-profile b{font-family:var(--font-display), serif;font-size:23px}.family-member-profile small{color:var(--muted);font-size:8px;font-weight:750}.family-member-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--person-pale);grid-template-columns:repeat(3,1fr);display:grid}@supports (color:color-mix(in lab, red, red)){.family-member-stats{background:color-mix(in srgb, var(--person-pale) 40%, white)}}.family-member-stats>span{text-align:center;justify-items:center;gap:2px;padding:9px 5px;display:grid}.family-member-stats>span+span{border-left:1px solid var(--person)}@supports (color:color-mix(in lab, red, red)){.family-member-stats>span+span{border-left:1px solid color-mix(in srgb, var(--person) 13%, white)}}.family-member-stats b{color:var(--person);font-size:11px}.family-member-stats small{color:var(--muted);font-size:7px;font-weight:750}.family-member-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:11px;display:grid}.family-member-actions button{border:1px solid var(--person);justify-content:center;align-items:center;gap:6px;min-height:38px;padding:8px 9px;display:flex}@supports (color:color-mix(in lab, red, red)){.family-member-actions button{border:1px solid color-mix(in srgb, var(--person) 18%, white)}}.family-member-actions button{color:var(--person);cursor:pointer;background:#fff;border-radius:12px;font-size:8px;font-weight:850;line-height:1.2}.family-member-actions button:last-child{background:var(--person-pale)}.family-member-actions button:disabled{border-color:var(--line);color:#9a9f9d;cursor:default;background:#f3f2ee}.family-member-actions button span{font-size:11px}.family-tree-all{border:1px solid var(--line);color:var(--navy);cursor:pointer;background:0 0;border-radius:999px;margin:28px auto 0;padding:10px 16px;font-size:9px;font-weight:850;display:block}.family-tree-legend{color:var(--muted);justify-content:center;gap:22px;margin-top:20px;font-size:8px;font-weight:750;display:flex}.family-tree-legend span{align-items:center;gap:7px;display:inline-flex}.family-tree-legend i{border-radius:8px;place-items:center;width:25px;height:25px;font-style:normal;display:grid}.legend-goals{color:var(--coral);background:#fff1e7}.legend-reflection{color:#3f8e72;background:#e7f3ef}.reflections-page{width:min(1480px,100% - 40px);margin:0 auto;padding:54px 0 84px}.reflections-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px;display:flex}.reflection-mode-tabs{border:1px solid var(--line);background:#ffffff94;border-radius:999px;gap:5px;padding:5px;display:flex}.reflection-mode-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 15px;font-size:11px;font-weight:850}.reflection-mode-tabs button.active{background:var(--navy);color:#fff;box-shadow:0 5px 14px #183c422e}.pride-hero{grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);align-items:end;gap:46px;margin-bottom:28px;display:grid}.pride-hero h1{max-width:900px;font-family:var(--font-serif), serif;letter-spacing:-.045em;margin:8px 0 12px;font-size:clamp(44px,5.6vw,84px);line-height:.94}.pride-hero p{max-width:760px;color:var(--muted);margin:0;font-size:15px;line-height:1.65}.pride-source-note{color:var(--muted);margin-top:10px;display:block}@supports (color:color-mix(in lab, red, red)){.pride-source-note{color:color-mix(in srgb, var(--muted) 82%, white)}}.pride-source-note{font-size:9px;font-weight:750}.pride-summary{border:1px solid var(--line);background:#ffffff94;border-radius:22px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden;box-shadow:0 16px 45px #25302a14}.pride-summary span{text-align:center;align-content:center;place-items:center;gap:2px;min-height:104px;padding:14px;display:grid}.pride-summary span+span{border-left:1px solid var(--line)}.pride-summary strong{color:var(--navy);font-family:var(--font-serif), serif;font-size:36px;line-height:1}.pride-summary small{color:var(--muted);text-transform:uppercase;font-size:8px;font-weight:850}.pride-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.pride-gallery-family{grid-template-columns:repeat(6,minmax(0,1fr))}.pride-gallery-family>.family-position-iwan,.pride-gallery-family>.family-position-mirjam{grid-column:span 3}.pride-gallery-family>.family-position-olivier,.pride-gallery-family>.family-position-julius,.pride-gallery-family>.family-position-florijne{grid-column:span 2}.pride-gallery-single{grid-template-columns:minmax(0,920px);justify-content:center}.pride-story-card{background:var(--paper);border:1px solid #183c421a;border-radius:26px;overflow:hidden;box-shadow:0 18px 55px #25302a17}.pride-story-visual{aspect-ratio:2.15;background:var(--person-pale);text-align:left;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.pride-story-visual:after{content:"";background:linear-gradient(#0000 36%,#091d20db 100%);position:absolute;inset:0}.pride-story-visual img{object-fit:cover;width:100%;height:100%;transition:transform .42s;display:block}.pride-story-visual:hover img{transform:scale(1.035)}.pride-story-visual>span{z-index:1;color:#fff;grid-template-columns:1fr auto;align-items:end;display:grid;position:absolute;bottom:18px;left:22px;right:22px}.pride-story-visual small{color:#ffffffbd;letter-spacing:.14em;text-transform:uppercase;grid-column:1/-1;font-size:8px;font-weight:900}.pride-story-visual strong{font-family:var(--font-serif), serif;font-size:clamp(34px,4vw,58px);line-height:.95}.pride-story-visual b{color:#ffe0a1;font-family:var(--font-serif), serif;font-size:28px}.pride-story-body{padding:22px}.pride-story-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:17px;display:flex}.pride-story-heading span{color:var(--person);letter-spacing:.11em;text-transform:uppercase;font-size:8px;font-weight:900}.pride-story-heading h2{font-family:var(--font-serif), serif;margin:3px 0 0;font-size:28px}.pride-story-heading>i{background:var(--person-pale);width:42px;height:42px;color:var(--person);border-radius:14px;flex:none;place-items:center;font-style:normal;font-weight:900;display:grid}.pride-moment-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.pride-moment-list li{border:1px solid var(--theme);grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-height:55px;padding:8px 11px 8px 8px;display:grid}@supports (color:color-mix(in lab, red, red)){.pride-moment-list li{border:1px solid color-mix(in srgb, var(--theme) 12%, white)}}.pride-moment-list li{background:var(--theme-pale);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.pride-moment-list li{background:color-mix(in srgb, var(--theme-pale) 52%, white)}}.pride-moment-list li>span{width:34px;height:34px;color:var(--theme);background:#fff;border-radius:11px;place-items:center;font-size:14px;display:grid}.pride-moment-list li>div{gap:2px;display:grid}.pride-moment-list small{color:var(--theme);letter-spacing:.07em;text-transform:uppercase;font-size:7px;font-weight:900}.pride-moment-list b{color:var(--navy);font-size:11px;line-height:1.35}.pride-more-button{border:1px solid var(--person);justify-content:space-between;align-items:center;width:100%;margin-top:13px;padding:11px 13px;display:flex}@supports (color:color-mix(in lab, red, red)){.pride-more-button{border:1px solid color-mix(in srgb, var(--person) 16%, white)}}.pride-more-button{background:var(--person-pale);color:var(--person);cursor:pointer;border-radius:13px;font-size:10px;font-weight:900}.reflection-empty{text-align:center;background:#ffffff73;border:1px dashed #183c422e;border-radius:28px;align-content:center;place-items:center;min-height:390px;padding:42px;display:grid}.reflection-empty>span{font-size:36px}.reflection-empty h2{font-family:var(--font-serif), serif;margin:10px 0 5px;font-size:34px}.reflection-empty p{max-width:520px;color:var(--muted);margin:0 0 18px}.reflection-empty button{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:11px 16px;font-size:12px;font-weight:850}.reflection-compose{border-radius:30px;place-items:center;min-height:min(760px,100vh - 170px);padding:60px 20px;display:grid;position:relative;overflow:hidden}.reflection-art{filter:saturate(.8)}.reflection-compose:before{z-index:1;content:"";-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#113034b8;position:absolute;inset:0}.reflection-panel{z-index:2;background:#fffdf8f2;border:1px solid #fff9;border-radius:30px;width:min(760px,100%);padding:clamp(30px,5vw,65px);position:relative;box-shadow:0 30px 80px #0a181961}.reflection-panel h1{margin:24px 0;font-size:clamp(38px,5vw,60px)}.step-count{float:right;color:var(--muted);margin:0;font-size:11px;font-weight:800}.step-dots{gap:6px;margin-top:15px;display:flex}.step-dots i{background:var(--line);border-radius:999px;width:34px;height:5px}.step-dots i.active{background:var(--coral)}.reflection-panel textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:170px;color:var(--ink);background:#fff;border-radius:18px;outline:0;padding:20px;font-size:16px;line-height:1.5}.reflection-panel textarea:focus{border-color:var(--coral);box-shadow:0 0 0 4px #e974581f}.reflection-actions{justify-content:space-between;gap:12px;margin-top:18px;display:flex}.reflection-actions .secondary-button{border-color:var(--line);background:#fff}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding:25px clamp(18px,4vw,64px);font-size:11px;display:flex}.toast{z-index:100;background:var(--navy);color:#fff;border-radius:14px;padding:14px 18px;font-size:12px;font-weight:750;animation:.22s toast-in;position:fixed;bottom:20px;right:20px;box-shadow:0 14px 35px #122e3245}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}@media (max-width:1100px){.topbar{-webkit-backdrop-filter:none;backdrop-filter:none;grid-template-columns:1fr auto}.topbar nav{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf8f0;justify-content:center;position:fixed;bottom:16px;left:18px;right:18px;box-shadow:0 12px 40px #183c4233}.people-strip{grid-template-columns:repeat(3,1fr)}.goal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline{grid-template-columns:repeat(2,1fr)}.timeline:before{display:none}}@media (max-width:720px){.topbar{gap:8px;padding:10px 14px}.brand>span:last-child,.brand small,.profile-switch>span,.environment-switch>span{display:none}.profile-switch select,.environment-switch select{max-width:88px;padding-left:9px;padding-right:22px}.environment-switch{border:0;padding:0}.account-actions{gap:4px}.settings-link,.logout-form button{color:#0000;white-space:nowrap;width:38px;overflow:hidden}.settings-link:after{color:var(--muted);content:"⚙";font-size:16px}.logout-form button:after{color:var(--muted);content:"→";font-size:18px}.login-page{background:linear-gradient(0deg, var(--paper) 0 78%, transparent 78%), #23454a url(/images/family-login-world-v2.jpg) 50% 42% / cover no-repeat;min-height:100svh;padding-top:180px;display:block}.login-visual{display:none}.login-panel{border-radius:28px 28px 0 0;justify-content:flex-start;min-height:calc(100svh - 180px);padding:64px 24px 36px;position:relative}.login-brand{top:18px}.login-brand span{border-radius:11px 11px 5px;width:32px;height:32px;font-size:17px}.login-copy h1{font-size:45px}.hero{border-radius:24px;min-height:690px;margin:8px}.hero-image{background-position:62%}.hero-overlay{background:linear-gradient(#0d262a05 10%,#0d262ac7 52%,#0d262afa 100%)}.hero-copy{width:auto;padding:0 0 125px;position:absolute;bottom:25px;left:24px;right:24px}.hero h1{font-size:48px}.hero-copy>p{font-size:14px}.year-progress{grid-template-columns:auto 1fr;justify-items:start;column-gap:15px;padding:12px 15px;bottom:24px;left:24px;right:24px}.progress-orbit{grid-row:span 2;width:72px;height:72px}.progress-orbit:before{width:59px;height:59px}.progress-orbit strong{font-size:19px}.progress-orbit small{display:none}.year-progress p{align-self:end;margin:0}.people-strip{padding:8px 14px;display:flex;overflow-x:auto}.family-card,.person-card{flex:0 0 190px}.theme-ribbon{padding-left:14px;padding-right:14px}.goals-section{padding:24px 14px 90px}.section-heading{flex-direction:column;align-items:stretch}.kind-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.goal-grid{grid-template-columns:1fr}.goal-card{grid-template-columns:88px 1fr}.timeline-page{padding:50px 18px 110px}.timeline{grid-template-columns:1fr}.timeline-intro{grid-template-columns:1fr;gap:18px}.timeline-intro .eyebrow,.timeline-intro h1,.timeline-intro p{grid-area:auto/1}.timeline-intro p{padding:18px 20px}.timeline-card{min-height:0}.timeline-card-body{min-height:250px}.timeline-pride{grid-template-columns:44px minmax(0,1fr);align-items:flex-start;gap:14px;padding:20px}.timeline-pride>span{border-radius:14px;width:44px;height:44px}.family-tree{margin-top:34px;padding:28px 18px}.family-tree-heading{margin-bottom:24px}.family-tree-parents{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);max-width:none}.family-tree-bond span{border-width:4px;flex-basis:28px;width:28px;height:28px;font-size:10px}.family-tree-trunk{height:36px}.family-tree-children{grid-template-columns:1fr;gap:0;max-width:440px;margin:0 auto;padding-top:0}.family-tree-children:before{background:linear-gradient(#89a7d5,#75aa75,#b78fc0);width:2px;height:auto;inset:0 auto 0 50%}.family-tree-child{padding-top:28px}.family-tree-child:before{height:28px;top:0;bottom:auto}.family-member-profile{grid-template-columns:42px minmax(0,1fr);padding:12px 13px 11px 16px}.family-member-profile>span{border-radius:13px;width:42px;height:42px}.family-member-profile b{font-size:19px}.family-member-actions{grid-template-columns:1fr}.family-tree-legend{flex-direction:column;align-items:center;gap:8px}.continuum-card{grid-template-columns:1fr}.continuum-card i{transform:rotate(90deg)}.reflections-page{width:min(100% - 24px,1480px);padding:28px 0 100px}.reflections-toolbar,.pride-hero{grid-template-columns:1fr;align-items:stretch}.reflections-toolbar{flex-direction:column}.reflection-mode-tabs{align-self:flex-start}.pride-gallery{grid-template-columns:1fr}.reflection-compose{border-radius:22px;min-height:680px;padding:20px 12px}.reflection-panel{border-radius:22px;padding:28px 22px}footer{padding-bottom:90px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.dashboard-overview,.theme-overview{max-width:1460px;margin:0 auto;padding-left:clamp(16px,4vw,56px);padding-right:clamp(16px,4vw,56px)}.dashboard-overview{padding-top:22px}.overview-toolbar,.timeline-topline{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.year-picker{border:1px solid var(--line);background:#fffdf8d1;border-radius:14px;align-items:center;gap:4px;padding:4px;display:inline-flex}.year-picker button{cursor:pointer;background:0 0;border:0;border-radius:10px;min-width:38px;min-height:34px;padding:0 11px;font-size:12px;font-weight:850}.year-picker button.active{background:var(--navy);color:#fff;box-shadow:0 5px 14px #183c422e}.year-picker button:disabled{cursor:not-allowed;opacity:.28}.year-context{color:var(--muted);align-items:center;gap:10px;font-size:11px;display:flex}.year-context b{color:#387056;background:#e6f3ec;border-radius:999px;padding:5px 9px}.overview-grid{grid-template-columns:minmax(0,1.35fr) minmax(210px,.58fr) minmax(310px,.9fr);gap:12px;display:grid}.year-intro-card,.family-score-card,.family-trend-card{border:1px solid var(--line);background:#fffdf8e0;border-radius:23px;min-height:210px;overflow:hidden;box-shadow:0 12px 34px #26393412}.year-intro-card{color:#fff;background:linear-gradient(100deg,#102f34f5,#1f4d4ed6),url(/images/family-growth-world.png) 63% 43%/cover no-repeat;padding:27px 30px;position:relative}.year-intro-card h1{max-width:610px;font-family:var(--font-display), serif;letter-spacing:-.05em;margin:8px 0;font-size:clamp(36px,4vw,54px);font-weight:600;line-height:.98}.year-intro-card>p{color:#ffffffbf;max-width:630px;margin:0;font-size:13px;line-height:1.52}.overview-stats{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.overview-stats span{color:#ffffffb8;background:#ffffff14;border:1px solid #ffffff29;border-radius:10px;padding:7px 10px;font-size:10px}.overview-stats strong{color:#fff;margin-right:3px;font-size:13px}.family-score-card{text-align:center;align-content:center;justify-items:center;gap:12px;padding:18px;display:grid}.family-score-card .progress-orbit{width:106px;height:106px}.family-score-card .progress-orbit:before{width:86px;height:86px}.family-score-card>div:last-child{gap:3px;display:grid}.family-score-card>div:last-child small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.family-score-card>div:last-child b{max-width:210px;font-size:11px;line-height:1.35}.family-trend-card{grid-template-rows:auto 1fr;padding:20px;display:grid}.card-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-heading h2{font-family:var(--font-display), serif;margin:4px 0 0;font-size:24px}.card-heading>small{max-width:115px;color:var(--muted);text-align:right;font-size:9px;line-height:1.35}.trend-bars{grid-template-columns:repeat(4,1fr);align-items:end;gap:9px;min-height:116px;padding-top:11px;display:grid}.trend-column{grid-template-rows:17px 1fr 15px;align-self:stretch;justify-items:center;min-width:0;display:grid}.trend-column>strong{color:var(--ink);font-size:10px}.trend-track{background:linear-gradient(#183c4209 1px,#0000 1px) 0 0/100% 25%,#183c420e;border-radius:8px 8px 4px 4px;align-items:end;width:100%;max-width:38px;min-height:70px;display:flex;position:relative;overflow:hidden}.trend-track i{border-radius:inherit;background:linear-gradient(180deg, var(--coral), #e7a36e);width:100%;transition:height .28s;display:block}.trend-column>small{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.theme-overview{padding-top:23px}.compact-section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:12px;display:flex}.compact-section-heading h2{font-family:var(--font-display), serif;letter-spacing:-.035em;margin:4px 0 0;font-size:30px;font-weight:600}.compact-section-heading>p{color:var(--muted);margin:0 0 4px;font-size:10px}.theme-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.theme-summary-card{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fffdf8d6;border-radius:17px;grid-template-columns:38px minmax(0,1fr) auto 35px;align-items:center;gap:10px;min-width:0;min-height:82px;padding:12px;transition:all .16s;display:grid;position:relative}.theme-summary-card:hover,.theme-summary-card.selected{border-color:var(--theme)}@supports (color:color-mix(in lab, red, red)){.theme-summary-card:hover,.theme-summary-card.selected{border-color:color-mix(in srgb, var(--theme) 55%, white)}}.theme-summary-card:hover,.theme-summary-card.selected{background:var(--theme-pale)}@supports (color:color-mix(in lab, red, red)){.theme-summary-card:hover,.theme-summary-card.selected{background:color-mix(in srgb, var(--theme-pale) 60%, white)}}.theme-summary-card:hover,.theme-summary-card.selected{box-shadow:0 9px 24px var(--theme)}@supports (color:color-mix(in lab, red, red)){.theme-summary-card:hover,.theme-summary-card.selected{box-shadow:0 9px 24px color-mix(in srgb, var(--theme) 12%, transparent)}}.theme-summary-card:hover,.theme-summary-card.selected{transform:translateY(-2px)}.theme-summary-icon{background:var(--theme-pale);width:38px;height:38px;color:var(--theme);border-radius:12px;place-items:center;font-size:18px;display:grid}.theme-summary-copy{min-width:0;display:grid}.theme-summary-copy>b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.theme-summary-copy>small{color:var(--muted);margin-top:3px;font-size:8px}.theme-meter{background:#183c4217;border-radius:999px;height:4px;margin-top:8px;overflow:hidden}.theme-meter i{border-radius:inherit;background:var(--theme);height:100%;display:block}.theme-summary-card>strong{color:var(--theme);font-size:13px}.trend-bars-compact{gap:3px;min-height:38px;padding:0}.trend-bars-compact .trend-column{grid-template-rows:1fr}.trend-bars-compact .trend-column>strong,.trend-bars-compact .trend-column>small{display:none}.trend-bars-compact .trend-track{border-radius:4px;width:6px;min-height:35px}.trend-bars-compact .trend-track i{background:var(--theme);opacity:.65}.people-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-width:1460px;margin:18px auto 0;padding:0 clamp(16px,4vw,56px);display:grid}.family-card,.person-card{border-radius:15px;min-height:62px}.family-card{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:9px;display:grid}.all-avatar{width:34px;height:34px;margin:0}.family-card>span:last-child,.person-card>span:last-child{min-width:0;display:grid}.family-card b,.person-card b{font-size:11px}.family-card small,.person-card small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8px;overflow:hidden}.person-card{grid-template-columns:34px minmax(0,1fr);gap:9px;min-height:62px;padding:9px}.person-card:disabled{cursor:default;opacity:.48}.person-card:disabled:hover{border-color:var(--line);box-shadow:none;transform:none}.person-avatar{background:var(--person-pale);width:34px;height:34px;color:var(--person);border-radius:11px;place-items:center;font-size:11px;font-weight:900;display:grid}.goals-section{max-width:1460px;padding:28px clamp(16px,4vw,56px) 70px}.section-heading{align-items:center;margin-bottom:18px}.section-heading h2{font-size:clamp(30px,3vw,42px)}.goal-filters{justify-content:flex-end;align-items:center;gap:7px;display:flex}.clear-filter{border:1px solid var(--line);cursor:pointer;color:var(--muted);background:#fffdf8b8;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:800}.theme-group{margin-top:24px}.theme-heading{border-radius:14px;grid-template-columns:auto 1fr auto;gap:10px;margin-bottom:9px;padding:9px 12px}.theme-heading>span{border-radius:11px;width:34px;height:34px;font-size:17px}.theme-heading h3{font-size:17px}.theme-heading>strong{z-index:1;color:var(--theme);background:#ffffffb8;border-radius:999px;padding:6px 9px;font-size:10px;position:relative}.goal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.goal-card{border-radius:17px;min-height:185px;display:block;position:relative}.goal-compact-head{grid-template-columns:30px auto 1fr;align-items:center;gap:7px;padding:11px 13px 0;display:grid}.goal-theme-symbol{background:var(--theme-pale);width:30px;height:30px;color:var(--theme);border-radius:9px;place-items:center;font-size:15px;display:grid}.goal-person{border:1px solid var(--theme);justify-self:end;place-items:center;width:24px;height:24px;display:grid}@supports (color:color-mix(in lab, red, red)){.goal-person{border:1px solid color-mix(in srgb, var(--theme) 20%, white)}}.goal-person{color:var(--theme);border-radius:50%;font-size:8px;font-weight:900}.goal-body{min-height:140px;padding:10px 13px 12px}.goal-body h3{margin:0 0 5px;font-size:17px;line-height:1.13}.goal-body>p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:9px;display:-webkit-box;overflow:hidden}.slider-block{margin-top:auto;padding-top:8px}.slider-readout{margin-bottom:4px}.slider-readout span{font-size:16px}.slider-readout strong{font-size:8px}input[type=range]{height:5px}input[type=range]::-webkit-slider-thumb{width:18px;height:18px}.complete-button{border-radius:10px;margin-top:auto;padding:7px 9px;font-size:9px}.complete-button span{font-size:13px}.goal-footer{grid-template-columns:42px 1fr;margin-top:9px;font-size:7px}.empty-goals{color:var(--muted);text-align:center;border:1px dashed #183c422e;border-radius:18px;padding:36px}.timeline-topline{margin-bottom:35px}.timeline-topline>span{color:var(--muted);font-size:11px;font-weight:800}@media (max-width:1180px){.overview-grid{grid-template-columns:minmax(0,1fr) 220px}.family-trend-card{grid-column:1/-1;min-height:180px}.theme-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.people-strip,.goal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:780px){.dashboard-overview{padding-top:14px}.overview-toolbar,.compact-section-heading,.section-heading{flex-direction:column;align-items:stretch}.year-context{justify-content:space-between}.overview-grid{grid-template-columns:1fr}.year-intro-card,.family-score-card,.family-trend-card{min-height:auto}.year-intro-card{padding:24px}.family-score-card{text-align:left;grid-template-columns:auto 1fr;justify-items:start}.family-trend-card{grid-column:auto}.theme-summary-grid{grid-template-columns:1fr}.people-strip{padding-top:2px;display:flex;overflow-x:auto}.family-card,.person-card{flex:0 0 168px}.goal-filters{flex-direction:column;align-items:stretch}.kind-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.goal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.goal-card{grid-template-columns:1fr}}.archive-page{width:min(1480px,100% - 40px);min-height:calc(100svh - 170px);margin:0 auto;padding:56px 0 84px}.archive-hero{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:28px;display:flex}.archive-hero h1{max-width:820px;font-family:var(--font-serif), serif;letter-spacing:-.045em;margin:8px 0 10px;font-size:clamp(40px,5vw,76px);line-height:.96}.archive-hero p{max-width:720px;color:var(--muted);margin:0;font-size:15px;line-height:1.65}.archive-year-tabs{border:1px solid var(--line);background:#ffffff94;border-radius:999px;flex:none;gap:5px;padding:5px;display:flex}.archive-year-tabs button{cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 15px;font-size:12px;font-weight:850}.archive-year-tabs button.active{background:var(--navy);color:#fff;box-shadow:0 5px 14px #183c422e}.archive-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.family-year-groups{gap:42px;display:grid}.archive-family-year{gap:17px;display:grid}.archive-family-year+.archive-family-year{border-top:1px solid var(--line);padding-top:38px}.archive-family-year-heading{grid-template-columns:auto 1fr;align-items:end;gap:2px 12px;display:grid}.archive-family-year-heading span{color:var(--coral);letter-spacing:.14em;text-transform:uppercase;grid-column:1/-1;font-size:9px;font-weight:900}.archive-family-year-heading h2{font-family:var(--font-serif), serif;margin:0;font-size:40px;line-height:1}.archive-family-year-heading small{color:var(--muted);padding-bottom:4px;font-size:10px;font-weight:750}.archive-family-gallery{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;display:grid}.archive-family-gallery>.family-position-iwan,.archive-family-gallery>.family-position-mirjam{grid-column:span 3}.archive-family-gallery>.family-position-olivier,.archive-family-gallery>.family-position-julius,.archive-family-gallery>.family-position-florijne{grid-column:span 2}.archive-poster{background:var(--paper);border:1px solid #183c421a;border-radius:26px;transition:transform .18s,box-shadow .18s;overflow:hidden;box-shadow:0 18px 55px #25302a17}.archive-poster:hover{transform:translateY(-4px);box-shadow:0 26px 66px #25302a26}.archive-poster-art{aspect-ratio:3/2;background:var(--person-pale);cursor:zoom-in;text-align:left;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.archive-poster-art:after{content:"";background:linear-gradient(#0000 48%,#091d20d1 100%);position:absolute;inset:0}.archive-poster-art img{object-fit:cover;width:100%;height:100%;transition:transform .45s;display:block}.archive-poster:hover .archive-poster-art img{transform:scale(1.025)}.archive-poster-overlay{z-index:1;color:#fff;grid-template-columns:1fr auto;align-items:end;display:grid;position:absolute;bottom:22px;left:24px;right:24px}.archive-poster-overlay small{color:#ffffffc2;letter-spacing:.16em;text-transform:uppercase;grid-column:1/-1;margin-bottom:3px;font-size:10px;font-weight:900}.archive-poster-overlay strong{font-family:var(--font-serif), serif;font-size:clamp(32px,4vw,55px);line-height:.95}.archive-poster-overlay b{color:#ffe3ad;font-family:var(--font-serif), serif;padding-bottom:3px;font-size:30px}.archive-poster-info{justify-content:space-between;align-items:center;gap:20px;padding:17px 20px 18px;display:flex}.archive-poster-info>div{gap:3px;display:grid}.archive-poster-info span{color:var(--navy);font-size:12px;font-weight:850}.archive-poster-info small{color:var(--muted);font-size:10px}.archive-poster-info>button{border:1px solid var(--person);align-items:center;gap:8px;padding:9px 12px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.archive-poster-info>button{border:1px solid color-mix(in srgb, var(--person) 20%, white)}}.archive-poster-info>button{background:var(--person-pale);color:var(--person);cursor:pointer;border-radius:999px;font-size:10px;font-weight:900}.archive-empty{text-align:center;background:#ffffff73;border:1px dashed #183c422e;border-radius:28px;align-content:center;place-items:center;min-height:380px;padding:40px;display:grid}.archive-empty>span{font-size:34px}.archive-empty h2{font-family:var(--font-serif), serif;margin:10px 0 5px;font-size:32px}.archive-empty p{color:var(--muted);margin:0 0 18px}.archive-empty button{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:11px 16px;font-size:12px;font-weight:850}.archive-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b1d20c7;place-items:start center;padding:34px;display:grid;position:fixed;inset:0;overflow-y:auto}.archive-modal{background:var(--paper);border-radius:30px;width:min(1240px,100%);margin:auto;position:relative;overflow:hidden;box-shadow:0 35px 110px #00000059}.archive-modal-close{z-index:3;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f262aad;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:42px;height:42px;font-size:26px;line-height:1;display:grid;position:absolute;top:17px;right:17px}.archive-modal-image{aspect-ratio:3/1.45;position:relative;overflow:hidden}.archive-modal-image:after{content:"";background:linear-gradient(#0000 45%,#091d20e0 100%);position:absolute;inset:0}.archive-modal-image img{object-fit:cover;width:100%;height:100%;display:block}.archive-modal-image>div{z-index:1;color:#fff;grid-template-columns:1fr auto;align-items:end;display:grid;position:absolute;bottom:clamp(20px,4vw,48px);left:clamp(22px,5vw,64px);right:clamp(22px,5vw,64px)}.archive-modal-image span{letter-spacing:.14em;text-transform:uppercase;grid-column:1/-1;font-size:11px;font-weight:900}.archive-modal-image h2{font-family:var(--font-serif), serif;letter-spacing:-.04em;margin:3px 0 0;font-size:clamp(50px,7vw,94px);line-height:.85}.archive-modal-image b{color:#ffe0a1;font-family:var(--font-serif), serif;font-size:clamp(34px,5vw,62px)}.archive-modal-content{padding:clamp(28px,5vw,58px)}.archive-modal-intro{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.archive-modal-intro h3{font-family:var(--font-serif), serif;margin:4px 0 0;font-size:clamp(32px,4vw,52px);line-height:1}.archive-purpose-note{border:1px solid var(--person);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:15px;margin-bottom:28px;padding:18px;display:grid}@supports (color:color-mix(in lab, red, red)){.archive-purpose-note{border:1px solid color-mix(in srgb, var(--person) 17%, white)}}.archive-purpose-note{background:var(--person-pale);border-radius:22px}@supports (color:color-mix(in lab, red, red)){.archive-purpose-note{background:color-mix(in srgb, var(--person-pale) 54%, white)}}.archive-purpose-note>span{width:44px;height:44px;color:var(--person);background:#fff;border-radius:14px;place-items:center;font-size:18px;display:grid}.archive-purpose-note small{color:var(--person);letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:900}.archive-purpose-note p{max-width:620px;color:var(--muted);margin:3px 0 0;font-size:11px;line-height:1.5}.archive-purpose-note button{border:1px solid var(--person);align-items:center;gap:8px;padding:10px 13px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.archive-purpose-note button{border:1px solid color-mix(in srgb, var(--person) 20%, white)}}.archive-purpose-note button{color:var(--person);cursor:pointer;background:#fff;border-radius:999px;font-size:9px;font-weight:900}.archive-theme-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.archive-theme-list>section{border:1px solid var(--theme);padding:18px}@supports (color:color-mix(in lab, red, red)){.archive-theme-list>section{border:1px solid color-mix(in srgb, var(--theme) 16%, white)}}.archive-theme-list>section{background:var(--theme-pale);border-radius:18px}@supports (color:color-mix(in lab, red, red)){.archive-theme-list>section{background:color-mix(in srgb, var(--theme-pale) 58%, white)}}.archive-theme-list h4{color:var(--theme);align-items:center;gap:9px;margin:0 0 12px;font-size:12px;display:flex}.archive-theme-list h4 span{background:#fff;border-radius:10px;place-items:center;width:29px;height:29px;display:grid}.archive-theme-list ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.archive-theme-list li{grid-template-columns:auto 1fr;align-items:start;gap:8px;display:grid}.archive-theme-list li b{color:var(--navy);padding-top:2px;font-size:11px;line-height:1.4}.kind-dot{min-width:61px;color:var(--muted);text-align:center;text-transform:uppercase;background:#fff;border-radius:999px;padding:4px 6px;font-size:7px;font-weight:900}.kind-dot.kind-doel{color:#3479a3}.kind-dot.kind-ambitie{color:#429172}.kind-dot.kind-wens{color:#9a5aa5}.kind-dot.kind-mijlpaal{color:#b77a20}@media (max-width:1180px){.archive-gallery{gap:16px}.archive-poster-info{flex-direction:column;align-items:flex-start}}@media (max-width:780px){.archive-page{width:min(100% - 24px,1480px);padding-top:34px}.archive-hero{flex-direction:column;align-items:flex-start}.archive-gallery,.archive-theme-list,.archive-family-gallery,.pride-gallery-family{grid-template-columns:1fr}.archive-family-gallery>.family-position-iwan,.archive-family-gallery>.family-position-mirjam,.archive-family-gallery>.family-position-olivier,.archive-family-gallery>.family-position-julius,.archive-family-gallery>.family-position-florijne,.pride-gallery-family>.family-position-iwan,.pride-gallery-family>.family-position-mirjam,.pride-gallery-family>.family-position-olivier,.pride-gallery-family>.family-position-julius,.pride-gallery-family>.family-position-florijne{grid-column:1}.archive-poster-overlay{bottom:15px;left:16px;right:16px}.archive-modal-backdrop{padding:10px}.archive-modal{border-radius:20px}.archive-modal-image{aspect-ratio:1.25}.archive-modal-intro{flex-direction:column;align-items:flex-start}.archive-purpose-note{grid-template-columns:44px minmax(0,1fr)}.archive-purpose-note button{grid-column:1/-1;justify-content:center}}@media (max-width:520px){.family-tree{padding-left:13px;padding-right:13px}.family-tree-parents{grid-template-columns:1fr;max-width:400px}.family-tree-bond{flex-direction:column;height:38px}.family-tree-bond i{width:2px;height:auto}.family-tree-bond span{flex-basis:26px}.family-tree-trunk{height:32px}.family-member-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-purpose-note{grid-template-columns:1fr;justify-items:start}.archive-purpose-note button{grid-column:auto;width:100%}.reflection-mode-tabs{width:100%}.reflection-mode-tabs button{flex:1}.pride-summary{grid-template-columns:1fr}.pride-summary span{grid-template-columns:auto 1fr;justify-content:center;gap:9px;min-height:66px}.pride-summary span+span{border-top:1px solid var(--line);border-left:0}.pride-story-visual{aspect-ratio:1.35}.pride-story-body{padding:17px}.year-picker{justify-content:space-between;width:100%}.year-picker button{flex:1}.year-context>span{text-align:right}.overview-stats span{flex:auto}.card-heading{flex-direction:column;align-items:flex-start}.card-heading>small{text-align:left;max-width:none}.theme-summary-card{grid-template-columns:38px minmax(0,1fr) auto 30px}.goal-grid{grid-template-columns:1fr}.goal-card{min-height:170px}.goal-body{min-height:125px}}.goal-layout-switch{border:1px solid var(--line);background:#fffdf8b8;border-radius:12px;gap:4px;padding:4px;display:flex}.goal-layout-switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:850;display:inline-flex}.goal-layout-switch button span{font-size:13px;line-height:1}.goal-layout-switch button.active{background:var(--navy);color:#fff;box-shadow:0 4px 12px #183c422b}.goal-matrix-wrap{border:1px solid var(--line);background:#fffdf8eb;border-radius:18px;margin-top:18px;overflow-x:auto;box-shadow:0 10px 28px #2639340f}.goal-matrix{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1040px}.goal-matrix th,.goal-matrix td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:11px 12px}.goal-matrix th{background:var(--sand)}@supports (color:color-mix(in lab, red, red)){.goal-matrix th{background:color-mix(in srgb, var(--sand) 66%, white)}}.goal-matrix th{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font-size:8px;font-weight:900}.goal-matrix th button{width:100%;color:inherit;cursor:pointer;font:inherit;font-weight:inherit;letter-spacing:inherit;text-align:left;text-transform:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;gap:7px;padding:0;display:flex}.goal-matrix th button:hover,.goal-matrix th button:focus-visible{color:var(--navy)}.goal-matrix th button span{width:18px;height:18px;color:var(--muted);border-radius:6px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.goal-matrix th button span{color:color-mix(in srgb, var(--muted) 55%, transparent)}}.goal-matrix th button span{letter-spacing:0;font-size:11px}.goal-matrix th button span.active{background:var(--navy);color:#fff}.goal-matrix th:first-child{width:31%}.goal-matrix th:nth-child(2){width:10%}.goal-matrix th:nth-child(3){width:14%}.goal-matrix th:nth-child(4){width:9%}.goal-matrix th:nth-child(5){width:24%}.goal-matrix th:last-child{width:12%}.goal-matrix tbody tr:last-child td{border-bottom:0}.goal-matrix tbody tr{transition:background .16s}.goal-matrix tbody tr:hover{background:var(--theme-pale)}@supports (color:color-mix(in lab, red, red)){.goal-matrix tbody tr:hover{background:color-mix(in srgb, var(--theme-pale) 48%, transparent)}}.goal-matrix .matrix-row-complete{background:var(--theme-pale)}@supports (color:color-mix(in lab, red, red)){.goal-matrix .matrix-row-complete{background:color-mix(in srgb, var(--theme-pale) 30%, transparent)}}.matrix-goal-cell{grid-template-columns:31px minmax(0,1fr);align-items:center;gap:9px;display:grid}.matrix-theme-icon{background:var(--theme-pale);width:31px;height:31px;color:var(--theme);border-radius:9px;place-items:center;font-size:15px;display:grid}.matrix-goal-cell b{color:var(--navy);font-size:11px;line-height:1.25;display:block}.matrix-goal-cell small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8px;line-height:1.3;display:block;overflow:hidden}.matrix-person{color:var(--navy);align-items:center;gap:6px;font-size:9px;font-weight:800;display:inline-flex}.matrix-person i{border:1px solid var(--theme);place-items:center;width:23px;height:23px;display:grid}@supports (color:color-mix(in lab, red, red)){.matrix-person i{border:1px solid color-mix(in srgb, var(--theme) 18%, white)}}.matrix-person i{background:var(--theme-pale);color:var(--theme);border-radius:50%;font-size:7px;font-style:normal}.matrix-theme-label{color:var(--muted);font-size:9px;font-weight:750}.matrix-progress-cell input[type=range]{width:100%;margin:5px 0 0}.matrix-progress-readout,.matrix-progress-summary{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:8px;display:flex}.matrix-progress-readout b,.matrix-progress-readout strong,.matrix-progress-summary b{color:var(--navy);font-size:10px}.matrix-progress-summary>span{background:#183c4217;border-radius:999px;flex:1;height:5px;overflow:hidden}.matrix-progress-summary>span i{border-radius:inherit;background:var(--theme);height:100%;display:block}.matrix-status{border:1px solid var(--line);min-width:80px;color:var(--muted);white-space:nowrap;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:7px 9px;font-size:8px;font-weight:900;display:inline-flex}button.matrix-status{cursor:pointer}.matrix-status i{font-size:11px;font-style:normal}.matrix-status.is-complete{border-color:var(--theme)}@supports (color:color-mix(in lab, red, red)){.matrix-status.is-complete{border-color:color-mix(in srgb, var(--theme) 30%, white)}}.matrix-status.is-complete{background:var(--theme-pale);color:var(--theme)}.matrix-status.is-on-track{color:#2f765c;background:#e7f6ef;border-color:#c6ded5}.matrix-status.is-open:hover{border-color:var(--theme)}@supports (color:color-mix(in lab, red, red)){.matrix-status.is-open:hover{border-color:color-mix(in srgb, var(--theme) 42%, white)}}.matrix-status.is-open:hover{color:var(--theme)}@media (max-width:780px){.goal-layout-switch{align-self:flex-start}.goal-matrix-wrap{border-radius:14px;margin-top:10px}}.red-thread-page{width:min(1480px,100% - 40px);min-height:calc(100svh - 170px);margin:0 auto;padding:56px 0 90px}.red-thread-hero{background:radial-gradient(circle at 92% 12%,#d95f5529,#0000 28%),radial-gradient(circle at 75% 90%,#42917229,#0000 32%),linear-gradient(135deg,#fffdf8,#f2eee4);border:1px solid #183c421a;border-radius:34px;grid-template-columns:minmax(0,1fr) minmax(280px,370px);align-items:end;gap:28px;padding:clamp(28px,4vw,56px);display:grid;overflow:hidden;box-shadow:0 24px 70px #183c4214}.red-thread-hero-copy h1{max-width:900px;font-family:var(--font-serif), serif;letter-spacing:-.052em;margin:10px 0 14px;font-size:clamp(44px,6.4vw,92px);line-height:.93}.red-thread-hero-copy p{max-width:760px;color:var(--muted);margin:0;font-size:16px;line-height:1.7}.red-thread-years{background:#ffffffb8;border:1px solid #183c421a;border-radius:22px;padding:20px}.red-thread-years>small{color:var(--coral);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:900}.red-thread-years>div{align-items:center;gap:10px;margin:9px 0 5px;display:flex}.red-thread-years>div span{align-items:center;gap:10px;display:flex}.red-thread-years b{color:var(--navy);font-family:var(--font-serif), serif;font-size:clamp(30px,3vw,46px);line-height:1}.red-thread-years i{color:var(--coral);font-size:21px;font-style:normal}.red-thread-years p{color:var(--muted);margin:0;font-size:11px;line-height:1.45}.red-thread-method{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 38px;display:grid}.red-thread-method article{border:1px solid var(--line);background:#fffdf8c2;border-radius:18px;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:12px;padding:18px;display:grid}.red-thread-method article>span{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:12px;font-weight:900;display:grid}.red-thread-method b{font-size:13px}.red-thread-method p{color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.5}.red-thread-profiles{gap:22px;display:grid}.red-thread-profile{border:1px solid var(--line);background:#fffdf8e6;border-radius:28px;overflow:hidden;box-shadow:0 16px 48px #183c420f}.red-thread-person{border-bottom:1px solid var(--line);background:linear-gradient(90deg, var(--person-pale), transparent 38%), #ffffff8c;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:16px;padding:22px 24px;display:grid}.red-thread-person>span{background:var(--person);color:#fff;width:56px;height:56px;font-family:var(--font-serif), serif;border-radius:18px;place-items:center;font-size:25px;font-weight:800;display:grid}.red-thread-person small{color:var(--person);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:900}.red-thread-person h2{font-family:var(--font-serif), serif;margin:2px 0 3px;font-size:31px;line-height:1}.red-thread-person p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.red-thread-person-count{text-align:right;min-width:96px;display:grid}.red-thread-person-count strong{color:var(--person);font-family:var(--font-serif), serif;font-size:36px;line-height:.9}.red-thread-person-count small{max-width:120px;color:var(--muted);letter-spacing:0;text-transform:none;margin-top:5px}.red-thread-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;display:grid}.red-thread-card{border:1px solid var(--theme);flex-direction:column;min-width:0;display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.red-thread-card{border:1px solid color-mix(in srgb, var(--theme) 18%, white)}}.red-thread-card{background:linear-gradient(145deg, var(--theme-pale), #ffffffc7 42%), white;border-radius:20px}.red-thread-card-heading{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;padding:17px 18px 12px;display:grid}.red-thread-card-heading>span{width:42px;height:42px;color:var(--theme);box-shadow:0 7px 18px var(--theme);background:#fff;border-radius:14px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.red-thread-card-heading>span{box-shadow:0 7px 18px color-mix(in srgb, var(--theme) 14%, transparent)}}.red-thread-card-heading>span{font-size:19px}.red-thread-card-heading small{color:var(--theme);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:900}.red-thread-card-heading h3{font-family:var(--font-serif), serif;margin:3px 0 0;font-size:22px;line-height:1.08}.red-thread-evidence{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 12px 12px;display:grid}.red-thread-year{background:#ffffffc7;border:1px solid #183c4214;border-radius:14px;min-width:0;padding:12px;position:relative}.red-thread-year>div{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.red-thread-year>div b{color:var(--theme);font-family:var(--font-serif), serif;font-size:23px;line-height:1}.red-thread-year>div small,.red-thread-more{color:var(--muted);font-size:8px;font-weight:800}.red-thread-year ul{gap:6px;margin:11px 0 0;padding:0;list-style:none;display:grid}.red-thread-year li{padding-left:10px;font-size:10px;font-weight:750;line-height:1.35;position:relative}.red-thread-year li:before{background:var(--theme);content:"";border-radius:50%;width:4px;height:4px;position:absolute;top:.5em;left:0}.red-thread-more{margin-top:7px;display:block}.red-thread-connector{z-index:2;background:var(--theme);color:#fff;border-radius:50%;place-items:center;width:19px;height:19px;font-size:10px;font-style:normal;display:grid;position:absolute;top:50%;right:-14px;transform:translateY(-50%)}.red-thread-card-footer{gap:9px;margin-top:auto;padding:0 12px 12px;display:grid}.thread-calibration{background:#183c420e;border-radius:13px;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:9px;padding:11px;display:grid}.thread-calibration>span{background:var(--navy);color:#fff;border-radius:9px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:grid}.thread-calibration>div{gap:3px;display:grid}.thread-calibration b{font-size:10px}.thread-calibration small{color:var(--muted);font-size:8px;line-height:1.45}.thread-calibration.is-attention{background:#fff0eb}.thread-calibration.is-attention>span{background:#c85d45}.thread-calibration.is-stretch{background:#fff4d9}.thread-calibration.is-stretch>span{background:#b77a20}.thread-calibration.is-strong,.thread-calibration.is-fitting{background:#e7f6ef}.thread-calibration.is-strong>span,.thread-calibration.is-fitting>span{background:#429172}.red-thread-reflections{color:var(--theme);font-size:9px;font-weight:850}.red-thread-baseline{border:1px dashed var(--person);grid-template-columns:54px minmax(0,1fr);align-items:center;gap:15px;margin:18px;padding:24px;display:grid}@supports (color:color-mix(in lab, red, red)){.red-thread-baseline{border:1px dashed color-mix(in srgb, var(--person) 30%, white)}}.red-thread-baseline{background:var(--person-pale);border-radius:20px}.red-thread-baseline>span{width:54px;height:54px;color:var(--person);background:#fff;border-radius:18px;place-items:center;font-size:23px;display:grid}.red-thread-baseline h3{font-family:var(--font-serif), serif;margin:0 0 5px;font-size:23px}.red-thread-baseline p{max-width:780px;color:var(--muted);margin:0;font-size:11px;line-height:1.55}.red-thread-new-lines{align-items:center;gap:12px;padding:0 18px 18px;display:flex}.red-thread-new-lines>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;flex:none;font-size:9px;font-weight:900}.red-thread-new-lines>div{flex-wrap:wrap;gap:6px;display:flex}.red-thread-new-lines>div span{background:var(--theme-pale);color:var(--theme);border-radius:999px;align-items:center;gap:5px;padding:7px 9px;font-size:9px;font-weight:850;display:inline-flex}.red-thread-new-lines i{font-style:normal}.red-thread-note{background:#fffdf8d1;border:1px solid #183c421a;border-radius:18px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:14px;max-width:900px;margin:22px auto 0;padding:18px 22px;display:grid}.red-thread-note>span{background:var(--navy);color:#fff;border-radius:15px;place-items:center;width:46px;height:46px;font-size:19px;display:grid}.red-thread-note b{font-size:12px}.red-thread-note p{color:var(--muted);margin:4px 0 0;font-size:10px;line-height:1.5}@media (max-width:1100px){.topbar nav{scrollbar-width:none;justify-content:flex-start;overflow-x:auto}.topbar nav::-webkit-scrollbar{display:none}.topbar nav button{flex:none}.red-thread-grid{grid-template-columns:1fr}}@media (max-width:780px){.red-thread-page{width:min(100% - 24px,1480px);padding-top:30px}.red-thread-hero{border-radius:24px;grid-template-columns:1fr;padding:25px 20px}.red-thread-hero-copy h1{font-size:clamp(42px,15vw,64px)}.red-thread-method{grid-template-columns:1fr;margin-bottom:22px}.red-thread-person{grid-template-columns:46px minmax(0,1fr);padding:17px}.red-thread-person>span{border-radius:15px;width:46px;height:46px;font-size:21px}.red-thread-person-count{text-align:left;grid-column:1/-1;grid-template-columns:auto 1fr;align-items:baseline;gap:7px;min-width:0;padding-left:62px}.red-thread-person-count strong{font-size:25px}.red-thread-grid{padding:10px}.red-thread-evidence{grid-template-columns:1fr}.red-thread-connector{top:auto;bottom:-14px;right:50%;transform:translate(50%)rotate(90deg)}.red-thread-new-lines{flex-direction:column;align-items:flex-start;padding:4px 12px 14px}.red-thread-baseline{grid-template-columns:42px minmax(0,1fr);margin:10px;padding:17px}.red-thread-baseline>span{border-radius:14px;width:42px;height:42px}}@media (max-width:520px){.topbar nav{gap:2px;padding:4px;bottom:8px;left:8px;right:8px}.topbar nav button{padding:8px 10px;font-size:10px}.red-thread-card-heading h3{font-size:20px}.red-thread-note{grid-template-columns:38px minmax(0,1fr);padding:14px}.red-thread-note>span{border-radius:12px;width:38px;height:38px}}.topbar{grid-template-columns:auto 1fr}.topbar-menu{justify-content:space-between;align-items:center;gap:clamp(12px,2vw,24px);min-width:0;display:flex}.menu-toggle,.menu-backdrop{display:none}@media (max-width:1100px){.topbar{z-index:50;-webkit-backdrop-filter:none;backdrop-filter:none;grid-template-columns:1fr auto}.menu-toggle{z-index:51;border:1px solid var(--line);cursor:pointer;background:#ffffffa6;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;padding:0;display:inline-flex;position:relative}.menu-toggle-bars,.menu-toggle-bars:before,.menu-toggle-bars:after{content:"";background:var(--navy);border-radius:3px;width:22px;height:2.5px;transition:transform .25s,opacity .2s,background .2s;display:block}.menu-toggle-bars{position:relative}.menu-toggle-bars:before{position:absolute;top:-7px;left:0}.menu-toggle-bars:after{position:absolute;top:7px;left:0}.menu-toggle[aria-expanded=true] .menu-toggle-bars{background:0 0}.menu-toggle[aria-expanded=true] .menu-toggle-bars:before{transform:translateY(7px)rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-toggle-bars:after{transform:translateY(-7px)rotate(-45deg)}.topbar-menu{z-index:45;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fcf9f3fa;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:20px;width:min(86vw,340px);padding:82px 20px 28px;transition:transform .28s;position:fixed;inset:0 0 0 auto;overflow-y:auto;transform:translate(105%);box-shadow:-18px 0 50px #183c4238}.topbar-menu.is-open{transform:translate(0)}.topbar-menu nav{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffff8c;border-radius:18px;flex-direction:column;align-items:stretch;gap:6px;padding:6px;position:static;inset:auto}.topbar-menu nav button{text-align:left;width:100%;padding:14px 16px;font-size:15px}.topbar-menu .account-actions{flex-direction:column;align-items:stretch;gap:14px}.topbar-menu .environment-switch{border:0;flex-direction:column;align-items:flex-start;gap:6px;padding:0}.topbar-menu .environment-switch>span{font-size:12px;display:inline}.topbar-menu .environment-switch select{width:100%;max-width:none;min-height:46px;padding:10px 14px}.topbar-menu .settings-link{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);text-align:center;border-radius:14px;justify-content:center;align-items:center;padding:12px 16px;font-size:14px;display:inline-flex;overflow:visible}.topbar-menu .settings-link:after{content:none}.menu-backdrop{z-index:44;opacity:0;visibility:hidden;cursor:pointer;background:#183c4257;border:0;margin:0;padding:0;transition:opacity .28s,visibility .28s;display:block;position:fixed;inset:0}.menu-backdrop.is-open{opacity:1;visibility:visible}}.settings-group{border-top:1px solid var(--line);margin-top:26px;padding-top:24px}.settings-group h2{letter-spacing:-.01em;margin:0 0 6px;font-size:18px}.settings-group>p{color:var(--muted);margin:0 0 14px;font-size:14px;line-height:1.5}.profile-options{flex-wrap:wrap;gap:8px;display:flex}.profile-options button{border:1px solid var(--line);cursor:pointer;background:#fff9;border-radius:999px;min-height:44px;padding:10px 18px;font-size:14px;font-weight:650}.profile-options button.active{background:var(--navy);border-color:var(--navy);color:#fff}.settings-logout button{border:1px solid var(--line);cursor:pointer;background:#fff9;border-radius:14px;min-height:46px;padding:12px 22px;font-size:14px;font-weight:650}:root{--won:#26694e;--won-pale:#e7f2ec;--missed:#8a5410;--missed-pale:#fbf0dd}.goal-outcome{gap:7px;margin-top:auto;padding-top:12px;display:grid}.outcome-label{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:800}.outcome-buttons{flex-wrap:wrap;gap:6px;display:flex}.outcome-button{border:1px solid var(--line);min-height:38px;color:var(--muted);cursor:pointer;white-space:nowrap;background:#fff9;border-radius:12px;flex:auto;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:11px;font-weight:800;display:inline-flex}.outcome-button i{font-size:13px;font-style:normal}.outcome-button:hover{background:#fff}.outcome-button.outcome-behaald:hover{border-color:var(--won)}@supports (color:color-mix(in lab, red, red)){.outcome-button.outcome-behaald:hover{border-color:color-mix(in srgb, var(--won) 40%, white)}}.outcome-button.outcome-behaald:hover{background:var(--won-pale);color:var(--won)}.outcome-button.outcome-niet-gehaald:hover{border-color:var(--missed)}@supports (color:color-mix(in lab, red, red)){.outcome-button.outcome-niet-gehaald:hover{border-color:color-mix(in srgb, var(--missed) 40%, white)}}.outcome-button.outcome-niet-gehaald:hover{background:var(--missed-pale);color:var(--missed)}.outcome-button.outcome-losgelaten:hover{color:var(--ink);border-color:#183c423d}.goal-outcome.is-closed{justify-content:space-between;align-items:center;gap:8px;display:flex}.outcome-badge{border:1px solid var(--line);color:var(--muted);background:#fff9;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:11px;font-weight:800;display:inline-flex}.outcome-badge i{font-size:13px;font-style:normal}.outcome-behaald .outcome-badge{border-color:var(--won)}@supports (color:color-mix(in lab, red, red)){.outcome-behaald .outcome-badge{border-color:color-mix(in srgb, var(--won) 32%, white)}}.outcome-behaald .outcome-badge{background:var(--won-pale);color:var(--won)}.outcome-niet-gehaald .outcome-badge{border-color:var(--missed)}@supports (color:color-mix(in lab, red, red)){.outcome-niet-gehaald .outcome-badge{border-color:color-mix(in srgb, var(--missed) 32%, white)}}.outcome-niet-gehaald .outcome-badge{background:var(--missed-pale);color:var(--missed)}.outcome-reopen{color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;border-radius:10px;padding:6px 10px;font-size:11px;font-weight:750;text-decoration:underline}.outcome-reopen:hover{color:var(--ink)}.goal-card-niet-gehaald,.goal-card-losgelaten{background:#ffffff8c}.goal-card-losgelaten .goal-body h3,.goal-card-losgelaten .goal-body p{color:var(--muted)}.matrix-status-select{border:1px solid var(--line);max-width:100%;color:var(--muted);cursor:pointer;background:#ffffffb3;border-radius:10px;padding:7px 10px;font-size:11px;font-weight:800}.matrix-status-select.status-behaald{border-color:var(--won)}@supports (color:color-mix(in lab, red, red)){.matrix-status-select.status-behaald{border-color:color-mix(in srgb, var(--won) 32%, white)}}.matrix-status-select.status-behaald{background:var(--won-pale);color:var(--won)}.matrix-status-select.status-niet-gehaald{border-color:var(--missed)}@supports (color:color-mix(in lab, red, red)){.matrix-status-select.status-niet-gehaald{border-color:color-mix(in srgb, var(--missed) 32%, white)}}.matrix-status-select.status-niet-gehaald{background:var(--missed-pale);color:var(--missed)}.score-note{color:var(--muted);margin-top:6px;font-size:11px;font-weight:500;line-height:1.4;display:block}