@charset "UTF-8";:root{color-scheme:light dark;--canvas: #f1eee4;--surface-1: #fdfcf8;--surface-2: #f5f2e9;--surface-3: #ebe7da;--pine-9: #14231d;--pine-8: #1b2f27;--pine-hover: #1f342b;--pine-active: #274034;--pine-ink: #f0eee4;--pine-ink-dim: #9fb0a4;--ink-1: #22281f;--ink-2: #5b6357;--ink-3: #6f766b;--line-1: #e3dfd0;--line-2: #edeadd;--accent: #c44611;--accent-hover: #a83a0e;--accent-soft: #fbeadf;--accent-row: #f8efe2;--green: #1e6b4e;--green-deep: #24593f;--green-soft: #e6f0e9;--ok: var(--green);--ok-soft: var(--green-soft);--ok-border: color-mix(in srgb, var(--ok) 28%, var(--line-1));--ok-text: #1a6046;--warn: #b45309;--warn-soft: #faf0dd;--warn-border: color-mix(in srgb, var(--warn) 30%, var(--line-1));--warn-text: #765313;--danger: #bb3a20;--danger-soft: #f9e8e2;--danger-border: color-mix(in srgb, var(--danger) 32%, var(--line-1));--danger-text: #9f2f19;--focus-color: var(--accent);--focus-ring: rgba(196, 70, 17, .3);--focus-shadow: 0 0 0 3px var(--focus-ring);--on-filled: #fff;--button-primary-bg: #c44611;--button-primary-bg-hover: #a83a0e;--button-primary-fg: var(--on-filled);--button-success-bg: #1e6b4e;--button-success-bg-hover: #24593f;--button-success-fg: var(--on-filled);--button-danger-bg: #9f2f19;--button-danger-bg-hover: #862817;--button-danger-fg: var(--on-filled);--selection-color: var(--button-primary-bg);--selection-fg: var(--button-primary-fg);--font-display: "Palatino Linotype", "Iowan Old Style", "Book Antiqua", Georgia, "Songti SC", serif;--font-ui: "Segoe UI Variable Text", "Segoe UI", "Inter", system-ui, sans-serif;--font-mono: "Cascadia Mono", "IBM Plex Mono", "Consolas", monospace;--text-2xs: .75rem;--text-xs: .75rem;--text-sm: .8125rem;--text-md: .875rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.25rem;--text-3xl: 1.5rem;--text-display: 1.875rem;--radius-xs: 4px;--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(34, 40, 31, .06);--shadow-md: 0 6px 24px rgba(34, 40, 31, .12);--shadow-sticky: 0 -8px 25px rgba(34, 40, 31, .08);--shadow-point: 0 1px 3px rgba(34, 40, 31, .22);--shadow-popover: 0 14px 30px rgba(0, 0, 0, .26);--shadow-panel: -18px 0 48px rgba(34, 40, 31, .18);--shadow-modal: 0 30px 80px rgba(20, 35, 29, .28);--scrim-soft: rgba(20, 35, 29, .24);--scrim-standard: rgba(20, 35, 29, .32);--scrim-modal: rgba(20, 35, 29, .42);--scrim-strong: rgba(20, 35, 29, .5);--chart-series-blue: #3468d8;--chart-series-green: #0f8a5f;--chart-series-orange: #df5318;--chart-series-violet: #72549b;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--row-h: 56px;--control-h: 38px;--control-h-compact: 34px;--page-max: 1440px;--page-gutter: var(--space-6);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--page-enter-duration: .16s;--page-exit-duration: .16s;--page-motion-easing: var(--ease-out);--panel-enter-duration: .24s;--panel-exit-duration: .18s;--panel-motion-easing: var(--ease-out);--panel-scrim-duration: .18s}@media(prefers-color-scheme:dark){:root{--canvas: #111512;--surface-1: #191e1a;--surface-2: #202620;--surface-3: #2a312a;--pine-9: #0b100d;--pine-8: #111a15;--pine-hover: #1c2a22;--pine-active: #263b30;--pine-ink: #f2f4ee;--pine-ink-dim: #aab7ae;--ink-1: #f1f3ed;--ink-2: #c1c8bf;--ink-3: #929d94;--line-1: #3b443c;--line-2: #2e362f;--accent: #ff7a3d;--accent-hover: #ff925f;--accent-soft: #3a241a;--accent-row: #34261d;--green: #72c9a1;--green-deep: #8ed9b7;--green-soft: #173126;--ok: var(--green);--ok-soft: var(--green-soft);--ok-border: color-mix(in srgb, var(--ok) 38%, var(--line-1));--ok-text: #84d8b1;--warn: #f4b45f;--warn-soft: #382b17;--warn-border: color-mix(in srgb, var(--warn) 42%, var(--line-1));--warn-text: #f0c879;--danger: #ff8a72;--danger-soft: #3b211c;--danger-border: color-mix(in srgb, var(--danger) 42%, var(--line-1));--danger-text: #ff9c85;--focus-color: var(--accent-hover);--focus-ring: rgba(255, 122, 61, .48);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .28);--shadow-md: 0 8px 28px rgba(0, 0, 0, .38);--shadow-sticky: 0 -8px 25px rgba(0, 0, 0, .32);--shadow-point: 0 1px 3px rgba(0, 0, 0, .48);--shadow-popover: 0 14px 30px rgba(0, 0, 0, .52);--shadow-panel: -18px 0 48px rgba(0, 0, 0, .46);--shadow-modal: 0 30px 80px rgba(0, 0, 0, .52);--scrim-soft: rgba(0, 0, 0, .36);--scrim-standard: rgba(0, 0, 0, .46);--scrim-modal: rgba(0, 0, 0, .58);--scrim-strong: rgba(0, 0, 0, .68);--chart-series-blue: #7da2ff;--chart-series-green: #55d6a2;--chart-series-orange: #ff9a66;--chart-series-violet: #b99ae8}}*{box-sizing:border-box}html{min-height:100%;font-size:100%}body{margin:0;min-height:100%;min-height:100dvh;background:var(--canvas);color:var(--ink-1);font-family:var(--font-ui);font-size:var(--text-md);font-optical-sizing:auto;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}input[type=checkbox],input[type=radio]{accent-color:var(--selection-color)}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus-shadow)}a{color:var(--green);text-decoration:none}button{transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease,transform .1s var(--ease-out)}.app-pressable{transform-origin:center;transition:transform .1s var(--ease-out),opacity .1s ease-out}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.right{text-align:right}.sr-only,.app-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}.btn-primary,.btn-outline,.btn-danger,.btn-success,.btn-accent{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:var(--control-h);padding:0 var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-md);font-weight:600;cursor:pointer;white-space:nowrap}.btn-primary app-icon,.btn-outline app-icon,.btn-danger app-icon,.btn-success app-icon,.btn-accent app-icon{width:16px;height:16px}.btn-compact{height:var(--control-h-compact);padding-inline:var(--space-3);font-size:var(--text-sm)}.btn-compact app-icon{width:14px;height:14px}.btn-primary{border:1px solid var(--button-primary-bg);background:var(--button-primary-bg);color:var(--button-primary-fg);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--button-primary-bg-hover);border-color:var(--button-primary-bg-hover)}.btn-outline{border:1px solid var(--ink-1);background:transparent;color:var(--ink-1)}.btn-outline:hover:not(:disabled){background:var(--surface-2)}.btn-danger{border:1px solid var(--danger);background:transparent;color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-soft)}.btn-success{border:1px solid var(--button-success-bg);background:var(--button-success-bg);color:var(--button-success-fg)}.btn-success:hover:not(:disabled){border-color:var(--button-success-bg-hover);background:var(--button-success-bg-hover)}.btn-accent{border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line-1));background:color-mix(in srgb,var(--accent) 5%,transparent);color:var(--accent);transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform .1s var(--ease-out)}.btn-accent:hover:not(:disabled){border-color:var(--button-primary-bg);background:var(--button-primary-bg);color:var(--button-primary-fg)}@media(hover:hover)and (pointer:fine){.btn-accent:hover:not(:disabled){transform:translateY(-1px)}}:is(.btn-primary,.btn-outline,.btn-danger,.btn-success,.btn-accent,.btn-link,.app-icon-button,.app-segmented button,.app-pressable):active:not(:disabled){transform:scale(.97);transition-duration:0s}.btn-link{display:inline-flex;align-items:center;gap:6px;padding:4px 0;border:0;background:none;color:var(--green);font:inherit;font-size:var(--text-md);font-weight:600;text-decoration:none;cursor:pointer}.btn-link app-icon{width:15px;height:15px}.btn-link:hover:not(:disabled){color:var(--green-deep);text-decoration:underline}.btn-link.btn-link--accent{color:var(--accent)}.btn-link.btn-link--accent:hover:not(:disabled){color:var(--accent-hover)}.btn-link.btn-link--danger{color:var(--danger)}.btn-link.btn-link--warn{color:var(--warn)}.btn-link.btn-link--compact{font-size:var(--text-xs);font-weight:700}.app-icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-button-size, var(--control-h));height:var(--icon-button-size, var(--control-h));flex:none;padding:0;border:1px solid var(--line-1);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--ink-2);cursor:pointer}.app-icon-button app-icon{width:var(--icon-size, 17px);height:var(--icon-size, 17px)}.app-icon-button:hover:not(:disabled){border-color:var(--ink-3);background:var(--surface-2);color:var(--ink-1)}.app-icon-button.app-icon-button--ghost{border-color:transparent;background:transparent}.app-icon-button.app-icon-button--danger{color:var(--danger)}.app-icon-button.app-icon-button--danger:hover:not(:disabled){border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}:is(.btn-primary,.btn-outline,.btn-danger,.btn-success,.btn-accent,.btn-link,.app-icon-button):disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.app-icon-mark{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-mark-size, 36px);height:var(--icon-mark-size, 36px);flex:none;border:var(--icon-mark-border, 0);border-radius:var(--icon-mark-radius, 50%);background:var(--icon-mark-background, var(--surface-2));color:var(--icon-mark-color, var(--accent))}.app-icon-mark app-icon{width:var(--icon-mark-icon-size, 18px);height:var(--icon-mark-icon-size, 18px)}.app-segmented{display:inline-flex;align-items:center;gap:var(--segmented-gap, 0);padding:var(--segmented-padding, 3px);border:1px solid var(--line-1);border-radius:var(--segmented-radius, var(--radius-sm));background:var(--surface-2)}.app-segmented button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--segmented-control-height, 30px);padding:0 var(--segmented-control-padding, 10px);border:0;border-radius:var(--segmented-control-radius, var(--radius-xs));background:transparent;color:var(--ink-3);font:inherit;font-size:var(--segmented-font-size, var(--text-sm));font-weight:600;cursor:pointer}.app-segmented button app-icon{width:14px;height:14px}.app-segmented button:hover:not(:disabled){color:var(--ink-1)}.app-segmented button:is([aria-pressed=true],[aria-checked=true],[aria-selected=true]){background:var(--surface-1);color:var(--ink-1);box-shadow:var(--shadow-sm)}.app-segmented button:disabled{opacity:.5;cursor:not-allowed}.app-segmented.app-segmented--compact{--segmented-control-height: var(--control-h-compact);--segmented-control-padding: var(--space-3);--segmented-font-size: var(--text-sm)}.app-segmented.app-segmented--fill{display:grid;grid-template-columns:repeat(var(--segmented-columns, 2),1fr);width:100%}.app-page-intro{min-width:0;flex:none}@media(pointer:coarse),(max-width:600px){:root{--control-h: 44px}input:not([type=checkbox]):not([type=radio]),select:not([multiple]):not([size]),textarea:not([readonly]):not([disabled]){min-height:44px;font-size:16px!important}.btn-primary,.btn-outline,.btn-danger,.btn-success,.btn-accent,.btn-compact,.app-icon-button,.app-segmented button,.app-touch-target{min-height:44px}.app-icon-button{min-width:44px}}@media(prefers-reduced-motion:no-preference){.app-overlay-scrim-enter{animation:app-overlay-fade-in .16s var(--ease-out) both}.app-overlay-scrim-leave{animation:app-overlay-fade-out .14s var(--ease-out) both;pointer-events:none}.app-overlay-panel-enter{animation:app-overlay-panel-in .22s var(--ease-drawer) both}.app-overlay-panel-leave{animation:app-overlay-panel-out .18s var(--ease-out) both;pointer-events:none}.app-overlay-modal-enter{animation:app-overlay-modal-in .18s var(--ease-out) both}.app-overlay-modal-leave{animation:app-overlay-modal-out .14s var(--ease-out) both;pointer-events:none}}@keyframes app-overlay-fade-in{0%{opacity:0}}@keyframes app-overlay-fade-out{to{opacity:0}}@keyframes app-overlay-panel-in{0%{opacity:.72;transform:translate(24px)}}@keyframes app-overlay-panel-out{to{opacity:.72;transform:translate(24px)}}@keyframes app-overlay-modal-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 10px)) scale(.985)}}@keyframes app-overlay-modal-out{to{opacity:0;transform:translate(-50%,calc(-50% + 8px)) scale(.985)}}@media(prefers-reduced-motion:reduce){.app-overlay-scrim-enter,.app-overlay-panel-enter,.app-overlay-modal-enter{animation:app-overlay-fade-in .12s ease-out both}.app-overlay-scrim-leave,.app-overlay-panel-leave,.app-overlay-modal-leave{animation:app-overlay-fade-out .1s ease-out both;pointer-events:none}}.app-mode-tabs{display:flex;align-items:flex-end;gap:var(--space-1);width:100%;margin:var(--mode-tabs-margin, 0 0 var(--space-5));padding:0 0 1px;border-bottom:1px solid var(--line-1)}.app-mode-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:0;min-height:42px;padding:0 15px;border:0;appearance:none;background:transparent;color:var(--ink-3);font:700 var(--text-sm)/1.4 var(--font-ui);text-align:left;text-decoration:none;white-space:nowrap;cursor:pointer;transition:color .15s ease}.app-mode-tab:after{position:absolute;right:12px;bottom:-2px;left:12px;height:2px;background:transparent;content:"";transition:background-color .15s ease}.app-mode-tab__icon{width:17px;height:17px;flex:none;color:currentColor;transition:color .15s ease}.app-mode-tab__label{display:block;min-width:0;padding-block:2px}.app-mode-tab:hover:not(:disabled){color:var(--ink-1)}.app-mode-tab:is([aria-current=page],[aria-pressed=true],[aria-selected=true]){color:var(--accent)}.app-mode-tab:is([aria-current=page],[aria-pressed=true],[aria-selected=true]):after{background:var(--accent)}.app-mode-tab:focus-visible{z-index:1;border-radius:var(--radius-xs);outline:2px solid color-mix(in srgb,var(--accent) 66%,transparent);outline-offset:-3px}.app-mode-tab:disabled{opacity:.5;cursor:not-allowed}@media(max-width:720px){.app-mode-tabs{gap:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none}.app-mode-tabs::-webkit-scrollbar{display:none}.app-mode-tab{flex:0 0 auto;padding-inline:var(--space-3)}}@media(prefers-reduced-motion:reduce){.app-mode-tab,.app-mode-tab:after,.app-mode-tab__icon{transition:none}}.app-spinner{display:inline-block;width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);flex:none;border:var(--spinner-width, 3px) solid var(--line-1);border-top-color:var(--accent);border-radius:50%;animation:app-spin var(--spinner-speed, .75s) linear infinite}.app-spinner.app-spinner--sm{--spinner-size: 18px;--spinner-width: 2px}.app-spinner.app-spinner--lg{--spinner-size: 28px}@keyframes app-spin{to{transform:rotate(360deg)}}.app-badge{display:inline-flex;align-items:center;gap:var(--badge-gap, 5px);width:fit-content;margin:0;padding:var(--badge-padding, 2px 9px);border-radius:var(--radius-full);background:var(--badge-bg, var(--surface-2));color:var(--badge-color, var(--ink-2));font-size:var(--badge-font-size, var(--text-sm));font-weight:var(--badge-font-weight, 600);line-height:var(--badge-line-height, 18px);white-space:nowrap}.app-badge.app-badge--compact{--badge-padding: 3px 7px;--badge-font-size: var(--text-xs);--badge-font-weight: 700;--badge-line-height: 1.15}.app-badge.app-badge--uppercase{--badge-font-weight: 800;text-transform:uppercase}.app-badge.app-badge--dot{--badge-gap: 7px;--badge-padding: 0;--badge-font-size: var(--text-xs);--badge-font-weight: 700;--badge-label-color: var(--ink-2);background:transparent;color:var(--badge-label-color)}.app-badge.app-badge--dot:before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:var(--badge-dot-color, var(--badge-color, var(--ink-3)))}.app-badge.ok,.app-badge.success,.app-badge.ready,.app-badge.approved,.app-badge.completed{--badge-bg: var(--ok-soft);--badge-color: var(--ok-text);--badge-dot-color: var(--ok)}.app-badge.warn,.app-badge.existing,.app-badge.skipped,.app-badge.pending,.app-badge.shipped{--badge-bg: var(--warn-soft);--badge-color: var(--warn-text);--badge-dot-color: var(--warn)}.app-badge.danger,.app-badge.issue,.app-badge.failed,.app-badge.rejected{--badge-bg: var(--danger-soft);--badge-color: var(--danger-text);--badge-dot-color: var(--danger)}.app-badge.accent{--badge-bg: var(--accent-soft);--badge-color: var(--accent);--badge-dot-color: var(--accent)}.app-state{display:flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:240px;padding:var(--space-5);color:var(--ink-2);text-align:center}.app-state.error{color:var(--danger-text)}.app-state app-icon{width:19px;height:19px}.app-state.app-state--compact{min-height:160px}.app-state.app-state--stacked{flex-direction:column}.app-state.app-state--stacked strong{color:var(--ink-1);font-family:var(--font-display);font-size:var(--text-xl)}.app-state.app-state--stacked>app-icon{box-sizing:content-box;width:24px;height:24px;padding:var(--space-3);border-radius:50%;background:var(--surface-2);color:var(--accent)}.app-state.app-state--stacked.error>app-icon{background:var(--danger-soft);color:var(--danger-text)}.app-alert{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--line-1);border-radius:var(--radius);background:var(--surface-1);color:var(--ink-2);font-size:var(--text-sm)}.app-alert>app-icon{width:17px;height:17px;flex:none}.app-alert.app-alert--danger{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger-text)}.app-alert.app-alert--success{border-color:var(--ok-border);background:var(--ok-soft);color:var(--ok-text)}.app-alert.app-alert--warning{border-color:var(--warn-border);background:var(--warn-soft);color:var(--warn-text)}.app-alert.app-alert--compact{padding:9px var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs)}.app-alert .app-alert__content{display:flex;flex:1;flex-direction:column}.app-alert .app-alert__action{margin-left:auto}@media(prefers-reduced-motion:reduce){.app-spinner{--spinner-speed: 1.2s}}.app-modal-scrim{position:fixed;inset:0;z-index:var(--modal-z, 50);display:grid;place-items:center;padding:var(--modal-padding, 20px);border:0;background:var(--modal-scrim, var(--scrim-modal));-webkit-backdrop-filter:blur(var(--modal-blur, 4px));backdrop-filter:blur(var(--modal-blur, 4px))}.app-modal-panel{width:min(var(--modal-width, 520px),100%);max-height:var(--modal-max-height, 86dvh);overflow:auto;border:1px solid var(--line-1);border-radius:var(--radius-lg);background:var(--surface-1);box-shadow:var(--shadow-modal)}.app-panel-scrim{position:fixed;inset:0;z-index:var(--panel-scrim-z, 38);border:0;background:var(--panel-scrim, var(--scrim-soft));cursor:pointer}.app-side-panel{position:fixed;inset:0 0 0 auto;z-index:var(--panel-z, 40);display:flex;flex-direction:column;width:min(var(--panel-width, 660px),100vw - var(--panel-viewport-gap, 40px));border-left:1px solid var(--line-1);background:var(--surface-1);box-shadow:var(--shadow-panel)}.app-routed-panel-host{position:fixed;inset:0;z-index:var(--panel-scrim-z, 38);display:block;pointer-events:none}.app-routed-panel-host>:is(.app-panel-scrim,.app-side-panel){pointer-events:auto}.app-panel-close{--icon-button-size: var(--panel-close-size, 34px);--icon-size: var(--panel-close-icon-size, 18px);position:absolute;top:var(--panel-close-top, var(--space-4));right:var(--panel-close-right, var(--space-4));z-index:2}.app-panel-scroll{min-height:0;flex:1;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding:var(--panel-scroll-padding, var(--space-6) var(--space-6) var(--space-4))}.app-panel-state{flex:1}.app-panel-footer{display:flex;align-items:center;justify-content:space-between;flex:none;gap:var(--space-4);padding:var(--panel-footer-padding, var(--space-4) var(--space-6));border-top:1px solid var(--line-1);background:color-mix(in srgb,var(--surface-1) 96%,transparent);color:var(--ink-3);font-size:var(--text-sm);-webkit-backdrop-filter:blur(12px) saturate(130%);backdrop-filter:blur(12px) saturate(130%)}.app-panel-actions{display:flex;align-items:center;gap:var(--space-3)}.app-modal-scrim-leave,.app-panel-scrim-leave,.app-panel-leave,.app-panel-route-leave,.app-panel-route-leave>:is(.app-panel-scrim,.app-side-panel){pointer-events:none}@media(prefers-reduced-motion:no-preference){.app-modal-scrim-enter{animation:app-modal-fade-in .16s var(--ease-out) both}.app-modal-scrim-enter .app-modal-panel{animation:app-modal-panel-in .2s var(--ease-out) both}.app-modal-scrim-leave{animation:app-modal-fade-out .14s var(--ease-out) both}.app-modal-scrim-leave .app-modal-panel{animation:app-modal-panel-out .14s var(--ease-out) both}.app-panel-scrim-enter{animation:app-panel-scrim-enter var(--panel-scrim-duration) var(--ease-out) both}.app-panel-scrim-leave{animation:app-panel-scrim-leave var(--panel-scrim-duration) var(--ease-out) both}.app-panel-enter{animation:app-panel-enter var(--panel-enter-duration) var(--panel-motion-easing) both}.app-panel-leave{animation:app-panel-leave var(--panel-exit-duration) var(--ease-out) both}.app-panel-route-enter{animation:app-panel-route-lifecycle var(--panel-enter-duration) linear both}.app-panel-route-leave{animation:app-panel-route-lifecycle var(--panel-exit-duration) linear both}.app-panel-route-enter>.app-panel-scrim{animation:app-panel-scrim-enter var(--panel-scrim-duration) var(--ease-out) both}.app-panel-route-leave>.app-panel-scrim{animation:app-panel-scrim-leave var(--panel-scrim-duration) var(--ease-out) both}.app-panel-route-enter>.app-side-panel{animation:app-panel-enter var(--panel-enter-duration) var(--panel-motion-easing) both}.app-panel-route-leave>.app-side-panel{animation:app-panel-leave var(--panel-exit-duration) var(--ease-out) both}}@keyframes app-modal-fade-in{0%{opacity:0}}@keyframes app-modal-fade-out{to{opacity:0}}@keyframes app-modal-panel-in{0%{opacity:0;transform:translateY(8px) scale(.985)}}@keyframes app-modal-panel-out{to{opacity:0;transform:translateY(6px) scale(.985)}}@keyframes app-panel-scrim-enter{0%{opacity:0}}@keyframes app-panel-scrim-leave{to{opacity:0}}@keyframes app-panel-enter{0%{opacity:.42;transform:translate(28px)}}@keyframes app-panel-leave{to{opacity:0;transform:translate(20px)}}@keyframes app-panel-route-lifecycle{0%{transform:translateZ(0)}to{transform:translateZ(0)}}@media(max-width:720px),(max-width:1000px)and (max-height:500px)and (orientation:landscape){.app-side-panel{--panel-viewport-gap: 0px;width:100%;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);border-left:0}.app-panel-close{--panel-close-top: max(var(--space-4), var(--safe-top));--panel-close-right: max(var(--space-4), var(--safe-right))}.app-panel-scroll{--panel-scroll-padding: var(--space-5) var(--space-4) var(--space-4)}.app-panel-footer{--panel-footer-padding: var(--space-3) var(--space-4)}}@media(pointer:coarse),(max-width:600px){.app-modal-scrim{--modal-padding: 0;align-items:end}.app-modal-panel{width:100%;max-height:calc(100dvh - var(--safe-top));padding-right:var(--safe-right);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);border-right:0;border-bottom:0;border-left:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}}@media(prefers-reduced-motion:reduce){.app-modal-scrim-enter,.app-panel-scrim-enter,.app-panel-enter,.app-panel-route-enter>:is(.app-panel-scrim,.app-side-panel){animation:app-panel-scrim-enter .14s var(--ease-out) both}.app-modal-scrim-leave,.app-panel-scrim-leave,.app-panel-leave,.app-panel-route-leave>:is(.app-panel-scrim,.app-side-panel){animation:app-panel-scrim-leave .12s var(--ease-out) both}}@media(prefers-reduced-transparency:reduce){.app-modal-scrim{-webkit-backdrop-filter:none;backdrop-filter:none}.app-panel-footer{background:var(--surface-1);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-contrast:more){.app-side-panel,.app-modal-panel{border-color:var(--ink-2)}.app-panel-footer{background:var(--surface-1);-webkit-backdrop-filter:none;backdrop-filter:none}}.app-scroll-surface{overscroll-behavior:contain;scrollbar-gutter:auto}.app-scroll-surface.is-scrollable{scrollbar-gutter:stable}.app-scroll-surface.app-scroll-surface--x:not(.is-scrollable-x){overflow-x:hidden}.app-scroll-surface.app-scroll-surface--x.is-scrollable-x{overflow-x:auto}.app-scroll-surface.app-scroll-surface--y:not(.is-scrollable-y){overflow-y:hidden}.app-scroll-surface.app-scroll-surface--y.is-scrollable-y{overflow-y:auto}.app-scroll-surface--x:not(.is-at-start):not(.is-at-end){box-shadow:inset 12px 0 12px -14px color-mix(in srgb,var(--ink-1) 45%,transparent),inset -12px 0 12px -14px color-mix(in srgb,var(--ink-1) 45%,transparent)}.app-scroll-surface--x:not(.is-at-start).is-at-end{box-shadow:inset 12px 0 12px -14px color-mix(in srgb,var(--ink-1) 45%,transparent)}.app-scroll-surface--x.is-at-start:not(.is-at-end){box-shadow:inset -12px 0 12px -14px color-mix(in srgb,var(--ink-1) 45%,transparent)}.app-scroll-surface--y:not(.is-at-start):not(.is-at-end){box-shadow:inset 0 12px 12px -14px color-mix(in srgb,var(--ink-1) 38%,transparent),inset 0 -12px 12px -14px color-mix(in srgb,var(--ink-1) 38%,transparent)}.app-scroll-surface--y:not(.is-at-start).is-at-end{box-shadow:inset 0 12px 12px -14px color-mix(in srgb,var(--ink-1) 38%,transparent)}.app-scroll-surface--y.is-at-start:not(.is-at-end){box-shadow:inset 0 -12px 12px -14px color-mix(in srgb,var(--ink-1) 38%,transparent)}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.app-scroll-surface{box-shadow:none!important}}
