@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.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:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.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:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.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:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.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:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.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:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.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:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.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:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.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:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.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:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_173403c7-module__czr2iW__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_173403c7-module__czr2iW__variable{--font-inter:"Inter", "Inter Fallback"}
*,:before,:after{box-sizing:border-box}*{margin:0}html{-moz-text-size-adjust:none;text-size-adjust:none}body{-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}textarea{resize:vertical}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance;line-height:1.2}p{overflow-wrap:break-word;text-wrap:pretty}a{color:inherit;text-decoration-skip-ink:auto}ul[role=list],ol[role=list]{padding:0;list-style:none}:focus-visible{outline-offset:var(--focus-offset);outline:2px solid}[data-focus-origin]:focus-visible{box-shadow:none!important;outline:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}table{border-collapse:collapse;border-spacing:0}[hidden]{display:none!important}button{cursor:pointer;background:0 0;border:none;padding:0}fieldset{border:none;padding:0}legend{padding:0}summary{cursor:pointer}:target{scroll-margin-block-start:2rem}:root{--color-primary:#f9b48d;--color-primary-hover:#e5a074;--color-secondary:#374151;--color-white:#fff;--color-accent:#dcd5d2;--color-accent-light:#f3f3f3;--color-accent-text:#374151;--color-action:var(--color-primary);--color-action-hover:var(--color-primary-hover);--color-on-action:var(--color-on-primary);--background-color:#f6f6f6;--border-color:#e5e7eb;--text-dimmed:#a19b99;--text-placeholder:#6e6e6e;--color-online:#02af72;--color-success-text:#047857;--color-on-primary:#27292c;--color-text:#27292c;--color-overlay:#333c;--content:1240px;--font-family:var(--font-inter), system-ui, sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-xs:.75rem;--font-size-s:.875rem;--font-size-m:1rem;--font-size-l:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--space-xs:clamp(.375rem, .217391vw + .331522rem, .5rem);--space-s:clamp(.75rem, .434783vw + .663044rem, 1rem);--space-m:clamp(1.125rem, .652174vw + .994565rem, 1.5rem);--space-l:clamp(1.875rem, 1.08696vw + 1.65761rem, 2.5rem);--space-xl:clamp(3rem, 1.73913vw + 2.65217rem, 4rem);--radius:var(--space-s);--radius-button:calc(var(--radius) / 3);--padding-button:calc(var(--space-s) * .8) var(--space-s);--focus-offset:4px;--bottom-bar-height:110px;--motion-duration-fast:.15s;--motion-duration-base:.2s;--motion-duration-slow:.35s;--motion-ease-standard:cubic-bezier(.2, 0, 0, 1);--motion-duration-spring:.6s;--motion-ease-spring:linear(0, .021, .073, .146, .231, .32, .409, .495, .575, .647, .712, .769, .818, .859, .894, .922, .945, .963, .978, .988, .997, 1.002, 1.006, 1.009, 1.01, 1.011, 1.011, 1.011, 1.01, 1.009, 1.008, 1.007, 1.006, 1.005, 1.004, 1.004, 1.003, 1.002, 1.002, 1.001, 1);--color-skeleton:color-mix(in srgb, var(--color-accent) 45%, var(--color-white))}:root .sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}:root{--space-section:var(--space-xl);--space-card:var(--space-l);--space-stack:var(--space-m);--space-gap:var(--space-s);--space-inline:var(--space-xs)}h1{font-weight:400}body{font-family:var(--font-family);font-weight:var(--font-weight-regular);background:var(--background-color)}section{gap:var(--space-section);padding-inline:var(--space-m);flex-direction:column;display:flex}.container{width:100%;max-width:var(--content);gap:var(--space-l);flex-direction:column;margin:0 auto;display:flex}.page-layout{width:100%;flex-direction:column;justify-self:center;padding-block-end:calc(var(--bottom-bar-height) + env(safe-area-inset-bottom,0px));display:flex}@media (min-width:1024px){.page-layout{flex-direction:row;justify-content:space-between;align-items:flex-start;padding-block-start:var(--space-m);padding-block-end:0;padding-inline-start:var(--space-m)}}.page-layout--compact-end{padding-block-end:0}.page-content{flex-direction:column;flex:1;min-width:0;display:flex}.my-lane{padding-block-start:var(--space-l)}@media (min-width:1024px){.my-lane{padding-block-start:0}}.page-content--focus .top-menu{display:none}@media (min-width:1024px){.page-content--focus .top-menu{display:flex}}.page-main{min-width:0;flex:1;min-block-size:150dvh;padding-block-end:50dvh}.page-main--compact-end{min-block-size:0;padding-block-end:calc(48px + var(--space-m)*2 + env(safe-area-inset-bottom,0px))}@media (min-width:1024px){.page-main--compact-end{padding-block-end:var(--space-l)}}.icon-label{flex-direction:row;gap:.3em;width:100%;display:flex}.dummy-box{background:var(--color-accent);padding:var(--space-m);border-radius:var(--radius);min-height:200px}.feature-grid{display:none}@media (min-width:1024px){.feature-grid{gap:var(--space-m);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.feature-grid article:first-child{grid-column:1/3}}.memory-card{background:var(--color-accent);padding-inline:var(--space-l);padding-block:var(--space-l);gap:var(--space-s);border-radius:12px;flex-direction:column;display:flex}.memory-card__content{gap:var(--space-s);flex-direction:column;display:flex}.memory-card__title{font-weight:500}.memory-card__count{font-size:4rem;font-weight:800;line-height:1}.memory-card__description{font-size:.8rem;font-weight:200}.memory-card__stats{justify-content:space-between;row-gap:var(--space-xs);flex-wrap:wrap;padding:0;list-style-type:none;display:flex}.memory-card__stat-item{gap:var(--space-xs);flex-direction:row;flex:auto;font-size:1.15rem;font-weight:500;display:flex}.memory-card--loading{--skeleton-color:#ffffff8c}.memory-card__skeleton-title{inline-size:45%;font-size:1.5rem;line-height:1.2}.memory-card__skeleton-count{inline-size:30%;font-size:4rem;line-height:1}.memory-card__skeleton-description{inline-size:60%;font-size:.8rem}.memory-card__skeleton-stats{inline-size:90%;font-size:1.15rem}
.button{align-items:center;gap:var(--space-xs);padding:var(--padding-button);border-radius:var(--radius-button);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity var(--motion-duration-base) var(--motion-ease-standard);font-size:var(--font-size-m);justify-content:center;display:inline-flex}.button:disabled{opacity:.4;cursor:not-allowed}.button:focus-visible{outline-offset:var(--focus-offset);outline:2px solid}.button--primary{background-color:var(--color-primary);color:var(--color-on-primary)}.button--primary:hover{background-color:var(--color-primary-hover)}.button--secondary{background-color:var(--color-secondary);color:var(--color-white)}.button--white{background-color:var(--color-white);color:var(--color-text)}.button--accent{background-color:var(--color-accent);color:var(--color-accent-text)}.button--action{background-color:var(--color-action);color:var(--color-on-action);border-radius:200px;padding-block:.3rem}.button--action:hover{background-color:var(--color-action-hover)}.button--icon-right{flex-direction:row-reverse}.button__icon{flex-shrink:0;width:1.25em;height:1.25em}.button__title{white-space:nowrap}
.skeleton{background:var(--skeleton-color,var(--color-skeleton));animation:1.6s ease-in-out 3 skeleton-pulse;display:block}.skeleton--block{border-radius:12px}.skeleton--line{border-radius:6px;block-size:.8lh;margin-block:.1lh}.skeleton--circle{aspect-ratio:1;border-radius:50%}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}
.login-form{gap:var(--space-m);flex-direction:column;display:flex}.login-form__form-error{color:red;padding:var(--space-s);border:1px solid red;border-radius:4px;font-size:.875rem}.login-form__field{gap:var(--space-xs);flex-direction:column;display:flex}.login-form__label{font-weight:var(--font-weight-medium)}.login-form__input{padding-block:var(--space-s);padding-inline:var(--space-s);border:1px solid var(--border-color);border-radius:8px;width:100%}.login-form__input:focus-visible{outline-offset:var(--focus-offset);outline:2px solid}.login-form__input[aria-invalid=true]{border-color:red}.login-form__error{color:red;font-size:.875rem}
.register-form{gap:var(--space-m);flex-direction:column;display:flex}.register-form__form-error{color:red;padding:var(--space-s);border:1px solid red;border-radius:4px;font-size:.875rem}.register-form__row{gap:var(--space-m);grid-template-columns:1fr 1fr;display:grid}.register-form__field{gap:var(--space-xs);flex-direction:column;display:flex}.register-form__label{font-weight:var(--font-weight-medium)}.register-form__input-wrapper{align-items:center;display:flex;position:relative}.register-form__input{padding-block:var(--space-s);padding-inline:var(--space-s);border:1px solid var(--border-color);border-radius:8px;width:100%}.register-form__input:focus-visible{outline-offset:var(--focus-offset);outline:2px solid}.register-form__input[aria-invalid=true]{border-color:red}.register-form__input--with-toggle{padding-inline-end:2.75rem}.register-form__toggle{color:var(--color-secondary);justify-content:center;align-items:center;display:flex;position:absolute;inset-inline-end:var(--space-s)}.register-form__toggle svg{flex-shrink:0;width:20px;height:20px}.register-form__toggle:focus-visible{outline-offset:var(--focus-offset);border-radius:2px;outline:2px solid}.register-form__generate{font-size:var(--font-size-s);color:var(--color-primary);text-underline-offset:2px;align-self:flex-start;text-decoration:underline}.register-form__generate:focus-visible{outline-offset:var(--focus-offset);border-radius:2px;outline:2px solid}.register-form__error{color:red;font-size:.875rem}
.media-block{border-radius:16px;width:100%;height:100%;position:relative;overflow:hidden}.media-block__media{object-fit:cover;width:100%;height:100%;display:block;position:relative}.media-block__placeholder{border-radius:0;animation:none;position:absolute;inset:0}.media-block--placeholder{isolation:isolate}.media-block--placeholder .media-block__media{opacity:0;transition:opacity var(--motion-duration-slow) var(--motion-ease-standard)}.media-block--loaded .media-block__media,.media-block--error .media-block__media{opacity:1}.media-block--placeholder video.media-block__media{opacity:1;transition:none}.media-block--loaded .media-block__placeholder{visibility:hidden;transition:visibility 0s linear var(--motion-duration-slow)}
.onboarding-dierbare-form{gap:var(--space-m);flex-direction:column;display:flex}.onboarding-dierbare-form legend{margin-block-end:var(--space-xs)}.onboarding-dierbare-form__label{font-size:var(--font-size-s);color:var(--color-secondary);opacity:.7}.onboarding-dierbare-form__input-wrapper{align-items:center;gap:var(--space-s);padding-inline:var(--space-s);border:1px solid var(--border-color);color:var(--color-secondary);border-radius:8px;display:flex}.onboarding-dierbare-form__input-wrapper:focus-within{outline-offset:var(--focus-offset);outline:2px solid}.onboarding-dierbare-form__input{padding-block:var(--space-s);padding-inline:var(--space-s);border:1px solid var(--border-color);border-radius:8px;width:100%}.onboarding-dierbare-form__input:focus-visible{outline-offset:var(--focus-offset);outline:2px solid}.onboarding-dierbare-form__input--readonly{background-color:var(--background-color);color:var(--color-secondary);cursor:default;flex:1}.onboarding-dierbare-form__input::placeholder{color:var(--text-dimmed)}.onboarding-dierbare-form__input{background-color:#0000}.onboarding-dierbare-form__input-wrapper .onboarding-dierbare-form__input{border:none;flex:1;padding-inline-start:0}.onboarding-dierbare-form__input-wrapper .onboarding-dierbare-form__input:focus-visible{outline:none}.onboarding-dierbare-form__section{gap:var(--space-s);border:none;flex-direction:column;margin:0;padding:0;display:flex}.onboarding-dierbare-form__link-row{gap:var(--space-s);grid-template-columns:1fr auto;align-items:center;display:grid}.onboarding-dierbare-form__copy-btn{padding-block:var(--space-s);padding-inline:var(--space-m);border:1px solid var(--border-color);font-size:var(--font-size-s);white-space:nowrap;color:var(--color-secondary);border-radius:8px}.onboarding-dierbare-form__copy-btn:hover:not(:disabled){background-color:var(--background-color)}.onboarding-dierbare-form__copy-btn:focus-visible{outline-offset:var(--focus-offset);outline:2px solid}.onboarding-dierbare-form__copy-btn:disabled{opacity:.4;cursor:default}.onboarding-dierbare-form__invite-rows{gap:var(--space-s);flex-direction:column;display:flex}.onboarding-dierbare-form__invite-row{gap:var(--space-s);grid-template-columns:2fr 1fr;align-items:center;display:grid}.onboarding-dierbare-form__input--relation{width:100%}.onboarding-dierbare-form__add-row{align-self:flex-start;align-items:center;gap:var(--space-xs);font-size:var(--font-size-s);color:var(--color-secondary);display:flex}.onboarding-dierbare-form__add-row:focus-visible{outline-offset:var(--focus-offset);border-radius:2px;outline:2px solid}.onboarding-dierbare-form__actions{justify-content:space-between;align-items:center;margin-block-start:var(--space-s);display:flex}.onboarding-dierbare-form__skip{font-size:var(--font-size-s);color:currentColor;text-underline-offset:2px;text-decoration:underline}.onboarding-dierbare-form__skip:focus-visible{outline-offset:var(--focus-offset);border-radius:2px;outline:2px solid}
.onboarding-memory-form{gap:var(--space-m);flex-direction:column;display:flex}.onboarding-memory-form__form-error{color:red;padding:var(--space-s);border:1px solid red;border-radius:4px;font-size:.875rem}.onboarding-memory-form__field{gap:var(--space-xs);flex-direction:column;display:flex}.onboarding-memory-form__label{font-size:var(--font-size-s);color:var(--color-secondary);opacity:.7}.onboarding-memory-form__textarea{padding:var(--space-s);border:1px solid var(--border-color);resize:vertical;border-radius:8px;width:100%;min-height:120px}.onboarding-memory-form__textarea:focus-visible{outline-offset:var(--focus-offset);outline:2px solid}.onboarding-memory-form__textarea[aria-invalid=true]{border-color:red}.onboarding-memory-form__textarea-footer{justify-content:flex-end;display:flex}.onboarding-memory-form__count{font-size:var(--font-size-xs);color:var(--color-secondary);opacity:.5}.onboarding-memory-form__error{color:red;font-size:.875rem}.onboarding-memory-form__upload-section{align-items:center;gap:var(--space-m);padding:var(--space-s);border:1px solid var(--border-color);border-radius:8px;grid-template-columns:auto 1fr;display:grid}.onboarding-memory-form__upload-label{font-size:var(--font-size-s);color:var(--color-secondary);opacity:.7;white-space:nowrap}.onboarding-memory-form__upload-area{align-items:center;gap:var(--space-s);display:flex}.onboarding-memory-form__upload-trigger{border:1.5px dashed var(--border-color);width:72px;height:72px;color:var(--color-secondary);cursor:pointer;transition:border-color var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.onboarding-memory-form__upload-trigger:hover,.onboarding-memory-form__upload-trigger:focus-visible{border-color:var(--color-primary);color:var(--color-primary);outline:2px solid var(--color-primary);outline-offset:var(--focus-offset)}.onboarding-memory-form__file-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.onboarding-memory-form__file-name{font-size:var(--font-size-s);color:var(--color-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.onboarding-memory-form__actions{justify-content:space-between;align-items:center;margin-block-start:var(--space-s);display:flex}.onboarding-memory-form__skip{font-size:var(--font-size-s);color:currentColor;text-underline-offset:2px;text-decoration:underline}.onboarding-memory-form__skip:focus-visible{outline-offset:var(--focus-offset);border-radius:2px;outline:2px solid}.onboarding-memory-form__skip:disabled{opacity:.4;cursor:not-allowed}
.sidebar{gap:var(--space-l);width:100%;max-width:292px;top:var(--space-m);max-height:calc(100dvh - var(--space-m));background:var(--color-white);border-radius:var(--radius);padding-inline:var(--space-m);padding-block:var(--space-s);flex-direction:column;flex-shrink:0;display:none;position:sticky;overflow-y:auto}@media (min-width:1024px){.sidebar{display:flex}}.sidebar__logo{align-self:center;inline-size:100%;max-inline-size:210px}.sidebar__cta{text-transform:none;width:100%}.sidebar__nav{flex-direction:column;gap:0;display:flex}.sidebar__nav-item{align-items:center;gap:var(--space-s);padding:var(--padding-button);border-radius:var(--radius-button);color:var(--color-secondary);font-weight:var(--font-weight-semibold);text-decoration:none;display:flex}.sidebar__nav-item[data-active]{background-color:var(--color-accent);font-weight:var(--font-weight-semibold)}.sidebar__nav-item[data-active]:hover{background-color:var(--color-accent)}.sidebar__nav-item:hover{background-color:var(--background-color)}.sidebar__nav-icon{flex-shrink:0;width:1.5em;height:1.5em}.sidebar__dierbaren{flex-direction:column;display:flex;position:relative}.sidebar__dierbaren:before{content:"";background-color:var(--border-color);width:100%;height:1px;top:calc(var(--space-l)/2*-1);display:block;position:absolute}.sidebar__dierbaren-list{gap:var(--space-s);flex-direction:column;display:flex}.sidebar__dierbare-item{align-items:center;gap:var(--space-s);font-size:var(--font-size-m);font-weight:var(--font-weight-light);display:flex}.sidebar__avatar{background-color:var(--color-accent);width:2rem;height:2rem;color:var(--color-accent-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sidebar__add-dierbare{align-items:center;gap:var(--space-s);font-size:var(--font-size-m);font-weight:var(--font-weight-light);display:flex}.sidebar__add-avatar{border:1px dashed var(--border-color);background-color:var(--color-accent);width:2rem;height:2rem;color:var(--color-accent-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sidebar__add-icon{width:1rem;height:1rem}.sidebar__upgrade{gap:var(--space-s);padding:var(--space-m);border-radius:var(--radius);background-color:var(--color-accent-light);flex-direction:column;display:flex}.sidebar__upgrade-text{font-size:var(--font-size-s)}.sidebar__upgrade-text-dimmed{font-size:var(--font-size-xs);color:var(--text-dimmed)}.sidebar__upgrade-button{width:100%}.sidebar__support{justify-content:center;align-items:center;gap:var(--space-xs);width:100%;font-size:var(--font-size-s);font-weight:var(--font-weight-bold);color:var(--color-secondary);align-self:center;text-decoration:none;display:flex;position:relative}.sidebar__support:before{content:"";background-color:var(--border-color);width:100%;height:1px;top:calc(var(--space-l)/2*-1);display:block;position:absolute}.sidebar__support-icon{width:1.5em;height:1.5em}
.top-menu{justify-content:space-between;align-items:center;gap:var(--space-s);padding-inline:var(--space-m);padding-block-start:calc(var(--space-m) + env(safe-area-inset-top,0px));padding-block-end:var(--space-s);display:flex}.top-menu__logo-link{flex-shrink:0;display:flex}.top-menu__logo{width:172px;max-width:45vw;height:auto}.top-menu__actions{align-items:center;gap:var(--space-xs);display:flex}.top-menu__search,.top-menu__notifications{display:none}@media (min-width:1024px){.top-menu__search,.top-menu__notifications{display:contents}}.top-menu__page-menu{display:flex}@media (min-width:1024px){.top-menu__page-menu{display:none}}.top-menu__page-menu-trigger{width:2.75rem;height:2.75rem;color:var(--color-text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.top-menu__page-menu-trigger:focus-visible{outline:2px solid var(--color-text);outline-offset:var(--focus-offset)}.top-menu__page-menu-icon{width:1.5rem;height:1.5rem}@media (min-width:1024px){.top-menu{justify-content:flex-end;padding-block-start:var(--space-s)}.top-menu .top-menu__logo-link{display:none}}
.bottom-bar{z-index:10;justify-content:flex-end;align-items:center;gap:var(--space-s);background:0 0;padding-block-start:var(--space-m);padding-block-end:calc(var(--space-m) + env(safe-area-inset-bottom,0px));padding-inline:20px;display:flex;position:fixed;inset-block-end:0;inset-inline:0}.bottom-bar--empty{pointer-events:none;background:0 0;padding:0}.bottom-bar__keyboard-proxy{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;font-size:16px;position:fixed;inset-block-start:0;inset-inline-start:0}.bottom-bar__cta,.bottom-bar__menu{justify-content:center;align-items:center;gap:var(--space-xs);min-height:48px;font-size:1rem;line-height:1.5;font-weight:var(--font-weight-medium);transition:background-color var(--motion-duration-base) var(--motion-ease-standard);border-radius:5px;padding-block:12px;padding-inline:16px;display:inline-flex;box-shadow:0 8px 16px #00000014}.bottom-bar__cta:focus-visible,.bottom-bar__menu:focus-visible{outline:2px solid var(--color-text);outline-offset:var(--focus-offset)}.bottom-bar__cta{background-color:var(--color-primary);min-width:0;color:var(--color-on-primary);flex:1;margin-inline-start:8px;box-shadow:0 8.03px 8.03px #346aff26}.bottom-bar__cta:hover{background-color:var(--color-primary-hover)}.bottom-bar__home{background-color:var(--color-white);width:48px;height:48px;color:var(--color-text);transition:background-color var(--motion-duration-base) var(--motion-ease-standard);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 8.03px 8.03px #346aff26}.bottom-bar__home:hover{background-color:var(--color-accent-light)}.bottom-bar__home:focus-visible{outline:2px solid var(--color-text);outline-offset:var(--focus-offset)}.bottom-bar__home-icon{width:1.375rem;height:1.375rem}.bottom-bar__cta-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bottom-bar__cta-icon{flex-shrink:0;width:1rem;height:1rem}.bottom-bar__menu{background-color:var(--color-white);min-width:100px;color:var(--color-text);flex-shrink:0;margin-inline-end:8px;box-shadow:0 8.03px 8.03px #346aff26}.bottom-bar__menu:hover{background-color:var(--color-accent-light)}.bottom-bar__menu-icon{width:1.25rem;height:1.25rem}@media (min-width:1024px){.bottom-bar{display:none}}
@media (min-width:1024px){.mobile-menu{display:none}}.mobile-menu__overlay{background:var(--color-overlay);z-index:20;position:fixed;inset:0}.mobile-menu__panel{z-index:21;flex-direction:column;align-items:flex-end;gap:25px;display:flex;position:fixed;inset-block-end:calc(var(--space-m) + env(safe-area-inset-bottom,0px));inset-inline:20px}.mobile-menu__sheet{background:var(--color-white);border-radius:12px;width:100%;padding:17px 18px}.mobile-menu__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mobile-menu__item+.mobile-menu__item{border-block-start:1px solid var(--border-color)}.mobile-menu__link{min-height:48px;color:var(--color-text);border-radius:5px;align-items:center;gap:16px;padding:12px 16px;font-size:1rem;text-decoration:none;display:flex}.mobile-menu__link[data-active]{background:var(--color-accent)}.mobile-menu__link:focus-visible{outline:2px solid var(--color-text);outline-offset:-2px}.mobile-menu__link--button{inline-size:100%;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;font-size:1rem}.mobile-menu__icon{flex-shrink:0;width:1.375rem;height:1.375rem}.mobile-menu__dot{background:var(--color-secondary);border-radius:50%;flex-shrink:0;block-size:.625rem;inline-size:.625rem}.mobile-menu__close{background:var(--color-white);min-width:100px;min-height:48px;color:var(--color-text);border-radius:5px;justify-content:center;align-items:center;padding-block:12px;padding-inline:32px;display:inline-flex;box-shadow:0 8px 16px #00000014}.mobile-menu__close:focus-visible{outline:2px solid var(--color-white);outline-offset:var(--focus-offset)}.mobile-menu__close-icon{width:1.25rem;height:1.25rem}
.storage-notice{align-items:center;gap:var(--space-xs);padding:calc(var(--space-xs)*.75) var(--space-s);border:1px solid var(--color-primary);color:var(--color-secondary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:background-color var(--motion-duration-base) var(--motion-ease-standard);background-color:#0000;border-radius:200px;display:inline-flex}.storage-notice:hover{background-color:color-mix(in srgb, var(--color-primary) 8%, transparent)}.storage-notice:focus-visible{outline:2px solid var(--color-primary);outline-offset:var(--focus-offset)}.storage-notice__icon{width:1em;height:1em;color:var(--color-primary);flex-shrink:0}.storage-notice__label{line-height:1}
.search{width:2.25rem;height:2.25rem;color:var(--color-secondary);transition:background-color var(--motion-duration-base) var(--motion-ease-standard);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.search:hover{background-color:var(--background-color)}.search:focus-visible{outline-offset:var(--focus-offset);outline:2px solid}.search__icon{width:1.25rem;height:1.25rem}
.notifications{width:2.25rem;height:2.25rem;color:var(--color-secondary);transition:background-color var(--motion-duration-base) var(--motion-ease-standard);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative}.notifications:hover{background-color:var(--background-color)}.notifications:focus-visible{outline-offset:var(--focus-offset);outline:2px solid}.notifications__icon{width:1.25rem;height:1.25rem}.notifications__badge{background-color:var(--color-notification);border:2px solid var(--color-white);border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:.3rem;right:.3rem}
.user-menu{align-items:center;gap:var(--space-s);padding:calc(var(--space-xs)*.5) var(--space-xs);border-radius:var(--radius-button);color:var(--color-secondary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);transition:background-color var(--motion-duration-base) var(--motion-ease-standard);display:inline-flex}.user-menu:hover{background-color:var(--background-color)}.user-menu:focus-visible{outline-offset:var(--focus-offset);outline:2px solid}.user-menu__name{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1024px){.user-menu__name{clip-path:none;width:auto;height:auto;margin:0;position:static;overflow:visible}}.user-menu__avatar-wrap{flex-shrink:0;position:relative}.user-menu__avatar{background-color:var(--color-accent);width:3rem;height:3rem;color:var(--color-accent-text);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}@media (min-width:1024px){.user-menu__avatar{width:2rem;height:2rem;font-size:var(--font-size-xs)}}.user-menu__status{background-color:var(--color-online);border:2px solid var(--color-white);border-radius:50%;width:.55rem;height:.55rem;position:absolute;bottom:0;right:0}
.memory-feed__list{gap:var(--space-m);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.memory-feed__item{min-width:0}.memory-feed{padding-inline:0;position:relative}.memory-feed__list{transition:opacity var(--motion-duration-base) var(--motion-ease-standard)}.memory-feed__list--pending{opacity:0}.memory-feed__skeletons--overlay{z-index:1;pointer-events:none;transition:opacity var(--motion-duration-base) var(--motion-ease-standard),visibility 0s linear var(--motion-duration-base);position:absolute;inset:0;overflow:visible clip}.memory-feed__skeletons--leaving{opacity:0;visibility:hidden}.memory-feed__skeleton{gap:var(--space-s);background:var(--color-white);border:1px solid var(--border-color);margin-inline:calc(8px - var(--space-m));padding:var(--space-s);border-radius:12px;flex-direction:column;display:flex}@media (min-width:1024px){.memory-feed__skeleton{border-radius:16px;max-inline-size:1080px;margin-inline:0;padding:40px}}.memory-feed__skeleton-media{aspect-ratio:16/10;border-radius:8px}@media (min-width:1024px){.memory-feed__skeleton-media{border-radius:12px}}.memory-feed__skeleton-title{font-size:var(--font-size-m);inline-size:60%;line-height:24px}@media (min-width:1024px){.memory-feed__skeleton-title{font-size:var(--font-size-xl);line-height:1.3}}.memory-feed__skeleton-line{inline-size:90%}.memory-feed__skeleton-line--short{inline-size:70%}.memory-feed__error{color:var(--color-error,#dc2626)}.memory-feed__retry{cursor:pointer;font-size:inherit;background:0 0;border:none;margin-block-start:.5rem;padding:0;text-decoration:underline}.memory-feed__empty{color:var(--text-dimmed,#6b7280)}
.feed-item{--feed-item-max:1080px;--feed-item-inline:40px;background:var(--color-white);border:1px solid var(--border-color);margin-inline:calc(8px - var(--space-m));padding:var(--space-s) var(--space-s) 0;border-radius:12px;grid-template-columns:1fr auto;grid-template-areas:"media media""title title""body body""family menu";display:grid}@media (min-width:1024px){.feed-item{max-inline-size:var(--feed-item-max);border-radius:16px;grid-template-areas:"media media""title family""body body""footer footer";margin-inline:0;padding:0}}.feed-item__featured{aspect-ratio:16/10;grid-area:media;width:100%;position:relative}@media (min-width:1024px){.feed-item__featured{width:auto;margin:var(--feed-item-inline) var(--feed-item-inline) 0}}.feed-item__featured-link{-webkit-tap-highlight-color:#0000;height:100%;display:block}.feed-item__featured-media{height:100%;transition:transform var(--motion-duration-spring) var(--motion-ease-spring);border-radius:8px}@media (min-width:1024px){.feed-item__featured-media{border-radius:12px}}.feed-item__featured-link:active .feed-item__featured-media{transition-duration:var(--motion-duration-fast);transition-timing-function:var(--motion-ease-standard);transform:scale(.98)}.feed-item__header{align-items:center;gap:var(--space-s);grid-area:title;padding-block-start:var(--space-s);display:flex}@media (min-width:1024px){.feed-item__header{padding:var(--space-l) 0 0 var(--feed-item-inline)}}.feed-item__status{padding:2px var(--space-xs);border-radius:var(--radius-button);background-color:var(--color-accent-light);color:var(--color-accent-text);font-size:var(--font-size-s);flex-shrink:0;line-height:1.5}.feed-item__title-link{-webkit-tap-highlight-color:#0000;transition:opacity var(--motion-duration-base) var(--motion-ease-standard);text-decoration:none}.feed-item__title-link:hover{text-decoration:underline}.feed-item__title-link:active{opacity:.6;transition-duration:var(--motion-duration-fast)}.feed-item__title{font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:24px}@media (min-width:1024px){.feed-item__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-secondary);line-height:1.3}}.feed-item__body{gap:var(--space-s);flex-direction:column;grid-area:body;padding-block-start:var(--space-xs);display:flex}@media (min-width:1024px){.feed-item__body{padding:var(--space-m) var(--feed-item-inline) 0}}.feed-item__paragraph{color:var(--color-secondary);font-size:var(--font-size-m);white-space:pre-line}.feed-item__family{flex-shrink:0;grid-area:family;align-items:center;display:flex}@media (min-width:1024px){.feed-item__family{padding:var(--space-l) var(--feed-item-inline) 0 0;justify-content:flex-end}}.feed-item__family-static{display:flex}@media (min-width:1024px){.feed-item__family-static{display:none}}.feed-item__family-control{display:none}@media (min-width:1024px){.feed-item__family-control{display:flex}}.feed-item__family-add{background:var(--color-accent);width:1.375rem;height:1.375rem;color:var(--color-secondary);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}@media (min-width:1024px){.feed-item__family-add{width:2.75rem;height:2.75rem}}.feed-item__family-add-icon{width:.75rem;height:.75rem}@media (min-width:1024px){.feed-item__family-add-icon{width:1.25rem;height:1.25rem}}.feed-item__family-manage{cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.feed-item__family-manage:hover .feed-item__family-add--chip,.feed-item__family-manage:focus-visible:not([data-focus-origin]) .feed-item__family-add--chip{background:var(--color-primary);color:var(--color-on-primary)}.feed-item__family-add--chip{border:2px solid var(--color-white);margin-inline-start:-.25rem}@media (min-width:1024px){.feed-item__family-add--chip{margin-inline-start:-.75rem}}.feed-item__family-list{align-items:center;margin:0;padding:0;list-style:none;display:flex}.feed-item__family-member{border:2px solid var(--color-white);background:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;width:1.375rem;height:1.375rem;margin-inline-start:-.25rem;display:inline-flex;overflow:hidden}@media (min-width:1024px){.feed-item__family-member{width:2.75rem;height:2.75rem;margin-inline-start:-.75rem}}.feed-item__family-avatar{object-fit:cover;width:100%;height:100%}.feed-item__family-initials{font-size:.625rem;font-weight:var(--font-weight-semibold);letter-spacing:-.02em;color:var(--color-secondary)}@media (min-width:1024px){.feed-item__family-initials{font-size:var(--font-size-s);letter-spacing:normal}}.feed-item__footer{justify-content:flex-end;align-items:center;gap:var(--space-s);grid-area:menu;min-height:46px;display:flex}@media (min-width:1024px){.feed-item__footer{border-block-start:1px solid var(--border-color);padding:var(--space-s) var(--feed-item-inline);grid-area:footer;justify-content:space-between;margin-block-start:var(--space-m)}}.feed-item__meta{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1024px){.feed-item__meta{clip-path:none;align-items:center;gap:var(--space-m);width:auto;height:auto;color:var(--text-dimmed);font-size:var(--font-size-s);flex-wrap:wrap;margin:0;display:flex;position:static;overflow:visible}}.feed-item__meta-item{align-items:center;gap:var(--space-xs);display:inline-flex}.feed-item__meta-icon{flex-shrink:0;width:1.1rem;height:1.1rem}.feed-item__menu{width:2.75rem;height:2.75rem;color:var(--color-text);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@media (min-width:1024px){.feed-item__menu{width:2rem;height:2rem}}.feed-item__menu-icon{width:1.25rem;height:1.25rem}
.memory-detail-stage{position:relative}.memory-detail{gap:var(--space-m);max-inline-size:1000px;flex-direction:column;padding-block-start:var(--space-l);display:flex}@media (min-width:1024px){.memory-detail{margin-block-end:var(--space-l)}}.memory-detail--message{gap:var(--space-s)}.memory-detail{transition:opacity var(--motion-duration-base) var(--motion-ease-standard)}.memory-detail--pending{opacity:0}.memory-detail--loading{padding-inline:0}.memory-detail--overlay{z-index:1;pointer-events:none;transition:opacity var(--motion-duration-base) var(--motion-ease-standard),visibility 0s linear var(--motion-duration-base);position:absolute;inset:0;overflow:visible clip}.memory-detail--leaving{opacity:0;visibility:hidden}.memory-detail__header{justify-content:space-between;align-items:flex-start;gap:var(--space-s);flex-wrap:wrap;display:flex}@media (min-width:1024px){.memory-detail__header{border-block-start:1px solid var(--border-color);padding-block-start:var(--space-m)}}.memory-detail__heading{gap:var(--space-xs);flex-direction:column;flex:16rem;min-inline-size:0;display:flex}.memory-detail__menu{display:none}@media (min-width:1024px){.memory-detail__menu{flex-shrink:0;margin-inline-start:calc(-1*var(--space-s));display:flex}}.memory-detail__menu-trigger{width:2.5rem;height:2.5rem;color:var(--color-text);justify-content:center;align-items:center;display:inline-flex}.memory-detail__menu-icon{width:1.5rem;height:1.5rem}.memory-detail__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.memory-detail__meta{gap:var(--space-s);font-size:var(--font-size-s);color:var(--text-placeholder);flex-wrap:wrap;display:flex}.memory-detail__meta-item{align-items:center;gap:var(--space-xs);display:inline-flex}.memory-detail__meta-icon{flex-shrink:0;block-size:1rem;inline-size:1rem}.memory-detail__body{gap:var(--space-m);flex-direction:column;display:flex}.memory-detail__paragraph{font-size:var(--font-size-m);color:var(--color-text);white-space:pre-line;margin:0;line-height:1.6}.memory-detail__media{aspect-ratio:16/10;border-radius:12px;inline-size:100%;position:relative}.memory-detail__family{margin-inline-start:auto}.memory-detail__family-list{justify-content:flex-end;align-items:center;gap:var(--space-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.memory-detail__family-member{display:inline-flex}.memory-detail__family-avatar,.memory-detail__family-initials{object-fit:cover;border-radius:50%;block-size:2.25rem;inline-size:2.25rem}.memory-detail__family-initials{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--color-accent);color:var(--color-accent-text);justify-content:center;align-items:center;display:inline-flex}.memory-detail__next{background:var(--color-white);border-radius:var(--radius);transition:transform var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard);margin-block-start:var(--space-s)}.memory-detail__next:hover,.memory-detail__next:focus-within{box-shadow:0 8px 16px color-mix(in srgb, var(--color-primary) 55%, transparent);transform:translateY(-2px)}.memory-detail__next-link{align-items:center;gap:var(--space-s);padding-inline:var(--space-m);padding-block:var(--space-s);text-decoration:none;display:flex}.memory-detail__next-image{object-fit:cover;border-radius:12px;flex-shrink:0;block-size:3.5rem;inline-size:3.5rem}.memory-detail__next-text{flex-direction:column;gap:.125rem;min-inline-size:0;display:flex}.memory-detail__next-date{font-size:var(--font-size-xs);color:var(--text-placeholder)}.memory-detail__next-title{font-size:var(--font-size-m);font-weight:var(--font-weight-medium);color:var(--color-text)}.memory-detail__next-icon{block-size:1.25rem;inline-size:1.25rem;color:var(--color-text);flex-shrink:0;margin-inline-start:auto}.memory-detail__message,.memory-detail__error{font-size:var(--font-size-m);color:var(--color-text);margin:0}.memory-detail__back{font-size:var(--font-size-m);align-self:flex-start;text-decoration:underline}.memory-detail__retry{padding:var(--padding-button);border:1px solid var(--color-primary);border-radius:var(--radius-button);background:var(--color-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);cursor:pointer;color:var(--color-on-primary);align-self:flex-start}.memory-detail__retry:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.memory-detail__skeleton-title{font-size:var(--font-size-2xl);inline-size:70%;line-height:1.2}.memory-detail__skeleton-meta{font-size:var(--font-size-s);inline-size:40%}.memory-detail__skeleton-media{aspect-ratio:16/10}@media (min-width:1024px){.memory-detail{gap:var(--space-l)}}
.memory-menu{display:inline-flex;position:relative}.memory-menu__button{transition:background-color var(--motion-duration-base) var(--motion-ease-standard);border-radius:5px}.memory-menu__button:hover{background-color:var(--color-accent-light)}.memory-menu__trigger{cursor:pointer;block-size:2.75rem;inline-size:2.75rem;color:var(--color-text);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.memory-menu__list{z-index:20;inline-size:max-content;min-inline-size:12rem;max-inline-size:calc(100vw - 2*var(--space-m));padding-block:var(--space-xs);background:var(--color-white);border-radius:12px;flex-direction:column;display:flex;position:absolute;inset-block-start:calc(100% + var(--space-xs));inset-inline-end:0;box-shadow:0 8px 24px #0000001f}@media (min-width:1024px){.memory-menu__list{min-inline-size:16rem;padding-block:var(--space-s);border-radius:16px}}.memory-menu__item{align-items:center;gap:var(--space-s);min-block-size:2.5rem;padding-inline:var(--space-s);font:inherit;font-size:var(--font-size-s);text-align:start;cursor:pointer;color:var(--color-text);background:0 0;border:0;padding-block:.5rem;display:flex}@media (min-width:1024px){.memory-menu__item{gap:var(--space-m);padding-inline:var(--space-m);font-size:var(--font-size-m);padding-block:.75rem}}.memory-menu__item:hover{background:var(--color-accent-light)}.memory-menu__item--disabled{cursor:not-allowed;color:var(--text-dimmed)}.memory-menu__item--disabled:hover{background:0 0}.memory-menu__item--group-start{margin-block-start:var(--space-s);position:relative}.memory-menu__item--group-start:before{content:"";inset-block-start:calc(var(--space-s)/-2);inset-inline:var(--space-m);border-block-start:1px solid var(--border-color);position:absolute}.memory-menu__item-icon{flex-shrink:0;block-size:1.125rem;inline-size:1.125rem}@media (min-width:1024px){.memory-menu__item-icon{block-size:1.5rem;inline-size:1.5rem}}.memory-menu__item-label{min-inline-size:0}.memory-menu--above .memory-menu__list{inset-block-start:auto;inset-block-end:calc(100% + var(--space-xs))}.memory-menu--align-start .memory-menu__list{inset-inline:0 auto}
.confirm-dialog__overlay{background:var(--color-overlay);z-index:30;position:fixed;inset:0}.confirm-dialog__panel{inset-inline:var(--space-s);z-index:31;gap:var(--space-s);padding:var(--space-m);background:var(--color-white);border-radius:var(--radius);flex-direction:column;display:flex;position:fixed;inset-block-end:calc(var(--space-m) + env(safe-area-inset-bottom,0px))}@media (min-width:1024px){.confirm-dialog__panel{inline-size:min(26rem,100vw - var(--space-l));inset:50% auto auto 50%;translate:-50% -50%}}.confirm-dialog__title{font-size:var(--font-size-l);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.confirm-dialog__subject{font-size:var(--font-size-m);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0}.confirm-dialog__description{font-size:var(--font-size-s);color:var(--text-placeholder);margin:0}.confirm-dialog__error{font-size:var(--font-size-s);color:#b3261e;margin:0}.confirm-dialog__actions{justify-content:flex-end;gap:var(--space-s);margin-block-start:var(--space-xs);display:flex}.confirm-dialog__cancel,.confirm-dialog__confirm{padding:var(--padding-button);border-radius:var(--radius-button);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);cursor:pointer}.confirm-dialog__cancel:disabled,.confirm-dialog__confirm:disabled{cursor:not-allowed;opacity:.6}.confirm-dialog__cancel{border:1px solid var(--border-color);color:var(--color-text);background:0 0}.confirm-dialog__confirm{border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.confirm-dialog__confirm:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.confirm-dialog__confirm--destructive{color:var(--color-white);background:#b3261e;border-color:#b3261e}.confirm-dialog__confirm--destructive:hover:not(:disabled){background:#8c1d18;border-color:#8c1d18}
.memory-editor{gap:var(--space-m);flex-direction:column;padding-block-start:calc(var(--space-m) + env(safe-area-inset-top,0px));padding-block-end:calc(var(--bottom-bar-height) + var(--space-l));display:flex}@media (min-width:1024px){.memory-editor{padding:var(--space-l) 0}}.memory-editor__skeleton-title{font-size:var(--font-size-2xl);inline-size:60%;line-height:1.2}.memory-editor__skeleton-meta{font-size:var(--font-size-s);inline-size:35%}.memory-editor__skeleton-line{inline-size:90%}.memory-editor__skeleton-line--short{inline-size:55%}.memory-editor__header{justify-content:space-between;align-items:center;gap:var(--space-m);flex-wrap:wrap;display:flex}.memory-editor__meta{align-items:center;gap:var(--space-m);font-size:var(--font-size-s);color:var(--text-dimmed);flex-wrap:wrap;display:flex}.memory-editor__meta-item{align-items:center;gap:var(--space-xs);white-space:nowrap;display:flex}.memory-editor__meta-item--disabled{opacity:.5;cursor:not-allowed}.memory-editor__meta-icon{flex-shrink:0;width:1rem;height:1rem}.memory-editor__title-row{display:contents}@media (min-width:1024px){.memory-editor__title-row{gap:var(--space-m);flex-flow:wrap;align-items:center;display:flex}}.memory-editor__title{flex:none;min-width:200px}@media (min-width:1024px){.memory-editor__title{flex:1}}.memory-editor__title{font:inherit;font-size:var(--font-size-2xl);font-weight:var(--font-weight-light);resize:none;border:none;border-block-end:2px solid var(--border-color);color:var(--color-text);padding:0 0 var(--space-xs);background:0 0;outline:none;line-height:1.25;overflow:hidden}@media (min-width:1024px){.memory-editor__title{font-size:2rem}}.memory-editor__title::placeholder{color:var(--text-placeholder)}.memory-editor__title:focus-visible:not([data-focus-origin]){outline:2px solid var(--color-primary);outline-offset:var(--focus-offset);border-radius:2px}.memory-editor__actions{--actions-gap:var(--space-xs);align-items:center;gap:var(--actions-gap);flex-wrap:wrap;flex-shrink:0;display:flex}@media (min-width:1024px){.memory-editor__actions{--actions-gap:var(--space-s)}}.memory-editor__actions{z-index:5;padding-block:var(--space-xs);background:var(--background-color);order:-1;position:sticky;inset-block-start:env(safe-area-inset-top,0)}@media (min-width:1024px){.memory-editor__actions{background:0 0;order:0;padding-block:0;position:static}}.memory-editor__primary{display:contents}@media (min-width:1024px){.memory-editor__primary{display:flex;position:relative}}.memory-editor__save-status{font-size:var(--font-size-xs);color:var(--text-placeholder);white-space:nowrap;order:-1;margin-inline-end:auto}.memory-editor__save-status--saved{color:var(--color-success-text)}@media (min-width:1024px){.memory-editor__save-status{order:0;margin:0;position:absolute;inset-block-end:calc(100% + var(--space-xs));inset-inline-end:0}}.memory-editor__btn{justify-content:center;align-items:center;gap:var(--space-xs);min-height:48px;font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--motion-duration-base) var(--motion-ease-standard),opacity var(--motion-duration-base) var(--motion-ease-standard);white-space:nowrap;border-radius:5px;padding-block:12px;padding-inline:32px;font-size:1rem;display:inline-flex;box-shadow:0 8px 16px #00000014}.memory-editor__btn:disabled{opacity:.4;cursor:not-allowed}.memory-editor__btn:focus-visible{outline:2px solid var(--color-text);outline-offset:var(--focus-offset)}.memory-editor__btn--back{min-width:48px;box-shadow:none;color:var(--color-text);background-color:#0000;order:-2;padding-inline:0}.memory-editor__btn--back:hover:not(:disabled){background-color:var(--color-accent-light)}.memory-editor__btn--save{background-color:var(--color-white);min-height:40px;color:var(--color-text);padding-block:8px;padding-inline:20px}@media (min-width:1024px){.memory-editor__btn--save{min-height:48px;padding-block:12px;padding-inline:32px}}.memory-editor__btn--save:hover:not(:disabled){background-color:var(--color-accent-light)}.memory-editor__btn--publish{background-color:var(--color-primary);min-height:40px;color:var(--color-on-primary);padding-block:8px;padding-inline:20px}@media (min-width:1024px){.memory-editor__btn--publish{min-height:48px;padding-block:12px;padding-inline:32px}}.memory-editor__btn--publish:hover:not(:disabled){background-color:var(--color-primary-hover)}.memory-editor__options{min-width:44px;min-height:48px;color:var(--color-text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.memory-editor__options:focus-visible{outline:2px solid var(--color-text);outline-offset:var(--focus-offset)}.memory-editor__options-icon{width:1.5rem;height:1.5rem}.memory-editor__btn-icon{flex-shrink:0;width:1.5rem;height:1.5rem}.memory-editor__btn-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.memory-editor__error{color:#dc2626;font-size:var(--font-size-s);padding:var(--space-xs) 0}.memory-editor__content{gap:var(--space-m);flex-direction:column;min-height:120px;display:flex}.content-block{position:relative}.content-block__remove{top:var(--space-xs);right:var(--space-xs);background:var(--color-accent);width:1.5rem;height:1.5rem;color:var(--color-secondary);cursor:pointer;font-size:var(--font-size-s);border:none;border-radius:50%;justify-content:center;align-items:center;line-height:1;display:none;position:absolute}.content-block__remove:focus-visible{outline:2px solid var(--color-secondary);outline-offset:var(--focus-offset);display:flex}.content-block:hover .content-block__remove,.content-block:focus-within .content-block__remove{display:flex}.content-block__menu{z-index:2;position:absolute;inset-block-start:var(--space-s);inset-inline-end:var(--space-s)}.content-block__menu-trigger{width:2.75rem;height:2.75rem;color:var(--color-white);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard);background:#00000080 padding-box content-box;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.375rem;display:inline-flex}.content-block__menu-trigger:hover{background-color:#000000b3}.content-block__menu-trigger:focus-visible{outline:2px solid var(--color-white);outline-offset:-2px}.content-block__menu-icon{width:1rem;height:auto}.content-block--text .content-block__textarea{width:100%;min-height:3rem;font-size:var(--font-size-m);resize:none;color:var(--color-secondary);background:0 0;border:none;outline:none;padding:0;line-height:1.7;overflow:hidden}.content-block--text .content-block__textarea::placeholder{color:var(--text-placeholder)}.content-block--text .content-block__textarea:focus-visible:not([data-focus-origin]){outline:2px solid var(--color-primary);outline-offset:var(--focus-offset);border-radius:2px}.content-block--photo .content-block__upload-zone{justify-content:center;align-items:center;gap:var(--space-s);padding:var(--space-xl);border:2px dashed var(--border-color);border-radius:var(--radius);background:var(--color-accent-light);cursor:pointer;transition:border-color var(--motion-duration-base) var(--motion-ease-standard),background-color var(--motion-duration-base) var(--motion-ease-standard);text-align:center;flex-direction:column;display:flex}.content-block--photo .content-block__upload-zone:hover{border-color:var(--color-primary);background:var(--color-white)}.content-block--photo .content-block__upload-icon{width:2rem;height:2rem;color:var(--text-dimmed)}.content-block--photo .content-block__upload-label{font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:var(--color-secondary)}.content-block--photo .content-block__upload-hint{font-size:var(--font-size-xs);color:var(--text-dimmed)}.content-block--photo .content-block__file-input{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.content-block--photo .content-block__preview{border-radius:var(--radius);position:relative;overflow:hidden}.content-block--photo .content-block__preview-img{width:100%;height:auto;display:block}.content-block--photo .content-block__size-error{font-size:var(--font-size-xs);color:#dc2626;margin-block-start:var(--space-xs)}.content-block--video .content-block__video{aspect-ratio:16/9;border-radius:var(--radius);height:auto}.memory-editor-notice{align-items:flex-start;gap:var(--space-s);padding-block:var(--space-l);flex-direction:column;display:flex}.memory-editor-notice__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.memory-editor-notice__text{font-size:var(--font-size-m);color:var(--color-text);margin:0}.memory-editor-notice__link{font-size:var(--font-size-m);color:var(--color-text);text-decoration:underline}.memory-editor-notice__retry{padding:var(--padding-button);border:1px solid var(--color-primary);border-radius:var(--radius-button);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);cursor:pointer}.memory-editor-notice__retry:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.dierbare-selector{flex-shrink:0;align-items:center;display:flex;position:relative}.dierbare-selector__avatar{background:var(--color-accent);width:2.5rem;height:2.5rem;color:var(--color-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border:2px solid var(--color-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.dierbare-selector__avatar+.dierbare-selector__avatar{margin-inline-start:-.6rem}.dierbare-selector__add{border:2px dashed var(--border-color);width:2.5rem;height:2.5rem;color:var(--text-dimmed);cursor:pointer;transition:border-color var(--motion-duration-base) var(--motion-ease-standard),color var(--motion-duration-base) var(--motion-ease-standard);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-inline-start:-.6rem;display:inline-flex}.dierbare-selector__add:hover{border-color:var(--color-primary);color:var(--color-primary)}.dierbare-selector__add:focus-visible{outline:2px solid var(--color-primary);outline-offset:var(--focus-offset)}.dierbare-selector__add-icon{width:1rem;height:1rem}.dierbare-selector__dropdown{top:calc(100% + var(--space-xs));background:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius);z-index:10;min-width:220px;position:absolute;right:0;overflow:hidden;box-shadow:0 4px 16px #0000001a}.dierbare-selector__empty{padding:var(--space-s);font-size:var(--font-size-s);color:var(--text-dimmed)}.dierbare-selector__option{align-items:center;gap:var(--space-s);width:100%;padding:var(--space-s);cursor:pointer;text-align:left;font-size:var(--font-size-s);background:0 0;border:none;display:flex}.dierbare-selector__option:hover,.dierbare-selector__option--selected{background:var(--color-accent-light)}.dierbare-selector__option:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.dierbare-selector__option-avatar{background:var(--color-accent);width:2rem;height:2rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.dierbare-selector__option-name{flex:1}.dierbare-selector__option-check{color:var(--color-primary);font-weight:var(--font-weight-bold)}.content-toolbar{z-index:10;align-items:center;gap:var(--space-xs);flex-direction:column;display:flex;position:fixed;inset-block-end:calc(var(--space-m) + env(safe-area-inset-bottom,0px));inset-inline:20px}@media (min-width:1024px){.content-toolbar{padding-block:var(--space-m);position:sticky;inset-block-end:var(--space-m);inset-inline:auto}}.content-toolbar__error{font-size:var(--font-size-xs);color:#dc2626;background:var(--color-white);padding:var(--space-xs) var(--space-s);border-radius:5px}.content-toolbar__file-input{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.content-toolbar__row{justify-content:center;align-items:center;gap:var(--space-s);max-inline-size:100%;display:flex}.content-toolbar__panel{background:var(--color-white);padding:var(--space-s) var(--space-m);border-radius:100px;align-items:center;gap:0;display:flex;box-shadow:0 17px 46px #00000014,0 4px 12px #0000000f}@media (min-width:1024px){.content-toolbar__panel{gap:var(--space-xs);border:1px solid var(--border-color);padding:var(--space-xs) var(--space-m);box-shadow:0 4px 16px #00000014}}.content-toolbar__btn{border-radius:var(--radius-button);width:2.75rem;height:2.75rem;color:var(--color-secondary);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}@media (min-width:1024px){.content-toolbar__btn{width:2rem;height:2rem}}.content-toolbar__btn:hover:not(:disabled){background:var(--color-accent-light);color:var(--color-text)}.content-toolbar__btn:focus-visible{outline:2px solid var(--color-text);outline-offset:var(--focus-offset)}.content-toolbar__btn:disabled{opacity:.3;cursor:not-allowed}.content-toolbar__icon{width:1.375rem;height:1.375rem}.content-toolbar__tools{align-items:center;display:flex}@media (min-width:1024px){.content-toolbar__tools{gap:var(--space-xs)}}.content-toolbar__slot{align-items:center;gap:var(--space-xs);display:flex}.content-toolbar__more{inline-size:calc(2.75rem + 2*var(--space-s));block-size:calc(2.75rem + 2*var(--space-s));background:var(--color-white);color:var(--color-text);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;box-shadow:0 17px 46px #00000014,0 4px 12px #0000000f}.content-toolbar__more:focus-visible{outline:2px solid var(--color-text);outline-offset:var(--focus-offset)}@media (min-width:1024px){.content-toolbar__more{display:none}}.content-toolbar__more-icon{width:1.25rem;height:auto}.content-toolbar__divider{background:var(--border-color);width:1px;height:1.25rem;margin-inline:var(--space-xs);flex-shrink:0}
.family-dialog__overlay{background:var(--color-overlay);z-index:30;position:fixed;inset:0}.family-dialog__panel{inset-inline:var(--space-s);z-index:31;gap:var(--space-s);max-block-size:80vh;padding:var(--space-m);background:var(--color-white);border-radius:var(--radius);flex-direction:column;display:flex;position:fixed;inset-block-end:calc(var(--space-m) + env(safe-area-inset-bottom,0px));overflow-y:auto}@media (min-width:1024px){.family-dialog__panel{inline-size:min(28rem,100vw - var(--space-l));inset:50% auto auto 50%;translate:-50% -50%}}.family-dialog__header{justify-content:space-between;align-items:flex-start;gap:var(--space-s);display:flex}.family-dialog__title{font-size:var(--font-size-l);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.family-dialog__subtitle{font-size:var(--font-size-s);color:var(--text-placeholder);margin:0}.family-dialog__close{cursor:pointer;block-size:2.25rem;inline-size:2.25rem;color:var(--color-text);background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.family-dialog__close-icon{block-size:1rem;inline-size:1rem}.family-dialog__fieldset{border:0;margin:0;padding:0}.family-dialog__legend{font-size:var(--font-size-s);color:var(--color-text);margin-block-end:var(--space-xs);padding:0}.family-dialog__list{gap:var(--space-xs);flex-direction:column;display:flex}.family-dialog__option{align-items:center;gap:var(--space-s);padding:var(--space-xs);border-radius:var(--radius-button);cursor:pointer;display:flex}.family-dialog__option:hover{background:var(--color-accent-light)}.family-dialog__initials{background:var(--color-accent);block-size:2rem;inline-size:2rem;color:var(--color-accent-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.family-dialog__name{font-size:var(--font-size-m);color:var(--color-text)}.family-dialog__status,.family-dialog__empty{font-size:var(--font-size-s);color:var(--text-placeholder);margin:0}.family-dialog__notice{font-size:var(--font-size-s);color:var(--color-text);margin:0}.family-dialog__notice:empty{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.family-dialog__error{font-size:var(--font-size-s);color:#b3261e;margin:0}.family-dialog__actions{justify-content:flex-end;gap:var(--space-s);margin-block-start:var(--space-xs);display:flex}.family-dialog__cancel,.family-dialog__save{padding:var(--padding-button);border-radius:var(--radius-button);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);cursor:pointer}.family-dialog__cancel:disabled,.family-dialog__save:disabled{cursor:not-allowed;opacity:.6}.family-dialog__cancel{border:1px solid var(--border-color);color:var(--color-text);background:0 0}.family-dialog__save{border:1px solid var(--color-action);background:var(--color-action);color:var(--color-on-action)}
.invite-dialog__overlay{background:var(--color-overlay);z-index:30;position:fixed;inset:0}.invite-dialog__panel{inset-inline:var(--space-s);z-index:31;gap:var(--space-m);max-block-size:85vh;padding:var(--space-m);background:var(--color-white);border-radius:var(--radius);flex-direction:column;display:flex;position:fixed;inset-block-end:calc(var(--space-m) + env(safe-area-inset-bottom,0px));overflow-y:auto}@media (min-width:1024px){.invite-dialog__panel{inline-size:min(32rem,100vw - var(--space-l));inset:50% auto auto 50%;translate:-50% -50%}}.invite-dialog__header{justify-content:space-between;align-items:flex-start;gap:var(--space-s);display:flex}.invite-dialog__title{font-size:var(--font-size-l);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.invite-dialog__intro{font-size:var(--font-size-s);color:var(--color-text);margin:0}.invite-dialog__close{cursor:pointer;block-size:2.25rem;inline-size:2.25rem;color:var(--color-text);background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.invite-dialog__close[aria-disabled=true]{cursor:not-allowed;opacity:.6}.invite-dialog__close-icon{block-size:1rem;inline-size:1rem}.invite-dialog__section{gap:var(--space-xs);flex-direction:column;display:flex}.invite-dialog__fieldset{gap:var(--space-xs);border:0;flex-direction:column;margin:0;padding:0;display:flex}.invite-dialog__label{font-size:var(--font-size-s);color:var(--text-placeholder);padding:0}.invite-dialog__link-row{gap:var(--space-xs);display:flex}.invite-dialog__rows{gap:var(--space-xs);flex-direction:column;display:flex}.invite-dialog__row{gap:calc(var(--space-xs)/2);flex-direction:column;display:flex}.invite-dialog__input{inline-size:100%;min-inline-size:0;padding:var(--padding-button);border:1px solid var(--border-color);border-radius:var(--radius-button);background:var(--color-white);font-size:var(--font-size-m);color:var(--color-text)}.invite-dialog__input[aria-invalid=true]{border-color:#b3261e}.invite-dialog__input--link{font-size:var(--font-size-s);text-overflow:ellipsis;flex:1}.invite-dialog__copy,.invite-dialog__add{align-items:center;gap:var(--space-xs);padding:var(--padding-button);border-radius:var(--radius-button);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:var(--color-text);cursor:pointer;display:inline-flex}.invite-dialog__copy[aria-disabled=true],.invite-dialog__add[aria-disabled=true]{cursor:not-allowed;opacity:.6}.invite-dialog__copy{border:1px solid var(--border-color);background:0 0;flex-shrink:0}.invite-dialog__add{background:0 0;border:0;align-self:flex-start;padding-inline:0}.invite-dialog__add-icon{block-size:1rem;inline-size:1rem}.invite-dialog__status{font-size:var(--font-size-s);color:var(--text-placeholder);margin:0}.invite-dialog__notice{font-size:var(--font-size-s);color:var(--color-text);margin:0}.invite-dialog__notice:empty{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.invite-dialog__error,.invite-dialog__field-error{font-size:var(--font-size-s);color:#b3261e;margin:0}.invite-dialog__actions{justify-content:flex-end;display:flex}.invite-dialog__send{padding:var(--padding-button);border:1px solid var(--color-action);border-radius:var(--radius-button);background:var(--color-action);color:var(--color-on-action);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);cursor:pointer}.invite-dialog__send[aria-disabled=true]{cursor:not-allowed;opacity:.6}
.invite-notice{margin:0}.invite-notice--visible{margin-block:var(--space-s);padding:var(--space-s);border-radius:var(--radius);background-color:var(--color-accent-light);color:var(--color-text);font-size:1rem;line-height:1.5}.invite-notice--error{border-inline-start:4px solid}
.helpdesk-button{z-index:20;justify-content:center;align-items:center;gap:var(--space-xs);cursor:pointer;background:var(--color-primary);block-size:3.5rem;inline-size:3.5rem;color:var(--color-on-primary);border:0;border-radius:50%;padding:0;display:none;position:fixed;inset-block-end:calc(var(--bottom-bar-height) + var(--space-s) + env(safe-area-inset-bottom,0px));inset-inline-end:var(--space-m);box-shadow:0 2px 8px #00000040}.helpdesk-button:hover{background:var(--color-primary-hover)}.helpdesk-button__icon{flex-shrink:0;block-size:1.5rem;inline-size:1.5rem}.helpdesk-button__dot{border:2px solid var(--color-white);background:var(--color-secondary);border-radius:50%;block-size:.875rem;inline-size:.875rem;position:absolute;inset-block-start:-.125rem;inset-inline-end:-.125rem}.helpdesk-button__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;font-size:var(--font-size-s);font-weight:var(--font-weight-medium);border:0;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1024px){.helpdesk-button{block-size:auto;inline-size:auto;padding:var(--padding-button);border-radius:var(--radius-button);display:inline-flex;inset-block-end:var(--space-m)}.helpdesk-button__label{clip-path:none;width:auto;height:auto;margin:0;position:static;overflow:visible}}
.helpdesk-dialog{inset-inline:var(--space-s);z-index:25;gap:var(--space-s);max-block-size:60vh;padding:var(--space-m);background:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius);flex-direction:column;display:flex;position:fixed;inset-block-end:calc(var(--bottom-bar-height) + var(--space-s) + env(safe-area-inset-bottom,0px));overflow-y:auto;box-shadow:0 4px 16px #0003}@media (min-width:1024px){.helpdesk-dialog{inline-size:min(24rem,100vw - var(--space-l));max-block-size:min(32rem,70vh);inset-block-end:calc(var(--space-m) + 3.25rem);inset-inline-start:auto;inset-inline-end:var(--space-m)}}.helpdesk-dialog__header{justify-content:space-between;align-items:flex-start;gap:var(--space-s);display:flex}.helpdesk-dialog__title{font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.helpdesk-dialog__close{cursor:pointer;block-size:2.25rem;inline-size:2.25rem;color:var(--color-text);background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.helpdesk-dialog__close:disabled{cursor:not-allowed;opacity:.6}.helpdesk-dialog__close-icon{block-size:1rem;inline-size:1rem}.helpdesk-dialog__form{gap:var(--space-xs);flex-direction:column;display:flex}.helpdesk-dialog__label{font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:var(--color-text)}.helpdesk-dialog__textarea{inline-size:100%;padding:var(--space-s);border:1px solid var(--border-color);border-radius:var(--radius-button);font:inherit;font-size:var(--font-size-m);color:var(--color-text);resize:vertical}.helpdesk-dialog__textarea:disabled{cursor:not-allowed;opacity:.6}.helpdesk-dialog__hint{font-size:var(--font-size-xs);color:var(--text-placeholder);margin:0}.helpdesk-dialog__attachments{align-items:flex-start;gap:var(--space-xs);flex-direction:column;margin-block-start:var(--space-xs);display:flex}.helpdesk-dialog__attach{align-items:center;gap:var(--space-xs);padding:var(--padding-button);border:1px solid var(--border-color);border-radius:var(--radius-button);font:inherit;font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:var(--color-text);cursor:pointer;background:0 0;display:inline-flex}.helpdesk-dialog__attach:disabled{cursor:not-allowed;opacity:.6}.helpdesk-dialog__attach-icon{block-size:1rem;inline-size:1rem}.helpdesk-dialog__attachment-list{gap:var(--space-xs);flex-direction:column;inline-size:100%;margin:0;padding:0;list-style:none;display:flex}.helpdesk-dialog__attachment{align-items:center;gap:var(--space-s);border:1px solid var(--border-color);border-radius:var(--radius-button);font-size:var(--font-size-s);color:var(--color-text);padding-inline-start:var(--space-s);display:flex}.helpdesk-dialog__attachment-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.helpdesk-dialog__attachment-size{font-size:var(--font-size-xs);color:var(--text-placeholder);flex-shrink:0}.helpdesk-dialog__attachment-remove{border-radius:var(--radius-button);block-size:2.25rem;inline-size:2.25rem;color:var(--color-text);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.helpdesk-dialog__attachment-remove:disabled{cursor:not-allowed;opacity:.6}.helpdesk-dialog__attachment-remove-icon{block-size:1.125rem;inline-size:1.125rem}.helpdesk-dialog__confirmation{font-size:var(--font-size-m);color:var(--color-text);margin:0}.helpdesk-dialog__error{font-size:var(--font-size-s);color:#b3261e;margin:0}.helpdesk-dialog__actions{justify-content:flex-end;gap:var(--space-s);margin-block-start:var(--space-xs);display:flex}.helpdesk-dialog__cancel,.helpdesk-dialog__submit{padding:var(--padding-button);border-radius:var(--radius-button);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);cursor:pointer}.helpdesk-dialog__cancel:disabled,.helpdesk-dialog__submit:disabled{cursor:not-allowed;opacity:.6}.helpdesk-dialog__cancel{border:1px solid var(--border-color);color:var(--color-text);background:0 0}.helpdesk-dialog__submit{border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.helpdesk-dialog__submit:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}