.onboarding-modal{--height:100%;--width:100%;--z-index:100000;--border-radius:0;--box-shadow:none}.onboarding-modal::part(content){background:radial-gradient(ellipse 100% 80% at 50% 0%, #e07a5624, transparent 60%), var(--df-color-bg);border-radius:0}.onboarding-modal__skip-wrap{z-index:2;padding:calc(env(safe-area-inset-top,0px) + var(--df-space-12)) var(--df-page-gutter) 0;pointer-events:none;justify-content:flex-end;display:flex;position:absolute;top:0;left:0;right:0}.onboarding-modal__skip{pointer-events:auto;cursor:pointer;color:var(--df-color-text);min-height:40px;font:700 .875rem/1 var(--df-font-family);background:var(--df-color-surface);border-radius:var(--df-radius-full);box-shadow:var(--df-shadow-sm);border:none;padding:10px 16px}.onboarding-modal__skip:active{opacity:.72}.onboarding-modal__content{--background:transparent}.onboarding-modal__content::part(background){background:0 0}.onboarding-modal__slide{text-align:center;justify-content:center;align-items:center;gap:var(--df-space-16);min-height:100%;padding:calc(env(safe-area-inset-top,0px) + 56px) var(--df-page-gutter) var(--df-space-24);flex-direction:column;animation:.28s onboarding-slide-in;display:flex}@keyframes onboarding-slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.onboarding-modal__visual{aspect-ratio:1;border-radius:var(--df-radius-2xl);background:var(--df-color-surface);width:min(220px,58vw);box-shadow:var(--df-shadow-md);place-items:center;display:grid}.onboarding-modal__emoji{font-size:4.5rem;line-height:1}.onboarding-modal__title{font:var(--df-text-title);color:var(--df-color-text);letter-spacing:-.02em;margin:0}.onboarding-modal__desc{max-width:22rem;font:var(--df-text-body);color:var(--df-color-text-secondary);margin:0;line-height:1.65}.onboarding-modal__footer ion-toolbar{--background:#fffffff5;--padding-start:var(--df-page-gutter);--padding-end:var(--df-page-gutter);--padding-top:var(--df-space-12);--padding-bottom:max(var(--df-space-12), env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:saturate(180%)blur(20px);border-top:1px solid var(--df-color-border)}.onboarding-modal__footer-inner{gap:var(--df-space-16);flex-direction:column;width:100%;display:flex}.onboarding-modal__dots{justify-content:center;align-items:center;gap:var(--df-space-8);display:flex}.onboarding-modal__dot{border-radius:var(--df-radius-full);background:var(--df-color-border-strong);width:8px;height:8px;transition:width .2s,background .2s}.onboarding-modal__dot--active{background:var(--df-color-primary);width:24px}.onboarding-modal__dot--done{background:var(--df-color-primary-soft)}.start-page{--background:transparent}.start-page::part(background){background:radial-gradient(ellipse 100% 80% at 50% 0%, #e07a561f, transparent 60%), var(--df-color-bg)}.start-page__inner{gap:var(--df-space-24);min-height:100%;padding:calc(env(safe-area-inset-top,0px) + var(--df-space-20)) var(--df-page-gutter) calc(env(safe-area-inset-bottom,0px) + var(--df-space-32));flex-direction:column;display:flex}.start-page__header{text-align:center;flex-direction:column;align-items:center;display:flex}.start-page__hero{padding:var(--df-space-8) 0 var(--df-space-20);justify-content:center;display:flex}.start-page__orb{aspect-ratio:1;border-radius:var(--df-radius-2xl);background:var(--df-gradient-brand);width:min(160px,42vw);box-shadow:0 24px 64px var(--df-color-primary-glow);place-items:center;font-size:3.5rem;display:grid;transform:rotate(-6deg)}.start-page__eyebrow{margin:0 0 var(--df-space-8)}.start-page__title{margin:0 0 var(--df-space-12);font:var(--df-text-display);color:var(--df-color-text);letter-spacing:-.03em}.start-page__description{max-width:22rem;font:var(--df-text-body-sm);color:var(--df-color-text-secondary);margin:0;line-height:1.65}.start-page__steps{gap:var(--df-space-12);flex-direction:column;display:flex}.start-page__step{align-items:center;gap:var(--df-space-12);padding:var(--df-space-16);border-radius:var(--df-radius-xl);background:var(--df-color-surface);box-shadow:var(--df-shadow-sm);grid-template-columns:auto auto 1fr;display:grid}.start-page__step-badge{border-radius:var(--df-radius-full);background:var(--df-color-primary-soft);width:24px;height:24px;color:var(--df-color-primary-dark);font:700 .75rem/1 var(--df-font-family);place-items:center;display:grid}.start-page__step-emoji{font-size:1.75rem;line-height:1}.start-page__step-copy{min-width:0}.start-page__step-title{font:600 .9375rem/1.35 var(--df-font-family);color:var(--df-color-text);margin:0 0 4px}.start-page__step-desc{font:var(--df-text-caption);color:var(--df-color-text-secondary);margin:0;line-height:1.5}.start-page__card{gap:var(--df-space-12);padding:var(--df-space-24) var(--df-space-20);border-radius:var(--df-radius-2xl);background:var(--df-color-surface);box-shadow:var(--df-shadow-md);flex-direction:column;display:flex}.start-page__actions{gap:var(--df-space-12);display:grid}.start-page__tour{padding:var(--df-space-8) var(--df-space-12);color:var(--df-color-primary-dark);font:600 .9375rem/1.4 var(--df-font-family);cursor:pointer;text-align:center;background:0 0;border:none}.start-page__tour:active{opacity:.72}.auth-layout{--background:transparent}.auth-layout::part(background){background:radial-gradient(ellipse 100% 80% at 50% 0%, #e07a561f, transparent 60%), var(--df-color-bg)}.auth-layout__inner{gap:var(--df-space-24);min-height:100%;padding:calc(env(safe-area-inset-top,0px) + var(--df-space-12)) var(--df-page-gutter) calc(env(safe-area-inset-bottom,0px) + var(--df-space-32));flex-direction:column;display:flex}.auth-layout__header{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.auth-layout__back{width:40px;height:40px;margin-bottom:var(--df-space-4);border-radius:var(--df-radius-full);color:var(--df-color-text-secondary);box-shadow:var(--df-shadow-xs);cursor:pointer;background:#ffffffb8;border:none;justify-content:center;align-self:flex-start;align-items:center;padding:0;transition:background .15s,transform .15s;display:inline-flex}.auth-layout__back ion-icon{font-size:1.25rem}.auth-layout__back:active{background:var(--df-color-surface);transform:scale(.96)}.auth-layout__hero{padding:var(--df-space-8) 0 var(--df-space-16);justify-content:center;display:flex}.auth-layout__orb{border-radius:var(--df-radius-2xl);background:var(--df-gradient-brand);width:88px;height:88px;box-shadow:0 16px 40px var(--df-color-primary-glow);place-items:center;font-size:2.25rem;display:grid;transform:rotate(-6deg)}.auth-layout--signup .auth-layout__orb{width:72px;height:72px;font-size:1.875rem}.auth-layout__eyebrow{margin:0 0 var(--df-space-8)}.auth-layout__title{margin:0 0 var(--df-space-8);font:var(--df-text-title);color:var(--df-color-text);letter-spacing:-.02em}.auth-layout--signup .auth-layout__title{font-size:1.375rem;line-height:1.32}.auth-layout__desc{max-width:28rem;font:var(--df-text-body-sm);color:var(--df-color-text-secondary);margin:0;line-height:1.6}.auth-layout__card{width:100%;padding:var(--df-space-24) var(--df-space-20);border-radius:var(--df-radius-2xl);background:var(--df-color-surface);box-shadow:var(--df-shadow-md)}.auth-layout__form{gap:var(--df-space-20);flex-direction:column;display:flex}.auth-layout__section{gap:var(--df-space-12);flex-direction:column;display:flex}.auth-layout__section+.auth-layout__section{padding-top:var(--df-space-20);border-top:1px solid var(--df-color-border)}.auth-layout__section-title{font:var(--df-text-label);color:var(--df-color-text-secondary);margin:0}.auth-layout__section-body{gap:var(--df-space-16);flex-direction:column;display:flex}.auth-layout__terms{gap:var(--df-space-10);padding:var(--df-space-16);border-radius:var(--df-radius-xl);background:var(--df-color-surface-muted);border:1px solid var(--df-color-border);flex-direction:column;display:flex}.auth-layout__check{align-items:flex-start;gap:var(--df-space-12);padding:var(--df-space-8) 0;font:var(--df-text-body-sm);color:var(--df-color-text-secondary);cursor:pointer;display:flex}.auth-layout__check ion-checkbox{--size:20px;--checkbox-background-checked:var(--df-color-primary);--border-color-checked:var(--df-color-primary);margin-top:2px}.auth-layout__check a{color:var(--df-color-primary-dark);text-underline-offset:2px;font-weight:600;text-decoration:underline}.auth-layout__error{padding:var(--df-space-12) var(--df-space-16);border-radius:var(--df-radius-md);color:var(--df-color-danger);font:var(--df-text-body-sm);background:#d95d5d14;margin:0}.auth-layout__actions{gap:var(--df-space-12);margin-top:var(--df-space-4);flex-direction:column;display:flex}.auth-layout__submit-loading{justify-content:center;align-items:center;gap:var(--df-space-8);display:inline-flex}.auth-layout__submit-loading ion-spinner{width:18px;height:18px}.auth-layout__secondary{padding:var(--df-space-8) var(--df-space-12);color:var(--df-color-primary-dark);font:600 .9375rem/1.4 var(--df-font-family);cursor:pointer;text-align:center;background:0 0;border:none}.auth-layout__secondary:active{opacity:.72}.auth-layout__footer{text-align:center;font:var(--df-text-caption);color:var(--df-color-text-muted)}.auth-layout__card .field-group__control{background:var(--df-color-surface-muted);box-shadow:none;border-color:#0000}.auth-layout__card .field-group__control:focus-within{background:var(--df-color-surface);box-shadow:0 0 0 3px var(--df-color-primary-soft);border-color:#e07a5659}.auth-layout__card .field-group--invalid .field-group__control{background:#d95d5d0a}.auth-layout--signup .auth-layout__inner{gap:var(--df-space-20)}.auth-layout--signup .auth-layout__hero{padding-bottom:var(--df-space-12)}.auth-layout--register .auth-layout__inner{gap:var(--df-space-20)}.auth-layout--register .auth-layout__hero{padding-bottom:var(--df-space-12)}.field-group{gap:var(--df-space-8);flex-direction:column;display:flex}.field-group__label{font:var(--df-text-label);color:var(--df-color-text-secondary)}.field-group__control{background:var(--df-color-surface);border:1px solid var(--df-color-border);border-radius:var(--df-radius-md);padding:0 var(--df-space-16);min-height:52px;box-shadow:var(--df-shadow-xs);align-items:center;transition:border-color .15s,box-shadow .15s;display:flex}.field-group__control:focus-within{box-shadow:0 0 0 3px var(--df-color-primary-soft);border-color:#e07a5659}.field-group__control ion-input,.field-group__control ion-select,.field-group__control ion-textarea{width:100%}.field-group__hint{font:var(--df-text-caption);color:var(--df-color-text-muted);margin:0}.field-group__error{font:var(--df-text-caption);color:var(--df-color-danger);margin:0}.field-group--invalid .field-group__control{border-color:#d95d5d73;box-shadow:0 0 0 3px #d95d5d14}.field-group--invalid .field-group__control:focus-within{border-color:#d95d5d8c;box-shadow:0 0 0 3px #d95d5d1f}.field-group__control:has(ion-textarea){min-height:120px;padding-top:var(--df-space-12);padding-bottom:var(--df-space-12);align-items:stretch}.app-back-button{--padding-start:0;--padding-end:0;min-width:44px;min-height:44px;margin:0}.app-back-button ion-icon{color:var(--df-color-text);font-size:1.5rem}.app-header ion-toolbar,.app-header__toolbar{--background:#fffffff5;--border-color:transparent;--min-height:var(--df-header-height);--padding-top:env(safe-area-inset-top,0px);--padding-start:4px;--padding-end:8px}.app-header__toolbar--family{--padding-start:4px;--padding-end:4px}.app-header__page-label-wrap{margin-inline-start:4px}.app-header__page-label{font:var(--df-text-section);letter-spacing:-.02em;color:var(--df-color-text);white-space:nowrap;padding-inline:8px 4px;display:block}.app-header ion-title{font:var(--df-text-section);letter-spacing:-.01em;padding-inline:8px}.app-header__title--family{font:inherit;font-weight:inherit;text-align:center;padding-inline:4px;display:block;position:static;inset:auto}.app-header__title--family>*{max-width:100%;margin-inline:auto}.app-header ion-buttons{z-index:1;position:relative}.app-header--transparent ion-toolbar,.app-header--transparent .app-header__toolbar{--background:transparent}.app-header__badge{min-width:18px;font-size:10px;position:absolute;top:6px;right:6px}.policy-page__inner{max-width:640px;margin:0 auto;padding-bottom:2rem}.policy-page__notice{color:#6d5d50;background:#f3ebe0;border-radius:8px;margin:0 0 1.5rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.5}.policy-page__section h2{color:#3f342c;margin:0 0 .5rem;font-size:1rem}.policy-page__section p{color:#6d5d50;margin:0 0 1.25rem;line-height:1.65}.empty-state{padding:var(--df-space-40) var(--df-page-gutter);text-align:center}.empty-state__emoji{width:72px;height:72px;margin:0 auto var(--df-space-16);border-radius:var(--df-radius-full);background:var(--df-color-surface-muted);box-shadow:var(--df-shadow-xs);place-items:center;font-size:2rem;line-height:1;display:grid}.empty-state__title{margin:0 0 var(--df-space-8);font:var(--df-text-title);color:var(--df-color-text);letter-spacing:-.02em;white-space:pre-line}.empty-state__desc{margin:0 0 var(--df-space-20);font:var(--df-text-body-sm);color:var(--df-color-text-secondary);max-width:280px;margin-inline:auto}.empty-state__action,.empty-state__secondary{margin-top:var(--df-space-8)}.empty-state--compact{padding:var(--df-space-20) var(--df-space-16);background:var(--df-color-surface);border-radius:var(--df-radius-xl);box-shadow:var(--df-shadow-xs);border:1px solid var(--df-color-border-strong)}.empty-state--compact .empty-state__emoji{width:48px;height:48px;margin-bottom:var(--df-space-10);font-size:1.25rem}.empty-state--compact .empty-state__title{font:700 1.0625rem/1.35 var(--df-font-family);color:var(--df-color-text)}.empty-state--compact .empty-state__desc{margin-bottom:var(--df-space-14);color:var(--df-color-text-secondary)}.empty-state--compact .empty-state__action{margin-top:0}.error-state,.loading-state{padding:var(--df-space-32) var(--df-space-16);text-align:center;justify-content:center;align-items:center;gap:var(--df-space-16);flex-direction:column;display:flex}.error-state__message{font:var(--df-text-body);color:var(--df-color-danger);margin:0}.loading-state__label{font:var(--df-text-body-sm);color:var(--df-color-text-muted);margin:0}.loading-state__spinner-wrap{border-radius:var(--df-radius-full);background:var(--df-color-surface);width:40px;height:40px;box-shadow:var(--df-shadow-sm);place-items:center;display:grid}.loading-state__spinner-wrap ion-spinner{width:24px;height:24px;color:var(--df-color-primary)}.df-skeleton-page{gap:var(--df-space-12);flex-direction:column;display:flex}.df-skeleton-list{gap:var(--df-space-16);flex-direction:column;display:flex}.df-skeleton-list__row{align-items:center;gap:var(--df-space-12);display:flex}.df-skeleton-list__row--compact{gap:var(--df-space-12)}.df-skeleton-list__lines{flex:1;min-width:0}.df-skeleton-grid{gap:var(--df-space-16);margin-top:var(--df-space-8);display:grid}.df-skeleton-grid--photos{gap:var(--df-space-8);grid-template-columns:repeat(3,minmax(0,1fr))}.df-skeleton-grid--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.df-skeleton-grid--cols-3{gap:var(--df-space-8);grid-template-columns:repeat(3,minmax(0,1fr))}.df-skeleton-grid__item{gap:var(--df-space-10);flex-direction:column;display:flex}.df-skeleton-profile{gap:var(--df-space-28);flex-direction:column;display:flex}.df-skeleton-profile__hero{align-items:center;gap:var(--df-space-12);padding-top:var(--df-space-8);flex-direction:column;display:flex}.df-skeleton-detail{gap:var(--df-space-12);flex-direction:column;display:flex}.df-skeleton--avatar-lg{width:88px;height:88px}.df-skeleton--icon{border-radius:var(--df-radius-sm);width:24px;height:24px}.df-skeleton--cover{aspect-ratio:4/5;border-radius:var(--df-radius-xl)}.df-skeleton--hero{aspect-ratio:4/3;border-radius:var(--df-radius-xl);width:100%;margin-bottom:var(--df-space-8)}.family-room-card__cover{border-radius:var(--df-radius-2xl);background:linear-gradient(135deg, var(--df-color-surface-warm) 0%, var(--df-color-secondary) 100%);min-height:220px;box-shadow:var(--df-shadow-md);background-position:50%;background-size:cover;transition:transform .15s;position:relative;overflow:hidden}.family-room-card:active .family-room-card__cover{transform:scale(.985)}.family-room-card__initial{color:#2a242026;place-items:center;font-size:3rem;font-weight:700;display:grid;position:absolute;inset:0}.family-room-card__overlay{padding:var(--df-space-24);color:#fff;background:linear-gradient(#0000 25%,#000000b8 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.family-room-card__overlay h2{font:var(--df-text-title);letter-spacing:-.02em;margin:0;line-height:1.25}.family-room-card__overlay p{margin:var(--df-space-8) 0 0;font:var(--df-text-body-sm);opacity:.95}.family-room-card__activity{margin-top:var(--df-space-4)!important;font:var(--df-text-caption)!important;opacity:.85!important}.family-room-card{cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:0;display:block}.family-room-list{gap:var(--df-space-20);padding:var(--df-space-20) var(--df-page-gutter) var(--df-space-16);flex-direction:column;display:flex}.family-room-list__hint{font:var(--df-text-body-sm);color:var(--df-color-text-secondary);margin:0;line-height:1.5}.family-room-list__cards{gap:var(--df-space-16);display:grid}.submit-button__content{justify-content:center;align-items:center;gap:var(--df-space-8);display:inline-flex}.submit-button__spinner{width:18px;height:18px}.family-room-create__hero{text-align:center;padding:var(--df-space-8) 0 var(--df-space-4);flex-direction:column;align-items:center;display:flex}.family-room-create__hero-icon{width:72px;height:72px;margin-bottom:var(--df-space-16);border-radius:var(--df-radius-full);background:var(--df-gradient-brand);color:#fff;box-shadow:0 12px 28px var(--df-color-primary-glow);place-items:center;display:grid}.family-room-create__hero-icon ion-icon{font-size:2rem}.family-room-create__hero-title{margin:0 0 var(--df-space-8);font:var(--df-text-title);color:var(--df-color-text);letter-spacing:-.02em}.family-room-create__hero-desc{font:var(--df-text-body-sm);color:var(--df-color-text-secondary);margin:0;line-height:1.6}.family-room-create__form{gap:var(--df-space-16);flex-direction:column;display:flex}.family-room-create__form .field-group__control:has(ion-textarea){min-height:96px;padding-top:var(--df-space-12);padding-bottom:var(--df-space-12);align-items:stretch}.family-room-create__form ion-textarea{--padding-top:0;--padding-bottom:0;font:var(--df-text-body);line-height:1.6}.family-room-create__error{padding:var(--df-space-12) var(--df-space-16);border-radius:var(--df-radius-md);color:var(--df-color-danger);font:var(--df-text-body-sm);background:#d95d5d14;margin:0}.family-room-create__tips{padding:var(--df-space-20);border-radius:var(--df-radius-xl);background:var(--df-color-surface-muted);border:1px solid var(--df-color-border)}.family-room-create__tips-title{margin:0 0 var(--df-space-12);font:var(--df-text-label);color:var(--df-color-text-secondary)}.family-room-create__tips ul{gap:var(--df-space-10);flex-direction:column;margin:0;padding-left:1.25rem;display:flex}.family-room-create__tips li{font:var(--df-text-body-sm);color:var(--df-color-text-secondary);line-height:1.55}.section-header{justify-content:space-between;align-items:center;gap:var(--df-space-12);margin-bottom:var(--df-space-12);display:flex}.section-header__title{font:var(--df-text-section);color:var(--df-color-text);letter-spacing:-.01em;flex:1;min-width:0;margin:0}.section-header__action{flex-shrink:0}.profile-avatar{align-items:center;gap:var(--df-space-8);flex-direction:column;min-width:0;display:inline-flex}.profile-avatar--button{cursor:pointer;text-align:center;background:0 0;border:none;padding:0}.profile-avatar--button:active{opacity:.82}.profile-avatar__image-wrap{position:relative}.profile-avatar__badge{border-radius:var(--df-radius-full);width:20px;height:20px;box-shadow:var(--df-shadow-xs);background:#fff;place-items:center;font-size:.75rem;line-height:1;display:grid;position:absolute;bottom:-2px;right:-2px}.profile-avatar__image{--border-radius:var(--df-radius-full);box-shadow:var(--df-shadow-xs);border:2px solid #fff;margin:0}.profile-avatar--sm .profile-avatar__image{width:40px;height:40px}.profile-avatar--md .profile-avatar__image{width:56px;height:56px}.profile-avatar--lg .profile-avatar__image{width:72px;height:72px}.profile-avatar--highlight .profile-avatar__image{border-color:var(--df-color-primary-soft);box-shadow:0 0 0 2px var(--df-color-primary-soft)}.profile-avatar__fallback{background:var(--df-gradient-brand);color:#fff;width:100%;height:100%;font:700 1.125rem/1 var(--df-font-family);place-items:center;display:grid}.profile-avatar--sm .profile-avatar__fallback{font-size:.875rem}.profile-avatar--lg .profile-avatar__fallback{font-size:1.75rem}.profile-avatar__name{max-width:4.5rem;font:600 .75rem/1.3 var(--df-font-family);color:var(--df-color-text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-avatar--highlight .profile-avatar__name{color:var(--df-color-primary-dark)}.family-portrait{gap:var(--df-space-12);flex-direction:column;display:flex}.family-portrait__card{gap:var(--df-space-16);padding:var(--df-space-20);border-radius:var(--df-radius-xl);background:var(--df-color-surface);box-shadow:var(--df-shadow-sm);flex-direction:column;display:flex}.family-portrait__summary{font:var(--df-text-body-sm);color:var(--df-color-text-secondary);margin:0}.family-portrait__grid{gap:var(--df-space-16) var(--df-space-12);grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));justify-items:center;display:grid}.family-portrait__cta{border:1px dashed var(--df-color-border-strong);border-radius:var(--df-radius-full);background:var(--df-color-bg);width:100%;color:var(--df-color-primary-dark);font:600 .875rem/1.4 var(--df-font-family);cursor:pointer;padding:12px 16px}.family-portrait__cta:active{opacity:.78}.family-post-card{width:100%;padding:var(--df-space-16);border-radius:var(--df-radius-xl);background:var(--df-color-surface);box-shadow:var(--df-shadow-sm);text-align:left;cursor:pointer;border:none;transition:transform .15s}.family-post-card:active{transform:scale(.985)}.family-post-card__badge{margin-bottom:var(--df-space-8);border-radius:var(--df-radius-full);font:600 .6875rem/1 var(--df-font-family);padding:4px 10px;display:inline-flex}.family-post-card__badge--news{background:var(--df-color-primary-soft);color:var(--df-color-primary-dark)}.family-post-card__badge--record{color:#5a6b48;background:#788c6424}.family-post-card__title{font:600 1rem/1.35 var(--df-font-family);color:var(--df-color-text);display:block}.family-post-card__content{margin:var(--df-space-8) 0 0;font:var(--df-text-body-sm);color:var(--df-color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.family-post-card--record .family-post-card__content{-webkit-line-clamp:3;color:var(--df-color-text);font:var(--df-text-body);margin-top:0}.family-post-card__meta{margin-top:var(--df-space-10);font:var(--df-text-caption);color:var(--df-color-text-muted);display:block}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.home-photo-showcase{border-radius:var(--df-radius-2xl);width:100%;box-shadow:var(--df-shadow-md);cursor:pointer;text-align:left;background:#1a1410;border:none;padding:0;display:block;position:relative;overflow:hidden}.home-photo-showcase--single,.home-photo-showcase--slideshow,.home-photo-showcase__slide,.home-photo-showcase__placeholder{aspect-ratio:10/11}.home-photo-showcase__swiper{width:100%;height:100%}.home-photo-showcase__swiper .swiper-slide{height:auto}.home-photo-showcase__slide{cursor:pointer;background:0 0;border:none;width:100%;height:100%;padding:0;display:block;position:relative}.home-photo-showcase__image{object-fit:cover;transform-origin:50%;width:100%;height:100%;display:block}.home-photo-showcase--slideshow .swiper-slide-active .home-photo-showcase__image{animation:home-photo-showcase-ken-burns var(--slide-duration,4.5s) ease-out forwards}@keyframes home-photo-showcase-ken-burns{0%{transform:scale(1)}to{transform:scale(1.1)}}.home-photo-showcase__placeholder{background:var(--df-color-surface-muted);width:100%;color:var(--df-color-text-muted);font:var(--df-text-body);place-items:center;display:grid}.home-photo-showcase__overlay{justify-content:space-between;gap:var(--df-space-8);padding:var(--df-space-20);color:#fff;pointer-events:none;background:linear-gradient(#0000006b 0%,#0000 28% 40%,#000000b8 100%);flex-direction:column;display:flex;position:absolute;inset:0}.home-photo-showcase__badge{border-radius:var(--df-radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:100%;font:600 .6875rem/1.2 var(--df-font-family);white-space:nowrap;text-overflow:ellipsis;background:#ffffff2e;align-self:flex-start;padding:4px 10px;overflow:hidden}.home-photo-showcase__caption{gap:var(--df-space-8);flex-direction:column;display:flex}.home-photo-showcase__memo{font:600 1rem/1.45 var(--df-font-family);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.home-photo-showcase__meta{font:var(--df-text-body-sm);opacity:.92;margin:0}.home-photo-showcase__chrome{left:var(--df-space-16);right:var(--df-space-16);bottom:var(--df-space-12);z-index:2;pointer-events:none;position:absolute}.home-photo-showcase__progress-track{border-radius:var(--df-radius-full);background:#ffffff38;height:3px;overflow:hidden}.home-photo-showcase__progress-bar{border-radius:inherit;background:#ffffffeb;width:0;height:100%;animation:linear forwards home-photo-showcase-progress;display:block}@keyframes home-photo-showcase-progress{0%{width:0}to{width:100%}}.home-photo-showcase--slideshow .home-photo-showcase__caption{padding-bottom:var(--df-space-12)}.photo-grid{gap:6px;width:100%;padding:0;display:grid}.photo-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-grid__item{aspect-ratio:1;background:var(--df-color-surface-warm);cursor:pointer;border-radius:var(--df-radius-md);border:none;min-width:0;padding:0;transition:transform .15s,box-shadow .15s;overflow:hidden}.photo-grid__item:active{transform:scale(.97)}.photo-grid__item img{object-fit:cover;width:100%;height:100%;display:block}.photo-grid__placeholder{width:100%;height:100%;color:var(--df-color-text-muted);font:var(--df-text-body-sm);place-items:center;display:grid}.room-switcher__trigger{align-items:center;gap:var(--df-space-10);border:1px solid var(--df-color-border);border-radius:var(--df-radius-full);background:var(--df-color-surface);max-width:min(240px,78vw);box-shadow:var(--df-shadow-xs);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;padding:6px 12px 6px 6px;transition:transform .15s,box-shadow .15s,border-color .15s;display:inline-flex}.room-switcher__trigger:active{box-shadow:var(--df-shadow-sm);border-color:#e07a5659;transform:scale(.98)}.room-switcher__trigger--compact{gap:var(--df-space-8);max-width:100%;box-shadow:none;background:0 0;border:none;justify-content:center;padding:2px 4px}.room-switcher__trigger--compact:active{border-radius:var(--df-radius-md);box-shadow:none;background:#2a24200a;transform:scale(.98)}.room-switcher__trigger--compact .room-switcher__trigger-label{font:700 1rem/1.25 var(--df-font-family);color:var(--df-color-text)}.room-switcher__trigger--compact .room-switcher__trigger-chevron{width:18px;height:18px;color:var(--df-color-text-muted);background:0 0;font-size:.625rem;line-height:18px}.room-switcher__trigger-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.room-switcher__trigger-label{text-overflow:ellipsis;white-space:nowrap;font:700 .9375rem/1.25 var(--df-font-family);color:var(--df-color-text);letter-spacing:-.01em;overflow:hidden}.room-switcher__trigger-meta{font:var(--df-text-caption);color:var(--df-color-text-muted)}.room-switcher__trigger-chevron{background:var(--df-color-primary-soft);text-align:center;width:22px;height:22px;color:var(--df-color-primary-dark);border-radius:50%;flex-shrink:0;font-size:.6875rem;line-height:22px}.room-switcher__panel{-webkit-overflow-scrolling:touch;padding:var(--df-space-8) var(--df-page-gutter) calc(var(--df-space-16) + env(safe-area-inset-bottom,0px));background:var(--df-color-bg);overflow-y:auto}.room-switcher__handle{width:36px;height:4px;margin:0 auto var(--df-space-16);border-radius:var(--df-radius-full);background:var(--df-color-border-strong)}.room-switcher__title{font:var(--df-text-section);color:var(--df-color-text);text-align:center;letter-spacing:-.02em;margin:0}.room-switcher__subtitle{margin:var(--df-space-8) 0 var(--df-space-16);font:var(--df-text-body-sm);color:var(--df-color-text-secondary);text-align:center}.room-switcher__list{gap:var(--df-space-10);margin-bottom:var(--df-space-12);flex-direction:column;display:flex}.room-switcher__item{align-items:center;gap:var(--df-space-12);width:100%;padding:var(--df-space-14);border:1px solid var(--df-color-border);border-radius:var(--df-radius-xl);background:var(--df-color-surface);box-shadow:var(--df-shadow-xs);text-align:left;cursor:pointer;transition:transform .15s,border-color .15s,background .15s;display:flex}.room-switcher__item:active{transform:scale(.985)}.room-switcher__item--active{border-color:var(--df-color-primary);box-shadow:var(--df-shadow-sm);background:linear-gradient(#e07a5614 0%,#fff 100%)}.room-switcher__avatar{border-radius:var(--df-radius-lg);background:var(--df-color-primary-soft);font:700 1.125rem/1 var(--df-font-family);color:var(--df-color-primary-dark);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.room-switcher__avatar--sm{width:32px;height:32px;font-size:.9375rem}.room-switcher__avatar--md{width:44px;height:44px}.room-switcher__avatar--image{color:#0000;background-position:50%;background-size:cover}.room-switcher__item-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.room-switcher__item-body strong{font:600 .96875rem/1.35 var(--df-font-family);color:var(--df-color-text)}.room-switcher__item-body>span{font:var(--df-text-caption);color:var(--df-color-text-secondary)}.room-switcher__item-meta{color:var(--df-color-text-muted)!important}.room-switcher__check{background:var(--df-color-primary);width:24px;height:24px;font:700 .8125rem/1 var(--df-font-family);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.room-switcher__manage{width:100%;margin-bottom:var(--df-space-10);padding:var(--df-space-14);border-radius:var(--df-radius-lg);background:var(--df-color-primary-soft);font:600 .9375rem/1.35 var(--df-font-family);color:var(--df-color-primary-dark);cursor:pointer;border:none;transition:transform .15s,background .15s}.room-switcher__manage:active{background:#e07a5629;transform:scale(.985)}.room-switcher__cancel{width:100%;padding:var(--df-space-14);border:1px solid var(--df-color-border-strong);border-radius:var(--df-radius-full);font:600 .9375rem/1.35 var(--df-font-family);color:var(--df-color-text-secondary);cursor:pointer;background:0 0}.room-switcher__cancel:active{background:var(--df-color-surface-muted)}.df-sheet-modal{--height:auto;--width:100%;--max-height:92%;--border-radius:var(--df-radius-2xl) var(--df-radius-2xl) 0 0;--box-shadow:var(--df-shadow-lg);--backdrop-opacity:.42;align-items:flex-end}.df-sheet-modal::part(content){border-radius:var(--df-radius-2xl) var(--df-radius-2xl) 0 0;width:100%;max-height:92vh}.family-room-header-title{width:100%;min-width:0;font:var(--df-text-body-sm);justify-content:center;align-items:center;display:inline-flex}.family-room-header-title__fallback{border:1px solid var(--df-color-border);border-radius:var(--df-radius-full);background:var(--df-color-surface-muted);min-height:30px;font:600 .8125rem/1.2 var(--df-font-family);color:var(--df-color-text-secondary);letter-spacing:-.01em;white-space:nowrap;align-items:center;padding:4px 12px;display:inline-flex}.family-room-header-title .room-switcher__trigger--compact{border:1px solid var(--df-color-border);border-radius:var(--df-radius-full);background:var(--df-color-surface-muted);width:auto;max-width:min(200px,52vw);min-height:30px;box-shadow:none;justify-content:center;gap:6px;padding:4px 8px 4px 12px}.family-room-header-title .room-switcher__trigger--compact:active{background:var(--df-color-primary-soft);border-color:#e07a5647}.family-room-header-title .room-switcher__trigger--compact .room-switcher__trigger-label{font:600 .8125rem/1.2 var(--df-font-family);color:var(--df-color-text-secondary);letter-spacing:-.01em}.family-room-header-title .room-switcher__trigger--compact .room-switcher__trigger-chevron{background:var(--df-color-primary-soft);width:24px;height:24px;color:var(--df-color-primary-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.family-room-header-title .room-switcher__trigger--compact .room-switcher__chevron-icon{width:16px;height:16px;color:var(--df-color-primary-dark);font-size:16px}.home-page{flex-direction:column;display:flex}.home-page__greeting{border:1px solid var(--df-color-border);border-radius:var(--df-radius-full);background:var(--df-color-surface-muted);min-height:30px;font:600 .8125rem/1.2 var(--df-font-family);color:var(--df-color-text-secondary);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;align-items:center;padding:4px 12px;display:inline-flex;overflow:hidden}.home-feed{flex-direction:column;display:flex}.home-feed__hero{width:100%}.home-feed__hero .home-photo-showcase{box-shadow:none;border-radius:0}.home-feed__body{gap:var(--df-space-28);padding:var(--df-space-20) var(--df-page-gutter) var(--df-space-16);flex-direction:column;display:flex}.home-feed .family-portrait{margin:0}.home-feed__sections{gap:var(--df-space-28);flex-direction:column;display:flex}.home-feed__section{gap:var(--df-space-12);flex-direction:column;margin:0;display:flex}.home-feed__section .section-header{margin-bottom:0}.home-feed__onboarding{gap:var(--df-space-20);padding:var(--df-space-24);border-radius:var(--df-radius-xl);background:var(--df-gradient-brand);color:#fff;box-shadow:0 12px 28px var(--df-color-primary-glow);flex-direction:column;margin:0;display:flex}.home-feed__onboarding-text{font:600 1rem/1.55 var(--df-font-family);color:#fff;text-shadow:0 1px 2px #0000001f;margin:0}.home-feed__onboarding-actions{gap:var(--df-space-12);flex-direction:column;display:flex}.home-feed__onboarding-btn{border-radius:var(--df-radius-full);width:100%;color:var(--df-color-primary-dark);font:700 .9375rem/1 var(--df-font-family);cursor:pointer;background:#fff;border:none;padding:14px 18px;box-shadow:0 2px 10px #2a242024}.home-feed__onboarding-btn:active{opacity:.92;transform:scale(.98)}.home-feed__empty-card{justify-content:center;align-items:center;gap:var(--df-space-8);width:100%;min-height:120px;padding:var(--df-space-20) var(--df-space-16);border:1px dashed var(--df-color-border-strong);border-radius:var(--df-radius-xl);background:var(--df-color-surface);box-shadow:none;text-align:center;cursor:pointer;flex-direction:column;transition:transform .15s,border-color .15s;display:flex}.home-feed__empty-card--static{cursor:default}.home-feed__empty-card:not(.home-feed__empty-card--static):active{border-color:var(--df-color-primary);transform:scale(.985)}.home-feed__empty-card-icon{font-size:1.5rem;line-height:1}.home-feed__empty-card-title{font:700 1rem/1.35 var(--df-font-family);color:var(--df-color-text)}.home-feed__empty-card-desc{font:var(--df-text-body-sm);color:var(--df-color-text-secondary);max-width:260px;line-height:1.5}.home-feed__monthly-card{border-radius:var(--df-radius-xl);background:var(--df-color-surface);cursor:pointer;text-align:left;width:100%;box-shadow:var(--df-shadow-md);border:none;padding:0;display:block;position:relative;overflow:hidden}.home-feed__monthly-card img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.home-feed__monthly-placeholder{aspect-ratio:16/10;background:var(--df-color-surface-muted);color:var(--df-color-text-secondary);font:var(--df-text-body);place-items:center;display:grid}.home-feed__monthly-overlay{padding:var(--df-space-20);color:#fff;background:linear-gradient(#0000 35%,#000000b8 100%);flex-direction:column;justify-content:flex-end;gap:4px;display:flex;position:absolute;inset:0}.home-feed__monthly-badge{border-radius:var(--df-radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:600 .6875rem/1 var(--df-font-family);background:#ffffff2e;align-self:flex-start;padding:4px 10px}.home-feed__monthly-overlay strong{font:var(--df-text-title);line-height:1.25}.home-feed__monthly-overlay span:last-child{font:var(--df-text-body-sm);opacity:.9}.home-feed__post-list,.home-feed__news-list,.home-feed__schedule-list{gap:var(--df-space-10);flex-direction:column;display:flex}.home-feed__news-card{align-items:flex-start;gap:var(--df-space-10);width:100%;padding:var(--df-space-16);border-radius:var(--df-radius-xl);background:var(--df-color-surface);box-shadow:var(--df-shadow-xs);text-align:left;cursor:pointer;border:none;transition:transform .15s;display:flex}.home-feed__news-card:active{transform:scale(.985)}.home-feed__news-card--read{opacity:.76;background:var(--df-color-surface-muted);box-shadow:none}.home-feed__news-dot{background:var(--df-color-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.home-feed__news-body{flex-direction:column;gap:4px;min-width:0;display:flex}.home-feed__news-title{font:600 .9375rem/1.35 var(--df-font-family);color:var(--df-color-text)}.home-feed__news-message{font:var(--df-text-body-sm);color:var(--df-color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.home-feed__news-time{font:var(--df-text-caption);color:var(--df-color-text-muted)}.home-feed__schedule-card{align-items:flex-start;gap:var(--df-space-12);width:100%;padding:var(--df-space-16);border-radius:var(--df-radius-xl);background:var(--df-color-primary-soft);text-align:left;cursor:pointer;border:none;transition:transform .15s;display:flex}.home-feed__schedule-card:active{transform:scale(.985)}.home-feed__schedule-date{width:92px;font:700 .8125rem/1.4 var(--df-font-family);color:var(--df-color-primary-dark);flex-shrink:0}.home-feed__schedule-body{gap:var(--df-space-4);flex-direction:column;flex:1;min-width:0;display:flex}.home-feed__schedule-title{font:600 .9375rem/1.45 var(--df-font-family);color:var(--df-color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-feed__schedule-sub{font:var(--df-text-caption);color:var(--df-color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-feed__alert-banner{width:100%;padding:var(--df-space-14) var(--df-space-16);border-radius:var(--df-radius-xl);background:var(--df-color-primary-soft);color:var(--df-color-primary-dark);font:600 .9375rem/1.4 var(--df-font-family);text-align:left;cursor:pointer;border:none}.home-feed__records{gap:var(--df-space-12);flex-direction:column;display:flex}.record-card{width:100%;padding:var(--df-space-20);border-radius:var(--df-radius-xl);background:var(--df-color-surface);box-shadow:var(--df-shadow-sm);cursor:pointer;text-align:left;border:none;transition:transform .15s}.record-card:active{transform:scale(.985)}.record-card__meta{justify-content:space-between;align-items:center;gap:var(--df-space-8);margin-bottom:var(--df-space-12);display:flex}.record-card__author{font:600 .875rem/1 var(--df-font-family);color:var(--df-color-primary-dark)}.record-card__date{font:var(--df-text-caption);color:var(--df-color-text-muted)}.record-card__content{font:var(--df-text-body);color:var(--df-color-text);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.6;display:-webkit-box;overflow:hidden}.home-empty{padding:var(--df-space-32) var(--df-page-gutter)}.home-feed__room-stats{margin:calc(var(--df-space-8) * -1) 0 0;padding-top:var(--df-space-4);text-align:center;font:var(--df-text-caption);color:var(--df-color-text-muted)}.df-toast{z-index:10001;align-items:center;gap:var(--df-space-12);width:min(calc(var(--df-page-max-width) - var(--df-page-gutter) * 2), calc(100% - var(--df-page-gutter) * 2));border-radius:var(--df-radius-full);-webkit-backdrop-filter:saturate(180%)blur(20px);box-shadow:var(--df-shadow-md);color:var(--df-color-text);opacity:0;pointer-events:none;left:50%;bottom:calc(var(--df-space-20) + env(safe-area-inset-bottom,0px));background:#ffffffeb;border:1px solid #ffffffb3;padding:14px 18px;transition:opacity .22s,transform .22s;display:flex;position:fixed;transform:translate(-50%)translateY(16px)}ion-app.has-tab-bar .df-toast{bottom:calc(var(--df-tab-bar-height) + var(--df-tab-bar-offset) + var(--df-space-12) + env(safe-area-inset-bottom,0px))}.df-toast--visible{opacity:1;transform:translate(-50%)translateY(0)}.df-toast__icon{border-radius:var(--df-radius-full);flex-shrink:0;place-items:center;width:28px;height:28px;font-size:1rem;display:grid}.df-toast__icon ion-icon{font-size:1.125rem}.df-toast__message{min-width:0;font:600 .9375rem/1.45 var(--df-font-family);letter-spacing:-.01em;flex:1}.df-toast--success .df-toast__icon{color:var(--df-color-success);background:#5f9e7a24}.df-toast--primary .df-toast__icon{background:var(--df-color-primary-soft);color:var(--df-color-primary-dark)}.df-toast--warning .df-toast__icon{color:var(--df-color-warning);background:#d89a3d24}.df-toast--danger .df-toast__icon{color:var(--df-color-danger);background:#d95d5d1f}.df-toast--success.df-toast--visible{box-shadow:var(--df-shadow-md), 0 0 0 1px #5f9e7a14}.df-toast--primary.df-toast--visible{box-shadow:var(--df-shadow-md), 0 0 0 1px var(--df-color-primary-soft)}.df-toast--danger.df-toast--visible{box-shadow:var(--df-shadow-md), 0 0 0 1px #d95d5d14}.family-room-invite__hero{text-align:center;padding:var(--df-space-4) 0;flex-direction:column;align-items:center;display:flex}.family-room-invite__hero-icon{width:72px;height:72px;margin-bottom:var(--df-space-16);border-radius:var(--df-radius-full);background:var(--df-gradient-brand);color:#fff;box-shadow:0 12px 28px var(--df-color-primary-glow);place-items:center;display:grid}.family-room-invite__hero-icon ion-icon{font-size:2rem}.family-room-invite__hero-title{margin:0 0 var(--df-space-8);font:var(--df-text-title);color:var(--df-color-text);letter-spacing:-.02em}.family-room-invite__hero-desc{font:var(--df-text-body-sm);color:var(--df-color-text-secondary);margin:0;line-height:1.6}.family-room-invite__section{gap:var(--df-space-12);flex-direction:column;display:flex}.family-room-invite__section-title{font:var(--df-text-label);color:var(--df-color-text-secondary);margin:0}.family-room-invite__roles{gap:var(--df-space-12);flex-direction:column;display:flex}.family-room-invite__role{align-items:center;gap:var(--df-space-14);width:100%;padding:var(--df-space-16);border:1.5px solid var(--df-color-border);border-radius:var(--df-radius-xl);background:var(--df-color-surface);box-shadow:var(--df-shadow-xs);cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s;display:flex}.family-room-invite__role:active:not(:disabled){transform:scale(.985)}.family-room-invite__role:disabled{opacity:.7;cursor:wait}.family-room-invite__role--selected{background:linear-gradient(180deg, #fff 0%, var(--df-color-bg-accent) 100%);box-shadow:0 0 0 3px var(--df-color-primary-soft);border-color:#e07a5673}.family-room-invite__role-emoji{flex-shrink:0;font-size:1.75rem;line-height:1}.family-room-invite__role-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.family-room-invite__role-body strong{font:600 1rem/1.35 var(--df-font-family);color:var(--df-color-text)}.family-room-invite__role-body span{font:var(--df-text-body-sm);color:var(--df-color-text-secondary)}.family-room-invite__role-check{color:var(--df-color-primary);flex-shrink:0;font-size:1.375rem}.family-room-invite__link-card{padding:var(--df-space-20);border-radius:var(--df-radius-xl);background:var(--df-color-surface);box-shadow:var(--df-shadow-sm)}.family-room-invite__link-card--loading{align-items:center;gap:var(--df-space-12);padding:var(--df-space-32) var(--df-space-20);text-align:center;flex-direction:column;display:flex}.family-room-invite__link-card--loading p{font:var(--df-text-body-sm);color:var(--df-color-text-secondary);margin:0}.family-room-invite__link-badge{margin-bottom:var(--df-space-12);border-radius:var(--df-radius-full);background:var(--df-color-primary-soft);color:var(--df-color-primary-dark);font:600 .75rem/1 var(--df-font-family);align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.family-room-invite__link-badge ion-icon{font-size:.875rem}.family-room-invite__link-url{margin:0 0 var(--df-space-20);padding:var(--df-space-14) var(--df-space-16);border-radius:var(--df-radius-md);background:var(--df-color-surface-muted);border:1px solid var(--df-color-border);font:500 .8125rem/1.55 var(--df-font-family);color:var(--df-color-text);word-break:break-all;overflow-wrap:anywhere}.family-room-invite__link-actions{gap:var(--df-space-12);display:grid}.family-room-invite__refresh{width:100%;margin-top:var(--df-space-16);padding:var(--df-space-8);color:var(--df-color-text-muted);font:var(--df-text-body-sm);cursor:pointer;background:0 0;border:none;text-decoration:underline;display:block}.family-room-invite__refresh:disabled{opacity:.5;cursor:not-allowed}.family-room-invite__error{padding:var(--df-space-20);border-radius:var(--df-radius-xl);text-align:center;background:#d95d5d14}.family-room-invite__error p{margin:0 0 var(--df-space-12);font:var(--df-text-body-sm);color:var(--df-color-danger)}.family-room-invite__tips{padding:var(--df-space-20);border-radius:var(--df-radius-xl);background:var(--df-color-surface-muted);border:1px solid var(--df-color-border)}.family-room-invite__tips ul{gap:var(--df-space-10);flex-direction:column;margin:0;padding-left:1.25rem;display:flex}.family-room-invite__tips li{font:var(--df-text-body-sm);color:var(--df-color-text-secondary);line-height:1.55}.bottom-action-sheet::part(content){overflow:hidden}.bottom-action-sheet__panel{-webkit-overflow-scrolling:touch;padding:var(--df-space-8) var(--df-page-gutter) calc(var(--df-space-16) + env(safe-area-inset-bottom,0px));background:var(--df-color-bg);flex-direction:column;display:flex;overflow-y:auto}.bottom-action-sheet__handle{width:36px;height:4px;margin:0 auto var(--df-space-16);border-radius:var(--df-radius-full);background:var(--df-color-border-strong)}.bottom-action-sheet__title{margin:0 0 var(--df-space-12);font:var(--df-text-label);color:var(--df-color-text-secondary);text-align:center}.bottom-action-sheet__list{gap:var(--df-space-8);margin-bottom:var(--df-space-12);flex-direction:column;display:flex}.bottom-action-sheet__item{width:100%;padding:var(--df-space-16);border-radius:var(--df-radius-lg);background:var(--df-color-surface);box-shadow:var(--df-shadow-xs);font:600 1rem/1.35 var(--df-font-family);color:var(--df-color-text);text-align:center;cursor:pointer;border:none;transition:transform .15s,background .15s}.bottom-action-sheet__item:active{background:var(--df-color-surface-muted);transform:scale(.985)}.bottom-action-sheet__item--danger{color:var(--df-color-danger)}.bottom-action-sheet__cancel{width:100%;padding:var(--df-space-14);border:1px solid var(--df-color-border-strong);border-radius:var(--df-radius-full);font:600 .9375rem/1.35 var(--df-font-family);color:var(--df-color-text-secondary);cursor:pointer;background:0 0}.bottom-action-sheet__cancel:active{background:var(--df-color-surface-muted)}.family-members-page__quick-actions{gap:var(--df-space-10);flex-direction:column;display:flex}.family-members-page__action-card{align-items:center;gap:var(--df-space-14);width:100%;padding:var(--df-space-16);border:1px solid var(--df-color-border);border-radius:var(--df-radius-xl);background:var(--df-color-surface);box-shadow:var(--df-shadow-xs);text-align:left;cursor:pointer;transition:transform .15s,box-shadow .15s;display:flex}.family-members-page__action-card:active{transform:scale(.985)}.family-members-page__action-card--primary{background:var(--df-gradient-surface);box-shadow:var(--df-shadow-sm);border-color:#e07a5638}.family-members-page__action-icon{border-radius:var(--df-radius-full);background:var(--df-gradient-brand);color:#fff;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.family-members-page__action-icon ion-icon{font-size:1.25rem}.family-members-page__action-icon--soft{background:var(--df-color-primary-soft);color:var(--df-color-primary-dark)}.family-members-page__action-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.family-members-page__action-body strong{font:600 .9375rem/1.35 var(--df-font-family);color:var(--df-color-text)}.family-members-page__action-body span{font:var(--df-text-caption);color:var(--df-color-text-muted)}.family-members-page__action-chevron{color:var(--df-color-text-muted);flex-shrink:0;font-size:1.125rem}.family-members-page__more{border-radius:var(--df-radius-full);background:var(--df-color-surface-muted);width:36px;height:36px;color:var(--df-color-text-secondary);cursor:pointer;border:none;place-items:center;display:grid}.family-members-page__more ion-icon{font-size:1.125rem}.family-members-page__summary{font:var(--df-text-body-sm);color:var(--df-color-text-secondary);margin:0}.family-members-page__portrait{gap:var(--df-space-16) var(--df-space-12);padding:var(--df-space-20);border-radius:var(--df-radius-xl);background:var(--df-color-surface);box-shadow:var(--df-shadow-sm);grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));justify-items:center;display:grid}.family-members-page__item{--padding-start:var(--df-page-gutter);--inner-padding-end:var(--df-page-gutter)}.family-members-page__item-avatar{margin-right:var(--df-space-12)}.family-members-page__list{background:0 0;margin:0;padding:0}.family-members-page__list ion-item{--background:var(--df-color-surface);--border-radius:var(--df-radius-xl);margin-bottom:0}.family-members-page__item ion-label h2{font:600 1rem/1.35 var(--df-font-family)}.family-members-page__item ion-label p{margin-top:4px}:root{--df-modal-close-size:40px}.df-modal-close-wrap{top:calc(env(safe-area-inset-top,0px) + var(--df-space-12));right:calc(env(safe-area-inset-right,0px) + var(--df-page-gutter));z-index:100000;pointer-events:none;position:fixed}.df-modal-close{pointer-events:auto;width:var(--df-modal-close-size);height:var(--df-modal-close-size);border-radius:var(--df-radius-full);color:var(--df-color-text-secondary);box-shadow:var(--df-shadow-sm);cursor:pointer;background:#ffffffeb;border:none;justify-content:center;align-items:center;padding:0;transition:background .15s,transform .15s;display:inline-flex}.df-modal-close ion-icon{font-size:1.375rem}.df-modal-close:active:not(:disabled){background:var(--df-color-surface);transform:scale(.96)}.df-modal-close:disabled{opacity:.6;cursor:default}.df-modal-page{gap:var(--df-space-20);box-sizing:border-box;min-height:100%;padding:calc(env(safe-area-inset-top,0px) + var(--df-space-12) + var(--df-modal-close-size) + var(--df-space-20)) var(--df-page-gutter) calc(env(safe-area-inset-bottom,0px) + var(--df-space-24));flex-direction:column;display:flex}.df-modal-page__title{text-align:center;font:var(--df-text-section);color:var(--df-color-text);padding-inline:calc(var(--df-modal-close-size) + var(--df-space-8));margin:0}.photo-upload-modal{--height:100%;--width:100%;--border-radius:0;--box-shadow:none}.photo-upload-modal::part(content){border-radius:0}.photo-upload-modal__content{--background:transparent}.photo-upload-modal__content::part(background){background:var(--df-color-bg)}.photo-upload-modal__page{gap:var(--df-space-16)}.photo-upload-modal__page--pick{justify-content:center;gap:var(--df-space-24);padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--df-space-12) + var(--df-modal-close-size) + var(--df-space-20))}.photo-upload{gap:var(--df-space-20);flex-direction:column;display:flex}.photo-upload--has-footer{padding-bottom:var(--df-space-8)}.photo-upload__stepper{margin:calc(var(--df-space-4) * -1) 0 0;padding:0 0 var(--df-space-4);justify-content:center;align-items:center;gap:0;display:flex}.photo-upload__step{align-items:center;gap:var(--df-space-8);flex:none;display:flex}.photo-upload__step-dot{border-radius:var(--df-radius-full);width:24px;height:24px;font:700 .75rem/1 var(--df-font-family);background:var(--df-color-surface-muted);color:var(--df-color-text-muted);place-items:center;transition:background .2s,color .2s,box-shadow .2s;display:grid}.photo-upload__step-label{font:600 .8125rem/1 var(--df-font-family);color:var(--df-color-text-muted);transition:color .2s}.photo-upload__step-line{width:28px;height:2px;margin:0 var(--df-space-8);border-radius:var(--df-radius-full);background:var(--df-color-border)}.photo-upload__step--active .photo-upload__step-dot{background:var(--df-gradient-brand);color:#fff;box-shadow:0 2px 8px var(--df-color-primary-glow)}.photo-upload__step--active .photo-upload__step-label{color:var(--df-color-text)}.photo-upload__step--done .photo-upload__step-dot{background:var(--df-color-primary-soft);color:var(--df-color-primary-dark)}.photo-upload__step--done .photo-upload__step-label{color:var(--df-color-text-secondary)}.photo-upload__hero{text-align:center;width:100%;padding:var(--df-space-32) var(--df-space-24);border-radius:var(--df-radius-2xl);background:var(--df-gradient-brand);color:#fff;cursor:pointer;box-shadow:0 12px 28px var(--df-color-primary-glow);border:none;flex-direction:column;align-items:center;transition:transform .15s;display:flex}.photo-upload__hero:active{transform:scale(.985)}.photo-upload__hero-icon{width:72px;height:72px;margin-bottom:var(--df-space-16);border-radius:var(--df-radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e;place-items:center;display:grid}.photo-upload__hero-icon ion-icon{font-size:2rem}.photo-upload__hero-title{margin:0 0 var(--df-space-8);font:var(--df-text-title);letter-spacing:-.02em}.photo-upload__hero-desc{margin:0 0 var(--df-space-20);font:var(--df-text-body-sm);opacity:.92;line-height:1.6}.photo-upload__hero-cta{border-radius:var(--df-radius-full);min-width:160px;color:var(--df-color-primary-dark);font:700 .9375rem/1 var(--df-font-family);background:#fff;justify-content:center;align-items:center;padding:12px 24px;display:inline-flex;box-shadow:0 2px 10px #2a242024}.photo-upload__tips{padding:var(--df-space-20);border-radius:var(--df-radius-xl);background:var(--df-color-surface-muted);border:1px solid var(--df-color-border)}.photo-upload__tips-title{margin:0 0 var(--df-space-12);font:var(--df-text-label);color:var(--df-color-text-secondary)}.photo-upload__tips ul{gap:var(--df-space-10);flex-direction:column;margin:0;padding-left:1.25rem;display:flex}.photo-upload__tips li{font:var(--df-text-body-sm);color:var(--df-color-text-secondary);line-height:1.55}.photo-upload__review{gap:var(--df-space-16);flex-direction:column;display:flex}.photo-upload__review-head{justify-content:space-between;align-items:center;gap:var(--df-space-12);display:flex}.photo-upload__review-count{font:var(--df-text-body);color:var(--df-color-text-secondary);margin:0}.photo-upload__review-count strong{color:var(--df-color-primary-dark);font-weight:700}.photo-upload__review-add{border:1px solid var(--df-color-border-strong);border-radius:var(--df-radius-full);background:var(--df-color-surface);color:var(--df-color-primary-dark);font:600 .8125rem/1 var(--df-font-family);cursor:pointer;align-items:center;gap:4px;padding:8px 14px;display:inline-flex}.photo-upload__review-add ion-icon{font-size:1.125rem}.photo-upload__review-stage{aspect-ratio:4/5;border-radius:var(--df-radius-2xl);background:var(--df-color-surface-muted);width:100%;max-height:min(52vh,420px);box-shadow:var(--df-shadow-md);margin:0 auto;position:relative;overflow:hidden}.photo-upload__review-stage--single{aspect-ratio:3/4;max-height:min(58vh,480px)}.photo-upload__review-main{object-fit:cover;width:100%;height:100%;display:block}.photo-upload__review-remove{top:var(--df-space-12);right:var(--df-space-12);color:#fff;cursor:pointer;filter:drop-shadow(0 2px 6px #0006);background:0 0;border:none;place-items:center;padding:0;font-size:1.75rem;line-height:1;display:grid;position:absolute}.photo-upload__review-badge{left:var(--df-space-12);bottom:var(--df-space-12);border-radius:var(--df-radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:600 .8125rem/1 var(--df-font-family);background:#2a24208c;padding:6px 12px;position:absolute}.photo-upload__review-strip{gap:var(--df-space-8);padding:var(--df-space-4) 0 var(--df-space-8);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.photo-upload__review-strip::-webkit-scrollbar{display:none}.photo-upload__review-thumb{border-radius:var(--df-radius-md);background:var(--df-color-surface-muted);cursor:pointer;scroll-snap-align:start;border:2px solid #0000;flex:0 0 72px;width:72px;height:72px;padding:0;transition:border-color .15s,transform .15s;overflow:hidden}.photo-upload__review-thumb img{object-fit:cover;width:100%;height:100%;display:block}.photo-upload__review-thumb--active{border-color:var(--df-color-primary);transform:scale(1.04)}.photo-upload__review-thumb--add{border:1.5px dashed var(--df-color-border-strong);color:var(--df-color-primary-dark);place-items:center;display:grid}.photo-upload__review-thumb--add ion-icon{font-size:1.5rem}.photo-upload__settings-preview{gap:var(--df-space-12);padding:var(--df-space-16);border-radius:var(--df-radius-xl);background:var(--df-color-surface);box-shadow:var(--df-shadow-sm);flex-direction:column;display:flex}.photo-upload__settings-preview-label{font:var(--df-text-label);color:var(--df-color-text-secondary);margin:0}.photo-upload__settings-strip{gap:var(--df-space-8);padding-bottom:var(--df-space-4);display:flex;overflow-x:auto}.photo-upload__settings-strip::-webkit-scrollbar{display:none}.photo-upload__settings-thumb{border-radius:var(--df-radius-md);width:56px;height:56px;box-shadow:var(--df-shadow-xs);flex:0 0 56px;position:relative;overflow:hidden}.photo-upload__settings-thumb img{object-fit:cover;width:100%;height:100%;display:block}.photo-upload__settings-thumb-index{border-radius:var(--df-radius-full);color:#fff;min-width:18px;height:18px;font:700 .625rem/1 var(--df-font-family);background:#2a2420a6;place-items:center;padding:0 4px;display:grid;position:absolute;bottom:4px;right:4px}.photo-upload__settings-edit{color:var(--df-color-primary-dark);font:600 .8125rem/1 var(--df-font-family);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;align-self:flex-start;padding:0;text-decoration:underline}.photo-upload__albums{gap:var(--df-space-16);flex-direction:column;display:flex}.photo-upload__albums-head{gap:var(--df-space-4);flex-direction:column;display:flex}.photo-upload__albums-title{font:var(--df-text-section);color:var(--df-color-text);margin:0}.photo-upload__albums-desc{font:var(--df-text-body-sm);color:var(--df-color-text-secondary);margin:0}.photo-upload__album-create{gap:var(--df-space-12);padding:var(--df-space-16);border-radius:var(--df-radius-xl);background:var(--df-color-surface);box-shadow:var(--df-shadow-sm);flex-direction:column;display:flex}.photo-upload__album-create ion-button{margin:0}.photo-upload__album-create ion-button ion-spinner{width:1rem;height:1rem;margin-right:var(--df-space-8)}.photo-upload__albums-empty{padding:var(--df-space-20);border-radius:var(--df-radius-xl);background:var(--df-color-surface-muted);color:var(--df-color-text-secondary);font:var(--df-text-body-sm);text-align:center;margin:0}.photo-upload__album-list{gap:var(--df-space-10);flex-direction:column;display:flex}.photo-upload__album-option{align-items:center;gap:var(--df-space-12);width:100%;padding:var(--df-space-12);border:1.5px solid var(--df-color-border);border-radius:var(--df-radius-xl);background:var(--df-color-surface);box-shadow:var(--df-shadow-xs);cursor:pointer;text-align:left;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s;display:flex}.photo-upload__album-option:active:not(:disabled){transform:scale(.995)}.photo-upload__album-option--selected{border-color:var(--df-color-primary);background:var(--df-color-primary-soft);box-shadow:0 0 0 1px #e07a561f}.photo-upload__album-option:disabled{opacity:.6;cursor:not-allowed}.photo-upload__album-cover{border-radius:var(--df-radius-md);background:var(--df-gradient-surface);width:64px;height:64px;box-shadow:inset 0 0 0 1px var(--df-color-border);flex:0 0 64px;overflow:hidden}.photo-upload__album-cover img{object-fit:cover;width:100%;height:100%;display:block}.photo-upload__album-cover-fallback{width:100%;height:100%;font:700 1.375rem/1 var(--df-font-family);color:var(--df-color-primary-dark);place-items:center;display:grid}.photo-upload__album-meta{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.photo-upload__album-badge{border-radius:var(--df-radius-full);font:600 .6875rem/1 var(--df-font-family);color:var(--df-color-text-secondary);background:#ffffffe0;align-self:flex-start;padding:3px 8px}.photo-upload__album-option--selected .photo-upload__album-badge{color:var(--df-color-primary-dark);background:#ffffffeb}.photo-upload__album-name{font:600 .9375rem/1.35 var(--df-font-family);color:var(--df-color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.photo-upload__album-count{font:var(--df-text-caption);color:var(--df-color-text-muted)}.photo-upload__album-check{color:var(--df-color-border-strong);flex:none;font-size:1.5rem}.photo-upload__album-option--selected .photo-upload__album-check{color:var(--df-color-primary)}.photo-upload__albums-selected{padding:var(--df-space-12) var(--df-space-16);border-radius:var(--df-radius-lg);background:var(--df-color-surface-muted);font:var(--df-text-body-sm);color:var(--df-color-text-secondary);text-align:center;margin:0}.photo-upload__albums-selected strong{color:var(--df-color-primary-dark)}.photo-upload__memo{gap:var(--df-space-12);flex-direction:column;display:flex}.photo-upload__memo-card{padding:var(--df-space-20);border-radius:var(--df-radius-xl);background:var(--df-color-surface);box-shadow:var(--df-shadow-sm)}.photo-upload__memo-card .field-group__control:has(ion-textarea){min-height:88px;padding-top:var(--df-space-12);padding-bottom:var(--df-space-12);align-items:stretch}.photo-upload__memo-card ion-textarea{--padding-top:0;--padding-bottom:0;font:var(--df-text-body);line-height:1.6}.photo-upload__error{padding:var(--df-space-12) var(--df-space-16);border-radius:var(--df-radius-md);color:var(--df-color-danger);font:var(--df-text-body-sm);background:#d95d5d14;margin:0}.photo-upload__footer ion-toolbar{--background:#ffffffeb;--padding-start:var(--df-page-gutter);--padding-end:var(--df-page-gutter);--padding-top:var(--df-space-8);--padding-bottom:max(var(--df-space-8), env(safe-area-inset-bottom,0px));--min-height:auto;-webkit-backdrop-filter:saturate(180%)blur(20px);border-top:1px solid var(--df-color-border)}.photo-upload__footer-actions{align-items:center;gap:var(--df-space-12);width:100%;display:flex}.photo-upload__footer-back{min-height:var(--df-touch-min);padding:0 var(--df-space-12);border-radius:var(--df-radius-full);background:var(--df-color-surface-muted);color:var(--df-color-text-secondary);font:600 .9375rem/1 var(--df-font-family);cursor:pointer;border:none;flex:none;align-items:center;gap:2px;transition:background .15s,color .15s;display:inline-flex}.photo-upload__footer-back ion-icon{font-size:1.125rem}.photo-upload__footer-back:active:not(:disabled){background:var(--df-color-border);color:var(--df-color-text)}.photo-upload__footer-back:disabled{opacity:.45;cursor:not-allowed}.photo-upload__footer-primary{flex:1;min-width:0}.photo-upload__footer-primary ion-button{margin:0}.photo-upload__progress{gap:var(--df-space-10);flex-direction:column;width:100%;display:flex}.photo-upload__progress-track{border-radius:var(--df-radius-full);background:var(--df-color-surface-muted);width:100%;height:6px;overflow:hidden}.photo-upload__progress-bar{border-radius:inherit;background:var(--df-gradient-brand);height:100%;transition:width .2s}.photo-upload__progress-meta{justify-content:center;align-items:center;gap:var(--df-space-8);font:var(--df-text-body-sm);color:var(--df-color-text-secondary);display:flex}.comment-composer{gap:var(--df-space-6);flex-direction:column;width:100%;display:flex}.comment-composer__bar{align-items:center;gap:var(--df-space-8);border:1px solid var(--df-color-border-strong);border-radius:var(--df-radius-full);background:var(--df-color-surface);width:100%;min-height:48px;padding:6px 6px 6px 16px;display:flex}.comment-composer__textarea{resize:none;width:100%;min-width:0;font:var(--df-text-body-sm);color:var(--df-color-text);-webkit-text-fill-color:var(--df-color-text);appearance:none;background:0 0;border:none;outline:none;flex:1;min-height:22px;max-height:88px;margin:0;padding:0;line-height:1.35;overflow-y:auto;caret-color:var(--df-color-text)!important}.comment-composer__textarea::placeholder{color:var(--df-color-text-muted);opacity:1;line-height:1.35}.comment-composer__textarea:focus{outline:none}.comment-composer__send{border-radius:var(--df-radius-full);background:var(--df-gradient-brand);color:#fff;width:36px;height:36px;box-shadow:0 2px 10px var(--df-color-primary-glow);cursor:pointer;border:none;flex-shrink:0;align-self:center;place-items:center;transition:transform .15s,opacity .15s;display:grid}.comment-composer__send ion-icon{font-size:1rem}.comment-composer__send ion-spinner{--color:#fff;width:18px;height:18px}.comment-composer__send:active:not(:disabled){transform:scale(.94)}.comment-composer__send:disabled{opacity:.38;cursor:default;box-shadow:none}.comment-composer__error{padding:0 var(--df-space-4);font:var(--df-text-caption);color:var(--df-color-danger);margin:0}.comment-composer--drawer{padding:var(--df-space-10) var(--df-page-gutter) calc(var(--df-space-10) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--df-color-border);background:var(--df-color-bg);flex-shrink:0}.comment-composer--footer{padding:var(--df-space-10) var(--df-page-gutter) calc(var(--df-space-10) + env(safe-area-inset-bottom,0px));background:var(--df-color-bg);border-top:1px solid var(--df-color-border);flex-shrink:0;box-shadow:0 -4px 16px #2a24200d}.photo-edit-sheet{--border-radius:var(--df-radius-2xl) var(--df-radius-2xl) 0 0}.photo-edit-sheet__body{padding:calc(var(--df-modal-close-size) + var(--df-space-20)) var(--df-page-gutter) calc(env(safe-area-inset-bottom,0px) + var(--df-space-20));gap:var(--df-space-16);flex-direction:column;display:flex}.photo-edit-sheet__title{font:var(--df-text-section);color:var(--df-color-text);margin:0}.photo-edit-sheet__loading{padding:var(--df-space-12);place-items:center;display:grid}.photo-edit-sheet__error{font:var(--df-text-body-sm);color:var(--df-color-danger);margin:0}.comment-section{margin-top:var(--df-space-20);padding-top:var(--df-space-20);border-top:1px solid var(--df-color-border)}.comment-section__title{margin:0 0 var(--df-space-16);font:var(--df-text-section);color:var(--df-color-text)}.comment-section__loading{padding:var(--df-space-16);place-items:center;display:grid}.comment-section__empty{margin:0 0 var(--df-space-16);padding:var(--df-space-16);border-radius:var(--df-radius-lg);background:var(--df-color-surface-muted);color:var(--df-color-text-muted);font:var(--df-text-body-sm);text-align:center}.comment-section__list{gap:var(--df-space-12);margin-bottom:var(--df-space-16);flex-direction:column;display:flex}.comment-section__item{gap:var(--df-space-12);align-items:flex-start;display:flex}.comment-section__avatar{border-radius:var(--df-radius-full);background:var(--df-gradient-brand);color:#fff;width:36px;height:36px;font:700 .875rem/1 var(--df-font-family);flex-shrink:0;place-items:center;display:grid}.comment-section__bubble{min-width:0;padding:var(--df-space-12) var(--df-space-16);border-radius:var(--df-radius-lg);background:var(--df-color-surface-muted);flex:1}.comment-section__author{justify-content:space-between;gap:var(--df-space-8);margin:0 0 var(--df-space-4);font:var(--df-text-caption);color:var(--df-color-text-muted);display:flex}.comment-section__author strong{color:var(--df-color-text);font-weight:600}.comment-section__content{color:var(--df-color-text);line-height:1.55;font:var(--df-text-body-sm);margin:0}.comment-section__item-actions{gap:var(--df-space-12);margin-top:var(--df-space-8);display:flex}.comment-section__edit,.comment-section__delete{font:var(--df-text-caption);cursor:pointer;background:0 0;border:none;margin:0;padding:0}.comment-section__edit{color:var(--df-color-primary-dark)}.comment-section__delete{color:var(--df-color-danger)}.comment-section__edit-form{margin-top:var(--df-space-10);gap:var(--df-space-8);flex-direction:column;display:flex}.comment-section__edit-input{width:100%;padding:var(--df-space-10) var(--df-space-12);border:1px solid var(--df-color-border-strong);border-radius:var(--df-radius-md);background:var(--df-color-surface);font:var(--df-text-body-sm);color:var(--df-color-text);caret-color:var(--df-color-text);resize:vertical;font-family:inherit}.comment-section__edit-actions{gap:var(--df-space-8);display:flex}.comment-section__edit-save,.comment-section__edit-cancel{font:600 var(--df-text-caption);cursor:pointer;background:0 0;border:none;padding:0}.comment-section__edit-save{color:var(--df-color-primary-dark)}.comment-section__edit-cancel{color:var(--df-color-text-muted)}.comment-section__composer{gap:var(--df-space-12);padding:var(--df-space-16);border-radius:var(--df-radius-xl);background:var(--df-color-surface);box-shadow:var(--df-shadow-sm);flex-direction:column;display:flex}.comment-section__error{margin:0 0 var(--df-space-12);font:var(--df-text-body-sm);color:var(--df-color-danger)}.reaction-bar{gap:var(--df-space-8);margin:var(--df-space-12) 0;flex-wrap:wrap;display:flex}.reaction-bar__btn{align-items:center;gap:var(--df-space-4);border:1px solid var(--df-color-border);border-radius:var(--df-radius-full);background:var(--df-color-surface);color:var(--df-color-text-secondary);font:var(--df-text-body-sm);cursor:pointer;padding:6px 10px;display:inline-flex}.reaction-bar__btn--active{border-color:var(--df-color-primary);background:var(--df-color-primary-soft)}.reaction-bar__btn:disabled{opacity:.6}.reaction-bar__emoji{font-size:1rem;line-height:1}.reaction-bar__label{white-space:nowrap}.reaction-bar__count{--background:var(--df-color-surface-warm);--color:var(--df-color-text-secondary);height:20px;min-height:20px;margin:0;font-size:.72rem}.swiper-zoom-container{text-align:center;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{object-fit:contain;max-width:100%;max-height:100%}.swiper-slide-zoomed{cursor:move;touch-action:none}.photo-detail-modal{--height:100%;--width:100%;--border-radius:0;--box-shadow:none;--background:#12100e;--keyboard-offset:0px;--backdrop-opacity:.42}.photo-detail-modal::part(content){border-radius:0;flex-direction:column;width:100%;height:100%;display:flex}.photo-detail-modal__shell{flex-direction:column;flex:auto;width:100%;min-height:0;display:flex;overflow:hidden}.photo-detail-modal__stage{background:#12100e;flex-direction:column;flex:1 1 0;justify-content:center;min-height:0;display:flex;position:relative}.photo-detail-modal__loading,.photo-detail-modal__error{padding:var(--df-page-gutter);flex:1;place-items:center;display:grid}.photo-detail-modal__viewer{flex:1;align-items:center;width:100%;min-height:0;display:flex;position:relative}.photo-detail-modal__counter{top:calc(env(safe-area-inset-top,0px) + var(--df-space-12) + var(--df-modal-close-size) + var(--df-space-8));z-index:100001;border-radius:var(--df-radius-full);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:600 .8125rem/1 var(--df-font-family);color:#ffffffeb;pointer-events:none;background:#ffffff1f;padding:6px 14px;position:fixed;left:50%;transform:translate(-50%)}.photo-detail-modal__swiper{width:100%;height:100%;max-height:100%}.photo-detail-modal__swiper .swiper-slide{justify-content:center;align-items:center;display:flex}.photo-detail-modal__swiper .swiper-zoom-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.photo-detail-modal__media{object-fit:contain;max-width:100%;max-height:100%;display:block}.photo-detail-modal__nav{z-index:2;border-radius:var(--df-radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff24;border:none;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.photo-detail-modal__nav--prev{left:var(--df-space-8)}.photo-detail-modal__nav--next{right:var(--df-space-8)}.photo-detail-modal__drawer{z-index:2;background:var(--df-color-bg);border-radius:var(--df-radius-2xl) var(--df-radius-2xl) 0 0;flex-direction:column;flex:none;width:100%;max-height:min(52vh,420px);display:flex;position:relative;box-shadow:0 -8px 32px #0000002e}.photo-detail-modal__handle{width:36px;height:4px;margin:var(--df-space-10) auto var(--df-space-8);border-radius:var(--df-radius-full);background:var(--df-color-border-strong);flex-shrink:0}.photo-detail-modal__panel{-webkit-overflow-scrolling:touch;min-height:0;padding:0 var(--df-page-gutter) var(--df-space-12);color:var(--df-color-text);flex:auto;overflow-y:auto}.photo-detail-modal__inline-error{margin:0 0 var(--df-space-12);padding:var(--df-space-12);border-radius:var(--df-radius-md);color:var(--df-color-danger);font:var(--df-text-body-sm);background:#d95d5d14}.photo-detail-modal__meta{align-items:flex-start;gap:var(--df-space-12);margin-bottom:var(--df-space-14);display:flex}.photo-detail-modal__avatar{border-radius:var(--df-radius-full);background:var(--df-gradient-brand);width:40px;height:40px;font:700 .9375rem/1 var(--df-font-family);color:#fff;flex:0 0 40px;place-items:center;display:grid}.photo-detail-modal__author-block{flex:1;min-width:0}.photo-detail-modal__author{font:600 .9375rem/1.35 var(--df-font-family);color:var(--df-color-text);margin:0}.photo-detail-modal__date{font:var(--df-text-caption);color:var(--df-color-text-muted);margin:4px 0 0}.photo-detail-modal__album-badge{max-width:100%;margin-top:var(--df-space-8);border-radius:var(--df-radius-full);background:var(--df-color-primary-soft);color:var(--df-color-primary-dark);font:600 .6875rem/1.2 var(--df-font-family);white-space:nowrap;text-overflow:ellipsis;padding:4px 10px;display:inline-block;overflow:hidden}.photo-detail-modal__meta-actions{align-items:center;gap:var(--df-space-4);flex-shrink:0;display:flex}.photo-detail-modal__icon-btn{border-radius:var(--df-radius-full);background:var(--df-color-surface-muted);width:36px;height:36px;color:var(--df-color-text-secondary);cursor:pointer;border:none;place-items:center;transition:background .15s,color .15s;display:grid}.photo-detail-modal__icon-btn ion-icon{font-size:1.125rem}.photo-detail-modal__icon-btn:active{background:var(--df-color-primary-soft);color:var(--df-color-primary-dark)}.photo-detail-modal__memo{margin:0 0 var(--df-space-16);font:var(--df-text-body);color:var(--df-color-text-secondary);line-height:1.6}.photo-detail-modal__section{padding-top:var(--df-space-16);border-top:1px solid var(--df-color-border)}.photo-detail-modal__section-label{margin:0 0 var(--df-space-10);font:var(--df-text-label);color:var(--df-color-text-secondary)}.photo-detail-modal__section .reaction-bar{gap:var(--df-space-6);margin:0}.photo-detail-modal__section--comments{padding-bottom:var(--df-space-4)}.photo-detail-modal__section--comments .comment-section{border-top:none;margin-top:0;padding-top:0}.photo-detail-modal__section--comments .comment-section__title{margin:0 0 var(--df-space-12);font:var(--df-text-label);color:var(--df-color-text-secondary)}.photo-detail-modal__section--comments .comment-section__list{margin-bottom:0}html.photo-detail-open ion-app.has-tab-bar .bottom-tab-bar{display:none}html.photo-detail-open{--keyboard-offset:0px}.auth-layout--register .auth-layout__orb{width:72px;height:72px;font-size:2rem;transition:transform .25s,box-shadow .25s}.auth-layout--register .auth-layout__title{font-size:1.375rem;line-height:1.32}.register-family-member__loading{place-items:center;min-height:12rem;display:grid}.register-family-member__photo{align-items:center;gap:var(--df-space-12);padding-bottom:var(--df-space-20);border-bottom:1px solid var(--df-color-border);flex-direction:column;display:flex}.register-family-member__avatar-wrap{position:relative}.register-family-member__avatar.profile-avatar--lg .profile-avatar__image{box-shadow:var(--df-shadow-sm);border:3px solid #fff}.register-family-member__avatar-edit{border-radius:var(--df-radius-full);background:var(--df-color-primary);color:#fff;width:32px;height:32px;box-shadow:var(--df-shadow-sm);cursor:pointer;border:2px solid #fff;place-items:center;padding:0;transition:transform .15s;display:grid;position:absolute;bottom:-4px;right:-4px}.register-family-member__avatar-edit:active{transform:scale(.96)}.register-family-member__avatar-edit:disabled{opacity:.72;cursor:default}.register-family-member__avatar-edit ion-icon{font-size:1rem}.register-family-member__photo-hint{text-align:center;max-width:16rem;font:var(--df-text-caption);color:var(--df-color-text-muted);margin:0;line-height:1.5}.register-family-member__kinds{gap:var(--df-space-10);flex-direction:column;display:flex}.register-family-member__kind{align-items:center;gap:var(--df-space-12);padding:var(--df-space-14) var(--df-space-16);border:1px solid var(--df-color-border);border-radius:var(--df-radius-xl);background:var(--df-color-surface-muted);text-align:left;cursor:pointer;grid-template-columns:auto 1fr auto;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s;display:grid}.register-family-member__kind:active{transform:scale(.99)}.register-family-member__kind--active{background:var(--df-color-primary-soft);box-shadow:inset 0 0 0 1px #e07a561f, var(--df-shadow-xs);border-color:#e07a5673}.register-family-member__kind-emoji{border-radius:var(--df-radius-lg);background:var(--df-color-surface);width:40px;height:40px;box-shadow:var(--df-shadow-xs);place-items:center;font-size:1.5rem;line-height:1;display:grid}.register-family-member__kind--active .register-family-member__kind-emoji{background:#ffffffe0}.register-family-member__kind-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.register-family-member__kind-label{font:600 .9375rem/1.35 var(--df-font-family);color:var(--df-color-text)}.register-family-member__kind-desc{font:var(--df-text-caption);color:var(--df-color-text-secondary)}.register-family-member__kind-check{color:var(--df-color-primary);flex-shrink:0;font-size:1.25rem}.register-family-member__delete{padding:var(--df-space-8) var(--df-space-12);color:var(--df-color-danger);font:600 .875rem/1.4 var(--df-font-family);cursor:pointer;background:0 0;border:none}.register-family-member__delete:disabled{opacity:.6;cursor:default}.register-family-member__delete:active:not(:disabled){opacity:.72}.register-family-member-modal{--height:100%;--width:100%;--border-radius:0;--box-shadow:none}.register-family-member-modal::part(content){border-radius:0}.register-family-member-modal__content{--background:transparent}.register-family-member-modal__content::part(background){background:radial-gradient(ellipse 100% 80% at 50% 0%, #e07a561f, transparent 60%), var(--df-color-bg)}.register-family-member-modal__inner{gap:var(--df-space-20)}.register-family-member-modal__intro{text-align:center;flex-direction:column;align-items:center;display:flex}.register-family-member-modal__orb{width:72px;height:72px;margin-bottom:var(--df-space-12);border-radius:var(--df-radius-2xl);background:var(--df-gradient-brand);box-shadow:0 16px 40px var(--df-color-primary-glow);place-items:center;font-size:2rem;transition:transform .25s;display:grid;transform:rotate(-6deg)}.register-family-member-modal__eyebrow{margin:0 0 var(--df-space-8)}.register-family-member-modal__title{margin:0 0 var(--df-space-8);color:var(--df-color-text);letter-spacing:-.02em;font-size:1.375rem;line-height:1.32}.register-family-member-modal__desc{max-width:22rem;font:var(--df-text-body-sm);color:var(--df-color-text-secondary);margin:0;line-height:1.6}.register-family-member-modal__card{padding:var(--df-space-24) var(--df-space-20);border-radius:var(--df-radius-2xl);background:var(--df-color-surface);box-shadow:var(--df-shadow-md)}.register-family-member-modal__form{gap:var(--df-space-20);flex-direction:column;display:flex}.register-family-member-modal__card .field-group__control{background:var(--df-color-surface-muted);box-shadow:none;border-color:#0000}.register-family-member-modal__card .field-group__control:focus-within{background:var(--df-color-surface);box-shadow:0 0 0 3px var(--df-color-primary-soft);border-color:#e07a5659}.album-list-page__inner{gap:var(--df-space-28);padding:var(--df-space-20) var(--df-page-gutter) var(--df-space-16);flex-direction:column;display:flex}.album-list-page__create{padding:var(--df-space-20);border-radius:var(--df-radius-xl);background:var(--df-color-surface);box-shadow:var(--df-shadow-sm)}.album-list-page__create ion-button{margin-top:var(--df-space-16)}.album-grid{gap:var(--df-space-16);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.album-grid__card{gap:var(--df-space-6);flex-direction:column;min-width:0;display:flex}.album-grid__actions{gap:var(--df-space-8);display:flex}.album-grid__actions button{color:var(--df-color-text-muted);font:var(--df-text-caption);cursor:pointer;background:0 0;border:none;padding:0}.album-grid__item{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;min-width:0;padding:0;display:flex}.album-grid__cover{aspect-ratio:4/5;border-radius:var(--df-radius-xl);background:var(--df-gradient-surface);width:100%;box-shadow:var(--df-shadow-sm);transition:transform .15s;position:relative;overflow:hidden}.album-grid__cover img{object-fit:cover;width:100%;height:100%;display:block}.album-grid__fallback{width:100%;height:100%;font:700 2rem/1 var(--df-font-family);color:var(--df-color-primary);place-items:center;display:grid}.album-grid__badge{border-radius:var(--df-radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:600 .6875rem/1 var(--df-font-family);color:var(--df-color-text-secondary);background:#ffffffe0;padding:4px 10px;position:absolute;top:10px;left:10px}.album-grid__meta{padding:var(--df-space-12) 0 0;flex-direction:column;gap:4px;min-width:0;display:flex}.album-grid__meta strong{font:600 .9375rem/1.35 var(--df-font-family);color:var(--df-color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.album-grid__meta span{font:var(--df-text-caption);color:var(--df-color-text-muted)}.album-grid__item:active .album-grid__cover{transform:scale(.98)}.photo-slide-gallery{min-height:calc(100vh - var(--ion-safe-area-top,0px) - 56px - var(--ion-safe-area-bottom,0px));min-height:calc(100dvh - var(--ion-safe-area-top,0px) - 56px - var(--ion-safe-area-bottom,0px));background:#1a1410;flex-direction:column;display:flex;position:relative}.photo-slide-gallery__top-bar{top:var(--df-space-12);left:var(--df-space-12);right:var(--df-space-12);z-index:3;justify-content:space-between;align-items:center;gap:var(--df-space-12);pointer-events:none;display:flex;position:absolute}.photo-slide-gallery__top-bar>*{pointer-events:auto}.photo-slide-gallery__counter{border-radius:var(--df-radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:600 .8125rem/1 var(--df-font-family);background:#2a24208c;padding:6px 12px}.photo-slide-gallery__autoplay-toggle{border-radius:var(--df-radius-full);color:var(--df-color-primary-dark);font:600 .8125rem/1 var(--df-font-family);cursor:pointer;box-shadow:var(--df-shadow-sm);background:#ffffffeb;border:none;align-items:center;gap:4px;padding:6px 12px;display:inline-flex}.photo-slide-gallery__autoplay-toggle ion-icon{font-size:1rem}.photo-slide-gallery__swiper{flex:1;width:100%}.photo-slide-gallery__swiper .swiper-slide{justify-content:center;align-items:center;display:flex}.photo-slide-gallery__slide{width:100%;height:100%;padding:var(--df-space-56) var(--df-space-12) var(--df-space-64);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;display:flex}.photo-slide-gallery--autoplay .photo-slide-gallery__slide{padding-bottom:calc(var(--df-space-64) + var(--df-space-8))}.photo-slide-gallery__image{object-fit:contain;border-radius:var(--df-radius-sm);transform-origin:50%;width:100%;max-height:min(72vh,720px);display:block}.photo-slide-gallery--autoplay .swiper-slide-active .photo-slide-gallery__image{animation:photo-slide-ken-burns var(--slide-duration,4s) ease-out forwards}@keyframes photo-slide-ken-burns{0%{transform:scale(1)}to{transform:scale(1.08)}}.photo-slide-gallery__placeholder{aspect-ratio:3/4;border-radius:var(--df-radius-xl);color:#ffffffb8;width:min(80vw,320px);font:var(--df-text-body);background:#ffffff14;place-items:center;display:grid}.photo-slide-gallery__caption{margin:var(--df-space-16) 0 0;color:#ffffffe0;max-width:28rem;font:var(--df-text-body-sm);text-align:center;line-height:1.55}.photo-slide-gallery__nav{z-index:2;border-radius:var(--df-radius-full);width:40px;height:40px;color:var(--df-color-text);cursor:pointer;box-shadow:var(--df-shadow-sm);background:#ffffffe6;border:none;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.photo-slide-gallery__nav--prev{left:var(--df-space-8)}.photo-slide-gallery__nav--next{right:var(--df-space-8)}.photo-slide-gallery__progress-track{left:var(--df-page-gutter);right:var(--df-page-gutter);bottom:calc(var(--df-space-28) + var(--ion-safe-area-bottom,0px));z-index:2;border-radius:var(--df-radius-full);background:#ffffff2e;height:3px;position:absolute;overflow:hidden}.photo-slide-gallery__progress-bar{border-radius:inherit;background:var(--df-gradient-brand);width:0;height:100%;animation:linear forwards photo-slide-progress;display:block}@keyframes photo-slide-progress{0%{width:0}to{width:100%}}.photo-slide-gallery__detail-btn{left:50%;bottom:calc(var(--df-space-16) + var(--ion-safe-area-bottom,0px));z-index:2;border-radius:var(--df-radius-full);color:var(--df-color-primary-dark);font:600 .875rem/1 var(--df-font-family);cursor:pointer;box-shadow:var(--df-shadow-sm);background:#ffffffeb;border:none;padding:10px 18px;position:absolute;transform:translate(-50%)}.photo-slide-gallery__autoplay-hint{left:50%;bottom:calc(var(--df-space-12) + var(--ion-safe-area-bottom,0px));z-index:2;color:#ffffff94;font:var(--df-text-caption);white-space:nowrap;margin:0;position:absolute;transform:translate(-50%)}.photo-view-mode-toggle{--padding-start:8px;--padding-end:8px;font:600 .8125rem/1 var(--df-font-family);color:var(--df-color-primary-dark);margin:0}.photo-view-mode-toggle ion-icon{margin-right:4px;font-size:1.25rem}.photo-view-mode-toggle__label{letter-spacing:-.01em}.album-detail-page--slide ion-content::part(background){background:#1a1410}.album-detail-page__content--slide{--background:#1a1410}.album-detail-page__grid-wrap{padding:var(--df-space-8) var(--df-page-gutter) var(--df-space-16)}.feed-calendar{padding:var(--df-space-16);border-radius:var(--df-radius-xl);background:var(--df-color-surface);box-shadow:var(--df-shadow-sm)}.feed-calendar__header{margin-bottom:var(--df-space-14);justify-content:space-between;align-items:center;display:flex}.feed-calendar__title{font:var(--df-text-section);color:var(--df-color-text)}.feed-calendar__nav{border-radius:var(--df-radius-full);background:var(--df-color-surface-muted);width:36px;height:36px;color:var(--df-color-text-secondary);cursor:pointer;border:none;font-size:1.25rem;line-height:1}.feed-calendar__weekdays,.feed-calendar__grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.feed-calendar__weekdays{margin-bottom:var(--df-space-8)}.feed-calendar__weekdays span{text-align:center;font:600 .6875rem/1 var(--df-font-family);color:var(--df-color-text-muted)}.feed-calendar__cell{aspect-ratio:1;border-radius:var(--df-radius-md);font:600 .875rem/1 var(--df-font-family);color:var(--df-color-text);cursor:pointer;background:0 0;border:none;place-items:center;display:grid;position:relative}.feed-calendar__cell--empty{pointer-events:none}.feed-calendar__cell--today{color:var(--df-color-primary-dark)}.feed-calendar__cell--selected{background:var(--df-color-primary-soft);color:var(--df-color-primary-dark)}.feed-calendar__cell--has-event .feed-calendar__dot{background:var(--df-color-primary);border-radius:50%;width:5px;height:5px;position:absolute;bottom:5px}.feed-calendar__cell:active:not(.feed-calendar__cell--empty){transform:scale(.94)}.segment-tabs{border-radius:var(--df-radius-full);background:var(--df-color-surface-muted);border:1px solid var(--df-color-border);gap:6px;padding:5px;display:flex}.segment-tabs__item{border-radius:var(--df-radius-full);min-height:40px;font:600 .875rem/1 var(--df-font-family);color:var(--df-color-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:1;padding:0 14px;transition:background .15s,color .15s,box-shadow .15s}.segment-tabs__item--selected{background:var(--df-color-surface);color:var(--df-color-primary-dark);box-shadow:var(--df-shadow-xs)}.segment-tabs__item:active:not(.segment-tabs__item--selected){opacity:.85}.feed-page{flex-direction:column;min-height:100%;display:flex}.feed-page__toolbar{padding:var(--df-space-12) var(--df-page-gutter) 0}.feed-page__summary{padding:var(--df-space-12) var(--df-space-16);border-radius:var(--df-radius-xl);background:var(--df-color-primary-soft);font:var(--df-text-body-sm);color:var(--df-color-primary-dark)}.feed-page__summary strong{font-weight:700}.feed-page__panel{gap:var(--df-space-24);padding:var(--df-space-20) var(--df-page-gutter) var(--df-space-16);flex-direction:column;display:flex}.feed-page__section{gap:var(--df-space-12);flex-direction:column;display:flex}.feed-page__section-label{font:var(--df-text-label);color:var(--df-color-text-secondary);margin:0}.feed-page__notifications,.feed-page__news-list,.feed-page__event-list{gap:var(--df-space-10);flex-direction:column;display:flex}.feed-page__notification{align-items:flex-start;gap:var(--df-space-10);width:100%;padding:var(--df-space-16);border-radius:var(--df-radius-xl);background:var(--df-color-surface);box-shadow:var(--df-shadow-xs);text-align:left;cursor:pointer;border:none;transition:transform .15s;display:flex}.feed-page__notification:active,.feed-page__news-card:active,.feed-page__event-card:active{transform:scale(.985)}.feed-page__notification--read{opacity:.76;background:var(--df-color-surface-muted);box-shadow:none}.feed-page__dot{background:var(--df-color-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.feed-page__notification-body{flex-direction:column;gap:4px;min-width:0;display:flex}.feed-page__notification-body strong{font:600 .9375rem/1.35 var(--df-font-family);color:var(--df-color-text)}.feed-page__notification-body span{font:var(--df-text-body-sm);color:var(--df-color-text-secondary)}.feed-page__notification-body time{font:var(--df-text-caption);color:var(--df-color-text-muted)}.feed-page__news-card,.feed-page__event-card{width:100%;padding:var(--df-space-16);border-radius:var(--df-radius-xl);background:var(--df-color-surface);box-shadow:var(--df-shadow-sm);text-align:left;cursor:pointer;border:none}.feed-page__news-badge,.feed-page__event-type{margin-bottom:var(--df-space-8);border-radius:var(--df-radius-full);background:var(--df-color-primary-soft);font:600 .6875rem/1 var(--df-font-family);color:var(--df-color-primary-dark);padding:4px 10px;display:inline-flex}.feed-page__news-card strong,.feed-page__event-card strong{font:600 1rem/1.35 var(--df-font-family);color:var(--df-color-text);display:block}.feed-page__news-card p,.feed-page__event-card p{margin:var(--df-space-8) 0 0;font:var(--df-text-body-sm);color:var(--df-color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.feed-page__news-card>span:last-child,.feed-page__event-date{margin-top:var(--df-space-10);font:var(--df-text-caption);color:var(--df-color-text-muted);display:block}.feed-page__event-card{background:linear-gradient(#fff8f3 0%,#fff 100%)}.feed-page__event-card--anniversary{background:linear-gradient(#e07a561a 0%,#fff 100%)}.feed-page__event-date{font:600 .875rem/1.4 var(--df-font-family);color:var(--df-color-primary-dark)}.feed-page__event-subdate{margin-top:var(--df-space-4);font:var(--df-text-caption);color:var(--df-color-text-muted);display:block}.choice-chips{gap:var(--df-space-8);width:100%;display:flex}.choice-chips__item{min-height:44px;padding:0 var(--df-space-12);border:1px solid var(--df-color-border-strong);border-radius:var(--df-radius-full);background:var(--df-color-surface);font:600 .875rem/1 var(--df-font-family);color:var(--df-color-text-secondary);cursor:pointer;flex:1;transition:border-color .15s,background .15s,color .15s}.choice-chips__item--selected{border-color:var(--df-color-primary);background:var(--df-color-primary-soft);color:var(--df-color-primary-dark)}.choice-chips__item:active{transform:scale(.98)}.form-hero{text-align:center;padding:var(--df-space-8) 0 var(--df-space-4);flex-direction:column;align-items:center;display:flex}.form-hero__icon{width:64px;height:64px;margin-bottom:var(--df-space-16);border-radius:var(--df-radius-full);background:var(--df-color-surface);box-shadow:var(--df-shadow-sm);place-items:center;font-size:1.75rem;line-height:1;display:grid}.form-hero__title{margin:0 0 var(--df-space-8);font:var(--df-text-title);color:var(--df-color-text);letter-spacing:-.02em}.form-hero__desc{font:var(--df-text-body-sm);color:var(--df-color-text-secondary);margin:0;line-height:1.6}.family-post-form__card{gap:var(--df-space-16);padding:var(--df-space-16);border-radius:var(--df-radius-xl);background:var(--df-gradient-surface);box-shadow:var(--df-shadow-sm);flex-direction:column;display:flex}.family-post-form__card .field-group__control:has(ion-textarea){min-height:160px;padding-top:var(--df-space-12);padding-bottom:var(--df-space-12)}.family-post-form__card ion-textarea{--padding-top:0;--padding-bottom:0;font:var(--df-text-body);line-height:1.6}.family-post-form__counter{margin:calc(-1 * var(--df-space-8)) 0 0;font:var(--df-text-caption);color:var(--df-color-text-muted);text-align:right}.family-post-form__error{padding:var(--df-space-12) var(--df-space-16);border-radius:var(--df-radius-md);color:var(--df-color-danger);font:var(--df-text-body-sm);background:#d95d5d14;margin:0}.feed-detail{gap:var(--df-space-16);min-height:100%;padding:var(--df-space-20) var(--df-page-gutter) calc(var(--df-space-24) + env(safe-area-inset-bottom,0px));flex-direction:column;display:flex}.feed-detail__card{padding:var(--df-space-20);border-radius:var(--df-radius-xl);background:var(--df-gradient-surface);box-shadow:var(--df-shadow-sm)}.feed-detail__card--anniversary{background:linear-gradient(#fff8f3 0%,#fff 100%)}.feed-detail__card--schedule{background:linear-gradient(#fffaf6 0%,#fff 100%)}.feed-detail__badge{margin-bottom:var(--df-space-12);border-radius:var(--df-radius-full);background:var(--df-color-primary-soft);font:600 .75rem/1 var(--df-font-family);color:var(--df-color-primary-dark);padding:6px 12px;display:inline-flex}.feed-detail__author{align-items:center;gap:var(--df-space-12);margin-bottom:var(--df-space-16);display:flex}.feed-detail__author strong{font:600 .9375rem/1.35 var(--df-font-family);color:var(--df-color-text);display:block}.feed-detail__author time{font:var(--df-text-caption);color:var(--df-color-text-muted);margin-top:4px;display:block}.feed-detail__title{margin:0 0 var(--df-space-12);font:var(--df-text-title);color:var(--df-color-text);letter-spacing:-.02em}.feed-detail__date{margin:0 0 var(--df-space-12);font:600 1rem/1.45 var(--df-font-family);color:var(--df-color-primary-dark)}.feed-detail__body{font:var(--df-text-body);color:var(--df-color-text);white-space:pre-wrap;margin:0;line-height:1.65}.feed-detail__meta{margin:var(--df-space-16) 0 0;font:var(--df-text-caption);color:var(--df-color-text-muted)}.feed-detail__actions{gap:var(--df-space-10);flex-direction:column;display:flex}.toggle-field{justify-content:space-between;align-items:center;gap:var(--df-space-16);min-height:56px;padding:var(--df-space-12) var(--df-space-16);border-radius:var(--df-radius-xl);background:var(--df-color-surface);box-shadow:var(--df-shadow-xs);cursor:pointer;display:flex}.toggle-field--disabled{opacity:.6;cursor:default}.toggle-field__text{flex-direction:column;gap:4px;min-width:0;display:flex}.toggle-field__label{font:600 .9375rem/1.35 var(--df-font-family);color:var(--df-color-text)}.toggle-field__desc{font:var(--df-text-caption);color:var(--df-color-text-muted)}.toggle-field ion-checkbox{flex-shrink:0;margin:0}.family-event-form__card{gap:var(--df-space-16);padding:var(--df-space-16);border-radius:var(--df-radius-xl);background:var(--df-gradient-surface);box-shadow:var(--df-shadow-sm);flex-direction:column;display:flex}.family-event-form__card .field-group__control:has(.choice-chips){min-height:auto;padding:var(--df-space-10) var(--df-space-12);box-shadow:none;background:0 0;border:none}.family-event-form__card .toggle-field{box-shadow:none;border:1px solid var(--df-color-border)}.family-event-form__card .field-group__control:has(ion-textarea){min-height:140px;padding-top:var(--df-space-12);padding-bottom:var(--df-space-12)}.family-event-form__error{padding:var(--df-space-12) var(--df-space-16);border-radius:var(--df-radius-md);color:var(--df-color-danger);font:var(--df-text-body-sm);background:#d95d5d14;margin:0}.family-event-form__preview{margin:calc(-1 * var(--df-space-4)) 0 0;padding:var(--df-space-12) var(--df-space-14);border-radius:var(--df-radius-lg);background:var(--df-color-primary-soft);font:var(--df-text-body-sm);color:var(--df-color-primary-dark);line-height:1.5}.notifications-page__badge{margin-left:var(--df-space-8);vertical-align:middle}.notifications-page__list{gap:var(--df-space-12);padding:var(--df-space-20) var(--df-page-gutter) var(--df-space-16);flex-direction:column;display:flex}.notification-card{align-items:flex-start;gap:var(--df-space-12);width:100%;padding:var(--df-space-16);border-radius:var(--df-radius-xl);background:var(--df-color-surface);box-shadow:var(--df-shadow-xs);cursor:pointer;text-align:left;border:none;transition:transform .15s;display:flex}.notification-card:active{transform:scale(.985)}.notification-card--read{opacity:.72;background:var(--df-color-surface-muted);box-shadow:none}.notification-card__dot{background:var(--df-color-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notification-card__body{flex-direction:column;gap:4px;min-width:0;display:flex}.notification-card__title{font:600 1rem/1.35 var(--df-font-family);color:var(--df-color-text)}.notification-card--read .notification-card__title{font-weight:500}.notification-card__message{font:var(--df-text-body-sm);color:var(--df-color-text-secondary)}.notification-card__time{font:var(--df-text-caption);color:var(--df-color-text-muted)}.menu-list{gap:var(--df-space-8);flex-direction:column;display:flex}.menu-row{align-items:center;gap:var(--df-space-12);width:100%;padding:var(--df-space-16);border-radius:var(--df-radius-lg);background:var(--df-color-surface);box-shadow:var(--df-shadow-xs);cursor:pointer;text-align:left;border:none;transition:transform .15s,box-shadow .15s;display:flex}.menu-row:active{transform:scale(.985)}.menu-row__icon{border-radius:var(--df-radius-md);background:var(--df-color-primary-soft);width:40px;height:40px;color:var(--df-color-primary);flex-shrink:0;place-items:center;display:grid}.menu-row__icon ion-icon{font-size:1.25rem}.menu-row__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.menu-row__label{font:600 1rem/1.35 var(--df-font-family);color:var(--df-color-text)}.menu-row__desc{font:var(--df-text-caption);color:var(--df-color-text-muted)}.menu-row__badge{flex-shrink:0}.menu-row__chevron{color:var(--df-color-text-muted);flex-shrink:0;font-size:1.125rem}.setting-row{justify-content:space-between;align-items:center;gap:var(--df-space-16);padding:var(--df-space-16);border-radius:var(--df-radius-lg);background:var(--df-color-surface);box-shadow:var(--df-shadow-xs);cursor:pointer;display:flex}.setting-row__text{flex-direction:column;gap:4px;min-width:0;display:flex}.setting-row__label{font:600 1rem/1.35 var(--df-font-family);color:var(--df-color-text)}.setting-row__desc{font:var(--df-text-body-sm);color:var(--df-color-text-secondary)}.setting-row__toggle{appearance:none;border-radius:var(--df-radius-full);background:var(--df-color-border-strong);cursor:pointer;flex-shrink:0;width:52px;height:32px;transition:background .2s;position:relative}.setting-row__toggle:after{content:"";background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #2a242026}.setting-row__toggle:checked{background:var(--df-color-primary)}.setting-row__toggle:checked:after{transform:translate(20px)}.setting-row__toggle:disabled{opacity:.5;cursor:not-allowed}ion-app.has-tab-bar .my-page.df-stack-page{gap:var(--df-space-16);padding-top:var(--df-space-16)}.my-page__hero{text-align:center;padding:var(--df-space-12) var(--df-space-16);border-radius:var(--df-radius-2xl);background:var(--df-gradient-surface);box-shadow:var(--df-shadow-sm);flex-direction:column;align-items:center;display:flex}.my-page__avatar-wrap{margin-bottom:var(--df-space-12);position:relative}.my-page__avatar-edit{border-radius:var(--df-radius-full);background:var(--df-color-primary);color:#fff;width:32px;height:32px;box-shadow:var(--df-shadow-sm);cursor:pointer;border:2px solid #fff;place-items:center;display:grid;position:absolute;bottom:-4px;right:-4px}.my-page__avatar-edit:disabled{opacity:.72;cursor:default}.my-page__avatar-edit ion-icon{font-size:1rem}.my-page__avatar-edit ion-spinner{--color:#fff;width:18px;height:18px}.my-page__profile-actions{justify-content:center;align-items:center;gap:var(--df-space-12);margin-top:var(--df-space-16);flex-wrap:wrap;display:flex}.my-page__profile-remove{color:var(--df-color-text-muted);font:600 .8125rem/1.4 var(--df-font-family);cursor:pointer;background:0 0;border:none}.my-page__profile-remove:disabled{opacity:.6;cursor:default}.my-page__upload-error{margin:var(--df-space-12) 0 0;font:var(--df-text-caption);color:var(--df-color-danger,#c0392b)}.my-page__avatar{width:72px;height:72px;margin-bottom:var(--df-space-12);box-shadow:var(--df-shadow-sm);border:3px solid #fff}.my-page__avatar-fallback{background:var(--df-gradient-brand);color:#fff;width:100%;height:100%;font:700 1.75rem/1 var(--df-font-family);place-items:center;display:grid}.my-page__name{font:700 1.375rem/1.32 var(--df-font-family);color:var(--df-color-text);letter-spacing:-.02em;margin:0}.my-page__contact{margin:var(--df-space-8) 0 0;font:var(--df-text-body-sm);color:var(--df-color-text-secondary)}.my-page__joined{margin-top:var(--df-space-12);border-radius:var(--df-radius-full);background:var(--df-color-primary-soft);color:var(--df-color-primary);font:var(--df-text-caption);padding:6px 12px;display:inline-block}.my-page__section{gap:var(--df-space-12);flex-direction:column;display:flex}.my-page__section-label{font:var(--df-text-label);color:var(--df-color-text-secondary);margin:0}.settings-page{min-height:100%}.settings-page__section{gap:var(--df-space-12);flex-direction:column;display:flex}.settings-page__section-label{font:var(--df-text-label);color:var(--df-color-text-secondary);margin:0}.settings-page__actions{align-items:stretch;gap:var(--df-space-12);padding-top:var(--df-space-8);flex-direction:column;display:flex}.settings-page__withdraw{padding:var(--df-space-4) 0;color:var(--df-color-text-muted);font:var(--df-text-caption);cursor:pointer;background:0 0;border:none;align-self:center}.settings-page__withdraw:disabled{opacity:.5;cursor:default}.family-room-settings__loading{padding:var(--df-space-32) var(--df-page-gutter)}.search-page__form{padding-bottom:var(--df-space-12);border-bottom:1px solid var(--df-color-border)}.search-page__results{gap:var(--df-space-12);padding:var(--df-space-16) 0 var(--df-space-16);flex-direction:column;display:flex}.search-page__summary{padding:0 var(--df-page-gutter);font:var(--df-text-body-sm);color:var(--df-color-text-secondary);margin:0}.search-page__summary strong{color:var(--df-color-text);font-weight:600}.search-page__empty{padding:var(--df-space-8) var(--df-page-gutter) var(--df-space-16)}.search-page__results .df-page-padding{padding-top:0}.elder-header__toolbar{--background:#fffffff5;--border-color:transparent;--min-height:var(--df-header-height);--padding-top:env(safe-area-inset-top,0px);--padding-start:4px;--padding-end:8px}.elder-header__page-label-wrap{margin-inline-start:4px}.elder-header__page-label{font:var(--df-text-section);letter-spacing:-.02em;color:var(--df-color-text);white-space:nowrap;padding-inline:8px 4px;display:block}.elder-header__title{text-align:center;padding-inline:8px}.elder-header__title-text{font:var(--df-text-section);letter-spacing:-.01em;color:var(--df-color-text)}.elder-header__room-pill{border:1px solid var(--df-color-border);border-radius:var(--df-radius-full);background:var(--df-color-surface-muted);max-width:min(220px,52vw);min-height:36px;font:var(--df-text-label);color:var(--df-color-text-secondary);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;padding:6px 14px;display:inline-flex;overflow:hidden}.elder-header__spacer{opacity:0;pointer-events:none;width:44px}ion-app.elder-mode{--df-text-display:700 2.25rem/1.28 var(--df-font-family);--df-text-title:700 1.75rem/1.32 var(--df-font-family);--df-text-section:700 1.3125rem/1.35 var(--df-font-family);--df-text-body:400 1.125rem/1.65 var(--df-font-family);--df-text-body-sm:400 1rem/1.55 var(--df-font-family);--df-text-caption:500 .9375rem/1.45 var(--df-font-family);--df-text-button:700 1.125rem/1.2 var(--df-font-family);--df-text-label:600 .9375rem/1.3 var(--df-font-family);--df-header-height:60px;--df-tab-bar-height:76px;--df-touch-min:52px}.elder-page{--background:transparent}.elder-page::part(background){background:var(--df-color-bg)}.elder-page__inner{gap:var(--df-space-20);padding:var(--df-space-20) var(--df-page-gutter) var(--df-space-16);flex-direction:column;display:flex}.elder-page__inner--compact{padding-top:var(--df-space-12);gap:var(--df-space-16)}.elder-page__sections{gap:var(--df-space-28);flex-direction:column;display:flex}.elder-welcome{gap:var(--df-space-8);flex-direction:column;display:flex}.elder-welcome__greeting{font:var(--df-text-title);color:var(--df-color-text);letter-spacing:-.03em;margin:0}.elder-welcome__sub{font:var(--df-text-body);color:var(--df-color-text-secondary);margin:0;line-height:1.55}.elder-feature-card{border-radius:var(--df-radius-xl);background:var(--df-color-surface);cursor:pointer;text-align:left;width:100%;box-shadow:var(--df-shadow-md);-webkit-tap-highlight-color:transparent;border:none;padding:0;transition:transform .15s;display:block;position:relative;overflow:hidden}.elder-feature-card:active{transform:scale(.985)}.elder-feature-card__image{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.elder-feature-card__placeholder{aspect-ratio:16/10;background:var(--df-color-surface-muted);color:var(--df-color-primary);place-items:center;display:grid}.elder-feature-card__placeholder ion-icon{font-size:2.5rem}.elder-feature-card__overlay{padding:var(--df-space-20);color:#fff;pointer-events:none;background:linear-gradient(#0000 40%,#000000b8 100%);flex-direction:column;justify-content:flex-end;gap:4px;display:flex;position:absolute;inset:0}.elder-feature-card__title{font:var(--df-text-section);color:#fff;text-shadow:0 1px 3px #00000040;margin:0}.elder-feature-card__desc{font:var(--df-text-body-sm);color:#ffffffe0;margin:0}.elder-menu-list{gap:var(--df-space-8);flex-direction:column;display:flex}.elder-menu-row{align-items:center;gap:var(--df-space-12);width:100%;min-height:72px;padding:var(--df-space-16);border-radius:var(--df-radius-lg);background:var(--df-color-surface);box-shadow:var(--df-shadow-xs);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;border:none;transition:transform .15s;display:flex}.elder-menu-row:active{transform:scale(.985)}.elder-menu-row__icon{border-radius:var(--df-radius-md);background:var(--df-color-primary-soft);width:44px;height:44px;color:var(--df-color-primary);flex-shrink:0;place-items:center;display:grid}.elder-menu-row__icon ion-icon{font-size:1.375rem}.elder-menu-row__body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.elder-menu-row__label{font:600 1.125rem/1.35 var(--df-font-family);color:var(--df-color-text)}.elder-menu-row__desc{font:var(--df-text-body-sm);color:var(--df-color-text-muted)}.elder-menu-row__chevron{color:var(--df-color-text-muted);flex-shrink:0;font-size:1.125rem}.elder-section{gap:var(--df-space-12);flex-direction:column;display:flex}.elder-section__title{font:var(--df-text-section);color:var(--df-color-text);letter-spacing:-.01em;margin:0}.elder-empty{padding:var(--df-space-24) var(--df-space-16);font:var(--df-text-body);color:var(--df-color-text-secondary);text-align:center;border:1px dashed var(--df-color-border-strong);border-radius:var(--df-radius-xl);background:var(--df-color-surface);margin:0}.elder-error{padding:var(--df-space-24);font:var(--df-text-body);color:var(--df-color-danger);text-align:center;margin:0}.elder-list-card{padding:var(--df-space-16);border-radius:var(--df-radius-lg);background:var(--df-color-surface);box-shadow:var(--df-shadow-xs)}.elder-list-card__badge{margin:0 0 var(--df-space-8);border-radius:var(--df-radius-full);background:var(--df-color-primary-soft);font:var(--df-text-label);color:var(--df-color-primary-dark);padding:5px 12px;display:inline-flex}.elder-list-card__title{margin:0 0 var(--df-space-6);font:var(--df-text-section);color:var(--df-color-text)}.elder-list-card__body{margin:0 0 var(--df-space-8);font:var(--df-text-body-sm);color:var(--df-color-text-secondary);white-space:pre-wrap;line-height:1.55}.elder-list-card__meta{font:var(--df-text-caption);color:var(--df-color-text-muted);margin:0}.elder-news-list{gap:var(--df-space-8);flex-direction:column;display:flex}.elder-album-grid{gap:var(--df-space-12);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.elder-album-card{gap:var(--df-space-10);padding:var(--df-space-12);border-radius:var(--df-radius-lg);background:var(--df-color-surface);box-shadow:var(--df-shadow-xs);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;flex-direction:column;transition:transform .15s;display:flex}.elder-album-card:active{transform:scale(.985)}.elder-album-card__cover{aspect-ratio:1;border-radius:var(--df-radius-md);background:var(--df-color-surface-muted) center / cover no-repeat}.elder-album-card__cover--empty{color:var(--df-color-primary);place-items:center;display:grid}.elder-album-card__cover--empty ion-icon{font-size:2rem}.elder-album-card__name{font:var(--df-text-body);color:var(--df-color-text);margin:0;font-weight:600}.elder-album-card__count{font:var(--df-text-caption);color:var(--df-color-text-muted);margin:0}.elder-my-hero{align-items:center;gap:var(--df-space-8);padding:var(--df-space-28) var(--df-space-20);border-radius:var(--df-radius-xl);background:var(--df-gradient-surface);box-shadow:var(--df-shadow-sm);text-align:center;flex-direction:column;display:flex}.elder-my-hero__avatar{background:var(--df-color-primary-soft);width:72px;height:72px;color:var(--df-color-primary);font:700 1.75rem/1 var(--df-font-family);border-radius:50%;place-items:center;display:grid}.elder-my-hero__name{font:var(--df-text-title);color:var(--df-color-text);margin:0}.elder-my-hero__room{font:var(--df-text-body-sm);color:var(--df-color-text-secondary);margin:0}.elder-action-btn{width:100%;min-height:var(--df-touch-min);justify-content:center;align-items:center;gap:var(--df-space-8);border:1px solid var(--df-color-border-strong);border-radius:var(--df-radius-full);background:var(--df-color-surface);font:var(--df-text-button);color:var(--df-color-text-secondary);cursor:pointer;box-shadow:var(--df-shadow-xs);transition:opacity .15s;display:inline-flex}.elder-action-btn--primary{background:var(--df-color-primary);color:#fff;box-shadow:0 8px 20px var(--df-color-primary-glow);border:none}.elder-action-btn:active{opacity:.88}.elder-photo-detail-page__content{--background:#12100e}.elder-photo-detail-page__content::part(background){background:#12100e}ion-app.has-elder-tab-bar .ion-page ion-content{--padding-bottom:calc(var(--df-tab-bar-height) + var(--df-tab-bar-offset) + var(--df-space-12) + env(safe-area-inset-bottom,0px))}.elder-photo-viewer{gap:var(--df-space-16);flex-direction:column;display:flex}.elder-photo-viewer__counter{font:var(--df-text-body-sm);color:var(--df-color-text-muted);text-align:center}.elder-photo-viewer__stage{margin-inline:calc(var(--df-page-gutter) * -1);position:relative}.elder-photo-viewer__swiper{background:var(--df-color-surface-muted);width:100%}.elder-photo-viewer__slide{background:var(--df-color-surface-muted);justify-content:center;align-items:center;min-height:min(56vh,440px);display:flex}.elder-photo-viewer__image-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:100%;padding:0;display:block;position:relative}.elder-photo-viewer__image-btn:active .elder-photo-viewer__image{opacity:.92}.elder-photo-viewer__zoom-hint{right:var(--df-space-12);bottom:var(--df-space-12);border-radius:var(--df-radius-full);font:var(--df-text-label);color:#fff;pointer-events:none;background:#0000008c;padding:8px 14px;position:absolute}.elder-photo-viewer__placeholder{background:var(--df-color-surface-muted);width:100%;min-height:280px}.elder-photo-viewer__loading{top:var(--df-space-12);padding:var(--df-space-8) var(--df-space-14);border-radius:var(--df-radius-full);font:var(--df-text-body-sm);color:var(--df-color-text-secondary);z-index:2;box-shadow:var(--df-shadow-sm);background:#ffffffeb;margin:0;position:absolute;left:50%;transform:translate(-50%)}.elder-photo-viewer__nav{z-index:3;min-height:var(--df-touch-min);padding:0 var(--df-space-14);border-radius:var(--df-radius-full);color:var(--df-color-text);font:var(--df-text-label);box-shadow:var(--df-shadow-md);cursor:pointer;background:#ffffffeb;border:none;align-items:center;gap:4px;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.elder-photo-viewer__nav ion-icon{font-size:1.125rem}.elder-photo-viewer__nav--prev{left:var(--df-space-12)}.elder-photo-viewer__nav--next{right:var(--df-space-12)}.elder-photo-viewer__info{gap:var(--df-space-6);text-align:center;flex-direction:column;display:flex}.elder-photo-viewer__memo{font:var(--df-text-section);color:var(--df-color-text);margin:0}.elder-photo-viewer__meta{font:var(--df-text-body-sm);color:var(--df-color-text-muted);margin:0}.elder-photo-viewer__reactions{gap:var(--df-space-10);grid-template-columns:1fr 1fr;display:grid}.elder-photo-viewer__reaction{justify-content:center;align-items:center;gap:var(--df-space-6);min-height:72px;padding:var(--df-space-12);border-radius:var(--df-radius-lg);background:var(--df-color-surface);box-shadow:var(--df-shadow-xs);font:var(--df-text-label);color:var(--df-color-text);cursor:pointer;border:none;flex-direction:column;transition:background .15s,box-shadow .15s;display:flex}.elder-photo-viewer__reaction--active{background:var(--df-color-primary-soft);box-shadow:inset 0 0 0 2px var(--df-color-primary);color:var(--df-color-primary-dark)}.elder-photo-viewer__reaction-emoji{font-size:2rem;line-height:1}.elder-photo-viewer__comments-toggle{width:100%;min-height:var(--df-touch-min);border:1px solid var(--df-color-border-strong);border-radius:var(--df-radius-full);background:var(--df-color-surface);font:var(--df-text-label);color:var(--df-color-text-secondary);cursor:pointer}.elder-photo-viewer__comments{gap:var(--df-space-8);flex-direction:column;display:flex}.elder-photo-viewer__comment{padding:var(--df-space-14);border-radius:var(--df-radius-lg);background:var(--df-color-surface);box-shadow:var(--df-shadow-xs)}.elder-photo-viewer__comment strong{margin-bottom:var(--df-space-4);font:var(--df-text-label);color:var(--df-color-text);display:block}.elder-photo-viewer__comment p{font:var(--df-text-body-sm);color:var(--df-color-text-secondary);white-space:pre-wrap;margin:0;line-height:1.55}.elder-photo-viewer__comments-empty{font:var(--df-text-body-sm);color:var(--df-color-text-muted);text-align:center;margin:0}.elder-photo-zoom{color:#fff;--elder-photo-zoom-header-top:calc(env(safe-area-inset-top,0px) + var(--df-space-16));background:#12100e;flex-direction:column;min-height:100%;display:flex;position:relative}.elder-photo-zoom .df-modal-close-wrap{top:var(--elder-photo-zoom-header-top);right:calc(env(safe-area-inset-right,0px) + var(--df-page-gutter));left:auto}.elder-photo-zoom .df-modal-close{color:#fff;background:#ffffff24}.elder-photo-zoom__counter{top:calc(var(--elder-photo-zoom-header-top) + var(--df-modal-close-size) + var(--df-space-8));z-index:10;border-radius:var(--df-radius-full);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:600 .9375rem/1 var(--df-font-family);color:#ffffffeb;pointer-events:none;background:#ffffff1f;padding:6px 14px;position:fixed;left:50%;transform:translate(-50%)}.elder-photo-zoom__hint{top:calc(var(--elder-photo-zoom-header-top) + var(--df-modal-close-size) + var(--df-space-8) + 28px);z-index:10;font:var(--df-text-body-sm);color:#ffffffa6;pointer-events:none;white-space:nowrap;position:fixed;left:50%;transform:translate(-50%)}.elder-photo-zoom__stage{min-height:100svh;padding-top:calc(var(--elder-photo-zoom-header-top) + var(--df-modal-close-size) + var(--df-space-24));padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--df-space-24));flex:1;align-items:center;display:flex;position:relative}.elder-photo-zoom__swiper{width:100%;height:min(72svh,640px)}.elder-photo-zoom__swiper .swiper-slide{justify-content:center;align-items:center;display:flex}.elder-photo-zoom__swiper .swiper-zoom-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.elder-photo-zoom__image{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;max-height:min(72svh,640px);display:block}.elder-photo-zoom__placeholder{background:#ffffff0f;width:100%;min-height:280px}.elder-photo-zoom__loading{top:var(--df-space-16);padding:var(--df-space-8) var(--df-space-14);border-radius:var(--df-radius-full);font:500 .875rem/1.3 var(--df-font-family);color:#ffffffe6;z-index:2;background:#ffffff24;margin:0;position:absolute;left:50%;transform:translate(-50%)}.elder-photo-zoom__nav{z-index:5;color:#fff;cursor:pointer;background:#ffffff24;border:none;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.elder-photo-zoom__nav ion-icon{font-size:1.5rem}.elder-photo-zoom__nav--prev{left:var(--df-space-12)}.elder-photo-zoom__nav--next{right:var(--df-space-12)}.elder-photo-zoom__memo{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + var(--df-space-16));padding:var(--df-space-16) var(--df-page-gutter);font:var(--df-text-body);color:#ffffffeb;text-align:center;pointer-events:none;background:linear-gradient(#0000,#0000008c);margin:0;position:fixed}.elder-photo-zoom__empty{padding:var(--df-space-32);font:var(--df-text-body);color:#fffc;text-align:center;margin:auto}.admin-layout__profile{border-bottom:1px solid #e8ddd0}.admin-layout__name{color:#3f342c;margin:0;font-weight:600}.admin-layout__email{color:#6d5d50;margin:.25rem 0 0;font-size:.85rem}.admin-layout__active{--background:#f3ebe0}.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:1rem;display:grid}.admin-stat-card{background:#fff;border:1px solid #e8ddd0;border-radius:12px;padding:1rem}.admin-stat-card__label{color:#8a6f57;margin:0;font-size:.85rem}.admin-stat-card__value{color:#3f342c;margin:.35rem 0 0;font-size:1.4rem;font-weight:700}@media (width>=768px){.admin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.global-loading{z-index:20000;padding:var(--df-page-gutter);-webkit-backdrop-filter:blur(4px);background:#2a24202e;place-items:center;display:grid;position:fixed;inset:0}.global-loading__panel{min-width:168px;max-width:280px;padding:var(--df-space-20) var(--df-space-24);border-radius:var(--df-radius-xl);box-shadow:var(--df-shadow-lg);align-items:center;gap:var(--df-space-12);background:#fffffff5;flex-direction:column;display:flex}.global-loading__spinner{border:3px solid var(--df-color-border);border-top-color:var(--df-color-primary);border-radius:var(--df-radius-full);width:32px;height:32px;animation:.75s linear infinite global-loading-spin}.global-loading__message{font:var(--df-text-body-sm);color:var(--df-color-text-secondary);text-align:center;margin:0}@keyframes global-loading-spin{to{transform:rotate(360deg)}}.bottom-tab-bar{left:50%;bottom:calc(var(--df-tab-bar-offset) + env(safe-area-inset-bottom,0px));z-index:1000;width:min(calc(var(--df-page-max-width) - var(--df-page-gutter) * 2), calc(100% - var(--df-page-gutter) * 2));min-height:var(--df-tab-bar-height);-webkit-backdrop-filter:saturate(180%)blur(20px);border-radius:var(--df-radius-2xl);box-shadow:var(--df-shadow-tab);background:#ffffffe0;border:1px solid #ffffffa6;align-items:center;padding:8px 10px;display:flex;position:fixed;transform:translate(-50%)}.bottom-tab-bar__item{min-height:52px;color:var(--df-color-text-secondary);cursor:pointer;border-radius:var(--df-radius-lg);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;padding:6px 4px;transition:color .15s,background .15s;display:flex}.bottom-tab-bar__item ion-icon{pointer-events:none;font-size:22px}.bottom-tab-bar__label{font:600 .6875rem/1.2 var(--df-font-family);pointer-events:none}.bottom-tab-bar__item--selected{color:var(--df-color-primary-dark);background:var(--df-color-primary-soft);font-weight:700}.bottom-tab-bar__item--upload{border-radius:var(--df-radius-full);background:var(--df-gradient-brand);color:#fff;width:52px;height:52px;box-shadow:0 8px 20px var(--df-color-primary-glow);flex:none;margin:0 4px}.bottom-tab-bar__item--upload ion-icon{font-size:28px}.bottom-tab-bar__item--upload.bottom-tab-bar__item--selected{background:var(--df-gradient-brand);color:#fff}.bottom-tab-bar__item--upload .bottom-tab-bar__label{display:none}.bottom-tab-bar__item:active:not(.bottom-tab-bar__item--upload){transform:scale(.96)}.bottom-tab-bar__item--upload:active{transform:scale(.94)}.elder-tab-bar{left:50%;bottom:calc(var(--df-tab-bar-offset) + env(safe-area-inset-bottom,0px));z-index:1000;width:min(calc(var(--df-page-max-width) - var(--df-page-gutter) * 2), calc(100% - var(--df-page-gutter) * 2));min-height:var(--df-tab-bar-height);-webkit-backdrop-filter:saturate(180%)blur(20px);border-radius:var(--df-radius-2xl);box-shadow:var(--df-shadow-tab);background:#ffffffe0;border:1px solid #ffffffa6;align-items:center;padding:8px 10px;display:flex;position:fixed;transform:translate(-50%)}.elder-tab-bar__item{min-height:58px;color:var(--df-color-text-secondary);cursor:pointer;border-radius:var(--df-radius-lg);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 4px;transition:color .15s,background .15s;display:flex}.elder-tab-bar__item ion-icon{pointer-events:none;font-size:26px}.elder-tab-bar__label{font:var(--df-text-label);letter-spacing:-.01em;pointer-events:none}.elder-tab-bar__item--selected{color:var(--df-color-primary-dark);background:var(--df-color-primary-soft);font-weight:700}.elder-tab-bar__item:active{transform:scale(.96)}:root{--ion-color-primary:#0054e9;--ion-color-primary-rgb:0, 84, 233;--ion-color-primary-contrast:#fff;--ion-color-primary-contrast-rgb:255, 255, 255;--ion-color-primary-shade:#004acd;--ion-color-primary-tint:#1a65eb;--ion-color-secondary:#0163aa;--ion-color-secondary-rgb:1, 99, 170;--ion-color-secondary-contrast:#fff;--ion-color-secondary-contrast-rgb:255, 255, 255;--ion-color-secondary-shade:#015796;--ion-color-secondary-tint:#1a73b3;--ion-color-tertiary:#6030ff;--ion-color-tertiary-rgb:96, 48, 255;--ion-color-tertiary-contrast:#fff;--ion-color-tertiary-contrast-rgb:255, 255, 255;--ion-color-tertiary-shade:#542ae0;--ion-color-tertiary-tint:#7045ff;--ion-color-success:#2dd55b;--ion-color-success-rgb:45, 213, 91;--ion-color-success-contrast:#000;--ion-color-success-contrast-rgb:0, 0, 0;--ion-color-success-shade:#28bb50;--ion-color-success-tint:#42d96b;--ion-color-warning:#ffc409;--ion-color-warning-rgb:255, 196, 9;--ion-color-warning-contrast:#000;--ion-color-warning-contrast-rgb:0, 0, 0;--ion-color-warning-shade:#e0ac08;--ion-color-warning-tint:#ffca22;--ion-color-danger:#c5000f;--ion-color-danger-rgb:197, 0, 15;--ion-color-danger-contrast:#fff;--ion-color-danger-contrast-rgb:255, 255, 255;--ion-color-danger-shade:#ad000d;--ion-color-danger-tint:#cb1a27;--ion-color-light:#f4f5f8;--ion-color-light-rgb:244, 245, 248;--ion-color-light-contrast:#000;--ion-color-light-contrast-rgb:0, 0, 0;--ion-color-light-shade:#d7d8da;--ion-color-light-tint:#f5f6f9;--ion-color-medium:#636469;--ion-color-medium-rgb:99, 100, 105;--ion-color-medium-contrast:#fff;--ion-color-medium-contrast-rgb:255, 255, 255;--ion-color-medium-shade:#57585c;--ion-color-medium-tint:#737478;--ion-color-dark:#222428;--ion-color-dark-rgb:34, 36, 40;--ion-color-dark-contrast:#fff;--ion-color-dark-contrast-rgb:255, 255, 255;--ion-color-dark-shade:#1e2023;--ion-color-dark-tint:#383a3e}html.ios{--ion-default-font:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font:"Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font:-apple-system-body;--ion-font-family:var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type,html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar,html.ios .modal-footer-moving ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (width>=768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity:.18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity:0;--box-shadow:none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base:var(--ion-color-primary,#0054e9)!important;--ion-color-base-rgb:var(--ion-color-primary-rgb,0, 84, 233)!important;--ion-color-contrast:var(--ion-color-primary-contrast,#fff)!important;--ion-color-contrast-rgb:var(--ion-color-primary-contrast-rgb,255, 255, 255)!important;--ion-color-shade:var(--ion-color-primary-shade,#004acd)!important;--ion-color-tint:var(--ion-color-primary-tint,#1a65eb)!important}.ion-color-secondary{--ion-color-base:var(--ion-color-secondary,#0163aa)!important;--ion-color-base-rgb:var(--ion-color-secondary-rgb,1, 99, 170)!important;--ion-color-contrast:var(--ion-color-secondary-contrast,#fff)!important;--ion-color-contrast-rgb:var(--ion-color-secondary-contrast-rgb,255, 255, 255)!important;--ion-color-shade:var(--ion-color-secondary-shade,#015796)!important;--ion-color-tint:var(--ion-color-secondary-tint,#1a73b3)!important}.ion-color-tertiary{--ion-color-base:var(--ion-color-tertiary,#6030ff)!important;--ion-color-base-rgb:var(--ion-color-tertiary-rgb,96, 48, 255)!important;--ion-color-contrast:var(--ion-color-tertiary-contrast,#fff)!important;--ion-color-contrast-rgb:var(--ion-color-tertiary-contrast-rgb,255, 255, 255)!important;--ion-color-shade:var(--ion-color-tertiary-shade,#542ae0)!important;--ion-color-tint:var(--ion-color-tertiary-tint,#7045ff)!important}.ion-color-success{--ion-color-base:var(--ion-color-success,#2dd55b)!important;--ion-color-base-rgb:var(--ion-color-success-rgb,45, 213, 91)!important;--ion-color-contrast:var(--ion-color-success-contrast,#000)!important;--ion-color-contrast-rgb:var(--ion-color-success-contrast-rgb,0, 0, 0)!important;--ion-color-shade:var(--ion-color-success-shade,#28bb50)!important;--ion-color-tint:var(--ion-color-success-tint,#42d96b)!important}.ion-color-warning{--ion-color-base:var(--ion-color-warning,#ffc409)!important;--ion-color-base-rgb:var(--ion-color-warning-rgb,255, 196, 9)!important;--ion-color-contrast:var(--ion-color-warning-contrast,#000)!important;--ion-color-contrast-rgb:var(--ion-color-warning-contrast-rgb,0, 0, 0)!important;--ion-color-shade:var(--ion-color-warning-shade,#e0ac08)!important;--ion-color-tint:var(--ion-color-warning-tint,#ffca22)!important}.ion-color-danger{--ion-color-base:var(--ion-color-danger,#c5000f)!important;--ion-color-base-rgb:var(--ion-color-danger-rgb,197, 0, 15)!important;--ion-color-contrast:var(--ion-color-danger-contrast,#fff)!important;--ion-color-contrast-rgb:var(--ion-color-danger-contrast-rgb,255, 255, 255)!important;--ion-color-shade:var(--ion-color-danger-shade,#ad000d)!important;--ion-color-tint:var(--ion-color-danger-tint,#cb1a27)!important}.ion-color-light{--ion-color-base:var(--ion-color-light,#f4f5f8)!important;--ion-color-base-rgb:var(--ion-color-light-rgb,244, 245, 248)!important;--ion-color-contrast:var(--ion-color-light-contrast,#000)!important;--ion-color-contrast-rgb:var(--ion-color-light-contrast-rgb,0, 0, 0)!important;--ion-color-shade:var(--ion-color-light-shade,#d7d8da)!important;--ion-color-tint:var(--ion-color-light-tint,#f5f6f9)!important}.ion-color-medium{--ion-color-base:var(--ion-color-medium,#636469)!important;--ion-color-base-rgb:var(--ion-color-medium-rgb,99, 100, 105)!important;--ion-color-contrast:var(--ion-color-medium-contrast,#fff)!important;--ion-color-contrast-rgb:var(--ion-color-medium-contrast-rgb,255, 255, 255)!important;--ion-color-shade:var(--ion-color-medium-shade,#57585c)!important;--ion-color-tint:var(--ion-color-medium-tint,#737478)!important}.ion-color-dark{--ion-color-base:var(--ion-color-dark,#222428)!important;--ion-color-base-rgb:var(--ion-color-dark-rgb,34, 36, 40)!important;--ion-color-contrast:var(--ion-color-dark-contrast,#fff)!important;--ion-color-contrast-rgb:var(--ion-color-dark-contrast-rgb,255, 255, 255)!important;--ion-color-shade:var(--ion-color-dark-shade,#1e2023)!important;--ion-color-tint:var(--ion-color-dark-tint,#383a3e)!important}.ion-page{contain:layout size style;z-index:0;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.ion-page.ion-page-overlay-passthrough{pointer-events:none}ion-modal>.ion-page{contain:layout style;height:100%;position:relative}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding:20px}@supports (padding-top:20px){html{--ion-safe-area-top:var(--ion-statusbar-padding)}}@supports (padding-top:env(safe-area-inset-top)){html{--ion-safe-area-top:var(--safe-area-inset-top,env(safe-area-inset-top));--ion-safe-area-bottom:var(--safe-area-inset-bottom,env(safe-area-inset-bottom));--ion-safe-area-left:var(--safe-area-inset-left,env(safe-area-inset-left));--ion-safe-area-right:var(--safe-area-inset-right,env(safe-area-inset-right))}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translate(0,0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow:hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px #00000014}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px #00000014}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px #0000002e}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-right-radius:8px;border-bottom-left-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width:0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:transform .3s cubic-bezier(.25,.8,.5,1)}@media (prefers-reduced-motion:reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width:0px;--inner-border-width:0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width:fit-content;--height:fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){height:0;display:none}b,strong{font-weight:700}img{max-width:100%}hr{box-sizing:content-box;border-width:0;height:1px}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{height:auto;font:inherit;color:inherit;overflow:auto}textarea::placeholder{padding-left:2px}form,input,optgroup,select{font:inherit;color:inherit;margin:0}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{font-family:inherit;font-style:inherit;font-variant:inherit;text-transform:none;cursor:pointer;-webkit-appearance:button;border:0;border-radius:0;padding:0;line-height:1}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input[type=number]::-webkit-inner-spin-button{height:auto}input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:#0000;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;width:100%;height:100%}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0;position:fixed;overflow:hidden;transform:translateZ(0)}html{font-family:var(--ion-font-family)}@supports (-webkit-touch-callout:none){html{font:var(--ion-dynamic-font,16px var(--ion-font-family))}}a{color:var(--ion-color-primary,#0054e9);background-color:#0000}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:75%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}.ion-no-padding{--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;padding:0}.ion-padding{--padding-start:var(--ion-padding,16px);--padding-end:var(--ion-padding,16px);--padding-top:var(--ion-padding,16px);--padding-bottom:var(--ion-padding,16px);-webkit-padding-start:var(--ion-padding,16px);-webkit-padding-end:var(--ion-padding,16px);padding-inline-start:var(--ion-padding,16px);padding-inline-end:var(--ion-padding,16px);padding-top:var(--ion-padding,16px);padding-bottom:var(--ion-padding,16px)}.ion-padding-top{--padding-top:var(--ion-padding,16px);padding-top:var(--ion-padding,16px)}.ion-padding-start{--padding-start:var(--ion-padding,16px);-webkit-padding-start:var(--ion-padding,16px);padding-inline-start:var(--ion-padding,16px)}.ion-padding-end{--padding-end:var(--ion-padding,16px);-webkit-padding-end:var(--ion-padding,16px);padding-inline-end:var(--ion-padding,16px)}.ion-padding-bottom{--padding-bottom:var(--ion-padding,16px);padding-bottom:var(--ion-padding,16px)}.ion-padding-vertical{--padding-top:var(--ion-padding,16px);--padding-bottom:var(--ion-padding,16px);padding-top:var(--ion-padding,16px);padding-bottom:var(--ion-padding,16px)}.ion-padding-horizontal{--padding-start:var(--ion-padding,16px);--padding-end:var(--ion-padding,16px);-webkit-padding-start:var(--ion-padding,16px);-webkit-padding-end:var(--ion-padding,16px);padding-inline-start:var(--ion-padding,16px);padding-inline-end:var(--ion-padding,16px)}.ion-no-margin{--margin-start:0;--margin-end:0;--margin-top:0;--margin-bottom:0;margin:0}.ion-margin{--margin-start:var(--ion-margin,16px);--margin-end:var(--ion-margin,16px);--margin-top:var(--ion-margin,16px);--margin-bottom:var(--ion-margin,16px);-webkit-margin-start:var(--ion-margin,16px);-webkit-margin-end:var(--ion-margin,16px);margin-inline-start:var(--ion-margin,16px);margin-inline-end:var(--ion-margin,16px);margin-top:var(--ion-margin,16px);margin-bottom:var(--ion-margin,16px)}.ion-margin-top{--margin-top:var(--ion-margin,16px);margin-top:var(--ion-margin,16px)}.ion-margin-start{--margin-start:var(--ion-margin,16px);-webkit-margin-start:var(--ion-margin,16px);margin-inline-start:var(--ion-margin,16px)}.ion-margin-end{--margin-end:var(--ion-margin,16px);-webkit-margin-end:var(--ion-margin,16px);margin-inline-end:var(--ion-margin,16px)}.ion-margin-bottom{--margin-bottom:var(--ion-margin,16px);margin-bottom:var(--ion-margin,16px)}.ion-margin-vertical{--margin-top:var(--ion-margin,16px);--margin-bottom:var(--ion-margin,16px);margin-top:var(--ion-margin,16px);margin-bottom:var(--ion-margin,16px)}.ion-margin-horizontal{--margin-start:var(--ion-margin,16px);--margin-end:var(--ion-margin,16px);-webkit-margin-start:var(--ion-margin,16px);-webkit-margin-end:var(--ion-margin,16px);margin-inline-start:var(--ion-margin,16px);margin-inline-end:var(--ion-margin,16px)}.ion-float-left{float:left!important}.ion-float-right{float:right!important}.ion-float-start{float:left!important}:host-context([dir=rtl]) .ion-float-start{float:right!important}[dir=rtl] .ion-float-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){float:right!important}}.ion-float-end{float:right!important}:host-context([dir=rtl]) .ion-float-end{float:left!important}[dir=rtl] .ion-float-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){float:left!important}}@media (width>=576px){.ion-float-sm-left{float:left!important}.ion-float-sm-right{float:right!important}.ion-float-sm-start{float:left!important}:host-context([dir=rtl]) .ion-float-sm-start{float:right!important}[dir=rtl] .ion-float-sm-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-sm-start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){float:right!important}}.ion-float-sm-end{float:right!important}:host-context([dir=rtl]) .ion-float-sm-end{float:left!important}[dir=rtl] .ion-float-sm-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-sm-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){float:left!important}}}@media (width>=768px){.ion-float-md-left{float:left!important}.ion-float-md-right{float:right!important}.ion-float-md-start{float:left!important}:host-context([dir=rtl]) .ion-float-md-start{float:right!important}[dir=rtl] .ion-float-md-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-md-start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){float:right!important}}.ion-float-md-end{float:right!important}:host-context([dir=rtl]) .ion-float-md-end{float:left!important}[dir=rtl] .ion-float-md-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-md-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){float:left!important}}}@media (width>=992px){.ion-float-lg-left{float:left!important}.ion-float-lg-right{float:right!important}.ion-float-lg-start{float:left!important}:host-context([dir=rtl]) .ion-float-lg-start{float:right!important}[dir=rtl] .ion-float-lg-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-lg-start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){float:right!important}}.ion-float-lg-end{float:right!important}:host-context([dir=rtl]) .ion-float-lg-end{float:left!important}[dir=rtl] .ion-float-lg-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-lg-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){float:left!important}}}@media (width>=1200px){.ion-float-xl-left{float:left!important}.ion-float-xl-right{float:right!important}.ion-float-xl-start{float:left!important}:host-context([dir=rtl]) .ion-float-xl-start{float:right!important}[dir=rtl] .ion-float-xl-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-xl-start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){float:right!important}}.ion-float-xl-end{float:right!important}:host-context([dir=rtl]) .ion-float-xl-end{float:left!important}[dir=rtl] .ion-float-xl-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-xl-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){float:left!important}}}.ion-text-center{text-align:center!important}.ion-text-justify{text-align:justify!important}.ion-text-start{text-align:start!important}.ion-text-end{text-align:end!important}.ion-text-left{text-align:left!important}.ion-text-right{text-align:right!important}.ion-text-nowrap{white-space:nowrap!important}.ion-text-wrap{white-space:normal!important}@media (width>=576px){.ion-text-sm-center{text-align:center!important}.ion-text-sm-justify{text-align:justify!important}.ion-text-sm-start{text-align:start!important}.ion-text-sm-end{text-align:end!important}.ion-text-sm-left{text-align:left!important}.ion-text-sm-right{text-align:right!important}.ion-text-sm-nowrap{white-space:nowrap!important}.ion-text-sm-wrap{white-space:normal!important}}@media (width>=768px){.ion-text-md-center{text-align:center!important}.ion-text-md-justify{text-align:justify!important}.ion-text-md-start{text-align:start!important}.ion-text-md-end{text-align:end!important}.ion-text-md-left{text-align:left!important}.ion-text-md-right{text-align:right!important}.ion-text-md-nowrap{white-space:nowrap!important}.ion-text-md-wrap{white-space:normal!important}}@media (width>=992px){.ion-text-lg-center{text-align:center!important}.ion-text-lg-justify{text-align:justify!important}.ion-text-lg-start{text-align:start!important}.ion-text-lg-end{text-align:end!important}.ion-text-lg-left{text-align:left!important}.ion-text-lg-right{text-align:right!important}.ion-text-lg-nowrap{white-space:nowrap!important}.ion-text-lg-wrap{white-space:normal!important}}@media (width>=1200px){.ion-text-xl-center{text-align:center!important}.ion-text-xl-justify{text-align:justify!important}.ion-text-xl-start{text-align:start!important}.ion-text-xl-end{text-align:end!important}.ion-text-xl-left{text-align:left!important}.ion-text-xl-right{text-align:right!important}.ion-text-xl-nowrap{white-space:nowrap!important}.ion-text-xl-wrap{white-space:normal!important}}.ion-text-uppercase{text-transform:uppercase!important}.ion-text-lowercase{text-transform:lowercase!important}.ion-text-capitalize{text-transform:capitalize!important}@media (width>=576px){.ion-text-sm-uppercase{text-transform:uppercase!important}.ion-text-sm-lowercase{text-transform:lowercase!important}.ion-text-sm-capitalize{text-transform:capitalize!important}}@media (width>=768px){.ion-text-md-uppercase{text-transform:uppercase!important}.ion-text-md-lowercase{text-transform:lowercase!important}.ion-text-md-capitalize{text-transform:capitalize!important}}@media (width>=992px){.ion-text-lg-uppercase{text-transform:uppercase!important}.ion-text-lg-lowercase{text-transform:lowercase!important}.ion-text-lg-capitalize{text-transform:capitalize!important}}@media (width>=1200px){.ion-text-xl-uppercase{text-transform:uppercase!important}.ion-text-xl-lowercase{text-transform:lowercase!important}.ion-text-xl-capitalize{text-transform:capitalize!important}}.ion-align-content-start{align-content:flex-start!important}.ion-align-content-end{align-content:flex-end!important}.ion-align-content-center{align-content:center!important}.ion-align-content-between{align-content:space-between!important}.ion-align-content-around{align-content:space-around!important}.ion-align-content-stretch{align-content:stretch!important}@media (width>=576px){.ion-align-content-sm-start{align-content:flex-start!important}.ion-align-content-sm-end{align-content:flex-end!important}.ion-align-content-sm-center{align-content:center!important}.ion-align-content-sm-between{align-content:space-between!important}.ion-align-content-sm-around{align-content:space-around!important}.ion-align-content-sm-stretch{align-content:stretch!important}}@media (width>=768px){.ion-align-content-md-start{align-content:flex-start!important}.ion-align-content-md-end{align-content:flex-end!important}.ion-align-content-md-center{align-content:center!important}.ion-align-content-md-between{align-content:space-between!important}.ion-align-content-md-around{align-content:space-around!important}.ion-align-content-md-stretch{align-content:stretch!important}}@media (width>=992px){.ion-align-content-lg-start{align-content:flex-start!important}.ion-align-content-lg-end{align-content:flex-end!important}.ion-align-content-lg-center{align-content:center!important}.ion-align-content-lg-between{align-content:space-between!important}.ion-align-content-lg-around{align-content:space-around!important}.ion-align-content-lg-stretch{align-content:stretch!important}}@media (width>=1200px){.ion-align-content-xl-start{align-content:flex-start!important}.ion-align-content-xl-end{align-content:flex-end!important}.ion-align-content-xl-center{align-content:center!important}.ion-align-content-xl-between{align-content:space-between!important}.ion-align-content-xl-around{align-content:space-around!important}.ion-align-content-xl-stretch{align-content:stretch!important}}.ion-align-items-start{align-items:start!important}.ion-align-items-end{align-items:end!important}.ion-align-items-center{align-items:center!important}.ion-align-items-stretch{align-items:stretch!important}.ion-align-items-baseline{align-items:baseline!important}@media (width>=576px){.ion-align-items-sm-start{align-items:start!important}.ion-align-items-sm-end{align-items:end!important}.ion-align-items-sm-center{align-items:center!important}.ion-align-items-sm-stretch{align-items:stretch!important}.ion-align-items-sm-baseline{align-items:baseline!important}}@media (width>=768px){.ion-align-items-md-start{align-items:start!important}.ion-align-items-md-end{align-items:end!important}.ion-align-items-md-center{align-items:center!important}.ion-align-items-md-stretch{align-items:stretch!important}.ion-align-items-md-baseline{align-items:baseline!important}}@media (width>=992px){.ion-align-items-lg-start{align-items:start!important}.ion-align-items-lg-end{align-items:end!important}.ion-align-items-lg-center{align-items:center!important}.ion-align-items-lg-stretch{align-items:stretch!important}.ion-align-items-lg-baseline{align-items:baseline!important}}@media (width>=1200px){.ion-align-items-xl-start{align-items:start!important}.ion-align-items-xl-end{align-items:end!important}.ion-align-items-xl-center{align-items:center!important}.ion-align-items-xl-stretch{align-items:stretch!important}.ion-align-items-xl-baseline{align-items:baseline!important}}.ion-align-self-start{align-self:start!important}.ion-align-self-end{align-self:end!important}.ion-align-self-center{align-self:center!important}.ion-align-self-stretch{align-self:stretch!important}.ion-align-self-baseline{align-self:baseline!important}.ion-align-self-auto{align-self:auto!important}@media (width>=576px){.ion-align-self-sm-start{align-self:start!important}.ion-align-self-sm-end{align-self:end!important}.ion-align-self-sm-center{align-self:center!important}.ion-align-self-sm-stretch{align-self:stretch!important}.ion-align-self-sm-baseline{align-self:baseline!important}.ion-align-self-sm-auto{align-self:auto!important}}@media (width>=768px){.ion-align-self-md-start{align-self:start!important}.ion-align-self-md-end{align-self:end!important}.ion-align-self-md-center{align-self:center!important}.ion-align-self-md-stretch{align-self:stretch!important}.ion-align-self-md-baseline{align-self:baseline!important}.ion-align-self-md-auto{align-self:auto!important}}@media (width>=992px){.ion-align-self-lg-start{align-self:start!important}.ion-align-self-lg-end{align-self:end!important}.ion-align-self-lg-center{align-self:center!important}.ion-align-self-lg-stretch{align-self:stretch!important}.ion-align-self-lg-baseline{align-self:baseline!important}.ion-align-self-lg-auto{align-self:auto!important}}@media (width>=1200px){.ion-align-self-xl-start{align-self:start!important}.ion-align-self-xl-end{align-self:end!important}.ion-align-self-xl-center{align-self:center!important}.ion-align-self-xl-stretch{align-self:stretch!important}.ion-align-self-xl-baseline{align-self:baseline!important}.ion-align-self-xl-auto{align-self:auto!important}}.ion-justify-content-start{justify-content:flex-start!important}.ion-justify-content-end{justify-content:flex-end!important}.ion-justify-content-center{justify-content:center!important}.ion-justify-content-between{justify-content:space-between!important}.ion-justify-content-around{justify-content:space-around!important}.ion-justify-content-evenly{justify-content:space-evenly!important}@media (width>=576px){.ion-justify-content-sm-start{justify-content:flex-start!important}.ion-justify-content-sm-end{justify-content:flex-end!important}.ion-justify-content-sm-center{justify-content:center!important}.ion-justify-content-sm-between{justify-content:space-between!important}.ion-justify-content-sm-around{justify-content:space-around!important}.ion-justify-content-sm-evenly{justify-content:space-evenly!important}}@media (width>=768px){.ion-justify-content-md-start{justify-content:flex-start!important}.ion-justify-content-md-end{justify-content:flex-end!important}.ion-justify-content-md-center{justify-content:center!important}.ion-justify-content-md-between{justify-content:space-between!important}.ion-justify-content-md-around{justify-content:space-around!important}.ion-justify-content-md-evenly{justify-content:space-evenly!important}}@media (width>=992px){.ion-justify-content-lg-start{justify-content:flex-start!important}.ion-justify-content-lg-end{justify-content:flex-end!important}.ion-justify-content-lg-center{justify-content:center!important}.ion-justify-content-lg-between{justify-content:space-between!important}.ion-justify-content-lg-around{justify-content:space-around!important}.ion-justify-content-lg-evenly{justify-content:space-evenly!important}}@media (width>=1200px){.ion-justify-content-xl-start{justify-content:flex-start!important}.ion-justify-content-xl-end{justify-content:flex-end!important}.ion-justify-content-xl-center{justify-content:center!important}.ion-justify-content-xl-between{justify-content:space-between!important}.ion-justify-content-xl-around{justify-content:space-around!important}.ion-justify-content-xl-evenly{justify-content:space-evenly!important}}.ion-flex-row{flex-direction:row!important}.ion-flex-row-reverse{flex-direction:row-reverse!important}.ion-flex-column{flex-direction:column!important}.ion-flex-column-reverse{flex-direction:column-reverse!important}@media (width>=576px){.ion-flex-sm-row{flex-direction:row!important}.ion-flex-sm-row-reverse{flex-direction:row-reverse!important}.ion-flex-sm-column{flex-direction:column!important}.ion-flex-sm-column-reverse{flex-direction:column-reverse!important}}@media (width>=768px){.ion-flex-md-row{flex-direction:row!important}.ion-flex-md-row-reverse{flex-direction:row-reverse!important}.ion-flex-md-column{flex-direction:column!important}.ion-flex-md-column-reverse{flex-direction:column-reverse!important}}@media (width>=992px){.ion-flex-lg-row{flex-direction:row!important}.ion-flex-lg-row-reverse{flex-direction:row-reverse!important}.ion-flex-lg-column{flex-direction:column!important}.ion-flex-lg-column-reverse{flex-direction:column-reverse!important}}@media (width>=1200px){.ion-flex-xl-row{flex-direction:row!important}.ion-flex-xl-row-reverse{flex-direction:row-reverse!important}.ion-flex-xl-column{flex-direction:column!important}.ion-flex-xl-column-reverse{flex-direction:column-reverse!important}}.ion-wrap{flex-wrap:wrap!important}.ion-nowrap{flex-wrap:nowrap!important}.ion-wrap-reverse{flex-wrap:wrap-reverse!important}.ion-flex-wrap{flex-wrap:wrap!important}.ion-flex-nowrap{flex-wrap:nowrap!important}.ion-flex-wrap-reverse{flex-wrap:wrap-reverse!important}@media (width>=576px){.ion-flex-sm-wrap{flex-wrap:wrap!important}.ion-flex-sm-nowrap{flex-wrap:nowrap!important}.ion-flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (width>=768px){.ion-flex-md-wrap{flex-wrap:wrap!important}.ion-flex-md-nowrap{flex-wrap:nowrap!important}.ion-flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (width>=992px){.ion-flex-lg-wrap{flex-wrap:wrap!important}.ion-flex-lg-nowrap{flex-wrap:nowrap!important}.ion-flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (width>=1200px){.ion-flex-xl-wrap{flex-wrap:wrap!important}.ion-flex-xl-nowrap{flex-wrap:nowrap!important}.ion-flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}}.ion-flex-1{flex:1!important}.ion-flex-auto{flex:auto!important}.ion-flex-initial{flex:initial!important}.ion-flex-none{flex:none!important}@media (width>=576px){.ion-flex-sm-1{flex:1!important}.ion-flex-sm-auto{flex:auto!important}.ion-flex-sm-initial{flex:initial!important}.ion-flex-sm-none{flex:none!important}}@media (width>=768px){.ion-flex-md-1{flex:1!important}.ion-flex-md-auto{flex:auto!important}.ion-flex-md-initial{flex:initial!important}.ion-flex-md-none{flex:none!important}}@media (width>=992px){.ion-flex-lg-1{flex:1!important}.ion-flex-lg-auto{flex:auto!important}.ion-flex-lg-initial{flex:initial!important}.ion-flex-lg-none{flex:none!important}}@media (width>=1200px){.ion-flex-xl-1{flex:1!important}.ion-flex-xl-auto{flex:auto!important}.ion-flex-xl-initial{flex:initial!important}.ion-flex-xl-none{flex:none!important}}.ion-flex-grow-0{flex-grow:0!important}.ion-flex-grow-1{flex-grow:1!important}.ion-flex-shrink-0{flex-shrink:0!important}.ion-flex-shrink-1{flex-shrink:1!important}@media (width>=576px){.ion-flex-sm-grow-0{flex-grow:0!important}.ion-flex-sm-grow-1{flex-grow:1!important}.ion-flex-sm-shrink-0{flex-shrink:0!important}.ion-flex-sm-shrink-1{flex-shrink:1!important}}@media (width>=768px){.ion-flex-md-grow-0{flex-grow:0!important}.ion-flex-md-grow-1{flex-grow:1!important}.ion-flex-md-shrink-0{flex-shrink:0!important}.ion-flex-md-shrink-1{flex-shrink:1!important}}@media (width>=992px){.ion-flex-lg-grow-0{flex-grow:0!important}.ion-flex-lg-grow-1{flex-grow:1!important}.ion-flex-lg-shrink-0{flex-shrink:0!important}.ion-flex-lg-shrink-1{flex-shrink:1!important}}@media (width>=1200px){.ion-flex-xl-grow-0{flex-grow:0!important}.ion-flex-xl-grow-1{flex-grow:1!important}.ion-flex-xl-shrink-0{flex-shrink:0!important}.ion-flex-xl-shrink-1{flex-shrink:1!important}}.ion-order-first{order:-1!important}.ion-order-0{order:0!important}.ion-order-1{order:1!important}.ion-order-2{order:2!important}.ion-order-3{order:3!important}.ion-order-4{order:4!important}.ion-order-5{order:5!important}.ion-order-6{order:6!important}.ion-order-7{order:7!important}.ion-order-8{order:8!important}.ion-order-9{order:9!important}.ion-order-10{order:10!important}.ion-order-11{order:11!important}.ion-order-12{order:12!important}.ion-order-last{order:13!important}@media (width>=576px){.ion-order-sm-first{order:-1!important}.ion-order-sm-0{order:0!important}.ion-order-sm-1{order:1!important}.ion-order-sm-2{order:2!important}.ion-order-sm-3{order:3!important}.ion-order-sm-4{order:4!important}.ion-order-sm-5{order:5!important}.ion-order-sm-6{order:6!important}.ion-order-sm-7{order:7!important}.ion-order-sm-8{order:8!important}.ion-order-sm-9{order:9!important}.ion-order-sm-10{order:10!important}.ion-order-sm-11{order:11!important}.ion-order-sm-12{order:12!important}.ion-order-sm-last{order:13!important}}@media (width>=768px){.ion-order-md-first{order:-1!important}.ion-order-md-0{order:0!important}.ion-order-md-1{order:1!important}.ion-order-md-2{order:2!important}.ion-order-md-3{order:3!important}.ion-order-md-4{order:4!important}.ion-order-md-5{order:5!important}.ion-order-md-6{order:6!important}.ion-order-md-7{order:7!important}.ion-order-md-8{order:8!important}.ion-order-md-9{order:9!important}.ion-order-md-10{order:10!important}.ion-order-md-11{order:11!important}.ion-order-md-12{order:12!important}.ion-order-md-last{order:13!important}}@media (width>=992px){.ion-order-lg-first{order:-1!important}.ion-order-lg-0{order:0!important}.ion-order-lg-1{order:1!important}.ion-order-lg-2{order:2!important}.ion-order-lg-3{order:3!important}.ion-order-lg-4{order:4!important}.ion-order-lg-5{order:5!important}.ion-order-lg-6{order:6!important}.ion-order-lg-7{order:7!important}.ion-order-lg-8{order:8!important}.ion-order-lg-9{order:9!important}.ion-order-lg-10{order:10!important}.ion-order-lg-11{order:11!important}.ion-order-lg-12{order:12!important}.ion-order-lg-last{order:13!important}}@media (width>=1200px){.ion-order-xl-first{order:-1!important}.ion-order-xl-0{order:0!important}.ion-order-xl-1{order:1!important}.ion-order-xl-2{order:2!important}.ion-order-xl-3{order:3!important}.ion-order-xl-4{order:4!important}.ion-order-xl-5{order:5!important}.ion-order-xl-6{order:6!important}.ion-order-xl-7{order:7!important}.ion-order-xl-8{order:8!important}.ion-order-xl-9{order:9!important}.ion-order-xl-10{order:10!important}.ion-order-xl-11{order:11!important}.ion-order-xl-12{order:12!important}.ion-order-xl-last{order:13!important}}.ion-hide,.ion-hide-up,.ion-hide-down{display:none!important}@media (width>=576px){.ion-hide-sm-up{display:none!important}}@media (width<=575.98px){.ion-hide-sm-down{display:none!important}}@media (width>=768px){.ion-hide-md-up{display:none!important}}@media (width<=767.98px){.ion-hide-md-down{display:none!important}}@media (width>=992px){.ion-hide-lg-up{display:none!important}}@media (width<=991.98px){.ion-hide-lg-down{display:none!important}}@media (width>=1200px){.ion-hide-xl-up{display:none!important}}@media (width<=1199.98px){.ion-hide-xl-down{display:none!important}}.ion-display-none{display:none!important}@media (width>=576px){.ion-display-sm-none{display:none!important}}@media (width>=768px){.ion-display-md-none{display:none!important}}@media (width>=992px){.ion-display-lg-none{display:none!important}}@media (width>=1200px){.ion-display-xl-none{display:none!important}}.ion-display-inline{display:inline!important}@media (width>=576px){.ion-display-sm-inline{display:inline!important}}@media (width>=768px){.ion-display-md-inline{display:inline!important}}@media (width>=992px){.ion-display-lg-inline{display:inline!important}}@media (width>=1200px){.ion-display-xl-inline{display:inline!important}}.ion-display-inline-block{display:inline-block!important}@media (width>=576px){.ion-display-sm-inline-block{display:inline-block!important}}@media (width>=768px){.ion-display-md-inline-block{display:inline-block!important}}@media (width>=992px){.ion-display-lg-inline-block{display:inline-block!important}}@media (width>=1200px){.ion-display-xl-inline-block{display:inline-block!important}}.ion-display-block{display:block!important}@media (width>=576px){.ion-display-sm-block{display:block!important}}@media (width>=768px){.ion-display-md-block{display:block!important}}@media (width>=992px){.ion-display-lg-block{display:block!important}}@media (width>=1200px){.ion-display-xl-block{display:block!important}}.ion-display-flex{display:flex!important}@media (width>=576px){.ion-display-sm-flex{display:flex!important}}@media (width>=768px){.ion-display-md-flex{display:flex!important}}@media (width>=992px){.ion-display-lg-flex{display:flex!important}}@media (width>=1200px){.ion-display-xl-flex{display:flex!important}}.ion-display-inline-flex{display:inline-flex!important}@media (width>=576px){.ion-display-sm-inline-flex{display:inline-flex!important}}@media (width>=768px){.ion-display-md-inline-flex{display:inline-flex!important}}@media (width>=992px){.ion-display-lg-inline-flex{display:inline-flex!important}}@media (width>=1200px){.ion-display-xl-inline-flex{display:inline-flex!important}}.ion-display-grid{display:grid!important}@media (width>=576px){.ion-display-sm-grid{display:grid!important}}@media (width>=768px){.ion-display-md-grid{display:grid!important}}@media (width>=992px){.ion-display-lg-grid{display:grid!important}}@media (width>=1200px){.ion-display-xl-grid{display:grid!important}}.ion-display-inline-grid{display:inline-grid!important}@media (width>=576px){.ion-display-sm-inline-grid{display:inline-grid!important}}@media (width>=768px){.ion-display-md-inline-grid{display:inline-grid!important}}@media (width>=992px){.ion-display-lg-inline-grid{display:inline-grid!important}}@media (width>=1200px){.ion-display-xl-inline-grid{display:inline-grid!important}}.ion-display-table{display:table!important}@media (width>=576px){.ion-display-sm-table{display:table!important}}@media (width>=768px){.ion-display-md-table{display:table!important}}@media (width>=992px){.ion-display-lg-table{display:table!important}}@media (width>=1200px){.ion-display-xl-table{display:table!important}}.ion-display-table-cell{display:table-cell!important}@media (width>=576px){.ion-display-sm-table-cell{display:table-cell!important}}@media (width>=768px){.ion-display-md-table-cell{display:table-cell!important}}@media (width>=992px){.ion-display-lg-table-cell{display:table-cell!important}}@media (width>=1200px){.ion-display-xl-table-cell{display:table-cell!important}}.ion-display-table-row{display:table-row!important}@media (width>=576px){.ion-display-sm-table-row{display:table-row!important}}@media (width>=768px){.ion-display-md-table-row{display:table-row!important}}@media (width>=992px){.ion-display-lg-table-row{display:table-row!important}}@media (width>=1200px){.ion-display-xl-table-row{display:table-row!important}}:root{--df-color-bg:#fff9f1;--df-color-bg-warm:#f5ede3;--df-color-bg-accent:#fff0e4;--df-color-surface:#fff;--df-color-surface-warm:#fff6ec;--df-color-surface-muted:#faf5ef;--df-color-primary:#e07a56;--df-color-primary-dark:#c96542;--df-color-primary-soft:#e07a561a;--df-color-primary-glow:#e07a5638;--df-color-secondary:#f3c7a6;--df-color-text:#2a2420;--df-color-text-secondary:#524840;--df-color-text-muted:#7a6f66;--df-color-border:#2a242014;--df-color-border-strong:#2a242024;--df-color-success:#5f9e7a;--df-color-warning:#d89a3d;--df-color-danger:#d95d5d;--df-color-disabled:#d7d0ca;--df-gradient-brand:linear-gradient(145deg, #d96a45 0%, #b85335 100%);--df-gradient-surface:linear-gradient(180deg, #fffdfb 0%, #fff6ec 100%);--df-gradient-hero:linear-gradient(165deg, #f3c7a659 0%, #fff9f100 55%);--df-font-family:"Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", sans-serif;--df-text-display:700 2rem/1.28 var(--df-font-family);--df-text-title:700 1.5rem/1.32 var(--df-font-family);--df-text-section:700 1.125rem/1.35 var(--df-font-family);--df-text-body:400 1rem/1.6 var(--df-font-family);--df-text-body-sm:400 .875rem/1.55 var(--df-font-family);--df-text-caption:500 .75rem/1.4 var(--df-font-family);--df-text-button:700 1rem/1.2 var(--df-font-family);--df-text-label:600 .8125rem/1.3 var(--df-font-family);--df-space-4:4px;--df-space-8:8px;--df-space-10:10px;--df-space-12:12px;--df-space-14:14px;--df-space-16:16px;--df-space-20:20px;--df-space-24:24px;--df-space-28:28px;--df-space-32:32px;--df-space-40:40px;--df-radius-sm:10px;--df-radius-md:14px;--df-radius-lg:18px;--df-radius-xl:24px;--df-radius-2xl:32px;--df-radius-full:999px;--df-shadow-xs:0 1px 2px #2a24200a;--df-shadow-sm:0 4px 16px #2a24200f;--df-shadow-md:0 12px 32px #2a242014;--df-shadow-lg:0 20px 48px #2a24201f;--df-shadow-tab:0 8px 32px #2a242024, 0 2px 8px #2a24200f;--df-page-max-width:480px;--df-page-gutter:20px;--df-tab-bar-height:68px;--df-tab-bar-offset:16px;--df-header-height:56px;--df-touch-min:48px;--ion-font-family:var(--df-font-family);--ion-background-color:var(--df-color-bg);--ion-text-color:var(--df-color-text);--ion-color-primary:#e88b6a;--ion-color-primary-rgb:232, 139, 106;--ion-color-primary-contrast:#fff;--ion-color-primary-contrast-rgb:255, 255, 255;--ion-color-primary-shade:#d67555;--ion-color-primary-tint:#ea9779;--ion-color-secondary:#f3c7a6;--ion-color-secondary-rgb:243, 199, 166;--ion-color-secondary-contrast:#2f2a27;--ion-color-secondary-contrast-rgb:47, 42, 39;--ion-color-secondary-shade:#d6af92;--ion-color-secondary-tint:#f4cdb0;--ion-color-danger:#d95d5d;--ion-color-danger-rgb:217, 93, 93;--ion-color-danger-contrast:#fff;--ion-color-danger-contrast-rgb:255, 255, 255;--ion-color-danger-shade:#bf5252;--ion-color-danger-tint:#dd6d6d;--ion-color-medium:#9a8e86;--ion-color-medium-rgb:154, 142, 134;--ion-color-medium-contrast:#fff;--ion-color-medium-contrast-rgb:255, 255, 255;--ion-color-medium-shade:#887d76;--ion-color-medium-tint:#a49992;--ion-color-success:#5f9e7a;--ion-color-success-rgb:95, 158, 122;--ion-color-success-contrast:#fff;--ion-color-success-contrast-rgb:255, 255, 255;--ion-color-success-shade:#548b6b;--ion-color-success-tint:#6fa887;--ion-color-warning:#d89a3d;--ion-color-warning-rgb:216, 154, 61;--ion-color-warning-contrast:#fff;--ion-color-warning-contrast-rgb:255, 255, 255;--ion-color-warning-shade:#be8836;--ion-color-warning-tint:#dca450;--ion-color-light:#fff9f1;--ion-color-light-rgb:255, 249, 241;--ion-color-light-contrast:#2f2a27;--ion-color-light-contrast-rgb:47, 42, 39;--ion-color-light-shade:#e0dbd4;--ion-color-light-tint:#fffaf2}body{background:var(--ion-background-color);margin:0}:root{--df-color-bg:#fff9f1;--df-color-bg-warm:#f5ede3;--df-color-bg-accent:#fff0e4;--df-color-surface:#fff;--df-color-surface-warm:#fff6ec;--df-color-surface-muted:#faf5ef;--df-color-primary:#e07a56;--df-color-primary-dark:#c96542;--df-color-primary-soft:#e07a561a;--df-color-primary-glow:#e07a5638;--df-color-secondary:#f3c7a6;--df-color-text:#2a2420;--df-color-text-secondary:#524840;--df-color-text-muted:#7a6f66;--df-color-border:#2a242014;--df-color-border-strong:#2a242024;--df-color-success:#5f9e7a;--df-color-warning:#d89a3d;--df-color-danger:#d95d5d;--df-color-disabled:#d7d0ca;--df-gradient-brand:linear-gradient(145deg, #d96a45 0%, #b85335 100%);--df-gradient-surface:linear-gradient(180deg, #fffdfb 0%, #fff6ec 100%);--df-gradient-hero:linear-gradient(165deg, #f3c7a659 0%, #fff9f100 55%);--df-font-family:"Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", sans-serif;--df-text-display:700 2rem/1.28 var(--df-font-family);--df-text-title:700 1.5rem/1.32 var(--df-font-family);--df-text-section:700 1.125rem/1.35 var(--df-font-family);--df-text-body:400 1rem/1.6 var(--df-font-family);--df-text-body-sm:400 .875rem/1.55 var(--df-font-family);--df-text-caption:500 .75rem/1.4 var(--df-font-family);--df-text-button:700 1rem/1.2 var(--df-font-family);--df-text-label:600 .8125rem/1.3 var(--df-font-family);--df-space-4:4px;--df-space-8:8px;--df-space-10:10px;--df-space-12:12px;--df-space-14:14px;--df-space-16:16px;--df-space-20:20px;--df-space-24:24px;--df-space-28:28px;--df-space-32:32px;--df-space-40:40px;--df-radius-sm:10px;--df-radius-md:14px;--df-radius-lg:18px;--df-radius-xl:24px;--df-radius-2xl:32px;--df-radius-full:999px;--df-shadow-xs:0 1px 2px #2a24200a;--df-shadow-sm:0 4px 16px #2a24200f;--df-shadow-md:0 12px 32px #2a242014;--df-shadow-lg:0 20px 48px #2a24201f;--df-shadow-tab:0 8px 32px #2a242024, 0 2px 8px #2a24200f;--df-page-max-width:480px;--df-page-gutter:20px;--df-tab-bar-height:68px;--df-tab-bar-offset:16px;--df-header-height:56px;--df-touch-min:48px}*,:before,:after{box-sizing:border-box}html,body{font:var(--df-text-body);color:var(--df-color-text);background:var(--df-color-bg);-webkit-font-smoothing:antialiased;margin:0;padding:0}#root{min-height:100svh}ion-app{font-family:var(--df-font-family)}ion-content{--background:transparent}ion-content::part(background){background:var(--df-color-bg)}ion-toolbar{--background:transparent;--border-color:transparent;--color:var(--df-color-text);--padding-start:var(--df-page-gutter);--padding-end:var(--df-page-gutter)}ion-title{font:var(--df-text-section);color:var(--df-color-text);padding-inline:0}ion-button{--border-radius:var(--df-radius-full);font:var(--df-text-button);min-height:var(--df-touch-min);text-transform:none;letter-spacing:0;--box-shadow:none}ion-button.button-solid{--background:var(--df-color-primary);--background-activated:var(--df-color-primary-dark);--background-hover:var(--df-color-primary-dark);--box-shadow:0 8px 20px var(--df-color-primary-glow)}ion-button.button-outline{--border-color:var(--df-color-border-strong);--border-width:1px;--color:var(--df-color-text-secondary);--background:var(--df-color-surface)}ion-button.button-clear{--color:var(--df-color-primary)}ion-list{background:0 0;padding:0}ion-item{--background:var(--df-color-surface);--border-color:transparent;--inner-border-width:0;--padding-start:var(--df-space-16);--padding-end:var(--df-space-16);--min-height:52px;--ripple-color:transparent;font:var(--df-text-body);color:var(--df-color-text);border-radius:var(--df-radius-lg);margin-bottom:var(--df-space-8);box-shadow:var(--df-shadow-xs)}ion-item::part(native){border-radius:var(--df-radius-lg)}ion-card{--background:var(--df-color-surface);border-radius:var(--df-radius-xl);box-shadow:var(--df-shadow-sm);margin:0 0 var(--df-space-12);border:none}ion-input,ion-textarea,ion-select{--padding-start:0;--padding-end:0;--color:var(--df-color-text);--highlight-color-focused:transparent;--highlight-color-valid:transparent;--highlight-color-invalid:transparent;font:var(--df-text-body)}ion-input.has-focus input,ion-input.ion-focused input,ion-input.has-focus textarea,ion-input.ion-focused textarea,ion-textarea.has-focus textarea,ion-textarea.ion-focused textarea,ion-textarea.has-focus .native-textarea,ion-textarea.ion-focused .native-textarea{caret-color:var(--df-color-text)!important}ion-input input,ion-input textarea,ion-textarea textarea,ion-textarea .native-textarea,input,textarea{caret-color:var(--df-color-text);color:var(--df-color-text)}ion-checkbox{--border-color:var(--df-color-border-strong);--checkbox-background-checked:var(--df-color-primary);--border-color-checked:var(--df-color-primary);--border-radius:6px}ion-badge{font:700 .6875rem/1 var(--df-font-family);border-radius:var(--df-radius-full);padding:4px 8px}ion-app.has-tab-bar .ion-page ion-content{--padding-bottom:calc(var(--df-tab-bar-height) + var(--df-tab-bar-offset) + var(--df-space-12) + env(safe-area-inset-bottom,0px))}ion-header{box-shadow:none}ion-header:after{display:none}ion-router-outlet>.ion-page{background:var(--df-color-bg)}ion-router-outlet>.ion-page.ion-page-hidden{pointer-events:none;opacity:0!important}ion-back-button{--color:var(--df-color-text);--icon-font-size:1.5rem;--padding-start:4px}ion-back-button::part(text){display:none}ion-toggle{--track-background:var(--df-color-border-strong);--track-background-checked:var(--df-color-primary);--handle-background:#fff;--handle-background-checked:#fff;--handle-width:26px;--handle-height:26px;--handle-spacing:3px}ion-textarea{--background:transparent;--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;border:none}ion-select{width:100%;max-width:100%}ion-select::part(text){color:var(--df-color-text)}ion-select::part(icon){color:var(--df-color-text-muted)}ion-item ion-label h2{font:600 1rem/1.35 var(--df-font-family);color:var(--df-color-text)}ion-item ion-label p{font:var(--df-text-body-sm);color:var(--df-color-text-secondary)}ion-item ion-label h2+p{margin-top:var(--df-space-4)}ion-modal{--border-radius:var(--df-radius-2xl) var(--df-radius-2xl) 0 0;--box-shadow:var(--df-shadow-lg)}ion-modal ion-toolbar{--padding-top:var(--df-space-8)}ion-action-sheet.df-action-sheet{--button-color:var(--df-color-text);--button-color-selected:var(--df-color-primary)}ion-action-sheet.df-action-sheet .action-sheet-cancel .action-sheet-button-inner{font-size:0}ion-action-sheet.df-action-sheet .action-sheet-cancel .action-sheet-button-inner:after{content:"취소";font-size:1rem}ion-alert .alert-button-inner{text-transform:none}ion-popover.df-select-popover{--width:min(320px, calc(100vw - 32px))}ion-refresher-content .refresher-pulling-text,ion-refresher-content .refresher-refreshing-text,ion-infinite-scroll-content .infinite-loading-text{font:var(--df-text-body-sm);color:var(--df-color-text-muted)}ion-fab-button{--background:var(--df-color-primary);--background-activated:var(--df-color-primary-dark);--box-shadow:var(--df-shadow-md)}.df-page{max-width:var(--df-page-max-width);margin:0 auto}.df-stack-page{gap:var(--df-space-28);padding:var(--df-space-20) var(--df-page-gutter) var(--df-space-16);flex-direction:column;display:flex}.df-block{gap:var(--df-space-12);flex-direction:column;display:flex}.df-block-label{font:var(--df-text-label);color:var(--df-color-text-secondary);margin:0}.df-page-padding{padding:var(--df-space-24) var(--df-page-gutter)}.df-page-content{--padding-top:var(--df-space-8)}.df-section{margin-bottom:var(--df-space-32)}.df-text-secondary{color:var(--df-color-text-secondary)}.df-text-muted{color:var(--df-color-text-muted)}.df-eyebrow{margin:0 0 var(--df-space-8);font:700 .75rem/1.2 var(--df-font-family);letter-spacing:.08em;text-transform:uppercase;color:var(--df-color-primary)}.df-display{font:var(--df-text-display);color:var(--df-color-text);letter-spacing:-.02em;margin:0}.df-section-title{font:var(--df-text-section);color:var(--df-color-text);margin:0}.df-body{font:var(--df-text-body);color:var(--df-color-text-secondary);margin:0}.df-card{background:var(--df-color-surface);border-radius:var(--df-radius-xl);box-shadow:var(--df-shadow-sm);border:none}.df-surface{background:var(--df-color-surface);border-radius:var(--df-radius-xl);box-shadow:var(--df-shadow-xs)}.df-pill{border-radius:var(--df-radius-full);background:var(--df-color-primary);color:#fff;font:600 .8125rem/1 var(--df-font-family);cursor:pointer;white-space:nowrap;box-shadow:0 4px 12px var(--df-color-primary-glow);border:none;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.df-form-list{gap:var(--df-space-12);flex-direction:column;display:flex}.df-form-page{gap:var(--df-space-16);padding:var(--df-space-20) var(--df-page-gutter) var(--df-space-16);flex-direction:column;display:flex}.df-form-page__intro{font:var(--df-text-body-sm);color:var(--df-color-text-secondary);margin:0;line-height:1.55}.df-form-page__actions{gap:var(--df-space-12);margin-top:var(--df-space-4);flex-direction:column;display:flex}.df-form-page .df-settings-error{margin:0}.df-settings-intro{padding:var(--df-space-20) var(--df-page-gutter) var(--df-space-8);font:var(--df-text-body-sm);color:var(--df-color-text-secondary);margin:0;line-height:1.55}.df-settings-page{padding-bottom:var(--df-space-16)}.df-settings-list{gap:var(--df-space-8);padding:0 var(--df-page-gutter) var(--df-space-16);flex-direction:column;display:flex}.df-settings-error{margin:0 var(--df-page-gutter) var(--df-space-12);padding:var(--df-space-12) var(--df-space-16);border-radius:var(--df-radius-md);color:var(--df-color-danger);font:var(--df-text-body-sm);background:#d95d5d14}.df-member-list{gap:var(--df-space-8);padding:var(--df-space-20) var(--df-page-gutter) var(--df-space-16);flex-direction:column;display:flex}.df-member-list ion-item{margin-bottom:0}@keyframes df-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.df-skeleton{background:linear-gradient(90deg, var(--df-color-border) 0px, #f5ede4 40px, var(--df-color-border) 80px);border-radius:var(--df-radius-md);background-size:600px;animation:1.2s linear infinite df-shimmer}.df-skeleton--text{height:14px;margin-bottom:var(--df-space-8)}.df-skeleton--title{width:60%;height:24px;margin-bottom:var(--df-space-12)}.df-skeleton--avatar{border-radius:var(--df-radius-full);width:64px;height:64px}.df-skeleton--photo{aspect-ratio:1;border-radius:var(--df-radius-md)}