.state-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-7) var(--space-4);text-align:center;color:var(--on-surface-variant)}.state-empty--compact{padding:var(--space-4) var(--space-2)}.state-empty svg{opacity:.6}.state-empty__text{font-size:var(--text-body-size);color:var(--on-surface-variant);max-width:320px}.state-empty--not-found .h1:focus{outline:none}.state-empty__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.error-state{background:var(--warning-container);color:var(--on-warning-container);border-radius:var(--shape-sm);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--text-body-size);box-shadow:var(--el-1)}.error-state--fatal{background:var(--error-container);color:var(--on-error-container)}.st-skeleton{background:var(--surface-container-high);border-radius:var(--shape-xs);position:relative;overflow:hidden}.st-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--surface-container-lowest),transparent);animation:st-shimmer 1.2s infinite}@keyframes st-shimmer{to{transform:translate(100%)}}.state-skeleton-list{display:flex;flex-direction:column;gap:var(--space-2)}.state-skeleton-card{display:flex;flex-direction:column;gap:var(--space-2);width:100%;box-sizing:border-box;padding:20px;border-radius:var(--shape-md);background-color:var(--surface-container-low);box-shadow:var(--el-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 20px;border-radius:var(--shape-full);border:1px solid transparent;font-family:var(--font-ui);font-size:var(--text-control-size);line-height:var(--text-control-line);font-weight:var(--text-control-weight);letter-spacing:var(--text-control-tracking);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-2) var(--ease),color var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.38;pointer-events:none}.btn[aria-disabled=true]{opacity:.38}.btn--small{height:32px;padding:0 16px}.btn--primary{background:var(--primary);color:var(--on-primary)}.btn--primary:hover{background:var(--primary-hover)}.btn--secondary{background:transparent;color:var(--primary);border-color:var(--outline)}.btn--secondary:hover{background:var(--primary-surface)}.btn--ghost{background:transparent;color:var(--primary)}.btn--ghost:hover{background:var(--primary-surface)}.btn--destructive{background:var(--error-container);color:var(--on-error-container)}.btn--destructive:hover{filter:brightness(.96)}.btn__spinner{width:16px;height:16px;border-radius:var(--shape-full);border:2px solid currentColor;border-top-color:transparent;animation:btn-spin .7s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.badge{display:inline-flex;align-items:center;height:24px;padding:0 12px;border-radius:var(--shape-full);font-family:var(--font-ui);font-size:var(--text-label-size);line-height:var(--text-label-line);font-weight:var(--text-label-weight);letter-spacing:var(--text-label-tracking);white-space:nowrap}.badge--status-planning{background-color:var(--neutral-container);color:var(--on-neutral-container)}.badge--status-blocked{background-color:var(--error-container);color:var(--on-error-container)}.badge--status-in_progress{background-color:var(--primary-container);color:var(--on-primary-container)}.badge--status-review{background-color:var(--warning-container);color:var(--on-warning-container)}.badge--status-qa{background-color:var(--info-container);color:var(--on-info-container)}.badge--status-completed{background-color:var(--tertiary-container);color:var(--on-tertiary-container)}.badge--ownership-human{background-color:var(--primary-container);color:var(--on-primary-container)}.badge--ownership-agent{background-color:var(--secondary-container);color:var(--on-secondary-container)}.badge--ownership-leadership{background-color:var(--warning-container);color:var(--on-warning-container)}.badge--tone-primary{background-color:var(--primary-container);color:var(--on-primary-container)}.badge--tone-secondary{background-color:var(--secondary-container);color:var(--on-secondary-container)}.badge--tone-tertiary{background-color:var(--tertiary-container);color:var(--on-tertiary-container)}.badge--tone-success{background-color:var(--success-container);color:var(--on-success-container)}.badge--tone-warning{background-color:var(--warning-container);color:var(--on-warning-container)}.badge--tone-info{background-color:var(--info-container);color:var(--on-info-container)}.badge--tone-error{background-color:var(--error-container);color:var(--on-error-container)}.badge--tone-neutral{background-color:var(--neutral-container);color:var(--on-neutral-container)}.badge--interactive{cursor:pointer;text-decoration:none;transition:filter var(--dur-2) var(--ease)}.badge--interactive:hover{filter:brightness(.94)}.badge--interactive:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.menu-anchor{position:relative}.menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--surface-container);border-radius:var(--shape-sm);box-shadow:var(--el-2);padding:var(--space-2) 0;z-index:var(--z-dropdown);animation:menu-in var(--dur-2) var(--ease)}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}}.menu[popover]{position:fixed;inset:auto;margin:0;border:0;color:var(--on-surface);overflow-y:auto}.menu__item{height:40px;padding:0 var(--space-4);display:flex;align-items:center;width:100%;background:none;border:none;border-radius:var(--shape-xs);font-size:var(--text-control-size);line-height:var(--text-control-line);font-weight:var(--text-control-weight);letter-spacing:var(--text-control-tracking);color:var(--on-surface);cursor:pointer;text-align:left}.menu__item:hover,.menu__item:focus-visible{background:var(--primary-container)}.menu__check{display:inline-flex;justify-content:center;flex-shrink:0;width:20px;margin-right:var(--space-2);font-size:var(--text-label-size)}.menu__item--danger{color:var(--error)}.menu__item:disabled{color:var(--neutral);opacity:.5;cursor:not-allowed}.menu__item:disabled:hover{background:none}.menu--start{right:auto;left:0}.menu--above{top:auto;bottom:calc(100% + 8px)}.menu__item--person{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;height:auto;min-height:var(--row-height);padding-top:var(--space-2);padding-bottom:var(--space-2)}.menu__header-title{font-size:var(--text-control-size);line-height:var(--text-control-line);font-weight:var(--text-control-weight);color:var(--on-surface)}.menu__header-detail{font-size:var(--text-caption-size);line-height:var(--text-caption-line);font-weight:var(--text-caption-weight);letter-spacing:var(--text-caption-tracking);color:var(--on-surface-variant)}.menu__note{padding:var(--space-2) var(--space-4);font-size:var(--text-body-size);color:var(--on-surface-variant)}.menu__note--heading{padding-bottom:var(--space-1);font-size:var(--text-label-size);line-height:var(--text-label-line);font-weight:var(--text-label-weight);letter-spacing:var(--text-label-tracking)}.menu__divider{height:1px;background:var(--outline-variant);margin:var(--space-2) 0}.profile-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--shape-full);background-color:var(--primary);color:var(--on-primary);font-family:var(--font-ui);font-size:var(--text-label-size);font-weight:var(--text-label-weight);letter-spacing:-.01em;line-height:1;cursor:pointer;padding:0}.profile-icon--labeled{width:auto;gap:var(--space-2);padding:0 0 0 var(--space-3);background-color:transparent;color:var(--on-surface);font-size:var(--text-control-size);font-weight:var(--text-control-weight);letter-spacing:var(--text-control-tracking);transition:background-color var(--dur-2) var(--ease)}.profile-icon--labeled:hover{background-color:var(--surface-container-low)}.profile-icon__label{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-icon--labeled .profile-icon__initials{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--shape-full);background-color:var(--primary);color:var(--on-primary);font-size:var(--text-label-size);font-weight:var(--text-label-weight);letter-spacing:-.01em}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;z-index:var(--z-dialog-overlay);animation:dialog-overlay-fade-in var(--dur-3) var(--ease)}.dialog-panel{position:relative;background:var(--surface-container-high);border-radius:var(--shape-xl);box-shadow:var(--el-3);width:400px;max-width:calc(100vw - 48px);max-height:calc(100vh - 48px);overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;z-index:var(--z-dialog);animation:dialog-panel-in var(--dur-3) var(--ease)}.dialog-panel--wide{width:480px}.dialog-panel--form{width:880px;max-height:min(800px,calc(100vh - 48px));padding:0;gap:0;overflow:hidden;animation:dialog-panel-rise var(--dur-4) var(--ease-emphasized)}.dialog-overlay:has(.dialog-panel--form){-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@keyframes dialog-panel-rise{0%{opacity:0;transform:translateY(16px) scale(.985)}}.dialog-panel--form .dialog-panel__header{padding:var(--space-5) var(--space-5) var(--space-4) 28px;border-bottom:1px solid var(--outline-variant)}.dialog-panel--form .dialog__body{flex:1;min-height:0;gap:0}@keyframes dialog-overlay-fade-in{0%{opacity:0}}@keyframes dialog-panel-in{0%{opacity:0;transform:scale(.96)}}.dialog-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.dialog-panel__titles{display:flex;flex-direction:column;gap:2px;min-width:0}.dialog-panel__eyebrow{font-size:var(--text-overline-size);line-height:var(--text-overline-line);font-weight:var(--text-overline-weight);letter-spacing:var(--text-overline-tracking);text-transform:uppercase;color:var(--primary);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dialog-panel__title{font-size:var(--text-h2-size);line-height:var(--text-h2-line);font-weight:700;color:var(--on-surface)}.dialog-panel__close{background:none;border:none;padding:4px;display:flex;color:var(--on-surface-variant);cursor:pointer;border-radius:var(--shape-sm)}.dialog-panel__close:hover{color:var(--on-surface)}.dialog__body{display:flex;flex-direction:column;gap:16px;font-size:var(--text-body-size);color:var(--on-surface)}.dialog__footer{display:flex;justify-content:flex-end;gap:var(--space-2)}.dialog__footer-start{margin-right:auto}.field{display:flex;flex-direction:column;gap:6px;font-family:var(--font-ui)}.field__label-row{display:flex;align-items:baseline;justify-content:space-between}.field__label{font-size:var(--text-label-size);line-height:var(--text-label-line);font-weight:var(--text-label-weight);letter-spacing:var(--text-label-tracking);color:var(--on-surface-variant)}.field__counter,.field__help{font-size:var(--text-caption-size);color:var(--on-surface-variant)}.field__error{font-size:var(--text-caption-size);color:var(--error)}.input{box-sizing:border-box;width:100%;height:40px;padding:0 12px;border:1px solid var(--outline-variant);border-radius:var(--shape-xs);background-color:var(--surface-container-lowest);color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-body-size);transition:border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.input::placeholder{color:var(--placeholder)}.input:focus{outline:none;border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.input--error{border-color:var(--error)}.text-field .field__label{color:var(--on-surface-variant);transition:color var(--dur-2) var(--ease)}.text-field:focus-within .field__label{color:var(--primary)}.text-field .field__help,.text-field .field__counter{font-size:var(--text-caption-size);color:var(--on-surface-variant)}.text-field .field__error{font-size:var(--text-caption-size);color:var(--error)}.text-field .input{height:48px;width:100%;background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--shape-xs);padding:0 12px;font-family:var(--font-ui);font-size:var(--text-body-size);color:var(--on-surface);transition:border-color var(--dur-2) var(--ease),border-width var(--dur-2) var(--ease)}.text-field .input::placeholder{color:var(--placeholder)}.text-field .input:focus{border:2px solid var(--primary);outline:none;padding:0 11px}.text-field .input--error{border:2px solid var(--error);padding:0 11px}.text-field .input--error:focus{border:2px solid var(--error);padding:0 11px}.text-field .input-with-icon{position:relative}.text-field .input-with-icon .input{padding-right:44px}.text-field .input-with-icon .input:focus,.text-field .input-with-icon .input--error{padding-right:43px}.text-field .input-with-icon__toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;display:flex;cursor:pointer;color:var(--neutral);border-radius:var(--shape-xs)}.text-field .input-with-icon__toggle:hover{color:var(--on-surface)}.text-field .input-with-icon__toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.input-with-icon{position:relative}.input-with-icon__toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;padding:4px;border:none;background:none;color:var(--on-surface-variant);cursor:pointer}.snackbar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;width:max-content;max-width:480px;padding:14px 16px;background-color:var(--inverse-surface);color:var(--on-inverse-surface);border-radius:var(--shape-sm);box-shadow:var(--el-2);font-family:var(--font-ui);font-size:var(--text-body-size);line-height:var(--text-body-line);z-index:var(--z-toast);animation:snackbar-in var(--dur-3) var(--ease)}.snackbar__message{flex:1 1 auto;min-width:0;overflow-wrap:break-word}.snackbar__close{flex:0 0 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;width:24px;height:24px;border:none;border-radius:var(--shape-full);display:inline-flex;align-items:center;justify-content:center;background:transparent;color:inherit;cursor:pointer;transition:background-color var(--dur-2) var(--ease)}.snackbar__close:hover{background-color:var(--overlay-hover-inverse)}.snackbar__close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@keyframes snackbar-in{0%{opacity:0;transform:translate(-50%,12px)}}.app-logo{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--space-1);margin-left:calc(var(--space-1) * -1);border-radius:var(--shape-sm);transition:background-color var(--dur-2) var(--ease)}.app-logo:hover{background-color:var(--surface-container-high)}.app-logo__mark{width:32px;height:32px}.waitlist{display:flex;flex-direction:column;gap:var(--space-3);position:relative}.waitlist__row{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3)}.waitlist__field{flex:1 1 auto;min-width:0}.waitlist__button{height:48px;align-self:stretch}.waitlist__alert{padding:var(--space-3) var(--space-4);border-radius:var(--shape-sm);background:var(--error-container);color:var(--on-error-container);font-size:var(--text-body-size);line-height:var(--text-body-line)}.waitlist__done{display:flex;align-items:center;min-height:calc(var(--text-label-line) + 6px + 48px);padding:var(--space-3) var(--space-4);border-radius:var(--shape-sm);background:var(--success-container);color:var(--on-success-container);font-size:var(--text-body-size);line-height:var(--text-body-line)}.waitlist__done:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.waitlist__trap{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;opacity:0;pointer-events:none}@media(min-width:768px){.waitlist__row{flex-direction:row;align-items:flex-start}.waitlist__button{align-self:flex-start;margin-top:calc(var(--text-label-line) + 6px);flex:0 0 auto;min-width:160px}}.landing{display:flex;flex-direction:column;min-height:100%;background:var(--surface);color:var(--on-surface)}.landing__header{padding:var(--space-3) var(--space-4)}.landing__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);max-width:1120px;margin:0 auto}.landing__main{flex:1 0 auto;display:flex;flex-direction:column;gap:var(--space-6);width:100%;max-width:720px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-7)}.landing__hero{display:flex;flex-direction:column;gap:var(--space-3)}.landing__eyebrow{font-size:var(--text-overline-size);line-height:var(--text-overline-line);font-weight:var(--text-overline-weight);letter-spacing:var(--text-overline-tracking);text-transform:uppercase;color:var(--primary)}.landing__headline{font-size:var(--text-h1-size);line-height:var(--text-h1-line);font-weight:var(--text-h1-weight);letter-spacing:var(--text-h1-tracking);color:var(--on-surface);overflow-wrap:anywhere}.landing__subline{font-size:var(--text-prose-size);line-height:var(--text-prose-line);font-weight:var(--text-prose-weight);color:var(--on-surface-variant)}.landing__main [id=privacy]{scroll-margin-top:var(--space-6)}.landing__footer{padding:var(--space-5) var(--space-4);border-top:1px solid var(--outline-variant)}.landing__links{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);max-width:1120px;margin:0 auto;font-size:var(--text-caption-size);line-height:var(--text-caption-line);letter-spacing:var(--text-caption-tracking)}.landing__links a{display:inline-flex;align-items:center;min-height:24px}@media(min-width:768px){.landing__header,.landing__footer{padding-left:var(--space-6);padding-right:var(--space-6)}.landing__main{gap:var(--space-7);padding-left:var(--space-6);padding-right:var(--space-6)}.landing__headline{font-size:var(--text-display-size);line-height:var(--text-display-line);font-weight:var(--text-display-weight);letter-spacing:var(--text-display-tracking)}}.landing__waitlist,.landing__keep{display:flex;flex-direction:column;gap:var(--space-3)}.landing__h2{font-size:var(--text-h2-size);line-height:var(--text-h2-line);font-weight:var(--text-h2-weight);letter-spacing:var(--text-h2-tracking);color:var(--on-surface)}.landing__text{font-size:var(--text-prose-size);line-height:var(--text-prose-line);color:var(--on-surface-variant)}.landing__notice{font-size:var(--text-body-size);line-height:var(--text-body-line);color:var(--on-surface-variant)}.landing__waitlist{scroll-margin-top:var(--space-6)}.auth-shell{position:relative;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);padding:var(--space-5)}.auth-shell__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.auth-shell__blob{position:absolute;width:55vmin;height:55vmin;max-width:480px;max-height:480px}.auth-shell__blob--tl{top:-12vmin;left:-12vmin}.auth-shell__blob--tl2{top:-6vmin;left:14vmin;width:28vmin;height:28vmin;max-width:240px;max-height:240px}.auth-shell__blob--br{bottom:-12vmin;right:-12vmin}.auth-shell__blob--br2{bottom:-4vmin;right:16vmin;width:24vmin;height:24vmin;max-width:200px;max-height:200px}.auth-shell__brand{display:flex;align-items:center;gap:12px}.auth-shell__wordmark{font-weight:700;color:var(--primary)}.auth-shell__card{width:400px;max-width:100%;background:var(--surface-container-low);border-radius:var(--shape-xl);box-shadow:var(--el-2);padding:40px 36px;display:flex;flex-direction:column;gap:var(--space-4);box-sizing:border-box}.authenticator{display:flex;flex-direction:column;gap:var(--space-4)}.authenticator__lead{color:var(--on-surface-variant)}.authenticator__handoff{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.authenticator__handoff .btn{text-decoration:none}.authenticator__hint{margin:0;color:var(--on-surface-variant);font-size:var(--text-label-size);line-height:var(--text-label-line);letter-spacing:var(--text-label-tracking)}.authenticator__or{display:flex;align-items:center;gap:var(--space-3);margin:0;color:var(--on-surface-variant);font-size:var(--text-label-size);line-height:var(--text-label-line);letter-spacing:var(--text-label-tracking)}.authenticator__or:before,.authenticator__or:after{content:"";flex:1;height:1px;background:var(--outline-variant)}.authenticator__link{justify-content:flex-start}.authenticator__qr{align-self:center;width:176px;height:176px;padding:var(--space-2);border-radius:var(--shape-sm);background:var(--qr-surface);box-shadow:var(--el-1)}.authenticator__qr img{display:block;width:100%;height:100%}.authenticator__manual{display:flex;flex-direction:column;gap:var(--space-2)}.authenticator__manual summary{cursor:pointer;color:var(--primary);font-size:var(--text-label-size);line-height:var(--text-label-line);font-weight:var(--text-label-weight);letter-spacing:var(--text-label-tracking)}.authenticator__steps{margin:0;padding-left:var(--space-5);color:var(--on-surface-variant);display:flex;flex-direction:column;gap:var(--space-1)}.recovery-codes{list-style:none;margin:0;padding:var(--space-3) var(--space-4);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1) var(--space-4);border-radius:var(--shape-sm);background:var(--surface-container);font-family:var(--font-ui);font-size:var(--text-metric-size);line-height:var(--text-metric-line);font-weight:var(--text-metric-weight);letter-spacing:var(--text-metric-tracking)}.recovery-codes__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.copy-value{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:none;border-radius:var(--shape-sm);background:var(--tertiary-container);color:var(--on-tertiary-container);cursor:pointer;text-align:left;transition:filter var(--dur-2) var(--ease)}.copy-value--code{background:var(--surface-container-high);color:var(--on-surface)}.copy-value:hover{filter:brightness(.96)}.copy-value:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.copy-value__text{min-width:0;overflow-wrap:anywhere;font-family:var(--font-ui);font-size:var(--text-metric-size);line-height:var(--text-metric-line);font-weight:var(--text-metric-weight);letter-spacing:var(--text-metric-tracking);font-variant-numeric:tabular-nums}.copy-value svg{flex-shrink:0}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:var(--shape-full);background:transparent;color:var(--on-surface-variant);cursor:pointer;transition:background-color var(--dur-2) var(--ease),color var(--dur-2) var(--ease)}.icon-btn:active{transform:translateY(1px)}.icon-btn:disabled{opacity:.38;pointer-events:none}.icon-btn--small{width:32px;height:32px}.icon-btn--standard:hover{background:var(--surface-container-high)}.icon-btn--filled{background:var(--primary);color:var(--on-primary)}.icon-btn--filled:hover{background:var(--primary-hover)}.icon-btn--tonal{background:var(--primary-container);color:var(--on-primary-container)}.icon-btn--tonal:hover{filter:brightness(.96)}.top-app-bar{display:flex;align-items:center;gap:20px;height:64px;box-sizing:border-box;padding:0 40px;background-color:var(--surface-container-lowest);border-bottom:1px solid var(--outline-variant);font-family:var(--font-ui);color:var(--on-surface)}.top-app-bar__leading,.top-app-bar__trailing{display:flex;align-items:center;gap:12px;flex-shrink:0}.top-app-bar__leading{flex-shrink:1;min-width:0}.top-app-bar__middle{display:flex;align-items:center;gap:12px;flex:1 1 auto;min-width:0}.top-app-bar__title{flex:0 1 auto;min-width:0;margin:0;font-size:var(--text-h3-size);line-height:var(--text-h3-line);font-weight:var(--text-h3-weight);letter-spacing:var(--text-h3-tracking);color:var(--on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-app-bar :is(a,button):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--shape-xs)}@media(max-width:1023px){.top-app-bar{padding:0 var(--space-4)}.top-app-bar__leading{flex-shrink:1;min-width:0}}@media(max-width:639px){.top-app-bar{height:auto;min-height:64px;flex-wrap:wrap;row-gap:var(--space-2);padding-block:var(--space-2)}.top-app-bar__leading{display:contents}.top-app-bar__leading>.zoom-control{order:1;flex:1 1 100%}.top-app-bar__trailing{flex-shrink:1;min-width:0}.top-app-bar__trailing .menu-anchor{min-width:0}.top-app-bar__trailing .profile-icon--labeled{max-width:100%}.top-app-bar__trailing .profile-icon__initials{flex-shrink:0}}.create-menu__button{display:inline-flex;align-items:center;gap:var(--space-1);white-space:nowrap}.resume-line{flex:0 0 auto;font-size:var(--text-body-size);line-height:var(--text-body-line);color:var(--on-surface)}.resume-line:focus{outline:none}.resume-line--filled{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-1) var(--space-4);box-sizing:border-box;min-height:48px;padding:var(--space-1) 40px;background-color:var(--info-container);color:var(--on-info-container);border-bottom:1px solid var(--outline-variant)}.resume-line__text{flex:1 1 24ch;min-width:0;margin:0;overflow-wrap:anywhere}.resume-line__actions{display:flex;flex:0 0 auto;align-items:center;gap:var(--space-3)}.resume-line__link{color:inherit;font-weight:500;text-decoration:underline;text-underline-offset:2px}.resume-line__link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--shape-xs)}.resume-line .btn--ghost{color:inherit}@media(max-width:1023px){.resume-line--filled{padding-left:var(--space-4);padding-right:var(--space-4)}}.home-shell{display:flex;flex-direction:column;flex:1}.home-nav{display:flex;align-items:center;gap:var(--space-1)}.home-nav__link{display:inline-flex;align-items:center;height:36px;padding:0 var(--space-4);border-radius:var(--shape-full);color:var(--on-surface);font-size:var(--text-control-size);line-height:var(--text-control-line);font-weight:var(--text-control-weight);letter-spacing:var(--text-control-tracking);white-space:nowrap;transition:background-color var(--dur-2) var(--ease),color var(--dur-2) var(--ease)}.home-nav__link:hover{background-color:var(--surface-container-low);color:var(--on-surface)}.home-nav__link[aria-current=page]{background-color:var(--primary-container);color:var(--on-primary-container)}.home-section{display:flex;flex-direction:column;gap:var(--space-4)}.home-section__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-3)}.home-section__aside{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-3);margin-inline-start:auto}:root{--ramp-ocean-98: #f6f9ff;--ramp-ocean-95: #eaf1ff;--ramp-ocean-90: #d4e3ff;--ramp-ocean-80: #aac7ff;--ramp-ocean-70: #80abff;--ramp-ocean-60: #558dff;--ramp-ocean-50: #2a6cff;--ramp-ocean-40: #014bee;--ramp-ocean-30: #21438b;--ramp-ocean-20: #182f5d;--ramp-ocean-10: #0f1b33;--ramp-sky-98: #f1fbff;--ramp-sky-95: #dbf5ff;--ramp-sky-90: #b8eafc;--ramp-sky-80: #72d3f3;--ramp-sky-70: #1fbae2;--ramp-sky-60: #009dc2;--ramp-sky-50: #0082a0;--ramp-sky-40: #006780;--ramp-sky-30: #004d61;--ramp-sky-20: #003544;--ramp-sky-10: #001f28;--ramp-kelp-98: #f0fdf0;--ramp-kelp-95: #e2f6e2;--ramp-kelp-90: #caebca;--ramp-kelp-80: #99d59a;--ramp-kelp-70: #65be6a;--ramp-kelp-60: #36a543;--ramp-kelp-50: #0b8a26;--ramp-kelp-40: #006e1a;--ramp-kelp-30: #005311;--ramp-kelp-20: #06390d;--ramp-kelp-10: #09200b;--ramp-sun-98: #fff8f3;--ramp-sun-95: #ffeee0;--ramp-sun-90: #ffdcbf;--ramp-sun-80: #f9ba82;--ramp-sun-70: #ef973d;--ramp-sun-60: #d57a00;--ramp-sun-50: #b06400;--ramp-sun-40: #8d4f00;--ramp-sun-30: #6b3b00;--ramp-sun-20: #4b2800;--ramp-sun-10: #2d1601;--ramp-rose-98: #fff8f7;--ramp-rose-95: #ffedeb;--ramp-rose-90: #ffdad7;--ramp-rose-80: #ffb3ae;--ramp-rose-70: #ff8983;--ramp-rose-60: #f85b5a;--ramp-rose-50: #dc383e;--ramp-rose-40: #bd0d25;--ramp-rose-30: #822627;--ramp-rose-20: #581c1c;--ramp-rose-10: #311211;--ramp-plum-98: #fff7fd;--ramp-plum-95: #ffebfa;--ramp-plum-90: #fed7f4;--ramp-plum-80: #f5b2e5;--ramp-plum-70: #ea8bd6;--ramp-plum-60: #dd62c6;--ramp-plum-50: #cc32b5;--ramp-plum-40: #ae0099;--ramp-plum-30: #722a66;--ramp-plum-20: #4d1f45;--ramp-plum-10: #2b1326;--ramp-grey-99: #fbfcff;--ramp-grey-98: #f6f9ff;--ramp-grey-96: #eff4fc;--ramp-grey-94: #eaeef6;--ramp-grey-92: #e4e8f0;--ramp-grey-90: #dee3eb;--ramp-grey-87: #d6dae2;--ramp-grey-80: #c2c7cf;--ramp-grey-70: #a7abb3;--ramp-grey-60: #8d9198;--ramp-grey-50: #73777e;--ramp-grey-49: #71757c;--ramp-grey-40: #5b5e65;--ramp-grey-30: #43474d;--ramp-grey-25: #383c42;--ramp-grey-22: #31353b;--ramp-grey-20: #2d3037;--ramp-grey-17: #272a30;--ramp-grey-15: #23262c;--ramp-grey-12: #1d2025;--ramp-grey-10: #191c21;--ramp-grey-08: #15181d;--ramp-grey-06: #111319;--ramp-grey-04: #0b0e13;--ramp-white: #ffffff;--ramp-black: #000000}:root{--font-ui: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;--font-reading: system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--text-display-size: 36px;--text-display-line: 44px;--text-display-weight: 700;--text-display-tracking: -.01em;--text-h1-size: 24px;--text-h1-line: 32px;--text-h1-weight: 700;--text-h1-tracking: -.005em;--text-h2-size: 20px;--text-h2-line: 28px;--text-h2-weight: 700;--text-h2-tracking: 0;--text-h3-size: 17px;--text-h3-line: 24px;--text-h3-weight: 500;--text-h3-tracking: 0;--text-body-size: 14px;--text-body-line: 22px;--text-body-weight: 400;--text-body-tracking: 0;--text-prose-size: 15px;--text-prose-line: 24px;--text-prose-weight: 400;--text-prose-tracking: 0;--text-prose-family: var(--font-ui);--text-control-size: 13px;--text-control-line: 20px;--text-control-weight: 500;--text-control-tracking: 0;--text-label-size: 12px;--text-label-line: 18px;--text-label-weight: 500;--text-label-tracking: 0;--text-overline-size: 12px;--text-overline-line: 16px;--text-overline-weight: 500;--text-overline-tracking: .04em;--text-caption-size: 12px;--text-caption-line: 16px;--text-caption-weight: 400;--text-caption-tracking: 0;--text-metric-size: 14px;--text-metric-line: 22px;--text-metric-weight: 500;--text-metric-tracking: 0}:root[data-prose-size=s]{--text-prose-size: 14px;--text-prose-line: 22px}:root[data-prose-size=l]{--text-prose-size: 17px;--text-prose-line: 26px}:root[data-prose-font=sans]{--text-prose-family: var(--font-reading);--measure-prose: 52ch}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px}:root{--measure-prose: 66ch}:root{--row-height: 40px;--row-height-dense: 32px;--row-gap-dense: 2px}:root{--shape-xs: 4px;--shape-sm: 8px;--shape-md: 12px;--shape-lg: 16px;--shape-xl: 28px;--shape-full: 999px}:root{--ease: cubic-bezier(.2, 0, 0, 1);--ease-emphasized: cubic-bezier(.05, .7, .1, 1);--dur-1: .1s;--dur-2: .15s;--dur-3: .2s;--dur-4: .28s}:root{--z-topbar: 100;--z-dropdown: 400;--z-fab: 500;--z-dialog-overlay: 900;--z-dialog: 1000;--z-toast: 1100}:root{color-scheme:light;--primary: var(--ramp-ocean-40);--on-primary: var(--ramp-white);--primary-container: var(--ramp-ocean-90);--on-primary-container: var(--ramp-ocean-30);--primary-surface: var(--ramp-ocean-95);--primary-hover: var(--ramp-ocean-30);--secondary: var(--ramp-plum-40);--on-secondary: var(--ramp-white);--secondary-container: var(--ramp-plum-90);--on-secondary-container: var(--ramp-plum-30);--secondary-surface: var(--ramp-plum-95);--tertiary: var(--ramp-kelp-40);--on-tertiary: var(--ramp-white);--tertiary-container: var(--ramp-kelp-90);--on-tertiary-container: var(--ramp-kelp-30);--tertiary-surface: var(--ramp-kelp-95);--success: var(--ramp-kelp-40);--on-success: var(--ramp-white);--success-container: var(--ramp-kelp-90);--on-success-container: var(--ramp-kelp-30);--warning: var(--ramp-sun-40);--on-warning: var(--ramp-white);--warning-container: var(--ramp-sun-90);--on-warning-container: var(--ramp-sun-30);--info: var(--ramp-sky-40);--on-info: var(--ramp-white);--info-container: var(--ramp-sky-90);--on-info-container: var(--ramp-sky-30);--error: var(--ramp-rose-40);--on-error: var(--ramp-white);--error-container: var(--ramp-rose-90);--on-error-container: var(--ramp-rose-30);--neutral: var(--ramp-grey-40);--on-neutral: var(--ramp-white);--neutral-container: var(--ramp-grey-90);--on-neutral-container: var(--ramp-grey-30);--tag-a-container: var(--ramp-grey-80);--on-tag-a-container: var(--ramp-grey-10);--tag-b-container: var(--ramp-grey-92);--on-tag-b-container: var(--ramp-grey-20);--surface: var(--ramp-grey-98);--surface-container-lowest: var(--ramp-white);--surface-container-low: var(--ramp-grey-96);--surface-container: var(--ramp-grey-94);--surface-container-high: var(--ramp-grey-92);--surface-container-highest: var(--ramp-grey-90);--on-surface: var(--ramp-grey-10);--on-surface-variant: var(--ramp-grey-40);--placeholder: var(--ramp-grey-49);--outline: var(--ramp-grey-50);--outline-variant: var(--ramp-grey-87);--inverse-surface: var(--ramp-grey-20);--on-inverse-surface: var(--ramp-grey-96);--focus-ring: var(--ramp-ocean-40);--scrim: rgba(31, 41, 55, .5);--overlay-hover: rgba(0, 0, 0, .08);--overlay-hover-inverse: rgba(255, 255, 255, .12);--el-1: 0 1px 2px rgba(16, 24, 32, .3), 0 1px 3px 1px rgba(16, 24, 32, .15);--el-2: 0 1px 2px rgba(16, 24, 32, .3), 0 3px 8px 2px rgba(16, 24, 32, .15);--el-3: 0 1px 3px rgba(16, 24, 32, .3), 0 5px 12px 4px rgba(16, 24, 32, .15);--qr-surface: var(--ramp-grey-98);--weight-1: var(--ramp-ocean-90);--on-weight-1: var(--ramp-ocean-10);--weight-2: var(--ramp-ocean-80);--on-weight-2: var(--ramp-ocean-10);--weight-3: var(--ramp-ocean-60);--on-weight-3: var(--ramp-ocean-10);--weight-4: var(--ramp-ocean-40);--on-weight-4: var(--ramp-white);--weight-border: var(--ramp-ocean-40)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--primary: var(--ramp-ocean-80);--on-primary: var(--ramp-ocean-20);--primary-container: var(--ramp-ocean-30);--on-primary-container: var(--ramp-ocean-90);--primary-surface: var(--ramp-ocean-20);--primary-hover: var(--ramp-ocean-90);--secondary: var(--ramp-plum-80);--on-secondary: var(--ramp-plum-20);--secondary-container: var(--ramp-plum-30);--on-secondary-container: var(--ramp-plum-90);--secondary-surface: var(--ramp-plum-20);--tertiary: var(--ramp-kelp-80);--on-tertiary: var(--ramp-kelp-20);--tertiary-container: var(--ramp-kelp-30);--on-tertiary-container: var(--ramp-kelp-90);--tertiary-surface: var(--ramp-kelp-20);--success: var(--ramp-kelp-80);--on-success: var(--ramp-kelp-20);--success-container: var(--ramp-kelp-30);--on-success-container: var(--ramp-kelp-90);--warning: var(--ramp-sun-80);--on-warning: var(--ramp-sun-20);--warning-container: var(--ramp-sun-30);--on-warning-container: var(--ramp-sun-90);--info: var(--ramp-sky-80);--on-info: var(--ramp-sky-20);--info-container: var(--ramp-sky-30);--on-info-container: var(--ramp-sky-90);--error: var(--ramp-rose-80);--on-error: var(--ramp-rose-20);--error-container: var(--ramp-rose-30);--on-error-container: var(--ramp-rose-90);--neutral: var(--ramp-grey-80);--on-neutral: var(--ramp-grey-20);--neutral-container: var(--ramp-grey-30);--on-neutral-container: var(--ramp-grey-90);--tag-a-container: var(--ramp-grey-40);--on-tag-a-container: var(--ramp-grey-96);--tag-b-container: var(--ramp-grey-25);--on-tag-b-container: var(--ramp-grey-90);--surface: var(--ramp-grey-06);--surface-container-lowest: var(--ramp-grey-04);--surface-container-low: var(--ramp-grey-10);--surface-container: var(--ramp-grey-12);--surface-container-high: var(--ramp-grey-17);--surface-container-highest: var(--ramp-grey-22);--on-surface: var(--ramp-grey-90);--on-surface-variant: var(--ramp-grey-80);--placeholder: var(--ramp-grey-60);--outline: var(--ramp-grey-60);--outline-variant: var(--ramp-grey-30);--inverse-surface: var(--ramp-grey-90);--on-inverse-surface: var(--ramp-grey-20);--focus-ring: var(--ramp-ocean-70);--scrim: rgba(3, 7, 12, .66);--overlay-hover: rgba(255, 255, 255, .1);--overlay-hover-inverse: rgba(0, 0, 0, .14);--el-1: 0 1px 2px rgba(0, 0, 0, .6), 0 1px 3px 1px rgba(0, 0, 0, .4);--el-2: 0 1px 2px rgba(0, 0, 0, .6), 0 3px 8px 2px rgba(0, 0, 0, .4);--el-3: 0 1px 3px rgba(0, 0, 0, .6), 0 5px 12px 4px rgba(0, 0, 0, .45);--qr-surface: var(--ramp-grey-98);--weight-1: var(--ramp-ocean-30);--on-weight-1: var(--ramp-white);--weight-2: var(--ramp-ocean-40);--on-weight-2: var(--ramp-white);--weight-3: var(--ramp-ocean-60);--on-weight-3: var(--ramp-ocean-10);--weight-4: var(--ramp-ocean-80);--on-weight-4: var(--ramp-ocean-10);--weight-border: var(--ramp-ocean-80)}}:root[data-theme=dark]{color-scheme:dark;--primary: var(--ramp-ocean-80);--on-primary: var(--ramp-ocean-20);--primary-container: var(--ramp-ocean-30);--on-primary-container: var(--ramp-ocean-90);--primary-surface: var(--ramp-ocean-20);--primary-hover: var(--ramp-ocean-90);--secondary: var(--ramp-plum-80);--on-secondary: var(--ramp-plum-20);--secondary-container: var(--ramp-plum-30);--on-secondary-container: var(--ramp-plum-90);--secondary-surface: var(--ramp-plum-20);--tertiary: var(--ramp-kelp-80);--on-tertiary: var(--ramp-kelp-20);--tertiary-container: var(--ramp-kelp-30);--on-tertiary-container: var(--ramp-kelp-90);--tertiary-surface: var(--ramp-kelp-20);--success: var(--ramp-kelp-80);--on-success: var(--ramp-kelp-20);--success-container: var(--ramp-kelp-30);--on-success-container: var(--ramp-kelp-90);--warning: var(--ramp-sun-80);--on-warning: var(--ramp-sun-20);--warning-container: var(--ramp-sun-30);--on-warning-container: var(--ramp-sun-90);--info: var(--ramp-sky-80);--on-info: var(--ramp-sky-20);--info-container: var(--ramp-sky-30);--on-info-container: var(--ramp-sky-90);--error: var(--ramp-rose-80);--on-error: var(--ramp-rose-20);--error-container: var(--ramp-rose-30);--on-error-container: var(--ramp-rose-90);--neutral: var(--ramp-grey-80);--on-neutral: var(--ramp-grey-20);--neutral-container: var(--ramp-grey-30);--on-neutral-container: var(--ramp-grey-90);--tag-a-container: var(--ramp-grey-40);--on-tag-a-container: var(--ramp-grey-96);--tag-b-container: var(--ramp-grey-25);--on-tag-b-container: var(--ramp-grey-90);--surface: var(--ramp-grey-06);--surface-container-lowest: var(--ramp-grey-04);--surface-container-low: var(--ramp-grey-10);--surface-container: var(--ramp-grey-12);--surface-container-high: var(--ramp-grey-17);--surface-container-highest: var(--ramp-grey-22);--on-surface: var(--ramp-grey-90);--on-surface-variant: var(--ramp-grey-80);--placeholder: var(--ramp-grey-60);--outline: var(--ramp-grey-60);--outline-variant: var(--ramp-grey-30);--inverse-surface: var(--ramp-grey-90);--on-inverse-surface: var(--ramp-grey-20);--focus-ring: var(--ramp-ocean-70);--scrim: rgba(3, 7, 12, .66);--overlay-hover: rgba(255, 255, 255, .1);--overlay-hover-inverse: rgba(0, 0, 0, .14);--el-1: 0 1px 2px rgba(0, 0, 0, .6), 0 1px 3px 1px rgba(0, 0, 0, .4);--el-2: 0 1px 2px rgba(0, 0, 0, .6), 0 3px 8px 2px rgba(0, 0, 0, .4);--el-3: 0 1px 3px rgba(0, 0, 0, .6), 0 5px 12px 4px rgba(0, 0, 0, .45);--qr-surface: var(--ramp-grey-98);--weight-1: var(--ramp-ocean-30);--on-weight-1: var(--ramp-white);--weight-2: var(--ramp-ocean-40);--on-weight-2: var(--ramp-white);--weight-3: var(--ramp-ocean-60);--on-weight-3: var(--ramp-ocean-10);--weight-4: var(--ramp-ocean-80);--on-weight-4: var(--ramp-ocean-10);--weight-border: var(--ramp-ocean-80)}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Variable.woff2) format("woff2");font-weight:100 800;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Italic-Variable.woff2) format("woff2");font-weight:100 800;font-style:italic;font-display:swap}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{font-variant-ligatures:no-contextual;font-synthesis-style:none}pre,code,.markdown code,.markdown pre{font-variant-ligatures:contextual}body{margin:0;font-family:var(--font-ui);font-size:var(--text-body-size);line-height:var(--text-body-line);color:var(--on-surface);background:var(--surface);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}button{font-family:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-3);top:-48px;z-index:1200;background:var(--primary);color:var(--on-primary);padding:10px 16px;border-radius:var(--shape-sm);transition:top var(--dur-2) var(--ease)}.skip-link:focus{top:var(--space-3)}table{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.brand-mark{display:block;flex-shrink:0;background-image:url(/kelpy-logo.png?v=31c271cd);background-size:contain;background-repeat:no-repeat;background-position:center}.page{min-height:100%;display:flex;flex-direction:column}.page__body{flex:1;box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.h1{font-size:var(--text-h1-size);line-height:var(--text-h1-line);font-weight:var(--text-h1-weight);letter-spacing:var(--text-h1-tracking);color:var(--on-surface)}.h2{font-size:var(--text-h2-size);line-height:var(--text-h2-line);font-weight:var(--text-h2-weight);letter-spacing:var(--text-h2-tracking);color:var(--on-surface)}.h3{font-size:var(--text-h3-size);line-height:var(--text-h3-line);font-weight:var(--text-h3-weight);letter-spacing:var(--text-h3-tracking);color:var(--on-surface)}.narrow-notice{display:none}@media(max-width:1023px){.product-shell{display:none}.narrow-notice{display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);text-align:center;color:var(--on-surface-variant)}}:root{--zoom-duration: .32s;--scroll-distance: 32px}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--zoom-duration);animation-timing-function:var(--ease);animation-fill-mode:both}:root[data-zoom=in]::view-transition-old(root){animation-name:zoom-fade-out,zoom-leave-larger}:root[data-zoom=in]::view-transition-new(root){animation-name:zoom-fade-in,zoom-arrive-smaller}:root[data-zoom=out]::view-transition-old(root){animation-name:zoom-fade-out,zoom-leave-smaller}:root[data-zoom=out]::view-transition-new(root){animation-name:zoom-fade-in,zoom-arrive-larger}:root[data-zoom=up]::view-transition-old(root){animation-name:zoom-fade-out,scroll-leave-down}:root[data-zoom=up]::view-transition-new(root){animation-name:zoom-fade-in,scroll-arrive-from-above}:root[data-zoom=down]::view-transition-old(root){animation-name:zoom-fade-out,scroll-leave-up}:root[data-zoom=down]::view-transition-new(root){animation-name:zoom-fade-in,scroll-arrive-from-below}.zoom-view{transform-origin:50% 40%}:root[data-zoom-mode=css][data-zoom=in] .zoom-view{animation:zoom-fade-in var(--zoom-duration) var(--ease) both,zoom-arrive-smaller var(--zoom-duration) var(--ease) both}:root[data-zoom-mode=css][data-zoom=out] .zoom-view{animation:zoom-fade-in var(--zoom-duration) var(--ease) both,zoom-arrive-larger var(--zoom-duration) var(--ease) both}:root[data-zoom-mode=css][data-zoom=up] .zoom-view{animation:zoom-fade-in var(--zoom-duration) var(--ease) both,scroll-arrive-from-above var(--zoom-duration) var(--ease) both}:root[data-zoom-mode=css][data-zoom=down] .zoom-view{animation:zoom-fade-in var(--zoom-duration) var(--ease) both,scroll-arrive-from-below var(--zoom-duration) var(--ease) both}@keyframes zoom-fade-in{0%{opacity:0}}@keyframes zoom-fade-out{to{opacity:0}}@keyframes zoom-arrive-smaller{0%{transform:scale(.96)}}@keyframes zoom-arrive-larger{0%{transform:scale(1.04)}}@keyframes zoom-leave-larger{to{transform:scale(1.04)}}@keyframes zoom-leave-smaller{to{transform:scale(.96)}}@keyframes scroll-arrive-from-above{0%{transform:translateY(calc(-1 * var(--scroll-distance)))}}@keyframes scroll-arrive-from-below{0%{transform:translateY(var(--scroll-distance))}}@keyframes scroll-leave-down{to{transform:translateY(var(--scroll-distance))}}@keyframes scroll-leave-up{to{transform:translateY(calc(-1 * var(--scroll-distance)))}}