:root{--app-soft:#f7f7f6;--app-softer:#fafaf9;--app-skeleton:#efefee;--app-skeleton-sweep:#f7f7f6;--app-thumb:#fff;--app-scrim:#1a1a1a66;--app-scrim-light:#1a1a1a52;--app-shadow-panel:0 1px 2px #1a1a1a0d, 0 12px 28px -8px #1a1a1a1a;--app-shadow-dialog:0 2px 4px #1a1a1a0f, 0 28px 60px -20px #1a1a1a38;--app-shadow-knob:0 1px 2px #1a1a1a33;--app-band-border:var(--mist)}:root[data-theme=dark]{--app-soft:#17181b;--app-softer:#15161a;--app-skeleton:#1b1c20;--app-skeleton-sweep:#26272c;--app-thumb:#f2f2ee;--app-scrim:#0009;--app-scrim-light:#00000080;--app-shadow-panel:0 1px 2px #0006, 0 12px 28px -8px #00000073;--app-shadow-dialog:0 2px 4px #00000080, 0 28px 60px -20px #000000b3;--app-shadow-knob:0 1px 2px #00000080;--app-band-border:transparent}@media (prefers-color-scheme:dark){:root:not([data-theme]){--app-soft:#17181b;--app-softer:#15161a;--app-skeleton:#1b1c20;--app-skeleton-sweep:#26272c;--app-thumb:#f2f2ee;--app-scrim:#0009;--app-scrim-light:#00000080;--app-shadow-panel:0 1px 2px #0006, 0 12px 28px -8px #00000073;--app-shadow-dialog:0 2px 4px #00000080, 0 28px 60px -20px #000000b3;--app-shadow-knob:0 1px 2px #00000080;--app-band-border:transparent}}@keyframes app-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-enter{animation:.24s cubic-bezier(.22,1,.36,1) both app-enter}@keyframes app-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.app-rise{animation:.48s cubic-bezier(.22,1,.36,1) both app-rise;animation-delay:calc(var(--i,0) * 60ms)}@keyframes ring-turn{to{transform:rotate(360deg)}}.ring-turn{animation:60s linear infinite ring-turn}.ring-spin{animation:1s linear infinite ring-turn}@keyframes mark-pop{0%{transform:scale(0)}to{transform:scale(1)}}.mark-pop{animation:.2s cubic-bezier(.22,1,.36,1) both mark-pop;animation-delay:calc(var(--i,0) * 30ms)}@keyframes save-pulse{0%,to{opacity:1}50%{opacity:.3}}.save-pulse{animation:1.4s ease-in-out infinite save-pulse}.app-underline{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;transition:background-size .2s ease-out}.app-underline:hover,.app-underline:focus-visible{background-size:100% 1px}.app-expand{grid-template-rows:0fr;transition:grid-template-rows .24s cubic-bezier(.22,1,.36,1);display:grid}.app-expand[data-open]{grid-template-rows:1fr}.app-expand>div{visibility:hidden;min-height:0;transition:visibility 0s linear .24s;overflow:hidden}.app-expand[data-open]>div{visibility:visible;transition-delay:0s}@keyframes sheet-fade{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-backdrop{animation:.2s ease-out both sheet-fade}.sheet-panel{animation:.28s cubic-bezier(.22,1,.36,1) both sheet-up}@keyframes dialog-settle{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.dialog-backdrop{animation:.2s ease-out both sheet-fade}.dialog-panel{animation:.2s cubic-bezier(.16,1,.3,1) both dialog-settle}@keyframes menu-drop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.menu-drop{animation:.16s cubic-bezier(.16,1,.3,1) both menu-drop}@media (max-width:767px){.dialog-panel{animation:.28s cubic-bezier(.22,1,.36,1) both sheet-up}}.app-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:24px;margin:0;display:block}.app-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--fill), var(--line) var(--fill));border-radius:2px;height:4px}.app-range::-moz-range-track{background:var(--line);border-radius:2px;height:4px}.app-range::-moz-range-progress{background:var(--accent);border-radius:2px;height:4px}.app-range::-webkit-slider-thumb{appearance:none;background:var(--app-thumb);width:20px;height:20px;box-shadow:0 0 0 1px var(--mist), var(--app-shadow-knob), 0 0 0 0 transparent;border:0;border-radius:50%;margin-top:-8px;transition:box-shadow .16s ease-out}.app-range::-moz-range-thumb{background:var(--app-thumb);width:20px;height:20px;box-shadow:0 0 0 1px var(--mist), var(--app-shadow-knob), 0 0 0 0 transparent;border:0;border-radius:50%;transition:box-shadow .16s ease-out}.app-range:hover::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--mist), var(--app-shadow-knob), 0 0 0 4px color-mix(in srgb, var(--accent) 24%, transparent)}.app-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--mist), var(--app-shadow-knob), 0 0 0 4px color-mix(in srgb, var(--accent) 24%, transparent)}.app-range:hover::-moz-range-thumb{box-shadow:0 0 0 1px var(--mist), var(--app-shadow-knob), 0 0 0 4px color-mix(in srgb, var(--accent) 24%, transparent)}.app-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 1px var(--mist), var(--app-shadow-knob), 0 0 0 4px color-mix(in srgb, var(--accent) 24%, transparent)}.app-shadow-panel{box-shadow:var(--app-shadow-panel)}.app-shadow-dialog{box-shadow:var(--app-shadow-dialog)}.app-shadow-knob{box-shadow:var(--app-shadow-knob)}.app-glass{background-color:color-mix(in srgb, var(--panel) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes skeleton-sweep{0%{background-position:150% 0}to{background-position:-50% 0}}.app-skeleton{background-color:var(--app-skeleton);background-image:linear-gradient(100deg, transparent 35%, var(--app-skeleton-sweep) 50%, transparent 65%);background-repeat:no-repeat;background-size:200% 100%;border-radius:8px;animation:1.4s linear infinite skeleton-sweep}@media (prefers-reduced-motion:reduce){.app-enter,.app-rise,.ring-turn,.ring-spin,.mark-pop,.save-pulse,.app-skeleton,.sheet-backdrop,.sheet-panel,.dialog-backdrop,.dialog-panel,.menu-drop{animation:none}.app-expand,.app-expand>div,.app-underline{transition:none}.app-range::-webkit-slider-thumb{transition:none}.app-range::-moz-range-thumb{transition:none}}
