:root{--v2-canvas:#fff;--v2-surface:#fff;--v2-surface-subtle:#f7f8fa;--v2-surface-strong:#f2f4f6;--v2-line:#eceff2;--v2-line-strong:#e5e8eb;--v2-ink:#000;--v2-ink-secondary:#4e5968;--v2-ink-tertiary:#646b74;--v2-ink-disabled:#8b95a1;--v2-ink-muted:#8b95a1;--v2-ink-inverse:#fff;--v2-accent:#0095a9;--v2-accent-strong:#157f8a;--v2-accent-soft:#e3f4f6;--v2-tag-park-bg:var(--ds-color-brand-park);--v2-tag-park-ink:var(--v2-ink-inverse);--v2-tag-honorstone-bg:var(--ds-color-brand-honorstone);--v2-tag-honorstone-ink:var(--v2-ink-inverse);--v2-tag-onyu-bg:var(--ds-color-brand-onyu);--v2-tag-onyu-ink:var(--v2-ink-inverse);--v2-home-section-gap:41px;--v2-home-heading-gap:18px;--v2-home-surface:#f7f7f7;--v2-home-ink-sub:#525252;--v2-home-progress-track:#d6d6d6;--v2-home-progress-fill:#5f89c3;--v2-home-dot:#d6d6d6;--v2-emergency:#b4232b;--v2-menu-accent:var(--v2-accent);--v2-menu-cta:var(--v2-accent);--v2-guide:#ea7810;--v2-guide-banner-bg:#f5f1e9;--v2-pending-bg:#fff8eb;--v2-pending-ink:#a77743;--v2-pending-dot:#e1ad5e;--v2-danger:var(--ds-color-danger-text,#b4232b);--v2-danger-soft:var(--ds-color-danger-soft,#fdecec);--v2-success:var(--ds-color-success-text,#137a38);--v2-success-soft:#e8f6ed;--v2-warning:var(--ds-color-warning-text,#8a4a00);--v2-warning-soft:#fff4dc;--v2-gutter:20px;--v2-family-space-header-block-size:86px;--v2-section-gap:24px;--v2-radius-image:5px;--v2-radius-input:5px;--v2-radius-card:5px;--v2-radius-card-lg:5px;--v2-radius-sheet:28px;--v2-radius-pill-tab:22px;--v2-radius-pill-tab-wide:25px;--v2-radius-control:5px;--v2-radius-icon-box:5px;--v2-radius-control-sm:5px;--v2-touch:48px;--v2-tracking-body:-.4px;--v2-tracking-title:-.65px;--v2-motion-press:.14s;--v2-motion-state:.24s;--v2-ease-out:cubic-bezier(.215, .61, .355, 1);--v2-home-canvas:#f3f4f5;--v2-ink-overlay:#333d4b8c;--v2-ink-quaternary:#6b7684;--v2-ink-2:var(--v2-ink-quaternary);--v2-link-muted:#919da1;--v2-shell-desc:#9aa4ae;--v2-search-icon:#a0aaae;--v2-save-icon-idle:#abb9af;--v2-menu-search-bg:#f5f5f5;--v2-menu-search-ink:#334146;--v2-menu-search-clear:#9aa9ae;--v2-menu-ink-domain:#9b9b9b;--v2-menu-save-idle:#c5cbd2;--v2-tracking-chevron:#c2c8cc;--v2-tracking-desc:#99a1a7;--v2-tracking-track:#eef0f1;--v2-tracking-fill:#85b8bc;--v2-tracking-step:#b3bbbf;--v2-tracking-step-active:#55969c;--v2-tracking-step-done:#8fa5a7;--v2-shell-success-body:#9aa6b1;--v2-shell-success-disclaimer:#a5aeb7;--v2-contract-icon-park-bg:#edf7f4;--v2-contract-icon-onyu-bg:#eef6f8;--v2-kinship-line:#d2d7dd;--v2-kinship-avatar-bg:#e8ecee;--v2-memory-tile-bg:#e9edef;--v2-memory-placeholder-bg:#f1f3f4;--v2-family-identity-tint:#f6fbfc;--v2-menu-ink:var(--v2-ink);--v2-menu-ink-muted:#686868;--v2-menu-icon-bg:#f3f3f3;--v2-menu-ink-faint:#929292;--v2-menu-active-bg:#f7f7f7;--v2-menu-line:#ededed;--v2-menu-ink-secondary:#535353;--v2-menu-accent-soft:var(--v2-accent-soft);--v2-menu-accent-pressed:var(--v2-accent-strong);--v2-menu-ink-inverse-muted:#e0e0e0;--v2-menu-guide-shade:linear-gradient(90deg, #141719de, #14171975 65%, #14171930)}
*{box-sizing:border-box}html{background:var(--background);color:var(--text);font-family:var(--font-pretendard), Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;-webkit-text-size-adjust:100%}body{min-height:var(--onyu-viewport-height,100dvh);background:var(--background);color:var(--text);font-family:inherit;font-size:var(--ds-type-body-size);line-height:var(--ds-type-body-height);text-rendering:optimizelegibility;touch-action:manipulation;margin:0}html{-webkit-tap-highlight-color:transparent}button,a,summary,label,[role=button],[role=tab],[role=radio],[role=switch],[role=menuitem]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}input,select,textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;touch-action:manipulation}:is(p,li,dd,dt,td,th,small,figcaption,blockquote) a{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}button{font:inherit}button,a,input,select,textarea{color:inherit;font-family:inherit}button,a{transition:transform var(--ds-motion-fast) var(--ds-ease-standard), background-color var(--ds-motion-fast) var(--ds-ease-standard), color var(--ds-motion-fast) var(--ds-ease-standard)}button:active,a:active{transform:scale(.98)}:focus-visible{outline:3px solid var(--ds-color-point-deep);outline-offset:3px}html:not([data-onyu-input-modality=keyboard]):not([data-onyu-input-modality=keyboard]) :is(:focus,:focus-visible,:focus-within){outline:none}.app-shell{min-height:var(--onyu-viewport-height,100dvh);align-content:start;gap:var(--ds-space-4);width:min(100%,560px);padding:max(var(--ds-space-7), env(safe-area-inset-top)) max(var(--ds-space-5), env(safe-area-inset-right)) max(var(--ds-space-8), env(safe-area-inset-bottom)) max(var(--ds-space-5), env(safe-area-inset-left));margin:0 auto;display:grid}.hero{padding:var(--ds-space-6) var(--ds-space-1) var(--ds-space-3)}.section-page-header>span,.section-heading>span,.account-card>span{color:var(--ds-color-ink-3);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height);font-weight:var(--ds-weight-regular);letter-spacing:0}h1,h2,h3,h4,h5,h6,p{margin:0}h1{font-size:clamp(30px, var(--onyu-fluid-8vw,8vw), 42px);letter-spacing:-.04em;line-height:1.15}.hero p{margin-top:var(--ds-space-35);color:var(--text-muted);font-size:var(--ds-type-body-size);line-height:var(--ds-type-body-height)}.card{gap:var(--ds-space-4);padding:var(--ds-space-55);border:1px solid var(--border);border-radius:var(--ds-radius-card);background:var(--surface);box-shadow:var(--shadow);display:grid}.card>div:first-child{align-items:center;gap:var(--ds-space-25);display:flex}.card h2{font-size:var(--ds-type-title-2-size);line-height:var(--ds-type-title-2-height);letter-spacing:-.02em}.card p{color:var(--text-muted);font-size:var(--ds-type-description-size);line-height:var(--ds-type-description-height)}.status-dot{border-radius:var(--ds-radius-pill);background:var(--success);width:10px;height:10px;box-shadow:0 0 0 5px color-mix(in srgb, var(--ds-color-success) 12%, transparent)}.status-dot-native{background:var(--brand);box-shadow:0 0 0 5px color-mix(in srgb, var(--ds-color-ink) 12%, transparent)}.button-stack{gap:var(--ds-space-25);display:grid}.button-stack a,.button-stack button,.centered-state a{border-radius:var(--ds-radius-inner);background:var(--ds-color-action-base);min-height:52px;color:var(--ds-color-on-action-base);cursor:pointer;font-size:var(--ds-type-body-size);line-height:var(--ds-type-body-height);font-weight:var(--ds-weight-bold);text-align:center;border:0;justify-content:center;align-items:center;text-decoration:none;display:flex}.button-stack button+button{background:var(--ds-color-action-cancel);color:var(--ds-color-on-action-cancel);border:1px solid #0000}.button-stack a:focus-visible,.button-stack button:focus-visible,.centered-state a:focus-visible{outline:3px solid var(--ds-color-ink);outline-offset:3px}.result{overflow-wrap:anywhere;white-space:pre-wrap;min-height:72px;padding:var(--ds-space-35);border-radius:var(--ds-radius-chip);background:var(--background);color:var(--text-muted);font-family:inherit;font-size:var(--ds-type-label-size);line-height:var(--ds-type-label-height)}.footnote{padding:var(--ds-space-25) var(--ds-space-2);color:var(--text-muted);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height);text-align:center}.centered-state{min-height:var(--onyu-viewport-height,100dvh);align-content:center;gap:var(--ds-space-4);width:min(100%,480px);padding:max(var(--ds-space-6), env(safe-area-inset-top)) max(var(--ds-space-5), env(safe-area-inset-right)) max(var(--ds-space-6), env(safe-area-inset-bottom)) max(var(--ds-space-5), env(safe-area-inset-left));text-align:center;margin:0 auto;display:grid}.centered-state p{color:var(--text-muted)}.mobile-shell{width:min(100%,560px);min-height:var(--onyu-viewport-height,100dvh);background:var(--background);--onyu-bottom-nav-inset:calc(var(--ds-size-bottom-nav-min) + env(safe-area-inset-bottom));margin:0 auto}body:has([data-onyu-sticky-cta]) .mobile-shell:not(.mobile-shell--tab-root){--onyu-bottom-nav-inset:max(var(--ds-space-2), env(safe-area-inset-bottom))}body:has([data-onyu-sticky-cta]) .mobile-shell:not(.mobile-shell--tab-root) .bottom-nav-slot{display:none}.mobile-shell--no-bottom-nav{--onyu-bottom-nav-inset:max(var(--ds-space-2), env(safe-area-inset-bottom))}.mobile-shell>main{min-height:var(--onyu-viewport-height,100dvh);background:var(--background);padding-bottom:calc(var(--onyu-bottom-nav-inset) + var(--ds-space-4));display:flow-root}.mobile-shell--immersive>main{padding-bottom:0}.mobile-page{--onyu-page-gutter:var(--ds-space-5);--onyu-page-inline-start:max(var(--onyu-page-gutter), env(safe-area-inset-left));--onyu-page-inline-end:max(var(--onyu-page-gutter), env(safe-area-inset-right));--onyu-page-block-start:max(var(--ds-space-5), env(safe-area-inset-top));--onyu-page-block-end:var(--ds-space-7);--onyu-page-sticky-bottom:calc(var(--onyu-bottom-nav-inset,calc(var(--ds-size-bottom-nav-min) + env(safe-area-inset-bottom))) + var(--ds-space-2));gap:var(--ds-space-6);padding:var(--onyu-page-block-start) var(--onyu-page-inline-end) var(--onyu-page-block-end) var(--onyu-page-inline-start);grid-template-columns:minmax(0,1fr);display:grid}.onyu-page-scroll-rail.onyu-page-scroll-rail,.onyu-sheet-scroll-rail.onyu-sheet-scroll-rail{--onyu-scroll-inline-start:var(--onyu-sheet-inline-start,var(--onyu-page-inline-start,var(--onyu-home-inline-start,var(--ds-space-5))));--onyu-scroll-inline-end:var(--onyu-sheet-inline-end,var(--onyu-page-inline-end,var(--onyu-home-inline-end,var(--ds-space-5))));min-width:0;overscroll-behavior-inline:contain;scrollbar-width:none;margin-inline-start:calc(var(--onyu-scroll-inline-start) * -1);margin-inline-end:calc(var(--onyu-scroll-inline-end) * -1);padding-inline-start:var(--onyu-scroll-inline-start);padding-inline-end:var(--onyu-scroll-inline-end);scroll-padding-inline-start:var(--onyu-scroll-inline-start);scroll-padding-inline-end:var(--onyu-scroll-inline-end);overflow-x:auto}.onyu-page-scroll-rail.onyu-page-scroll-rail::-webkit-scrollbar{display:none}.onyu-sheet-scroll-rail.onyu-sheet-scroll-rail::-webkit-scrollbar{display:none}.content-section{gap:var(--ds-space-35);display:grid}.ds-section-stack.ds-section-stack{row-gap:var(--ds-section-gap);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}:where(.ds-section-stack){align-content:start}.section-heading{justify-content:space-between;align-items:end;gap:var(--ds-space-3);padding:0 var(--ds-space-1);display:flex}.section-heading h2{margin-top:var(--ds-space-1);font-size:var(--ds-type-title-2-size);line-height:var(--ds-type-title-2-height)}.ds-list-divided.ds-list-divided{row-gap:0}:where(.ds-list-divided)>*{padding-block:var(--ds-space-4)}:where(.ds-list-divided)>:first-child{padding-block-start:0}:where(.ds-list-divided)>:last-child{padding-block-end:0}.ds-list-divided.ds-list-divided>*+*{border-top:1px solid var(--border);border-start-start-radius:0;border-start-end-radius:0}.info-list{border:1px solid var(--border);border-radius:var(--ds-radius-card);background:var(--surface);overflow:hidden}.info-list article{gap:var(--ds-space-15);padding:var(--ds-space-5);display:grid}.info-list article+article{border-top:1px solid var(--border)}.info-list strong{font-size:var(--ds-type-body-size);line-height:var(--ds-type-body-height)}.info-list p{color:var(--text-muted);font-size:var(--ds-type-label-size);line-height:var(--ds-type-label-height)}.account-card{gap:var(--ds-space-3);display:grid}.account-card h2{font-size:var(--ds-type-title-2-size);line-height:var(--ds-type-title-2-height)}.account-card p{color:var(--text-muted);font-size:var(--ds-type-label-size);line-height:var(--ds-type-label-height)}.account-card button{border-radius:var(--ds-radius-inner);background:var(--ds-color-action-base);min-height:52px;color:var(--ds-color-on-action-base);cursor:pointer;font-weight:var(--ds-weight-bold);border:0}body:has([data-onyu-sticky-cta]){--ds-snackbar-offset:calc(var(--ds-size-field) + var(--ds-space-2) + var(--ds-space-3))}.bottom-navigation{z-index:20;bottom:max(var(--ds-space-2), env(safe-area-inset-bottom));width:min(calc(100% - var(--ds-space-6)), 536px);min-height:var(--ds-size-bottom-nav-min);padding:var(--ds-space-1);border:1px solid var(--ds-color-line);border-radius:var(--ds-radius-pill);background:var(--ds-color-surface);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;left:50%;transform:translate(-50%)}.bottom-navigation a,.bottom-navigation button{min-height:var(--ds-size-touch);align-content:center;place-items:center;gap:var(--ds-space-1);margin:0 var(--ds-space-1);border-radius:var(--ds-radius-pill);color:var(--ds-color-ink-3);cursor:pointer;background:0 0;border:0;text-decoration:none;display:grid}.bottom-navigation svg{width:var(--ds-size-icon-md);height:var(--ds-size-icon-md)}.bottom-navigation strong{font-size:var(--ds-type-nav-size);font-weight:var(--ds-weight-regular);line-height:var(--ds-type-nav-height)}.bottom-navigation a.is-active,.bottom-navigation button.is-active{background:var(--ds-color-inset);color:var(--ds-color-ink)}.bottom-navigation a.is-active strong,.bottom-navigation button.is-active strong{font-weight:var(--ds-weight-bold)}.bottom-navigation a:focus-visible,.bottom-navigation button:focus-visible,.header-action:focus-visible,.shortcut-grid a:focus-visible,.account-card button:focus-visible{outline:3px solid var(--ds-color-ink);outline-offset:2px}.home-search-link{align-items:center;gap:var(--ds-space-25);min-height:52px;padding:0 var(--ds-space-45);border:1px solid var(--border);border-radius:var(--ds-radius-inner);background:var(--surface);color:var(--text-muted);text-decoration:none;display:flex}.home-search-link>span{color:var(--brand);font-size:var(--ds-type-title-1-size);line-height:var(--ds-type-title-1-height)}.home-content-links,.service-link-list{border:1px solid var(--border);border-radius:var(--ds-radius-card);background:var(--surface);overflow:hidden}.home-content-links a,.service-link-list a,.service-link-list article{min-height:72px;padding:var(--ds-space-45) var(--ds-space-12) var(--ds-space-45) var(--ds-space-5);color:var(--text);align-content:center;gap:5px;text-decoration:none;display:grid;position:relative}.home-content-links a{justify-content:space-between;align-items:center;display:flex}.home-content-links a+a,.service-link-list>*+*{border-top:1px solid var(--border)}.service-link-list p{color:var(--text-muted);font-size:var(--ds-type-label-size);line-height:var(--ds-type-label-height)}.service-link-list a>span{color:var(--text-muted);font-size:var(--ds-type-display-size);line-height:var(--ds-type-display-height);position:absolute;top:50%;right:20px;transform:translateY(-50%)}.content-page{padding-top:var(--ds-space-6);align-content:start}html[data-onyu-chrome-scroll=up] .content-page{--onyu-floating-tabs-rest:calc(env(safe-area-inset-top,0px) + 56px)}.content-page-heading{font-size:var(--ds-type-title-2-size);line-height:var(--ds-type-title-2-height);font-weight:var(--ds-weight-bold);color:var(--ds-color-ink);overflow-wrap:anywhere;margin:0}.content-page-header{align-items:start;gap:var(--ds-space-3);grid-template-columns:48px minmax(0,1fr);display:grid}.content-page-header:has(.text-header-action){grid-template-columns:48px minmax(0,1fr) auto}.content-page-header>a{border-radius:var(--ds-radius-inner);width:48px;height:48px;color:var(--text);font-size:var(--ds-type-title-1-size);line-height:var(--ds-type-title-1-height);place-items:center;text-decoration:none;display:grid}.content-page-header>.text-header-action{width:auto;min-width:48px;padding:0 var(--ds-space-25);color:var(--brand-strong);font-size:var(--ds-type-label-size);line-height:var(--ds-type-label-height);font-weight:var(--ds-weight-bold)}.content-page-header>div{gap:var(--ds-space-15);padding-top:var(--ds-space-1);display:grid}.content-page-header>div:only-child{grid-column:1/-1}.content-page-header h1{font-size:clamp(24px, var(--onyu-fluid-7vw,7vw), 32px);margin:0}.content-page-header p{color:var(--text-muted);font-size:var(--ds-type-label-size);line-height:var(--ds-type-label-height)}.content-list{border:1px solid var(--border);border-radius:var(--ds-radius-card);background:var(--surface);overflow:hidden}.content-list>a{align-items:center;gap:var(--ds-space-35);min-height:86px;padding:var(--ds-space-45) var(--ds-space-5);color:var(--text);grid-template-columns:minmax(0,1fr) auto;text-decoration:none;display:grid}.content-list>.content-unavailable{min-height:86px;padding:var(--ds-space-45) var(--ds-space-5);color:var(--text);display:grid}.content-list>.content-unavailable>div{gap:var(--ds-space-15);display:grid}.content-list>*+*{border-top:1px solid var(--border)}.content-list>a>div{gap:var(--ds-space-15);display:grid}.content-list>a>span{color:var(--text-muted);font-size:var(--ds-type-display-size);line-height:var(--ds-type-display-height)}.content-list strong{font-size:var(--ds-type-body-size);line-height:var(--ds-type-body-height)}.content-list p{color:var(--text-muted);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.content-badge{width:fit-content;padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-pill);background:var(--ds-color-inset);color:var(--brand-strong);font-size:var(--ds-type-micro-size);line-height:var(--ds-type-micro-height);font-weight:var(--ds-weight-bold)}.article-body{gap:var(--ds-space-4);display:grid}[role=dialog] .article-body{background:0 0;border:0;border-radius:0;padding:0}.article-body time{color:var(--text-muted);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height)}.article-body p{color:var(--text);font-size:var(--ds-type-body-size);line-height:var(--ds-type-body-height);white-space:pre-wrap}.article-body h2{font-size:var(--ds-type-title-2-size);line-height:var(--ds-type-title-2-height);margin:0}.article-checklist{gap:var(--ds-space-3);margin-top:var(--ds-space-2);padding-top:var(--ds-space-5);border-top:1px solid var(--border);display:grid}.article-checklist ul{gap:var(--ds-space-25);padding-left:var(--ds-space-55);margin:0;display:grid}.section-action-link{min-height:56px;padding:0 var(--ds-space-45);border:1px solid var(--border);border-radius:var(--ds-radius-inner);background:var(--surface);color:var(--brand-strong);font-size:var(--ds-type-description-size);line-height:var(--ds-type-description-height);font-weight:var(--ds-weight-bold);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.section-action-link>span{color:var(--text-muted);font-size:var(--ds-type-title-1-size);line-height:var(--ds-type-title-1-height)}.primary-action,.secondary-action{min-height:52px;padding:0 var(--ds-space-45);border-radius:var(--ds-radius-inner);background:var(--ds-color-action-base);color:var(--ds-color-on-action-base);cursor:pointer;font-weight:var(--ds-weight-bold);text-align:center;border:0;place-items:center;text-decoration:none;display:grid}.secondary-action{background:var(--ds-color-action-cancel);color:var(--ds-color-on-action-cancel);border:1px solid #0000}.disabled-action{cursor:not-allowed;opacity:.55}.primary-action:disabled,.secondary-action:disabled{cursor:wait;opacity:.55}.inline-message{padding:var(--ds-space-35) var(--ds-space-4);border-radius:var(--ds-radius-chip);background:var(--ds-color-tint-sage);color:var(--success);font-size:var(--ds-type-label-size);line-height:var(--ds-type-label-height)}.inline-message.error{background:var(--ds-color-point-soft);color:var(--ds-color-primary-action)}.text-action{border:1px solid var(--border);border-radius:var(--ds-radius-chip);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;font-weight:var(--ds-weight-bold)}.text-action.danger{color:var(--ds-color-primary-action)}.pre-need-checklist{gap:var(--ds-space-5);display:grid}.article-checklist li{line-height:1.6}.notification-section{gap:var(--ds-space-3);display:grid}.notification-toolbar{justify-content:space-between;align-items:center;gap:var(--ds-space-3);min-height:48px;padding:0 var(--ds-space-1);display:flex}.notification-toolbar p{color:var(--text-muted);font-size:var(--ds-type-label-size);line-height:var(--ds-type-label-height)}.notification-toolbar button{min-height:44px;padding:0 var(--ds-space-35);border-radius:var(--ds-radius-chip);color:var(--brand-strong);cursor:pointer;font:inherit;font-size:var(--ds-type-label-size);line-height:var(--ds-type-label-height);font-weight:var(--ds-weight-bold);background:0 0;border:0}.notification-toolbar button:disabled{cursor:default;opacity:.45}.inline-error,.settings-message{padding:var(--ds-space-3) var(--ds-space-35);border-radius:var(--ds-radius-chip);background:var(--ds-color-point-soft);color:var(--ds-color-primary-action);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height)}.settings-groups{gap:var(--ds-space-5);display:grid}.settings-groups>section{gap:var(--ds-space-25);display:grid}.settings-groups h2{padding:0 var(--ds-space-1);font-size:var(--ds-type-title-3-size);line-height:var(--ds-type-title-3-height);margin:0}.settings-groups section>div{overflow:hidden}.settings-groups label,.settings-groups .setting-row{justify-content:space-between;align-items:center;gap:var(--ds-space-4);min-height:56px;padding:var(--ds-space-3) var(--ds-space-1);display:flex}.settings-groups label+label,.settings-groups .setting-row+.setting-row{border-top:1px solid var(--border)}.settings-groups label>span,.settings-groups .setting-row>span{gap:var(--ds-space-1);display:grid}.settings-groups small{color:var(--text-muted);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height)}.settings-groups input[role=switch]{appearance:none;border:1px solid var(--border);border-radius:var(--ds-radius-pill);background:var(--ds-color-line);cursor:pointer;flex:none;width:48px;height:28px;transition:background .16s}.settings-groups input[role=switch]:before{border:1px solid var(--ds-color-line);background:var(--ds-color-surface);content:"";border-radius:50%;width:22px;height:22px;margin:2px;transition:transform .16s;display:block}.settings-groups input[role=switch]:checked{border-color:var(--brand-strong);background:var(--brand-strong)}.settings-groups input[role=switch]:checked:before{transform:translate(20px)}.settings-groups input[role=switch]:disabled{cursor:wait;opacity:.6}.family-list{gap:var(--ds-space-3);display:grid}.family-list>a{align-content:center;gap:var(--ds-space-15);min-height:124px;padding:var(--ds-space-55) 54px var(--ds-space-55) var(--ds-space-55);border:1px solid var(--border);border-radius:var(--ds-radius-card);background:var(--surface);color:var(--text);text-decoration:none;display:grid;position:relative}.family-list>a>span{width:fit-content;padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-pill);background:var(--ds-color-inset);color:var(--brand-strong);font-size:var(--ds-type-micro-size);line-height:var(--ds-type-micro-height);font-weight:var(--ds-weight-bold)}.family-list strong{font-size:var(--ds-type-title-2-size);line-height:var(--ds-type-title-2-height)}.family-list small{color:var(--text-muted);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height)}.family-list b{color:var(--text-muted);font-size:var(--ds-type-display-size);line-height:var(--ds-type-display-height);position:absolute;top:50%;right:22px;transform:translateY(-50%)}.family-detail-section{gap:var(--ds-space-25);display:grid}.family-detail-section h2{padding:0 var(--ds-space-1);font-size:var(--ds-type-title-3-size);line-height:var(--ds-type-title-3-height);margin:0}.family-detail-section>div:not(.family-empty){border:1px solid var(--border);border-radius:var(--ds-radius-card);background:var(--surface);overflow:hidden}.family-detail-section article{align-items:center;gap:var(--ds-space-35);min-height:76px;padding:var(--ds-space-35) var(--ds-space-45);display:flex}.family-detail-section article+article{border-top:1px solid var(--border)}.family-detail-section article>span{background:var(--ds-color-inset);width:42px;height:42px;color:var(--brand-strong);font-weight:var(--ds-weight-bold);border-radius:50%;flex:none;place-items:center;display:grid}.family-detail-section article>p{gap:var(--ds-space-1);display:grid}.family-detail-section article small{color:var(--text-muted)}.family-empty{min-height:96px;padding:var(--ds-space-7) var(--ds-space-5);border:1px solid var(--border);border-radius:var(--ds-radius-card);background:var(--surface);color:var(--text-muted);text-align:center}.profile-card{gap:var(--ds-space-4);padding:var(--ds-space-55);border:1px solid var(--border);border-radius:var(--ds-radius-card);background:var(--surface);grid-template-columns:56px minmax(0,1fr);display:grid}.profile-heading{align-content:center;gap:3px;display:grid}.profile-heading>span{color:var(--brand);font-size:var(--ds-type-micro-size);line-height:var(--ds-type-micro-height);font-weight:var(--ds-weight-bold)}.profile-heading h2{font-size:var(--ds-type-title-2-size);line-height:var(--ds-type-title-2-height);margin:0}.profile-heading p{color:var(--text-muted);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height)}.profile-card dl{gap:var(--ds-space-25);margin:var(--ds-space-05) 0 0;padding-top:var(--ds-space-45);border-top:1px solid var(--border);grid-column:1/-1;display:grid}.profile-card dl>div{gap:var(--ds-space-25);grid-template-columns:70px minmax(0,1fr);display:grid}.profile-card dt{color:var(--text-muted);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height)}.profile-card dd{overflow-wrap:anywhere;font-size:var(--ds-type-label-size);line-height:var(--ds-type-label-height);text-align:right;margin:0}.profile-card>button{border:1px solid var(--border);border-radius:var(--ds-radius-chip);background:var(--surface);min-height:48px;color:var(--text);cursor:pointer;font:inherit;font-weight:var(--ds-weight-bold);grid-column:1/-1}.profile-card>button:disabled{cursor:wait;opacity:.6}.profile-card>.inline-error{grid-column:1/-1}.support-contact{gap:var(--ds-space-25);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.support-contact a{align-content:center;gap:var(--ds-space-15);min-height:96px;padding:var(--ds-space-4);border:1px solid var(--border);border-radius:var(--ds-radius-card);background:var(--surface);color:var(--text);text-decoration:none;display:grid}.support-contact span{color:var(--text-muted);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height)}.support-contact strong{color:var(--brand-strong);font-size:var(--ds-type-body-size);line-height:var(--ds-type-body-height)}.faq-list{border:1px solid var(--border);border-radius:var(--ds-radius-card);background:var(--surface);overflow:hidden}.faq-list details+details{border-top:1px solid var(--border)}.faq-list summary{align-content:center;gap:var(--ds-space-15) var(--ds-space-3);min-height:84px;padding:17px var(--ds-space-5);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;list-style:none;display:grid}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{color:var(--text-muted);content:"+";font-size:var(--ds-type-title-1-size);line-height:var(--ds-type-title-1-height);grid-area:1/2/span 2;align-self:center}.faq-list details[open] summary:after{content:"−"}.faq-list summary>span{color:var(--brand);font-size:var(--ds-type-micro-size);line-height:var(--ds-type-micro-height);font-weight:var(--ds-weight-bold)}.faq-list summary>strong{font-size:var(--ds-type-description-size);line-height:var(--ds-type-description-height)}.faq-list details>p,.faq-list details>div{padding:0 var(--ds-space-5) var(--ds-space-5);color:var(--text-muted);font-size:var(--ds-type-label-size);line-height:var(--ds-type-label-height);white-space:pre-wrap}.faq-list details>div{gap:var(--ds-space-25);display:grid}.faq-list details>div p,.faq-list details>div ul{margin:0}.privacy-note,.danger-copy{color:var(--text-muted);font-size:var(--ds-type-description-size);line-height:var(--ds-type-description-height);margin:0}.danger-copy{color:var(--ds-color-danger-text)}.progress-track{height:8px;margin:var(--ds-space-4) 0 var(--ds-space-3);border-radius:var(--ds-radius-pill);background:var(--border);overflow:hidden}.progress-track>span{border-radius:inherit;background:var(--brand);height:100%;display:block}.funeral-step-list,.timeline-list{gap:var(--ds-space-3);margin:0;padding:0;list-style:none;display:grid}.funeral-step-list li,.timeline-list article{padding:var(--ds-space-4);border:1px solid var(--border);border-radius:var(--ds-radius-inner);background:var(--surface)}.verification-panel,.compact-actions,.recipient-inline-form{gap:var(--ds-space-25);display:grid}.compact-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-actions>*{min-width:0}.selected-media-row{align-items:center;gap:var(--ds-space-3);margin-top:var(--ds-space-3);grid-template-columns:72px minmax(0,1fr);display:grid}.selected-media-row img{border-radius:var(--ds-radius-chip);object-fit:cover;width:72px;height:72px}.recipient-inline-form{margin-top:var(--ds-space-3)}.recipient-row{align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-25) 0;border-bottom:1px solid var(--border);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height);grid-template-columns:minmax(0,1fr) auto;display:grid}.recipient-inline-form input{width:100%;min-height:48px;padding:0 var(--ds-space-35);border:1px solid var(--border);border-radius:var(--ds-radius-chip);background:var(--surface);color:var(--text);font:inherit}.danger-action{min-height:44px;color:var(--ds-color-danger-text);font:inherit;font-weight:var(--ds-weight-bold);text-align:left;background:0 0;border:0;padding:0}.public-obituary-page{min-height:var(--onyu-viewport-height,100dvh);padding:max(var(--ds-space-7), env(safe-area-inset-top)) var(--ds-space-5) max(var(--ds-space-7), env(safe-area-inset-bottom));background:var(--ds-color-guide-surface)}.public-obituary-card{width:min(100%,560px);padding:var(--ds-space-9) var(--ds-space-6);border:1px solid var(--ds-color-line);border-radius:var(--ds-radius-card);background:var(--ds-color-surface);color:var(--ds-color-ink);text-align:center;margin:0 auto}.public-obituary-card>span{color:var(--ds-color-ink-2);font-size:var(--ds-type-title-1-size);line-height:var(--ds-type-title-1-height);letter-spacing:.3em}.public-obituary-card h1{margin:var(--ds-space-6) 0;font-size:clamp(24px, var(--onyu-fluid-7vw,7vw), 34px);word-break:keep-all;line-height:1.45}.public-obituary-card>img{aspect-ratio:4/5;width:min(100%,280px);margin:0 auto var(--ds-space-6);border-radius:var(--ds-radius-card);object-fit:cover}.public-obituary-card>p{margin:var(--ds-space-4) 0;white-space:pre-wrap;line-height:1.8}.public-obituary-card dl{gap:var(--ds-space-3);margin:var(--ds-space-7) 0;padding:var(--ds-space-5) 0;border-block:1px solid var(--ds-color-line);text-align:left;grid-template-columns:88px minmax(0,1fr);display:grid}.public-obituary-card dt{color:var(--ds-color-ink-2)}.public-obituary-card dd{overflow-wrap:anywhere;margin:0}.family-manager input{width:100%;min-height:48px;padding:0 var(--ds-space-35);border:1px solid var(--border);border-radius:var(--ds-radius-chip);background:var(--surface);color:var(--text);font:inherit}.family-member-manage-row{gap:var(--ds-space-25);padding:var(--ds-space-35) 0;border-bottom:1px solid var(--border);display:grid}.family-member-manage-row p{gap:var(--ds-space-05);margin:0;display:grid}.family-member-manage-row small{color:var(--text-muted)}.family-member-manage-row>div{gap:var(--ds-space-3);flex-wrap:wrap;display:flex}.memory-grid{gap:var(--ds-space-4);display:grid}.memory-grid article>img,.memory-grid article>video{border-radius:var(--ds-radius-inner);object-fit:cover;width:100%;max-height:420px}.memorial-header{border-radius:var(--ds-radius-card);background:radial-gradient(circle at 90% 5%, var(--ds-color-tint-apricot) 0, transparent 38%), linear-gradient(145deg, var(--ds-color-point-soft), var(--ds-color-point-soft))}.memorial-person-hero,.memorial-hall-hero{gap:var(--ds-space-25);margin:0 var(--ds-space-5);padding:var(--ds-space-7) var(--ds-space-6);border-radius:var(--ds-radius-card);background:linear-gradient(145deg, var(--ds-color-tint-apricot-ink), var(--ds-color-tint-apricot-ink));color:var(--ds-color-surface);display:grid}.memorial-hall-hero{background:linear-gradient(145deg, var(--ds-color-ink), var(--ds-color-ink))}.memorial-person-hero>span,.memorial-hall-hero>span{color:var(--ds-color-tint-apricot);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height);font-weight:var(--ds-weight-bold)}.memorial-person-hero h2,.memorial-hall-hero h2{max-width:320px;font-family:Georgia,Times New Roman,serif;font-size:var(--ds-type-title-1-size);line-height:var(--ds-type-title-1-height);letter-spacing:-.025em}.memorial-person-hero p,.memorial-hall-hero p{color:color-mix(in srgb, var(--ds-color-surface) 72%, transparent);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height)}.memorial-compose,.memorial-compose label{gap:var(--ds-space-25);display:grid}.memorial-compose label,.memorial-compose legend{color:var(--text-muted);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height);font-weight:var(--ds-weight-bold)}.memorial-compose fieldset{border:0;min-width:0;margin:0;padding:0}.memorial-compose textarea{width:100%;min-height:112px;padding:var(--ds-space-35);resize:vertical;border:1px solid var(--border);border-radius:var(--ds-radius-inner);background:var(--background);color:var(--text);font:inherit;font-size:var(--ds-type-body-size);line-height:var(--ds-type-body-height)}.memorial-offering-options{gap:var(--ds-space-2);margin-top:var(--ds-space-25);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.memorial-offering-options label{border:1px solid var(--border);border-radius:var(--ds-radius-inner);background:var(--background);min-height:88px;color:var(--text);cursor:pointer;align-content:center;place-items:center;gap:5px;display:grid}.memorial-offering-options input{opacity:0;width:1px;height:1px;position:absolute}.memorial-offering-options label:has(input:checked){border-color:var(--brand-strong);background:var(--ds-color-point-soft);box-shadow:inset 0 0 0 1px var(--brand-strong)}.memorial-offering-options b{color:var(--brand-strong);font-size:var(--ds-type-title-1-size);line-height:var(--ds-type-title-1-height)}.memorial-offering-list,.memorial-message-list{gap:var(--ds-space-3);display:grid}.memorial-offering-list article{grid-template-columns:42px minmax(0,1fr);align-items:start}.memorial-offering-list article>b{background:var(--ds-color-point-soft);width:42px;height:42px;color:var(--brand-strong);border-radius:50%;place-items:center;display:grid}.memorial-offering-list article>div{gap:5px;display:grid}.memorial-offering-list article span,.memorial-message-list article>span{color:var(--text-muted);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height)}.anniversary-form,.anniversary-form label{gap:9px;display:grid}.anniversary-form label,.anniversary-form legend{color:var(--text-muted);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height);font-weight:var(--ds-weight-bold)}.anniversary-form input[type=text],.anniversary-form input[type=date]{width:100%;min-height:48px;padding:0 var(--ds-space-35);border:1px solid var(--border);border-radius:var(--ds-radius-chip);background:var(--background);color:var(--text);font:inherit;font-size:var(--ds-type-body-size);line-height:var(--ds-type-body-height)}.anniversary-form fieldset{border:0;min-width:0;margin:0;padding:0}.anniversary-calendar-options{gap:var(--ds-space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:9px;display:grid}.anniversary-calendar-options label{border:1px solid var(--border);border-radius:var(--ds-radius-chip);background:var(--background);min-height:48px;color:var(--text);justify-content:center;align-items:center;display:flex}.anniversary-calendar-options label:has(input:checked){border-color:var(--brand-strong);background:var(--ds-color-point-soft);color:var(--brand-strong)}.anniversary-notify-option{align-items:center;min-height:48px;display:flex!important}.anniversary-notify-option input,.anniversary-calendar-options input,.anniversary-card-actions input{width:20px;height:20px;accent-color:var(--brand-strong)}.anniversary-card-actions{justify-content:space-between;align-items:center;gap:var(--ds-space-4);border-top:1px solid var(--border);min-height:44px;display:flex}.anniversary-card-actions label{align-items:center;gap:var(--ds-space-2);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height);font-weight:var(--ds-weight-bold);display:flex}.royal-pass-card{justify-items:center;gap:var(--ds-space-3);padding:var(--ds-space-7) var(--ds-space-5);border:1px solid var(--ds-color-line);border-radius:var(--ds-radius-card);background:radial-gradient(circle at 50% 0, var(--ds-color-tint-sand) 0, transparent 42%), var(--surface);text-align:center;display:grid;overflow:hidden}.royal-pass-card>span{color:var(--brand-strong);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height);font-weight:var(--ds-weight-bold)}.royal-pass-card h2{font-size:var(--ds-type-title-1-size);line-height:var(--ds-type-title-1-height)}.royal-pass-card p,.royal-pass-card small{color:var(--text-muted);line-height:1.6}.royal-pass-qr{width:min(100%,280px);margin:var(--ds-space-25) 0;padding:var(--ds-space-3);border:1px solid var(--border);border-radius:var(--ds-radius-card);background:var(--ds-color-surface)}.royal-pass-qr svg{width:100%;height:auto;display:block}.royal-pass-issue label{color:var(--text-muted);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height);font-weight:var(--ds-weight-bold);gap:9px;display:grid}.royal-pass-issue select{width:100%;min-height:48px;padding:0 var(--ds-space-35);border:1px solid var(--border);border-radius:var(--ds-radius-chip);background:var(--background);color:var(--text);font:inherit;font-size:var(--ds-type-body-size);line-height:var(--ds-type-body-height)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.community-chat{gap:var(--ds-space-4);padding:0 var(--ds-space-5) var(--ds-space-8);display:grid}.community-message-list{gap:var(--ds-space-3);display:grid}.community-message-list article{justify-self:start;gap:5px;width:min(84%,340px);display:grid}.community-message-list article.is-mine{justify-self:end}.community-message-list article>span,.community-message-list article>time{padding:0 var(--ds-space-1);color:var(--text-muted);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height)}.community-message-list article.is-mine>span,.community-message-list article.is-mine>time{text-align:right}.community-message-list article>p{padding:var(--ds-space-3) var(--ds-space-35);border:1px solid var(--border);background:var(--surface);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:14px 16px 16px 4px;margin:0;line-height:1.55}.community-message-list article.is-mine>p{border-color:var(--brand);background:var(--brand);color:var(--ds-color-surface);border-radius:14px 16px 4px}.community-message-form{align-items:end;gap:var(--ds-space-25);grid-template-columns:minmax(0,1fr) auto;display:grid}.community-message-form textarea{resize:vertical;width:100%;min-height:48px;max-height:160px;padding:var(--ds-space-3) var(--ds-space-35);border:1px solid var(--border);border-radius:var(--ds-radius-chip);background:var(--surface);color:var(--text);font:inherit;font-size:var(--ds-type-body-size);line-height:var(--ds-type-body-height);display:block}.service-request-form,.enshrinement-form{gap:var(--ds-space-4);display:grid}.service-request-form>label,.enshrinement-form>label{color:var(--text-muted);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height);font-weight:var(--ds-weight-bold);gap:9px;display:grid}.service-request-form input[type=text],.service-request-form textarea,.enshrinement-form input,.enshrinement-form textarea{width:100%;padding:var(--ds-space-3) var(--ds-space-35);border:1px solid var(--border);border-radius:var(--ds-radius-chip);background:var(--surface);color:var(--text);font:inherit;font-size:var(--ds-type-body-size);line-height:var(--ds-type-body-height)}.service-request-form textarea{resize:vertical;min-height:128px;line-height:1.55}.enshrinement-form textarea{resize:vertical;min-height:112px;line-height:1.55}.service-category-options{gap:var(--ds-space-2);scrollbar-width:none;border:0;margin:0;padding:0;display:flex;overflow-x:auto}.service-category-options::-webkit-scrollbar{display:none}.service-category-options legend{color:var(--text-muted);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height);font-weight:var(--ds-weight-bold);padding:0 0 9px}.service-category-options label{flex:none;position:relative}.service-category-options input{opacity:0;pointer-events:none;position:absolute}.service-category-options span{min-width:68px;min-height:44px;padding:0 var(--ds-space-4);border:1px solid var(--border);border-radius:var(--ds-radius-pill);background:var(--surface);color:var(--text-muted);font-size:var(--ds-type-label-size);line-height:var(--ds-type-label-height);font-weight:var(--ds-weight-bold);place-items:center;display:grid}.service-category-options input:checked+span{border-color:var(--brand);background:var(--brand);color:var(--ds-color-surface)}.request-progress{gap:var(--ds-space-15);margin:var(--ds-space-1) 0;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.request-progress li{min-height:32px;padding:var(--ds-space-2) var(--ds-space-15);border-radius:var(--ds-radius-sm);background:var(--background);color:var(--text-muted);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height);font-weight:var(--ds-weight-bold);text-align:center}.request-progress li.is-active{background:color-mix(in srgb, var(--brand) 14%, var(--surface));color:var(--brand-strong)}.referral-code-card h2{color:var(--brand-strong);font-size:var(--ds-type-display-size);line-height:var(--ds-type-display-height);letter-spacing:.04em;overflow-wrap:anywhere}.referral-summary-grid{gap:var(--ds-space-25);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.referral-summary-grid article{gap:var(--ds-space-2);min-height:104px;padding:var(--ds-space-4);border:1px solid var(--border);border-radius:var(--ds-radius-inner);background:var(--surface);align-content:center;display:grid}.referral-summary-grid span{color:var(--text-muted);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height);font-weight:var(--ds-weight-bold)}.referral-summary-grid strong{color:var(--brand-strong);font-size:var(--ds-type-title-2-size);line-height:var(--ds-type-title-2-height)}.commerce-product-grid{gap:var(--ds-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.commerce-product-grid>a{min-width:0;padding:var(--ds-space-3);border:1px solid var(--border);border-radius:var(--ds-radius-inner);background:var(--surface);color:var(--text);gap:7px;text-decoration:none;display:grid}.commerce-product-grid img,.product-image-placeholder{aspect-ratio:1;border-radius:var(--ds-radius-sm);background:var(--ds-color-line);object-fit:cover;width:100%}.product-image-placeholder{color:var(--brand);font-weight:var(--ds-weight-bold);place-items:center;display:grid}.commerce-product-grid span:not(.product-image-placeholder),.commerce-product-grid small{color:var(--text-muted);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height)}.commerce-product-grid strong{overflow-wrap:anywhere;line-height:1.4}.commerce-product-grid b{color:var(--brand-strong)}.filter-chip-row,.sticky-link-row{gap:var(--ds-space-2);scrollbar-width:none;display:flex;overflow-x:auto}.filter-chip-row a,.sticky-link-row a{min-height:44px;padding:11px var(--ds-space-4);border:1px solid var(--border);border-radius:var(--ds-radius-pill);background:var(--surface);color:var(--text);font-weight:var(--ds-weight-bold);flex:none;text-decoration:none}.filter-chip-row a.active{border-color:var(--brand-strong);background:var(--brand-strong);color:var(--ds-color-surface)}.product-detail-image{border-radius:var(--ds-radius-card);object-fit:cover;width:100%;max-height:420px}.commerce-actions,.commerce-checkout-form{gap:var(--ds-space-35);display:grid}.field-label{gap:var(--ds-space-2);font-size:var(--ds-type-label-size);line-height:var(--ds-type-label-height);font-weight:var(--ds-weight-bold);display:grid}.field-label input,.field-label select,.field-label textarea,.commerce-actions select{width:100%;min-height:48px;padding:var(--ds-space-3) var(--ds-space-35);border:1px solid var(--border);border-radius:var(--ds-radius-chip);background:var(--surface);color:var(--text);font:inherit}.seller-card a{color:var(--brand-strong);font-weight:var(--ds-weight-bold)}.quantity-control{align-items:center;gap:var(--ds-space-25);min-height:48px;display:flex}.quantity-control button{border:1px solid var(--border);border-radius:var(--ds-radius-sm);background:var(--surface);cursor:pointer;min-width:48px;min-height:48px}.checkout-summary{gap:var(--ds-space-25);padding:var(--ds-space-45);border-radius:var(--ds-radius-card);background:var(--surface);display:grid}.checkout-summary>strong{font-size:var(--ds-type-title-1-size);line-height:var(--ds-type-title-1-height)}.checkout-summary p{color:var(--text-muted);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height)}.commerce-checkout-form fieldset{gap:var(--ds-space-4);padding:var(--ds-space-4);border-radius:var(--ds-radius-inner);background:var(--surface);border:0;margin:0;display:flex}.commerce-checkout-form legend{padding-bottom:var(--ds-space-25);font-weight:var(--ds-weight-bold)}.commerce-checkout-form fieldset label,.checkbox-row{align-items:center;gap:var(--ds-space-2);min-height:44px;display:flex}.checkbox-row{font-weight:var(--ds-weight-bold);flex-wrap:wrap}.checkbox-row small{color:var(--text-muted)}.danger-text{color:var(--ds-color-primary-action)!important}.focused-card{outline:3px solid var(--ds-color-ink)}.membership-summary{padding:var(--ds-space-55);border-radius:var(--ds-radius-card);background:var(--brand-strong);color:var(--ds-color-surface)}.membership-summary span,.membership-summary p{color:color-mix(in srgb, var(--ds-color-surface) 75%, transparent)}.membership-summary h2{margin:var(--ds-space-2) 0;font-size:var(--ds-type-display-size);line-height:var(--ds-type-display-height)}.benefit-ledger article{align-items:center}.benefit-ledger article>div{gap:var(--ds-space-1);display:grid}.benefit-ledger article span{color:var(--text-muted);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height)}.coupon-card code{overflow-wrap:anywhere;padding:var(--ds-space-25);border-radius:var(--ds-radius-sm);background:var(--background);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height)}.payment-contract-list{gap:var(--ds-space-25);display:grid}.payment-contract-list a{min-height:68px;padding:var(--ds-space-35) var(--ds-space-4);border:1px solid var(--border);border-radius:var(--ds-radius-inner);background:var(--surface);color:var(--text);gap:5px;text-decoration:none;display:grid}.payment-contract-list a.active{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb, var(--ds-color-ink) 12%, transparent)}.payment-contract-list span{color:var(--text-muted);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height)}.payment-hero{gap:var(--ds-space-25);padding:var(--ds-space-55);border-radius:var(--ds-radius-card);background:var(--surface);display:grid}.payment-hero>span,.payment-hero>p,.payment-hero>small{color:var(--text-muted)}.payment-hero h2{font-size:var(--ds-type-display-size);line-height:var(--ds-type-display-height)}.payment-progress{border-radius:var(--ds-radius-pill);background:var(--background);height:8px;overflow:hidden}.payment-progress span{border-radius:inherit;background:var(--brand);height:100%;display:block}.payment-statement-link{color:var(--text);text-decoration:none}.home-hero-action{min-height:44px;margin-top:var(--ds-space-4);padding:0 var(--ds-space-45);border-radius:var(--ds-radius-chip);background:var(--ds-color-action-base);color:var(--ds-color-on-action-base);font-weight:var(--ds-weight-bold);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.survey-card,.settings-stack,.consent-list,.support-messages{gap:var(--ds-space-4);display:grid}.survey-card{padding:var(--ds-space-55);border-radius:var(--ds-radius-card);background:var(--surface)}.survey-card h2,.survey-card p{margin:0}.survey-progress{border-radius:var(--ds-radius-pill);background:var(--background);height:8px;overflow:hidden}.survey-progress span{border-radius:inherit;background:var(--brand);height:100%;display:block}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.danger-zone{gap:var(--ds-space-3);padding:var(--ds-space-5);border:1px solid var(--ds-color-point-soft);border-radius:var(--ds-radius-card);background:var(--ds-color-point-soft);display:grid}.danger-zone textarea,.support-reply-form textarea{min-height:110px;padding:var(--ds-space-35);border:1px solid var(--border);border-radius:var(--ds-radius-chip);background:var(--surface);color:var(--text);font:inherit}.danger-zone button{border:1px solid var(--ds-color-primary-action);border-radius:var(--ds-radius-chip);min-height:44px;color:var(--ds-color-primary-action);font-weight:var(--ds-weight-bold);background:0 0}.consent-list article{justify-content:space-between;align-items:center;gap:var(--ds-space-4);min-height:76px;padding:var(--ds-space-4);border-radius:var(--ds-radius-inner);background:var(--surface);display:flex}.consent-list article>div{gap:var(--ds-space-15);display:grid}.consent-list article span{color:var(--text-muted);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height)}.consent-list button{min-height:40px;padding:0 var(--ds-space-3);border:1px solid var(--border);border-radius:var(--ds-radius-sm);background:var(--background);color:var(--text)}.support-messages article{max-width:88%;padding:var(--ds-space-35);border-radius:var(--ds-radius-inner);background:var(--surface)}.support-messages article.mine{background:color-mix(in srgb, var(--brand) 12%, var(--surface));justify-self:end}.support-messages article p{white-space:pre-wrap}.support-messages article time,.support-messages article span{color:var(--text-muted);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height)}.support-reply-form{gap:var(--ds-space-25);display:grid}.support-reply-form button{border-radius:var(--ds-radius-chip);background:var(--ds-color-action-base);min-height:48px;color:var(--ds-color-on-action-base);font-weight:var(--ds-weight-bold);border:0}.section-action-button{min-height:40px;padding:0 var(--ds-space-3);border:1px solid var(--border);border-radius:var(--ds-radius-sm);background:var(--surface);color:var(--brand-strong);font-weight:var(--ds-weight-bold)}.recommendation-card{gap:var(--ds-space-25) var(--ds-space-35);padding:var(--ds-space-45);border-radius:var(--ds-radius-inner);background:var(--surface);grid-template-columns:1fr auto;display:grid}.recommendation-card>div{grid-row:span 2;gap:5px;display:grid}.recommendation-card span,.recommendation-card p{color:var(--text-muted);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height)}.recommendation-card h3,.recommendation-card p{margin:0}.recommendation-card>a,.recommendation-card>button{padding:var(--ds-space-2) var(--ds-space-25);border-radius:var(--ds-radius-sm);background:var(--ds-color-action-base);color:var(--ds-color-on-action-base);font-weight:var(--ds-weight-bold);border:0;align-self:center;text-decoration:none}.cemetery-grid{gap:var(--ds-space-4);display:grid}.cemetery-grid>a{border-radius:var(--ds-radius-card);background:var(--surface);color:var(--text);text-decoration:none;overflow:hidden}.cemetery-grid img,.catalog-image-placeholder{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.catalog-image-placeholder{background:color-mix(in srgb, var(--brand) 12%, var(--surface));color:var(--brand-strong);font-weight:var(--ds-weight-bold);place-items:center;display:grid}.cemetery-grid>a>div{padding:var(--ds-space-45);gap:7px;display:grid}.cemetery-grid h2,.cemetery-grid p{margin:0}.cemetery-grid span,.cemetery-grid p{color:var(--text-muted)}.cemetery-hero-image{border-radius:var(--ds-radius-card);object-fit:cover;width:100%;height:auto}.memorial-order-form,.memorial-video-form{gap:var(--ds-space-4);padding:var(--ds-space-5);border-radius:var(--ds-radius-card);background:var(--surface);display:grid}.filter-tabs button{min-height:42px;padding:0 var(--ds-space-35);border:1px solid var(--border);border-radius:var(--ds-radius-pill);background:var(--surface);color:var(--text-muted);font-weight:var(--ds-weight-bold)}.filter-tabs button[aria-current=page]{border-color:var(--brand-strong);background:var(--brand-strong);color:var(--ds-color-surface)}.memorial-product-grid{gap:var(--ds-space-3);border:0;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;display:grid}.memorial-product-grid legend{margin-bottom:var(--ds-space-25);font-weight:var(--ds-weight-bold);grid-column:1/-1}.memorial-product-grid input{opacity:0;position:absolute}.memorial-product-grid label>span{gap:var(--ds-space-15);border:1px solid var(--border);border-radius:var(--ds-radius-inner);height:100%;display:grid;overflow:hidden}.memorial-product-grid input:checked+span{border-color:var(--brand-strong);box-shadow:0 0 0 2px color-mix(in srgb, var(--brand) 20%, transparent)}.memorial-product-grid img,.memorial-product-grid i{aspect-ratio:3/2;object-fit:cover;width:100%}.memorial-product-grid i{background:var(--background);place-items:center;display:grid}.memorial-product-grid b,.memorial-product-grid small{padding:0 var(--ds-space-3)}.memorial-product-grid small{padding-bottom:var(--ds-space-3);color:var(--text-muted)}.memorial-order-form>label,.memorial-video-form>label,.three-field-grid label{font-weight:var(--ds-weight-bold);gap:7px;display:grid}.memorial-order-form textarea,.memorial-video-form textarea,.memorial-video-form input,.memorial-video-form select{min-height:48px;padding:var(--ds-space-3);border:1px solid var(--border);border-radius:var(--ds-radius-sm);background:var(--background);color:var(--text);font:inherit}.memorial-order-form textarea,.memorial-video-form textarea{resize:vertical;min-height:100px}.memorial-order-form>button,.memorial-video-form>button{border-radius:var(--ds-radius-chip);background:var(--ds-color-action-base);min-height:50px;color:var(--ds-color-on-action-base);font-weight:var(--ds-weight-bold);border:0}.memorial-order-list,.memorial-video-list{gap:var(--ds-space-3);display:grid}.memorial-order-list article,.memorial-video-list article{gap:var(--ds-space-2) var(--ds-space-35);padding:var(--ds-space-4);border-radius:var(--ds-radius-inner);background:var(--surface);grid-template-columns:1fr auto;display:grid}.memorial-order-list article>div,.memorial-video-list article>div{gap:5px;display:grid}.memorial-order-list p,.memorial-video-list p,.memorial-order-list time,.memorial-video-list time{color:var(--text-muted);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height);margin:0}.three-field-grid{gap:var(--ds-space-25);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.video-photo-grid{gap:var(--ds-space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.video-photo-grid button{border:1px solid var(--border);border-radius:var(--ds-radius-sm);background:var(--background);min-height:72px;color:var(--text);padding:0;overflow:hidden}.video-photo-grid img{object-fit:cover;width:100%;height:100%}.video-player-panel{gap:var(--ds-space-25);padding:var(--ds-space-3);border-radius:var(--ds-radius-inner);background:var(--ds-color-ink);display:grid}.video-player-panel button{color:var(--ds-color-surface);background:0 0;border:0;justify-self:end}.video-player-panel video{width:100%;max-height:var(--onyu-fluid-70dvh,70dvh);border-radius:var(--ds-radius-sm)}.review-summary,.review-compose,.staff-recording-card{gap:var(--ds-space-4);margin:0 var(--ds-space-5) var(--ds-space-5);padding:var(--ds-space-5);border-radius:var(--ds-radius-card);background:var(--surface);display:grid}.review-summary>div,.review-card-heading,.review-own-status,.staff-recording-history article>div{justify-content:space-between;align-items:center;gap:var(--ds-space-3);display:flex}.review-summary span,.review-card-heading span,.review-own-status span,.staff-recording-card .section-heading span,.staff-recording-history span{color:var(--brand-strong);font-size:var(--ds-type-caption-size);line-height:var(--ds-type-caption-height);font-weight:var(--ds-weight-bold)}.review-summary strong{font-size:var(--ds-type-title-1-size);line-height:var(--ds-type-title-1-height)}.review-summary p,.review-card-heading p,.review-body,.review-venue,.review-compose p,.staff-recording-card p,.staff-recording-history p{color:var(--text-muted);margin:0;line-height:1.55}.review-compose h2{margin:0}.review-compose form,.review-compose form>label,.staff-recording-field,.staff-recording-review{gap:var(--ds-space-2);display:grid}.review-compose form{gap:var(--ds-space-4)}.review-compose label,.staff-recording-field>span{font-weight:var(--ds-weight-bold)}.review-compose select,.review-compose textarea,.staff-recording-field select,.staff-recording-field textarea{width:100%;min-height:48px;padding:var(--ds-space-3);border:1px solid var(--border);border-radius:var(--ds-radius-sm);background:var(--background);color:var(--text);font:inherit}.review-compose textarea,.staff-recording-field textarea{resize:vertical;min-height:120px}.rating-picker{align-items:center;gap:var(--ds-space-1);border:0;padding:0;display:flex}.rating-picker legend{margin-bottom:var(--ds-space-15);font-weight:var(--ds-weight-bold)}.rating-picker button{min-width:48px;min-height:48px;color:var(--ds-color-warning);font-size:var(--ds-type-display-size);line-height:var(--ds-type-display-height);background:0 0;border:0}.review-media-grid,.review-feed-media{gap:var(--ds-space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.review-media-grid>*,.review-feed-media>*{aspect-ratio:1;border-radius:var(--ds-radius-sm);overflow:hidden}.review-media-grid img,.review-feed-media img,.review-feed-media video{object-fit:cover;width:100%;height:100%}.compact-actions{gap:var(--ds-space-2);flex-wrap:wrap;display:flex}.consent-row{align-items:flex-start;min-height:48px;gap:var(--ds-space-25)!important;display:flex!important}.consent-row input,.staff-recording-consent input{width:20px;height:20px;margin:2px 0 0}.review-feed{gap:var(--ds-space-3);margin:0 var(--ds-space-5) var(--ds-space-5);display:grid}.review-feed>article{gap:var(--ds-space-3);padding:var(--ds-space-45);border-radius:var(--ds-radius-inner);background:var(--surface);display:grid}.review-stars{color:var(--ds-color-warning);letter-spacing:1px}.review-feed .load-more{border:1px solid var(--border);border-radius:var(--ds-radius-chip);background:var(--surface);min-height:50px;color:var(--text);font-weight:var(--ds-weight-bold)}.staff-recording{gap:var(--ds-space-1);display:grid}.staff-recording-consent{align-items:flex-start;gap:var(--ds-space-25);min-height:48px;line-height:1.45;display:flex}.staff-recording-case-meta{padding:var(--ds-space-25) var(--ds-space-3);border-radius:var(--ds-radius-sm);background:var(--background)}.staff-recording-active,.staff-recording-progress{place-items:center;gap:var(--ds-space-35);padding:var(--ds-space-45) 0;text-align:center;display:grid}.staff-recording-active>span{color:var(--ds-color-point);font-weight:var(--ds-weight-bold)}.staff-recording-active>strong{font-size:var(--ds-type-display-size);line-height:var(--ds-type-display-height);font-variant-numeric:tabular-nums}.staff-recording-active>div{gap:var(--ds-space-25);grid-template-columns:1fr 1fr;width:100%;display:grid}.loading-spinner{border:3px solid var(--border);border-top-color:var(--brand-strong);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite staff-recording-spin}@keyframes staff-recording-spin{to{transform:rotate(360deg)}}.staff-recording-history{gap:var(--ds-space-3);display:grid}.staff-recording-history article{gap:var(--ds-space-2);padding:var(--ds-space-4);border-radius:var(--ds-radius-inner);background:var(--surface);display:grid}.staff-recording-history article>p:last-of-type{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.review-compose input:focus-visible,.review-compose select:focus-visible,.review-compose textarea:focus-visible,.review-compose button:focus-visible,.review-feed button:focus-visible,.staff-recording input:focus-visible,.staff-recording select:focus-visible,.staff-recording textarea:focus-visible,.staff-recording button:focus-visible,.content-page-header>a:focus-visible,.content-list>a:focus-visible,.content-state a:focus-visible,.filter-tabs a:focus-visible,.search-form input:focus-visible,.search-form button:focus-visible,.search-section a:focus-visible,.home-content-links a:focus-visible,.service-link-list a:focus-visible,.notification-toolbar button:focus-visible,.settings-groups input[role=switch]:focus-visible,.family-list>a:focus-visible,.profile-card>button:focus-visible,.support-contact a:focus-visible,.faq-list summary:focus-visible,.event-registration-state a:focus-visible,.section-action-link:focus-visible,.event-registration-panel button:focus-visible,.registration-list article>a:focus-visible,.registration-compact-actions button:focus-visible,.prep-group input:focus-visible,.primary-action:focus-visible,.secondary-action:focus-visible,.text-action:focus-visible,.reservation-form select:focus-visible,.reservation-form input:focus-visible,.reservation-form textarea:focus-visible,.niche-form select:focus-visible,.niche-form input:focus-visible,.choice-grid input:focus-visible+span,.memorial-compose textarea:focus-visible,.memorial-offering-options input:focus-visible+b,.anniversary-form input:focus-visible,.anniversary-card-actions input:focus-visible,.royal-pass-issue select:focus-visible,.community-message-form textarea:focus-visible,.service-request-form input[type=text]:focus-visible,.service-request-form textarea:focus-visible,.enshrinement-form input:focus-visible,.enshrinement-form textarea:focus-visible,.service-category-options input:focus-visible+span,.slot-grid input:focus-visible+span,.commerce-product-grid a:focus-visible,.filter-chip-row a:focus-visible,.sticky-link-row a:focus-visible,.commerce-actions button:focus-visible,.commerce-actions a:focus-visible,.commerce-checkout-form button:focus-visible,.commerce-checkout-form input:focus-visible,.commerce-checkout-form textarea:focus-visible,.quantity-control button:focus-visible,.payment-contract-list a:focus-visible,.payment-statement-link:focus-visible,.home-hero-action:focus-visible,.survey-card button:focus-visible,.danger-zone button:focus-visible,.danger-zone textarea:focus-visible,.consent-list button:focus-visible,.support-reply-form button:focus-visible,.support-reply-form textarea:focus-visible,.section-action-button:focus-visible,.recommendation-card>a:focus-visible,.recommendation-card>button:focus-visible,.cemetery-grid>a:focus-visible,.filter-tabs button:focus-visible,.memorial-product-grid input:focus-visible+span,.memorial-order-form textarea:focus-visible,.memorial-order-form>button:focus-visible,.memorial-video-form input:focus-visible,.memorial-video-form textarea:focus-visible,.memorial-video-form select:focus-visible,.memorial-video-form>button:focus-visible,.video-photo-grid button:focus-visible,.memorial-video-list button:focus-visible{outline:3px solid var(--ds-color-point-deep);outline-offset:3px}@media (max-width:380px){.shortcut-grid{grid-template-columns:1fr}.shortcut-grid a{min-height:auto}.support-contact,.three-field-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.onyu-app-bar.onyu-app-bar{--onyu-app-bar-inline-start:var(--onyu-page-inline-start,var(--onyu-home-inline-start,max(var(--ds-space-5), env(safe-area-inset-left))));--onyu-app-bar-inline-end:var(--onyu-page-inline-end,var(--onyu-home-inline-end,max(var(--ds-space-5), env(safe-area-inset-right))));--onyu-app-bar-block-start:var(--onyu-page-block-start,var(--onyu-home-block-start,max(var(--ds-space-5), env(safe-area-inset-top))));z-index:20;margin-block-start:calc(-1 * var(--onyu-app-bar-block-start));margin-inline:calc(-1 * var(--onyu-app-bar-inline-start)) calc(-1 * var(--onyu-app-bar-inline-end));padding-block:calc(var(--onyu-app-bar-block-start) + var(--ds-space-5)) var(--ds-space-1);padding-inline:var(--onyu-app-bar-inline-start) var(--onyu-app-bar-inline-end);background:var(--background);transition:transform .24s cubic-bezier(.2,0,0,1),box-shadow .2s ease-out;position:sticky;top:0}.onyu-app-bar[data-onyu-app-bar-elevated]{box-shadow:0 1px 0 var(--ds-color-line)}.onyu-app-bar[data-onyu-app-bar-collapsed]{transform:translateY(-100%)}.onyu-app-bar[data-onyu-app-bar-collapsed][data-onyu-app-bar-elevated]{box-shadow:none}.tab-root-header{padding:20px 0 4px}.tab-root-header h1{font-size:28px;line-height:1.25;font-weight:var(--ds-weight-bold);color:var(--ds-color-ink);margin:0}html[data-onyu-soft-keyboard=open] .bottom-nav-slot{display:none}[data-reveal][data-reveal-state=off]{opacity:0;will-change:opacity, transform}[data-reveal][data-reveal-state=on]{animation:onyu-reveal-rise var(--ds-motion-journey-detail) var(--ds-ease-journey) var(--reveal-delay,0s) both}[data-reveal=left][data-reveal-state=on]{animation-name:onyu-reveal-from-left}[data-reveal=right][data-reveal-state=on]{animation-name:onyu-reveal-from-right}[data-reveal=pop][data-reveal-state=on]{animation-name:onyu-reveal-pop;animation-timing-function:var(--ds-ease-spring)}[data-reveal=grow][data-reveal-state=off]{transform-origin:bottom;transform:scaleY(0)}[data-reveal=grow][data-reveal-state=on]{animation-name:onyu-reveal-grow;animation-duration:var(--ds-motion-journey-primary);transform-origin:bottom}@keyframes onyu-reveal-rise{0%{opacity:0;transform:translateY(var(--ds-motion-journey-distance))}to{opacity:1;transform:translateY(0)}}@keyframes onyu-reveal-from-left{0%{opacity:0;transform:translateX(calc(var(--ds-motion-journey-distance) * -.7))}to{opacity:1;transform:translate(0)}}@keyframes onyu-reveal-from-right{0%{opacity:0;transform:translateX(calc(var(--ds-motion-journey-distance) * .7))}to{opacity:1;transform:translate(0)}}@keyframes onyu-reveal-pop{0%{opacity:0;transform:translateY(calc(var(--ds-motion-journey-distance) * .5)) scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes onyu-reveal-grow{0%{opacity:1;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){[data-reveal][data-reveal-state=off],[data-reveal][data-reveal-state=on]{opacity:1;animation:none;transform:none}}@media (prefers-reduced-motion:no-preference){.ds-step-progress.ds-step-progress>*{transition:background-color var(--ds-motion-journey-selection) var(--ds-ease-journey)}.ds-step-caption{animation:onyu-step-caption-in var(--ds-motion-base) var(--ds-ease-out-soft) both}}@keyframes onyu-step-caption-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.ds-step-panel[data-step-direction=forward]{animation:onyu-step-panel-forward var(--ds-motion-base) var(--ds-ease-standard)}.ds-step-panel[data-step-direction=back]{animation:onyu-step-panel-back var(--ds-motion-base) var(--ds-ease-standard)}}@keyframes onyu-step-panel-forward{0%{opacity:0;transform:translate(28%)}}@keyframes onyu-step-panel-back{0%{opacity:0;transform:translate(-28%)}}