@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--m3-surface:#fdf8fd;--m3-surface-dim:#ddd9de;--m3-surface-bright:#fdf8fd;--m3-surface-container-lowest:#fff;--m3-surface-container-low:#f7f2f8;--m3-surface-container:#f1ecf2;--m3-surface-container-high:#ebe7ec;--m3-surface-container-highest:#e5e1e7;--m3-on-surface:#1c1b1f;--m3-on-surface-variant:#494551;--m3-inverse-surface:#313034;--m3-inverse-on-surface:#f4eff5;--m3-outline:#7a7582;--m3-outline-variant:#cbc4d2;--m3-surface-tint:#6750a4;--m3-primary:#4f378a;--m3-on-primary:#fff;--m3-primary-container:#6750a4;--m3-on-primary-container:#e0d2ff;--m3-inverse-primary:#cfbcff;--m3-secondary:#7d5260;--m3-on-secondary:#fff;--m3-secondary-container:#fdc6d6;--m3-on-secondary-container:#7a4f5d;--m3-tertiary:#0c5145;--m3-on-tertiary:#fff;--m3-tertiary-container:#2c695c;--m3-on-tertiary-container:#a8e6d5;--m3-error:#ba1a1a;--m3-on-error:#fff;--m3-error-container:#ffdad6;--m3-on-error-container:#93000a;--m3-background:#fdf8fd;--m3-on-background:#1c1b1f;--m3-surface-variant:#e5e1e7;--m3-elevation-1:0px 1px 3px 1px #00000014, 0px 1px 2px 0px #0000001f;--m3-elevation-2:0px 2px 6px 2px #00000014, 0px 1px 2px 0px #0000001f;--m3-elevation-3:0px 4px 8px 3px #00000014, 0px 1px 3px 0px #0000001f;--m3-elevation-4:0px 6px 10px 4px #00000014, 0px 2px 3px 0px #0000001f;--m3-shape-none:0px;--m3-shape-extra-small:4px;--m3-shape-small:8px;--m3-shape-medium:12px;--m3-shape-large:16px;--m3-shape-extra-large:28px;--m3-shape-full:9999px;--m3-motion-short:all .2s cubic-bezier(.05, .7, .1, 1);--m3-motion-standard:all .3s cubic-bezier(.2, 0, 0, 1);font-family:Roboto Flex,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--m3-background);color:var(--m3-on-background);-webkit-tap-highlight-color:transparent;min-height:100vh;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.m3-display-large{letter-spacing:-.25px;font-size:57px;font-weight:400;line-height:64px}.m3-display-medium{letter-spacing:0;font-size:45px;font-weight:400;line-height:52px}.m3-display-small{letter-spacing:0;font-size:36px;font-weight:400;line-height:44px}.m3-headline-large{letter-spacing:0;font-size:32px;font-weight:400;line-height:40px}.m3-headline-medium{letter-spacing:0;font-size:28px;font-weight:400;line-height:36px}.m3-headline-small{letter-spacing:0;font-size:24px;font-weight:400;line-height:32px}.m3-title-large{letter-spacing:0;font-size:22px;font-weight:500;line-height:28px}.m3-title-medium{letter-spacing:.15px;font-size:16px;font-weight:500;line-height:24px}.m3-title-small{letter-spacing:.1px;font-size:14px;font-weight:500;line-height:20px}.m3-body-large{letter-spacing:.5px;font-size:16px;font-weight:400;line-height:24px}.m3-body-medium{letter-spacing:.25px;font-size:14px;font-weight:400;line-height:20px}.m3-body-small{letter-spacing:.4px;font-size:12px;font-weight:400;line-height:16px}.m3-label-large{letter-spacing:.1px;font-size:14px;font-weight:500;line-height:20px}.m3-label-medium{letter-spacing:.5px;font-size:12px;font-weight:500;line-height:16px}.m3-label-small{letter-spacing:.5px;font-size:11px;font-weight:500;line-height:16px}.m3-card-elevated{background-color:var(--m3-surface-container-low);box-shadow:var(--m3-elevation-1);border-radius:var(--m3-shape-large);transition:var(--m3-motion-short);padding:16px}.m3-card-elevated:hover{box-shadow:var(--m3-elevation-2);background-color:var(--m3-surface-container-high)}.m3-card-filled{background-color:var(--m3-surface-container-highest);border-radius:var(--m3-shape-large);padding:16px}.m3-card-outlined{border:1px solid var(--m3-outline);border-radius:var(--m3-shape-large);background-color:#0000;padding:16px}.m3-btn-filled{background-color:var(--m3-primary);color:var(--m3-on-primary);border-radius:var(--m3-shape-full);cursor:pointer;transition:var(--m3-motion-short);box-shadow:var(--m3-elevation-1);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex}.m3-btn-filled:hover{box-shadow:var(--m3-elevation-2);background-color:#5e459c}.m3-btn-filled:active{color:var(--m3-on-primary);background-color:#3b256c}.m3-btn-filled:disabled{color:#1c1b1f61;box-shadow:none;cursor:not-allowed;background-color:#1c1b1f1f}.m3-btn-tonal{background-color:var(--m3-secondary-container);color:var(--m3-on-secondary-container);border-radius:var(--m3-shape-full);cursor:pointer;transition:var(--m3-motion-short);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex}.m3-btn-tonal:hover{background-color:#fdc6d6}.m3-btn-tonal:active{background-color:var(--m3-secondary);color:var(--m3-on-secondary)}.m3-btn-outlined{color:var(--m3-primary);border:1px solid var(--m3-outline);border-radius:var(--m3-shape-full);cursor:pointer;transition:var(--m3-motion-short);background-color:#0000;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex}.m3-btn-outlined:hover{border-color:var(--m3-primary);background-color:#d0bcff14}.m3-btn-text{color:var(--m3-primary);border-radius:var(--m3-shape-full);cursor:pointer;transition:var(--m3-motion-short);background-color:#0000;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex}.m3-btn-text:hover{background-color:#d0bcff14}.m3-fab{background-color:var(--m3-primary-container);color:var(--m3-on-primary-container);border-radius:var(--m3-shape-large);width:56px;height:56px;box-shadow:var(--m3-elevation-3);cursor:pointer;transition:var(--m3-motion-standard);z-index:40;border:none;justify-content:center;align-items:center;display:flex;position:absolute;bottom:16px;right:16px}.m3-fab:hover{box-shadow:var(--m3-elevation-4);background-color:#5c449c;transform:scale(1.05)}.m3-text-field-container{flex-direction:column;gap:4px;width:100%;display:flex;position:relative}.m3-text-field{border:1px solid var(--m3-outline);color:var(--m3-on-surface);border-radius:var(--m3-shape-extra-small);transition:var(--m3-motion-short);background-color:#0000;outline:none;padding:16px;font-family:inherit;font-size:16px}.m3-text-field:focus{border-color:var(--m3-primary);border-width:2px;padding:15px}input[type=range].m3-slider{appearance:none;background:var(--m3-secondary-container);border-radius:var(--m3-shape-full);outline:none;width:100%;height:4px}input[type=range].m3-slider::-webkit-slider-thumb{appearance:none;border-radius:var(--m3-shape-full);background:var(--m3-primary);cursor:pointer;width:20px;height:20px;transition:var(--m3-motion-short)}input[type=range].m3-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 6px #d0bcff29}.m3-bottom-sheet-backdrop{z-index:45;background-color:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.m3-bottom-sheet{background-color:var(--m3-surface-container-low);border-top-left-radius:var(--m3-shape-extra-large);border-top-right-radius:var(--m3-shape-extra-large);width:100%;max-width:600px;box-shadow:var(--m3-elevation-4);border:1px solid #ffffff0d;flex-direction:column;max-height:80vh;animation:.28s cubic-bezier(.2,0,0,1) slideUp;display:flex}.m3-bottom-sheet-drag-handle{background-color:var(--m3-outline);border-radius:var(--m3-shape-full);opacity:.4;width:32px;height:4px;margin:12px auto 8px}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.m3-segmented-control{border:1px solid var(--m3-outline);border-radius:var(--m3-shape-full);background-color:#0000;display:inline-flex;overflow:hidden}.m3-segmented-button{color:var(--m3-on-surface);border:none;border-right:1px solid var(--m3-outline);cursor:pointer;transition:var(--m3-motion-short);background-color:#0000;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500}.m3-segmented-button:last-child{border-right:none}.m3-segmented-button.active{background-color:var(--m3-secondary-container);color:var(--m3-on-secondary-container)}.m3-segmented-button:hover:not(.active){background-color:#e6e1e514}@media (width<=768px){.m3-mobile-navigation-bar{background-color:var(--m3-surface-container);z-index:30;height:80px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #ffffff0d;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.m3-navigation-item{color:var(--m3-on-surface-variant);cursor:pointer;transition:var(--m3-motion-short);background:0 0;border:none;outline:none;flex-direction:column;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.m3-navigation-icon-container{border-radius:var(--m3-shape-large);width:64px;height:32px;transition:var(--m3-motion-short);justify-content:center;align-items:center;display:flex}.m3-navigation-item.active{color:var(--m3-on-surface)}.m3-navigation-item.active .m3-navigation-icon-container{background-color:var(--m3-secondary-container);color:var(--m3-on-secondary-container)}.m3-navigation-item:hover:not(.active) .m3-navigation-icon-container{background-color:#e6e1e514}}