:root{--md-sys-color-primary: #6750A4;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #EADDFF;--md-sys-color-on-primary-container: #21005D;--md-sys-color-secondary: #625B71;--md-sys-color-on-secondary: #FFFFFF;--md-sys-color-secondary-container: #E8DEF8;--md-sys-color-on-secondary-container: #1D192B;--md-sys-color-tertiary: #7D5260;--md-sys-color-on-tertiary: #FFFFFF;--md-sys-color-tertiary-container: #FFD8E4;--md-sys-color-on-tertiary-container: #31111D;--md-sys-color-error: #B3261E;--md-sys-color-on-error: #FFFFFF;--md-sys-color-error-container: #F9DEDC;--md-sys-color-on-error-container: #410E0B;--md-sys-color-background: #FEF7FF;--md-sys-color-on-background: #1D1B20;--md-sys-color-surface: #FEF7FF;--md-sys-color-on-surface: #1D1B20;--md-sys-color-surface-variant: #E7E0EC;--md-sys-color-on-surface-variant: #49454F;--md-sys-color-outline: #79747E;--md-sys-color-outline-variant: #CAC4D0;--md-sys-color-inverse-surface: #322F35;--md-sys-color-inverse-on-surface: #F5EFF7;--md-sys-color-inverse-primary: #D0BCFF;--md-shape-xs: 4px;--md-shape-sm: 8px;--md-shape-md: 12px;--md-shape-lg: 16px;--md-shape-xl: 28px;--md-shape-full: 9999px;--md-elev-0: none;--md-elev-1: 0 1px 2px rgba(0,0,0,.3), 0 1px 3px 1px rgba(0,0,0,.15);--md-elev-2: 0 1px 2px rgba(0,0,0,.3), 0 2px 6px 2px rgba(0,0,0,.15);--md-elev-3: 0 4px 8px 3px rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.3);--md-motion-short: .15s;--md-motion-medium: .25s;--md-motion-long: .4s;--md-easing-std: cubic-bezier(.2, 0, 0, 1);--md-easing-emph: cubic-bezier(.3, 0, .8, .15);--pad-1: 4px;--pad-2: 8px;--pad-3: 12px;--pad-4: 16px;--pad-5: 24px;--pad-6: 32px;--pad-7: 48px;--font-base: "Roboto Flex", "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--md-sys-color-primary: #D0BCFF;--md-sys-color-on-primary: #381E72;--md-sys-color-primary-container: #4F378B;--md-sys-color-on-primary-container: #EADDFF;--md-sys-color-secondary: #CCC2DC;--md-sys-color-on-secondary: #332D41;--md-sys-color-secondary-container: #4A4458;--md-sys-color-on-secondary-container: #E8DEF8;--md-sys-color-tertiary: #EFB8C8;--md-sys-color-on-tertiary: #492532;--md-sys-color-tertiary-container: #633B48;--md-sys-color-on-tertiary-container: #FFD8E4;--md-sys-color-error: #F2B8B5;--md-sys-color-on-error: #601410;--md-sys-color-error-container: #8C1D18;--md-sys-color-on-error-container: #F9DEDC;--md-sys-color-background: #141218;--md-sys-color-on-background: #E6E0E9;--md-sys-color-surface: #141218;--md-sys-color-on-surface: #E6E0E9;--md-sys-color-surface-variant: #49454F;--md-sys-color-on-surface-variant: #CAC4D0;--md-sys-color-outline: #938F99;--md-sys-color-outline-variant: #49454F;--md-sys-color-inverse-surface: #E6E0E9;--md-sys-color-inverse-on-surface: #322F35;--md-sys-color-inverse-primary: #6750A4}}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--md-sys-color-background);color:var(--md-sys-color-on-background);font-family:var(--font-base);font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--md-sys-color-primary);text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit;min-height:48px;padding:var(--pad-3) var(--pad-5);border-radius:var(--md-shape-full);transition:background var(--md-motion-short) var(--md-easing-std),box-shadow var(--md-motion-short) var(--md-easing-std)}button:disabled{opacity:.4;cursor:not-allowed}input,textarea{font-family:inherit;font-size:inherit;color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-shape-sm);padding:var(--pad-3) var(--pad-4);min-height:48px}input:focus,textarea:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:1px}.md-btn-filled{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-weight:600}.md-btn-filled:hover:not(:disabled){box-shadow:var(--md-elev-1)}.md-btn-filled:active{box-shadow:var(--md-elev-0)}.md-btn-tonal{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-weight:600}.md-btn-outlined{background:transparent;color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline);font-weight:600}.md-btn-text{background:transparent;color:var(--md-sys-color-primary);padding:var(--pad-3) var(--pad-4);font-weight:600}.md-card{background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border-radius:var(--md-shape-md);padding:var(--pad-5);box-shadow:var(--md-elev-1)}.md-card-tonal{background:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface-variant);border-radius:var(--md-shape-md);padding:var(--pad-5)}.md-chip{display:inline-flex;align-items:center;gap:var(--pad-2);padding:var(--pad-2) var(--pad-3);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-radius:var(--md-shape-sm);font-size:14px;font-weight:500;min-height:32px}.md-chip.is-selected{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.md-app-bar{display:flex;align-items:center;gap:var(--pad-3);padding:var(--pad-3) var(--pad-4);background:var(--md-sys-color-surface);border-bottom:1px solid var(--md-sys-color-outline-variant);position:sticky;top:0;z-index:10;min-height:64px}.md-app-bar h1{margin:0;font-size:22px;font-weight:500}.container{width:100%;max-width:720px;margin:0 auto;padding:var(--pad-4);padding-bottom:var(--pad-7)}@media (min-width: 720px){.container{padding:var(--pad-5)}}.stack{display:flex;flex-direction:column;gap:var(--pad-4)}.stack-sm{display:flex;flex-direction:column;gap:var(--pad-2)}.row{display:flex;align-items:center;gap:var(--pad-3);flex-wrap:wrap}.row-tight{display:flex;align-items:center;gap:var(--pad-2)}.spacer{flex:1}.grid-2{display:grid;grid-template-columns:1fr;gap:var(--pad-3)}@media (min-width: 540px){.grid-2{grid-template-columns:1fr 1fr}}.title-l{font-size:22px;font-weight:500;margin:0}.title-m{font-size:18px;font-weight:600;margin:0}.body-l{font-size:16px}.body-m{font-size:14px;color:var(--md-sys-color-on-surface-variant)}.label-l{font-size:14px;font-weight:500}.center-screen{min-height:100dvh;display:grid;place-items:center;padding:var(--pad-5)}.text-muted{color:var(--md-sys-color-on-surface-variant)}.text-error{color:var(--md-sys-color-error)}.text-success{color:var(--md-sys-color-tertiary)}.heart{display:inline-block;width:24px;height:24px;background:var(--md-sys-color-error);clip-path:path("M12 21s-7-4.35-7-10a4 4 0 0 1 7-2.65A4 4 0 0 1 19 11c0 5.65-7 10-7 10z")}.heart.is-gone{background:var(--md-sys-color-outline-variant)}.progress-track{width:100%;height:8px;background:var(--md-sys-color-surface-variant);border-radius:var(--md-shape-full);overflow:hidden}.progress-fill{height:100%;background:var(--md-sys-color-primary);transition:width var(--md-motion-medium) var(--md-easing-std)}.fab{position:fixed;bottom:var(--pad-5);right:var(--pad-5);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);width:56px;height:56px;border-radius:var(--md-shape-lg);box-shadow:var(--md-elev-3);display:grid;place-items:center;padding:0}.nav-bar{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);background:var(--md-sys-color-surface);border-top:1px solid var(--md-sys-color-outline-variant);padding:var(--pad-2) 0;z-index:10}.nav-bar a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--pad-2);font-size:12px;color:var(--md-sys-color-on-surface-variant);min-height:56px;justify-content:center}.nav-bar a.is-active{color:var(--md-sys-color-primary);font-weight:600}.nav-bar a:hover{background:var(--md-sys-color-surface-variant);border-radius:var(--md-shape-md)}.dialog-backdrop{position:fixed;inset:0;background:var(--md-sys-color-scrim, rgba(0,0,0,.5));display:grid;place-items:center;z-index:100;padding:var(--pad-4)}.dialog{background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border-radius:var(--md-shape-xl);padding:var(--pad-5);max-width:480px;width:100%;box-shadow:var(--md-elev-3)}.snackbar{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);padding:var(--pad-3) var(--pad-5);border-radius:var(--md-shape-xs);box-shadow:var(--md-elev-2);z-index:50}.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}