:root{--md-ref-typeface-brand: "Noto Sans Display", system-ui, sans-serif;--md-ref-typeface-plain: "Noto Sans", system-ui, sans-serif;--md-sys-typescale-display-large-size: 3.5625rem;--md-sys-typescale-display-large-line-height: 4rem;--md-sys-typescale-display-large-weight: 400;--md-sys-typescale-display-medium-size: 2.8125rem;--md-sys-typescale-display-medium-line-height: 3.25rem;--md-sys-typescale-display-medium-weight: 400;--md-sys-typescale-display-small-size: 2.25rem;--md-sys-typescale-display-small-line-height: 2.75rem;--md-sys-typescale-display-small-weight: 400;--md-sys-typescale-headline-large-size: 2rem;--md-sys-typescale-headline-large-line-height: 2.5rem;--md-sys-typescale-headline-large-weight: 400;--md-sys-typescale-headline-medium-size: 1.75rem;--md-sys-typescale-headline-medium-line-height: 2.25rem;--md-sys-typescale-headline-medium-weight: 400;--md-sys-typescale-headline-small-size: 1.5rem;--md-sys-typescale-headline-small-line-height: 2rem;--md-sys-typescale-headline-small-weight: 400;--md-sys-typescale-title-large-size: 1.375rem;--md-sys-typescale-title-large-line-height: 1.75rem;--md-sys-typescale-title-large-weight: 400;--md-sys-typescale-title-medium-size: 1rem;--md-sys-typescale-title-medium-line-height: 1.5rem;--md-sys-typescale-title-medium-weight: 500;--md-sys-typescale-title-small-size: .875rem;--md-sys-typescale-title-small-line-height: 1.25rem;--md-sys-typescale-title-small-weight: 500;--md-sys-typescale-body-large-size: 1rem;--md-sys-typescale-body-large-line-height: 1.5rem;--md-sys-typescale-body-large-weight: 400;--md-sys-typescale-body-medium-size: .875rem;--md-sys-typescale-body-medium-line-height: 1.25rem;--md-sys-typescale-body-medium-weight: 400;--md-sys-typescale-body-small-size: .75rem;--md-sys-typescale-body-small-line-height: 1rem;--md-sys-typescale-body-small-weight: 400;--md-sys-typescale-label-large-size: .875rem;--md-sys-typescale-label-large-line-height: 1.25rem;--md-sys-typescale-label-large-weight: 500;--md-sys-typescale-label-medium-size: .75rem;--md-sys-typescale-label-medium-line-height: 1rem;--md-sys-typescale-label-medium-weight: 500;--md-sys-typescale-label-small-size: .6875rem;--md-sys-typescale-label-small-line-height: 1rem;--md-sys-typescale-label-small-weight: 500}:root{--md-sys-elevation-level0: none;--md-sys-elevation-level1: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);--md-sys-elevation-level2: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px 2px rgba(0, 0, 0, .15);--md-sys-elevation-level3: 0 4px 8px 3px rgba(0, 0, 0, .15), 0 1px 3px rgba(0, 0, 0, .3);--md-sys-elevation-level4: 0 6px 10px 4px rgba(0, 0, 0, .15), 0 2px 3px rgba(0, 0, 0, .3);--md-sys-elevation-level5: 0 8px 12px 6px rgba(0, 0, 0, .15), 0 4px 4px rgba(0, 0, 0, .3)}:root{--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: .1s;--md-sys-motion-duration-short3: .15s;--md-sys-motion-duration-short4: .2s;--md-sys-motion-duration-medium1: .25s;--md-sys-motion-duration-medium2: .3s;--md-sys-motion-duration-medium3: .35s;--md-sys-motion-duration-medium4: .4s;--md-sys-motion-duration-long1: .45s;--md-sys-motion-duration-long2: .5s;--md-sys-motion-duration-long3: .55s;--md-sys-motion-duration-long4: .6s;--md-sys-easing-standard: cubic-bezier(.2, 0, 0, 1);--md-sys-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);--md-sys-easing-standard-accelerate: cubic-bezier(.3, 0, 1, 1);--md-sys-easing-emphasized: cubic-bezier(.2, 0, 0, 1);--md-sys-easing-emphasized-decelerate: cubic-bezier(.05, .7, .1, 1);--md-sys-easing-emphasized-accelerate: cubic-bezier(.3, 0, .8, .15)}@media(prefers-reduced-motion:reduce){:root{--md-sys-motion-duration-short1: 0ms;--md-sys-motion-duration-short2: 0ms;--md-sys-motion-duration-short3: 0ms;--md-sys-motion-duration-short4: 0ms;--md-sys-motion-duration-medium1: 0ms;--md-sys-motion-duration-medium2: 0ms;--md-sys-motion-duration-medium3: 0ms;--md-sys-motion-duration-medium4: 0ms;--md-sys-motion-duration-long1: 0ms;--md-sys-motion-duration-long2: 0ms;--md-sys-motion-duration-long3: 0ms;--md-sys-motion-duration-long4: 0ms}}:root{--md-sys-spacing-0: 0;--md-sys-spacing-1: 4px;--md-sys-spacing-2: 8px;--md-sys-spacing-3: 12px;--md-sys-spacing-4: 16px;--md-sys-spacing-5: 20px;--md-sys-spacing-6: 24px;--md-sys-spacing-7: 28px;--md-sys-spacing-8: 32px;--md-sys-spacing-10: 40px;--md-sys-spacing-12: 48px;--md-sys-spacing-16: 64px;--md-sys-spacing-20: 80px;--md-sys-spacing-24: 96px}:root{--md-sys-shape-corner-none: 0;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-full: 9999px}:root{--md-sys-state-hover-opacity: .08;--md-sys-state-focus-opacity: .12;--md-sys-state-pressed-opacity: .12;--md-sys-state-dragged-opacity: .16}:root{--safe-area-max-inset-bottom: env(safe-area-max-inset-bottom, 36px)}:root{color-scheme:light;--md-sys-color-primary: rgb(51 97 141);--md-sys-color-surface-tint: rgb(51 97 141);--md-sys-color-on-primary: rgb(255 255 255);--md-sys-color-primary-container: rgb(208 228 255);--md-sys-color-on-primary-container: rgb(21 73 116);--md-sys-color-secondary: rgb(82 96 112);--md-sys-color-on-secondary: rgb(255 255 255);--md-sys-color-secondary-container: rgb(214 228 247);--md-sys-color-on-secondary-container: rgb(59 72 87);--md-sys-color-tertiary: rgb(106 87 121);--md-sys-color-on-tertiary: rgb(255 255 255);--md-sys-color-tertiary-container: rgb(241 219 255);--md-sys-color-on-tertiary-container: rgb(81 64 96);--md-sys-color-error: rgb(186 26 26);--md-sys-color-on-error: rgb(255 255 255);--md-sys-color-error-container: rgb(255 218 214);--md-sys-color-on-error-container: rgb(147 0 10);--md-sys-color-background: rgb(248 249 255);--md-sys-color-on-background: rgb(25 28 32);--md-sys-color-surface: rgb(248 249 255);--md-sys-color-on-surface: rgb(25 28 32);--md-sys-color-surface-variant: rgb(222 227 235);--md-sys-color-on-surface-variant: rgb(66 71 78);--md-sys-color-outline: rgb(115 119 127);--md-sys-color-outline-variant: rgb(194 199 207);--md-sys-color-shadow: rgb(0 0 0);--md-sys-color-scrim: rgb(0 0 0);--md-sys-color-inverse-surface: rgb(45 49 53);--md-sys-color-inverse-on-surface: rgb(239 241 247);--md-sys-color-inverse-primary: rgb(158 202 252);--md-sys-color-surface-container-lowest: rgb(255 255 255);--md-sys-color-surface-container-low: rgb(242 243 249);--md-sys-color-surface-container: rgb(236 238 244);--md-sys-color-surface-container-high: rgb(230 232 238);--md-sys-color-surface-container-highest: rgb(224 226 232)}[data-theme=light]{color-scheme:light;--md-sys-color-primary: rgb(51 97 141);--md-sys-color-surface-tint: rgb(51 97 141);--md-sys-color-on-primary: rgb(255 255 255);--md-sys-color-primary-container: rgb(208 228 255);--md-sys-color-on-primary-container: rgb(21 73 116);--md-sys-color-secondary: rgb(82 96 112);--md-sys-color-on-secondary: rgb(255 255 255);--md-sys-color-secondary-container: rgb(214 228 247);--md-sys-color-on-secondary-container: rgb(59 72 87);--md-sys-color-tertiary: rgb(106 87 121);--md-sys-color-on-tertiary: rgb(255 255 255);--md-sys-color-tertiary-container: rgb(241 219 255);--md-sys-color-on-tertiary-container: rgb(81 64 96);--md-sys-color-error: rgb(186 26 26);--md-sys-color-on-error: rgb(255 255 255);--md-sys-color-error-container: rgb(255 218 214);--md-sys-color-on-error-container: rgb(147 0 10);--md-sys-color-background: rgb(248 249 255);--md-sys-color-on-background: rgb(25 28 32);--md-sys-color-surface: rgb(248 249 255);--md-sys-color-on-surface: rgb(25 28 32);--md-sys-color-surface-variant: rgb(222 227 235);--md-sys-color-on-surface-variant: rgb(66 71 78);--md-sys-color-outline: rgb(115 119 127);--md-sys-color-outline-variant: rgb(194 199 207);--md-sys-color-shadow: rgb(0 0 0);--md-sys-color-scrim: rgb(0 0 0);--md-sys-color-inverse-surface: rgb(45 49 53);--md-sys-color-inverse-on-surface: rgb(239 241 247);--md-sys-color-inverse-primary: rgb(158 202 252);--md-sys-color-primary-fixed: rgb(208 228 255);--md-sys-color-on-primary-fixed: rgb(0 29 52);--md-sys-color-primary-fixed-dim: rgb(158 202 252);--md-sys-color-on-primary-fixed-variant: rgb(21 73 116);--md-sys-color-secondary-fixed: rgb(214 228 247);--md-sys-color-on-secondary-fixed: rgb(15 29 42);--md-sys-color-secondary-fixed-dim: rgb(186 200 219);--md-sys-color-on-secondary-fixed-variant: rgb(59 72 87);--md-sys-color-tertiary-fixed: rgb(241 219 255);--md-sys-color-on-tertiary-fixed: rgb(36 21 50);--md-sys-color-tertiary-fixed-dim: rgb(213 190 229);--md-sys-color-on-tertiary-fixed-variant: rgb(81 64 96);--md-sys-color-surface-dim: rgb(216 218 224);--md-sys-color-surface-bright: rgb(248 249 255);--md-sys-color-surface-container-lowest: rgb(255 255 255);--md-sys-color-surface-container-low: rgb(242 243 249);--md-sys-color-surface-container: rgb(236 238 244);--md-sys-color-surface-container-high: rgb(230 232 238);--md-sys-color-surface-container-highest: rgb(224 226 232)}[data-theme=dark]{color-scheme:dark;--md-sys-color-primary: rgb(158 202 252);--md-sys-color-surface-tint: rgb(158 202 252);--md-sys-color-on-primary: rgb(0 50 86);--md-sys-color-primary-container: rgb(21 73 116);--md-sys-color-on-primary-container: rgb(208 228 255);--md-sys-color-secondary: rgb(186 200 219);--md-sys-color-on-secondary: rgb(36 49 64);--md-sys-color-secondary-container: rgb(59 72 87);--md-sys-color-on-secondary-container: rgb(214 228 247);--md-sys-color-tertiary: rgb(213 190 229);--md-sys-color-on-tertiary: rgb(58 42 72);--md-sys-color-tertiary-container: rgb(81 64 96);--md-sys-color-on-tertiary-container: rgb(241 219 255);--md-sys-color-error: rgb(255 180 171);--md-sys-color-on-error: rgb(105 0 5);--md-sys-color-error-container: rgb(147 0 10);--md-sys-color-on-error-container: rgb(255 218 214);--md-sys-color-background: rgb(16 20 24);--md-sys-color-on-background: rgb(224 226 232);--md-sys-color-surface: rgb(16 20 24);--md-sys-color-on-surface: rgb(224 226 232);--md-sys-color-surface-variant: rgb(66 71 78);--md-sys-color-on-surface-variant: rgb(194 199 207);--md-sys-color-outline: rgb(140 145 153);--md-sys-color-outline-variant: rgb(66 71 78);--md-sys-color-shadow: rgb(0 0 0);--md-sys-color-scrim: rgb(0 0 0);--md-sys-color-inverse-surface: rgb(224 226 232);--md-sys-color-inverse-on-surface: rgb(45 49 53);--md-sys-color-inverse-primary: rgb(51 97 141);--md-sys-color-primary-fixed: rgb(208 228 255);--md-sys-color-on-primary-fixed: rgb(0 29 52);--md-sys-color-primary-fixed-dim: rgb(158 202 252);--md-sys-color-on-primary-fixed-variant: rgb(21 73 116);--md-sys-color-secondary-fixed: rgb(214 228 247);--md-sys-color-on-secondary-fixed: rgb(15 29 42);--md-sys-color-secondary-fixed-dim: rgb(186 200 219);--md-sys-color-on-secondary-fixed-variant: rgb(59 72 87);--md-sys-color-tertiary-fixed: rgb(241 219 255);--md-sys-color-on-tertiary-fixed: rgb(36 21 50);--md-sys-color-tertiary-fixed-dim: rgb(213 190 229);--md-sys-color-on-tertiary-fixed-variant: rgb(81 64 96);--md-sys-color-surface-dim: rgb(16 20 24);--md-sys-color-surface-bright: rgb(54 57 62);--md-sys-color-surface-container-lowest: rgb(11 14 18);--md-sys-color-surface-container-low: rgb(25 28 32);--md-sys-color-surface-container: rgb(29 32 36);--md-sys-color-surface-container-high: rgb(39 42 47);--md-sys-color-surface-container-highest: rgb(50 53 58)}[data-theme=light-high-contrast]{color-scheme:light;--md-sys-color-primary: rgb(0 46 79);--md-sys-color-surface-tint: rgb(51 97 141);--md-sys-color-on-primary: rgb(255 255 255);--md-sys-color-primary-container: rgb(24 76 118);--md-sys-color-on-primary-container: rgb(255 255 255);--md-sys-color-secondary: rgb(32 45 60);--md-sys-color-on-secondary: rgb(255 255 255);--md-sys-color-secondary-container: rgb(61 74 90);--md-sys-color-on-secondary-container: rgb(255 255 255);--md-sys-color-tertiary: rgb(53 37 68);--md-sys-color-on-tertiary: rgb(255 255 255);--md-sys-color-tertiary-container: rgb(84 66 99);--md-sys-color-on-tertiary-container: rgb(255 255 255);--md-sys-color-error: rgb(96 0 4);--md-sys-color-on-error: rgb(255 255 255);--md-sys-color-error-container: rgb(152 0 10);--md-sys-color-on-error-container: rgb(255 255 255);--md-sys-color-background: rgb(248 249 255);--md-sys-color-on-background: rgb(25 28 32);--md-sys-color-surface: rgb(248 249 255);--md-sys-color-on-surface: rgb(0 0 0);--md-sys-color-surface-variant: rgb(222 227 235);--md-sys-color-on-surface-variant: rgb(0 0 0);--md-sys-color-outline: rgb(40 45 51);--md-sys-color-outline-variant: rgb(69 74 80);--md-sys-color-shadow: rgb(0 0 0);--md-sys-color-scrim: rgb(0 0 0);--md-sys-color-inverse-surface: rgb(45 49 53);--md-sys-color-inverse-on-surface: rgb(255 255 255);--md-sys-color-inverse-primary: rgb(158 202 252);--md-sys-color-primary-fixed: rgb(24 76 118);--md-sys-color-on-primary-fixed: rgb(255 255 255);--md-sys-color-primary-fixed-dim: rgb(0 53 89);--md-sys-color-on-primary-fixed-variant: rgb(255 255 255);--md-sys-color-secondary-fixed: rgb(61 74 90);--md-sys-color-on-secondary-fixed: rgb(255 255 255);--md-sys-color-secondary-fixed-dim: rgb(39 52 66);--md-sys-color-on-secondary-fixed-variant: rgb(255 255 255);--md-sys-color-tertiary-fixed: rgb(84 66 99);--md-sys-color-on-tertiary-fixed: rgb(255 255 255);--md-sys-color-tertiary-fixed-dim: rgb(60 44 75);--md-sys-color-on-tertiary-fixed-variant: rgb(255 255 255);--md-sys-color-surface-dim: rgb(182 185 190);--md-sys-color-surface-bright: rgb(248 249 255);--md-sys-color-surface-container-lowest: rgb(255 255 255);--md-sys-color-surface-container-low: rgb(239 241 247);--md-sys-color-surface-container: rgb(224 226 232);--md-sys-color-surface-container-high: rgb(210 212 218);--md-sys-color-surface-container-highest: rgb(196 198 204)}[data-theme=dark-high-contrast]{color-scheme:dark;--md-sys-color-primary: rgb(232 241 255);--md-sys-color-surface-tint: rgb(158 202 252);--md-sys-color-on-primary: rgb(0 0 0);--md-sys-color-primary-container: rgb(154 198 248);--md-sys-color-on-primary-container: rgb(0 12 26);--md-sys-color-secondary: rgb(232 241 255);--md-sys-color-on-secondary: rgb(0 0 0);--md-sys-color-secondary-container: rgb(182 196 215);--md-sys-color-on-secondary-container: rgb(1 12 25);--md-sys-color-tertiary: rgb(249 235 255);--md-sys-color-on-tertiary: rgb(0 0 0);--md-sys-color-tertiary-container: rgb(209 186 225);--md-sys-color-on-tertiary-container: rgb(19 4 33);--md-sys-color-error: rgb(255 236 233);--md-sys-color-on-error: rgb(0 0 0);--md-sys-color-error-container: rgb(255 174 164);--md-sys-color-on-error-container: rgb(34 0 1);--md-sys-color-background: rgb(16 20 24);--md-sys-color-on-background: rgb(224 226 232);--md-sys-color-surface: rgb(16 20 24);--md-sys-color-on-surface: rgb(255 255 255);--md-sys-color-surface-variant: rgb(66 71 78);--md-sys-color-on-surface-variant: rgb(255 255 255);--md-sys-color-outline: rgb(236 240 249);--md-sys-color-outline-variant: rgb(190 195 203);--md-sys-color-shadow: rgb(0 0 0);--md-sys-color-scrim: rgb(0 0 0);--md-sys-color-inverse-surface: rgb(224 226 232);--md-sys-color-inverse-on-surface: rgb(0 0 0);--md-sys-color-inverse-primary: rgb(23 75 117);--md-sys-color-primary-fixed: rgb(208 228 255);--md-sys-color-on-primary-fixed: rgb(0 0 0);--md-sys-color-primary-fixed-dim: rgb(158 202 252);--md-sys-color-on-primary-fixed-variant: rgb(0 18 36);--md-sys-color-secondary-fixed: rgb(214 228 247);--md-sys-color-on-secondary-fixed: rgb(0 0 0);--md-sys-color-secondary-fixed-dim: rgb(186 200 219);--md-sys-color-on-secondary-fixed-variant: rgb(4 18 32);--md-sys-color-tertiary-fixed: rgb(241 219 255);--md-sys-color-on-tertiary-fixed: rgb(0 0 0);--md-sys-color-tertiary-fixed-dim: rgb(213 190 229);--md-sys-color-on-tertiary-fixed-variant: rgb(25 10 39);--md-sys-color-surface-dim: rgb(16 20 24);--md-sys-color-surface-bright: rgb(77 80 85);--md-sys-color-surface-container-lowest: rgb(0 0 0);--md-sys-color-surface-container-low: rgb(29 32 36);--md-sys-color-surface-container: rgb(45 49 53);--md-sys-color-surface-container-high: rgb(56 60 64);--md-sys-color-surface-container-highest: rgb(68 71 76)}[data-theme=light-medium-contrast]{color-scheme:light;--md-sys-color-primary: rgb(0 56 95);--md-sys-color-surface-tint: rgb(51 97 141);--md-sys-color-on-primary: rgb(255 255 255);--md-sys-color-primary-container: rgb(67 112 157);--md-sys-color-on-primary-container: rgb(255 255 255);--md-sys-color-secondary: rgb(42 55 70);--md-sys-color-on-secondary: rgb(255 255 255);--md-sys-color-secondary-container: rgb(97 110 127);--md-sys-color-on-secondary-container: rgb(255 255 255);--md-sys-color-tertiary: rgb(64 47 78);--md-sys-color-on-tertiary: rgb(255 255 255);--md-sys-color-tertiary-container: rgb(121 102 136);--md-sys-color-on-tertiary-container: rgb(255 255 255);--md-sys-color-error: rgb(116 0 6);--md-sys-color-on-error: rgb(255 255 255);--md-sys-color-error-container: rgb(207 44 39);--md-sys-color-on-error-container: rgb(255 255 255);--md-sys-color-background: rgb(248 249 255);--md-sys-color-on-background: rgb(25 28 32);--md-sys-color-surface: rgb(248 249 255);--md-sys-color-on-surface: rgb(14 17 21);--md-sys-color-surface-variant: rgb(222 227 235);--md-sys-color-on-surface-variant: rgb(50 55 61);--md-sys-color-outline: rgb(78 83 90);--md-sys-color-outline-variant: rgb(105 109 117);--md-sys-color-shadow: rgb(0 0 0);--md-sys-color-scrim: rgb(0 0 0);--md-sys-color-inverse-surface: rgb(45 49 53);--md-sys-color-inverse-on-surface: rgb(239 241 247);--md-sys-color-inverse-primary: rgb(158 202 252);--md-sys-color-primary-fixed: rgb(67 112 157);--md-sys-color-on-primary-fixed: rgb(255 255 255);--md-sys-color-primary-fixed-dim: rgb(40 88 131);--md-sys-color-on-primary-fixed-variant: rgb(255 255 255);--md-sys-color-secondary-fixed: rgb(97 110 127);--md-sys-color-on-secondary-fixed: rgb(255 255 255);--md-sys-color-secondary-fixed-dim: rgb(73 86 102);--md-sys-color-on-secondary-fixed-variant: rgb(255 255 255);--md-sys-color-tertiary-fixed: rgb(121 102 136);--md-sys-color-on-tertiary-fixed: rgb(255 255 255);--md-sys-color-tertiary-fixed-dim: rgb(96 78 111);--md-sys-color-on-tertiary-fixed-variant: rgb(255 255 255);--md-sys-color-surface-dim: rgb(196 198 204);--md-sys-color-surface-bright: rgb(248 249 255);--md-sys-color-surface-container-lowest: rgb(255 255 255);--md-sys-color-surface-container-low: rgb(242 243 249);--md-sys-color-surface-container: rgb(230 232 238);--md-sys-color-surface-container-high: rgb(219 221 227);--md-sys-color-surface-container-highest: rgb(207 209 215)}[data-theme=dark-medium-contrast]{color-scheme:dark;--md-sys-color-primary: rgb(197 223 255);--md-sys-color-surface-tint: rgb(158 202 252);--md-sys-color-on-primary: rgb(0 39 69);--md-sys-color-primary-container: rgb(104 148 195);--md-sys-color-on-primary-container: rgb(0 0 0);--md-sys-color-secondary: rgb(208 222 241);--md-sys-color-on-secondary: rgb(25 39 53);--md-sys-color-secondary-container: rgb(132 146 164);--md-sys-color-on-secondary-container: rgb(0 0 0);--md-sys-color-tertiary: rgb(235 212 252);--md-sys-color-on-tertiary: rgb(47 31 61);--md-sys-color-tertiary-container: rgb(158 137 173);--md-sys-color-on-tertiary-container: rgb(0 0 0);--md-sys-color-error: rgb(255 210 204);--md-sys-color-on-error: rgb(84 0 3);--md-sys-color-error-container: rgb(255 84 73);--md-sys-color-on-error-container: rgb(0 0 0);--md-sys-color-background: rgb(16 20 24);--md-sys-color-on-background: rgb(224 226 232);--md-sys-color-surface: rgb(16 20 24);--md-sys-color-on-surface: rgb(255 255 255);--md-sys-color-surface-variant: rgb(66 71 78);--md-sys-color-on-surface-variant: rgb(216 220 229);--md-sys-color-outline: rgb(174 178 186);--md-sys-color-outline-variant: rgb(140 145 152);--md-sys-color-shadow: rgb(0 0 0);--md-sys-color-scrim: rgb(0 0 0);--md-sys-color-inverse-surface: rgb(224 226 232);--md-sys-color-inverse-on-surface: rgb(39 42 47);--md-sys-color-inverse-primary: rgb(23 75 117);--md-sys-color-primary-fixed: rgb(208 228 255);--md-sys-color-on-primary-fixed: rgb(0 18 36);--md-sys-color-primary-fixed-dim: rgb(158 202 252);--md-sys-color-on-primary-fixed-variant: rgb(0 56 95);--md-sys-color-secondary-fixed: rgb(214 228 247);--md-sys-color-on-secondary-fixed: rgb(4 18 32);--md-sys-color-secondary-fixed-dim: rgb(186 200 219);--md-sys-color-on-secondary-fixed-variant: rgb(42 55 70);--md-sys-color-tertiary-fixed: rgb(241 219 255);--md-sys-color-on-tertiary-fixed: rgb(25 10 39);--md-sys-color-tertiary-fixed-dim: rgb(213 190 229);--md-sys-color-on-tertiary-fixed-variant: rgb(64 47 78);--md-sys-color-surface-dim: rgb(16 20 24);--md-sys-color-surface-bright: rgb(66 69 73);--md-sys-color-surface-container-lowest: rgb(5 8 11);--md-sys-color-surface-container-low: rgb(27 30 34);--md-sys-color-surface-container: rgb(37 40 45);--md-sys-color-surface-container-high: rgb(48 51 55);--md-sys-color-surface-container-highest: rgb(59 62 67)}*{box-sizing:border-box}.skip-link{position:absolute;top:var(--md-sys-spacing-2);left:var(--md-sys-spacing-4);z-index:100;padding:var(--md-sys-spacing-3) var(--md-sys-spacing-4);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-family:var(--md-ref-typeface-plain);font-size:var(--md-sys-typescale-label-large-size);font-weight:500;text-decoration:none;border-radius:var(--md-sys-shape-corner-small);transform:translateY(-200%);transition:transform var(--md-sys-motion-duration-short3) var(--md-sys-easing-standard)}.skip-link:focus{transform:translateY(0);outline:2px solid var(--md-sys-color-on-primary);outline-offset:2px}body{margin:0;font-family:var(--md-ref-typeface-plain);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-large-weight);background:var(--md-sys-color-background);color:var(--md-sys-color-on-background)}.surface-card{background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-extra-large);box-shadow:var(--md-sys-elevation-level1);transition:box-shadow var(--md-sys-motion-duration-short3) var(--md-sys-easing-standard)}.outline-card{border:1px dashed var(--md-sys-color-outline)}.app-bar{position:sticky;top:0;z-index:10;border-radius:0 0 var(--md-sys-shape-corner-extra-large) var(--md-sys-shape-corner-extra-large);padding:var(--md-sys-spacing-3) clamp(var(--md-sys-spacing-4),4vw,var(--md-sys-spacing-12));padding-top:calc(var(--md-sys-spacing-3) + env(safe-area-inset-top,0px));box-shadow:var(--md-sys-elevation-level2)}.app-bar-content{display:flex;align-items:center;justify-content:space-between;gap:var(--md-sys-spacing-4)}.brand{display:grid;gap:var(--md-sys-spacing-1)}.brand-name{font-family:var(--md-ref-typeface-brand);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:600;letter-spacing:-.01em}.brand-domain{font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight);color:var(--md-sys-color-on-surface-variant)}.app-bar-actions{display:flex;align-items:center;gap:var(--md-sys-spacing-3);padding-right:var(--md-sys-spacing-3)}.theme-label{font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight);color:var(--md-sys-color-on-surface-variant)}.page{display:flex;flex-direction:column;gap:var(--md-sys-spacing-8);padding:var(--md-sys-spacing-8) clamp(var(--md-sys-spacing-4),4vw,var(--md-sys-spacing-12)) var(--md-sys-spacing-12);max-width:1100px;margin:0 auto}@media(max-width:600px){.page{padding-bottom:calc(var(--md-sys-spacing-24) + var(--safe-area-max-inset-bottom))}}.hero{display:grid;gap:var(--md-sys-spacing-7);padding:var(--md-sys-spacing-8) var(--md-sys-spacing-7);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container);box-shadow:var(--md-sys-elevation-level1);transition:transform var(--md-sys-motion-duration-medium2) var(--md-sys-easing-standard),box-shadow var(--md-sys-motion-duration-medium2) var(--md-sys-easing-standard)}.hero:hover{transform:translateY(-2px);box-shadow:var(--md-sys-elevation-level2)}.hero:focus-within{box-shadow:var(--md-sys-elevation-level2)}.hero-text{display:grid;gap:var(--md-sys-spacing-3)}.hero-input-block{display:grid;gap:var(--md-sys-spacing-6)}.hero-input-primary{width:100%}.hero-input-primary md-outlined-text-field{width:100%;--md-outlined-text-field-container-shape: var(--md-sys-shape-corner-large)}.hero-input-secondary{display:flex;align-items:flex-end;gap:var(--md-sys-spacing-5);flex-wrap:wrap}.hero-input-secondary #convertAlphabetSelect{min-width:180px;--md-outlined-select-text-field-container-shape: var(--md-sys-shape-corner-large)}.hero-input-secondary .action-buttons{display:flex;gap:var(--md-sys-spacing-3);margin:0}.eyebrow{margin:0;font-family:var(--md-ref-typeface-brand);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:.08em;text-transform:uppercase;color:var(--md-sys-color-secondary)}.headline{margin:0;font-family:var(--md-ref-typeface-brand);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight)}.supporting{margin:0;font-family:var(--md-ref-typeface-plain);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);color:var(--md-sys-color-on-surface-variant)}@media(max-width:600px){.hero{padding:var(--md-sys-spacing-6) var(--md-sys-spacing-5);gap:var(--md-sys-spacing-6)}.hero-text{gap:var(--md-sys-spacing-2)}.hero-input-block{gap:var(--md-sys-spacing-5)}.hero-input-secondary{gap:var(--md-sys-spacing-4)}.supporting{font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}}.input-row{display:flex;align-items:flex-start;gap:var(--md-sys-spacing-3);flex-wrap:wrap}md-outlined-text-field{flex:1;min-width:200px;--md-outlined-text-field-container-shape: var(--md-sys-shape-corner-large)}#convertAlphabetSelect{min-width:160px;--md-outlined-select-text-field-container-shape: var(--md-sys-shape-corner-large)}#clearInput{--md-icon-button-icon-size: var(--md-sys-typescale-title-medium-line-height)}#clearInput .material-symbols-outlined{font-size:var(--md-sys-typescale-title-medium-line-height)}.action-buttons{display:flex;gap:var(--md-sys-spacing-3);flex-shrink:0}#shareButton,#listenButton{--md-filled-tonal-button-container-height: var(--md-sys-spacing-10)}#shareButton .material-symbols-outlined,#listenButton .material-symbols-outlined{font-size:var(--md-sys-typescale-title-medium-line-height)}#listenButton.is-speaking{--md-filled-tonal-button-container-color: var(--md-sys-color-tertiary-container)}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:var(--md-sys-typescale-headline-small-size);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased}[slot=icon].material-symbols-outlined{display:flex;align-items:center;justify-content:center}.content-grid{display:grid;gap:var(--md-sys-spacing-5);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.results-card{padding:var(--md-sys-spacing-5)}.card-header{display:grid;gap:var(--md-sys-spacing-2);margin-bottom:var(--md-sys-spacing-3)}.card-header h2{margin:0;font-family:var(--md-ref-typeface-brand);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight)}.card-header p{margin:0;font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);color:var(--md-sys-color-on-surface-variant)}.use-cases{padding:var(--md-sys-spacing-7);display:grid;gap:var(--md-sys-spacing-6)}.use-cases-header{display:grid;gap:var(--md-sys-spacing-2)}.use-cases-header h2{margin:0;font-family:var(--md-ref-typeface-brand);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight)}.use-cases-header p{margin:0;font-size:var(--md-sys-typescale-body-large-size);line-height:1.5;color:var(--md-sys-color-on-surface-variant)}.use-cases-list{margin:0;padding-left:var(--md-sys-spacing-5);display:grid;gap:var(--md-sys-spacing-4);color:var(--md-sys-color-on-surface-variant)}.use-cases-list li{line-height:1.6;font-size:var(--md-sys-typescale-body-large-size)}.results-list{min-height:120px}.results-list md-list-item{--md-list-item-one-line-container-height: var(--md-sys-spacing-10);--md-list-item-top-space: 0;--md-list-item-bottom-space: 0}.results-list [data-role=leading]{font-size:var(--md-sys-typescale-title-large-size);font-weight:700;color:var(--md-sys-color-primary);min-width:var(--md-sys-typescale-title-large-line-height)}.results-list md-list-item.is-new{animation:fadeSlide var(--md-sys-motion-duration-short4) var(--md-sys-easing-standard)}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ad-slot{display:grid;place-items:center;min-height:240px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);text-align:center;padding:var(--md-sys-spacing-4)}.ad-slot.wide{min-height:140px}.ad-content p{margin:0;font-weight:500}.ad-content span{font-size:var(--md-sys-typescale-label-medium-size)}.ad-row{display:grid}.section-desc{margin:0;font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight);color:var(--md-sys-color-on-surface-variant)}.site-footer{text-align:center;padding:var(--md-sys-spacing-6) var(--md-sys-spacing-4) var(--md-sys-spacing-8);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight);color:var(--md-sys-color-on-surface-variant)}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--md-sys-spacing-4);margin-bottom:var(--md-sys-spacing-2)}@media(max-width:600px){.site-footer{padding:var(--md-sys-spacing-5) var(--md-sys-spacing-4) calc(var(--md-sys-spacing-20) + var(--md-sys-spacing-5) + env(safe-area-inset-bottom,0px))}.footer-links{flex-direction:column;gap:var(--md-sys-spacing-3);margin-bottom:var(--md-sys-spacing-3)}.footer-links a,.footer-links .footer-link{padding:var(--md-sys-spacing-3) var(--md-sys-spacing-4);min-height:var(--md-sys-spacing-12);display:inline-flex;align-items:center;justify-content:center}}.footer-meta{color:var(--md-sys-color-on-surface-variant)}.site-footer a,.footer-link{color:var(--md-sys-color-primary);text-decoration:none;transition:text-decoration var(--md-sys-motion-duration-short3) var(--md-sys-easing-standard),opacity var(--md-sys-motion-duration-short3) var(--md-sys-easing-standard);border-radius:var(--md-sys-shape-corner-extra-small);padding:0;margin:0;border:none;background:none;font:inherit;cursor:pointer;display:inline}.footer-link{margin-left:0}.site-footer a:hover,.footer-link:hover{text-decoration:underline;opacity:.87}.site-footer a:focus-visible,.footer-link:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px;text-decoration:underline}.site-footer a:active,.footer-link:active{opacity:.6}.consent-banner{position:fixed;left:50%;bottom:calc(var(--md-sys-spacing-4) + env(safe-area-inset-bottom,0px));transform:translate(-50%);width:min(720px,calc(100vw - var(--md-sys-spacing-8)));padding:var(--md-sys-spacing-4) var(--md-sys-spacing-5);border-radius:var(--md-sys-shape-corner-extra-large);box-shadow:var(--md-sys-elevation-level4);z-index:20}.consent-content{display:flex;flex-direction:column;gap:var(--md-sys-spacing-4)}.consent-text{display:grid;gap:var(--md-sys-spacing-2)}.consent-title{margin:0;font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--md-sys-typescale-title-medium-weight)}.consent-body{margin:0;font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);color:var(--md-sys-color-on-surface-variant)}.consent-options{display:grid;gap:var(--md-sys-spacing-3)}.consent-details{width:100%}.consent-option{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--md-sys-spacing-3);padding:var(--md-sys-spacing-3) var(--md-sys-spacing-3);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container-high)}.consent-option-title{margin:0;font-size:var(--md-sys-typescale-body-medium-size);font-weight:var(--md-sys-typescale-title-medium-weight)}.consent-option-body{margin:var(--md-sys-spacing-1) 0 0;font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);color:var(--md-sys-color-on-surface-variant)}.consent-note{margin:0;font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);color:var(--md-sys-color-on-surface-variant)}.consent-actions{display:flex;align-items:center;gap:var(--md-sys-spacing-3);flex-wrap:wrap;justify-content:flex-end;width:100%}.mode-tabs{display:flex;gap:var(--md-sys-spacing-2);padding:var(--md-sys-spacing-1);background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);width:fit-content}@media(max-width:600px){.mode-tabs-desktop{display:none}}@media(min-width:601px){.nav-bottom{display:none}.mode-tabs-sticky{position:sticky;top:56px;z-index:9;background:var(--md-sys-color-background);padding:var(--md-sys-spacing-3) 0 var(--md-sys-spacing-4);border-bottom:1px solid var(--md-sys-color-outline-variant, var(--md-sys-color-outline));box-shadow:var(--md-sys-elevation-level1)}}.nav-bottom{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) - var(--safe-area-max-inset-bottom));left:0;right:0;z-index:10;padding:0;padding-bottom:var(--safe-area-max-inset-bottom);border-radius:var(--md-sys-shape-corner-extra-large) var(--md-sys-shape-corner-extra-large) 0 0;box-shadow:var(--md-sys-elevation-level2)}.nav-bottom md-navigation-bar{--md-navigation-bar-container-color: var(--md-sys-color-surface);--md-navigation-bar-active-indicator-color: var(--md-sys-color-secondary-container);border-radius:var(--md-sys-shape-corner-extra-large) var(--md-sys-shape-corner-extra-large) 0 0;width:100%}.nav-bottom .material-symbols-outlined{font-size:var(--md-sys-typescale-headline-small-size)}.mode-tab{display:flex;align-items:center;gap:var(--md-sys-spacing-2);padding:var(--md-sys-spacing-3) var(--md-sys-spacing-5);min-height:48px;border:none;background:transparent;border-radius:var(--md-sys-shape-corner-medium);font-family:var(--md-ref-typeface-plain);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:background var(--md-sys-motion-duration-short3) var(--md-sys-easing-standard),color var(--md-sys-motion-duration-short3) var(--md-sys-easing-standard)}.mode-tab .material-symbols-outlined{font-size:var(--md-sys-typescale-title-medium-line-height)}.mode-tab:hover{background:var(--md-sys-color-surface-container-high)}.mode-tab.selected{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.mode-tab:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.practice-section{padding:var(--md-sys-spacing-7);display:grid;gap:var(--md-sys-spacing-6)}.practice-header h2{margin:0 0 var(--md-sys-spacing-2);font-family:var(--md-ref-typeface-brand);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight)}.practice-header .section-desc{margin:0}.progress-stats-card{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--md-sys-spacing-3);background:var(--md-sys-color-surface-container);padding:var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-medium);margin-top:var(--md-sys-spacing-4)}.progress-stat{display:flex;align-items:center;gap:var(--md-sys-spacing-2)}.progress-stat>.material-symbols-outlined{font-size:var(--md-sys-typescale-headline-small-size);color:var(--md-sys-color-primary)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);color:var(--md-sys-color-on-surface)}.stat-label{font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight);color:var(--md-sys-color-on-surface-variant)}@media(max-width:600px){.progress-stats-card{grid-template-columns:repeat(2,1fr)}}.practice-start-area{text-align:center;padding:var(--md-sys-spacing-8) var(--md-sys-spacing-4)}.practice-start-area p{margin:0 0 var(--md-sys-spacing-5);color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-large-size);max-width:400px;margin-left:auto;margin-right:auto}.practice-quiz-area{display:grid;gap:var(--md-sys-spacing-6)}.practice-stats{display:flex;justify-content:space-between;padding:var(--md-sys-spacing-3) var(--md-sys-spacing-4);background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-medium);font-size:var(--md-sys-typescale-body-medium-size);font-weight:500}.practice-question{text-align:center;padding:var(--md-sys-spacing-6)}.practice-prompt{margin:0 0 var(--md-sys-spacing-3);color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-large-size)}.practice-letter{font-size:var(--md-sys-typescale-display-large-size);font-weight:700;color:var(--md-sys-color-primary);line-height:1}.practice-answer-area{display:grid;gap:var(--md-sys-spacing-3);max-width:360px;margin:0 auto;width:100%}.practice-answer-area md-outlined-text-field{--md-outlined-text-field-container-shape: var(--md-sys-shape-corner-medium)}.practice-actions{display:flex;justify-content:center;gap:var(--md-sys-spacing-2)}.practice-feedback{text-align:center;font-size:var(--md-sys-typescale-body-large-size);font-weight:500;min-height:var(--md-sys-spacing-6);margin:0}.practice-feedback.correct{color:var(--md-sys-color-primary)}.practice-feedback.incorrect{color:var(--md-sys-color-error)}.practice-feedback.hint{color:var(--md-sys-color-secondary)}.practice-result-area{display:grid;place-items:center;padding:var(--md-sys-spacing-8) var(--md-sys-spacing-4)}.practice-result-card{text-align:center;display:grid;gap:var(--md-sys-spacing-4);justify-items:center}.practice-result-card .result-icon{font-size:var(--md-sys-typescale-display-medium-size);color:var(--md-sys-color-primary)}.practice-final-score{margin:0;font-size:var(--md-sys-typescale-headline-small-size);font-weight:600}.practice-result-message{margin:0;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-large-size);max-width:300px}.speed-section{padding:var(--md-sys-spacing-7);display:grid;gap:var(--md-sys-spacing-6)}.speed-header h2{margin:0 0 var(--md-sys-spacing-2);font-family:var(--md-ref-typeface-brand);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight)}.speed-header .section-desc{margin:0}.speed-settings{display:flex;align-items:center;gap:var(--md-sys-spacing-4);flex-wrap:wrap}.speed-settings label{font-weight:500;color:var(--md-sys-color-on-surface)}.speed-select{min-width:200px;--md-outlined-select-text-field-container-shape: var(--md-sys-shape-corner-large)}.speed-best{display:flex;align-items:center;gap:var(--md-sys-spacing-2);margin-left:auto;color:var(--md-sys-color-on-surface-variant)}.speed-best .material-symbols-outlined{color:var(--md-sys-color-primary)}.speed-challenge-area{display:flex;flex-direction:column;align-items:center;gap:var(--md-sys-spacing-5);padding:var(--md-sys-spacing-6);background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large)}.speed-timer-display{display:flex;align-items:center;gap:var(--md-sys-spacing-2);color:var(--md-sys-color-on-surface-variant)}.speed-timer-display .material-symbols-outlined{font-size:var(--md-sys-typescale-headline-large-size)}.speed-timer{font-size:var(--md-sys-typescale-headline-large-size);font-weight:700;font-variant-numeric:tabular-nums;color:var(--md-sys-color-primary)}.speed-word{font-size:var(--md-sys-typescale-headline-medium-size);font-weight:500;color:var(--md-sys-color-on-surface);text-align:center;padding:var(--md-sys-spacing-5) var(--md-sys-spacing-6);background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-medium);min-width:280px;max-width:100%;width:100%;line-height:1.4;word-break:break-word;white-space:normal;box-sizing:border-box;font-family:var(--md-ref-typeface-plain);letter-spacing:normal}.speed-word.has-word{font-family:monospace;letter-spacing:1px}.speed-challenge-area md-outlined-text-field{width:100%;max-width:500px}.speed-feedback{font-size:var(--md-sys-typescale-body-large-size);font-weight:500;min-height:var(--md-sys-spacing-6)}.speed-feedback.success{color:var(--md-sys-color-tertiary)}.speed-feedback.new-record{color:var(--md-sys-color-primary);animation:pulse var(--md-sys-motion-duration-long2) var(--md-sys-easing-standard)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.speed-buttons{display:flex;gap:var(--md-sys-spacing-3);align-items:center;justify-content:center}.section-details{padding:0;background:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-medium);overflow:hidden}.section-details summary{padding:var(--md-sys-spacing-4) var(--md-sys-spacing-4);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);color:var(--md-sys-color-on-surface-variant);cursor:pointer;list-style:none;display:flex;align-items:center;gap:var(--md-sys-spacing-2)}.section-details summary::-webkit-details-marker{display:none}.section-details summary:after{content:"expand_more";font-family:Material Symbols Outlined;font-size:var(--md-sys-typescale-title-medium-line-height);margin-left:auto;transition:transform var(--md-sys-motion-duration-short4) var(--md-sys-easing-standard)}.section-details[open] summary:after{transform:rotate(180deg)}.section-details summary:hover{color:var(--md-sys-color-on-surface)}.section-details ol,.section-details ul{margin:0;padding:0 var(--md-sys-spacing-4) var(--md-sys-spacing-4) 40px}.section-details li{margin-bottom:var(--md-sys-spacing-2);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);color:var(--md-sys-color-on-surface-variant)}.section-details .speed-hint,.section-details p{margin:0 var(--md-sys-spacing-4) var(--md-sys-spacing-4);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);color:var(--md-sys-color-on-surface-variant)}.speed-instructions.section-details ol,.decode-instructions.section-details ul{padding-left:var(--md-sys-spacing-5)}.speed-hint{margin:0;padding:var(--md-sys-spacing-3);background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-small);font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant)}.decode-section{padding:var(--md-sys-spacing-7);display:grid;gap:var(--md-sys-spacing-6)}.decode-header h2{margin:0 0 var(--md-sys-spacing-2);font-family:var(--md-ref-typeface-brand);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight)}.decode-header .section-desc{margin:0}.decode-input-area{width:100%;display:flex;flex-direction:column;gap:var(--md-sys-spacing-2)}.decode-input-label{font-size:var(--md-sys-typescale-label-medium-size);font-weight:500;color:var(--md-sys-color-on-surface-variant)}.decode-textarea{width:100%;padding:var(--md-sys-spacing-4);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);font-family:var(--md-ref-typeface-plain);font-size:var(--md-sys-typescale-body-large-size);resize:vertical;min-height:80px}.decode-textarea:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:-1px;border-color:var(--md-sys-color-primary)}.decode-textarea::placeholder{color:var(--md-sys-color-on-surface-variant)}.decode-settings{display:flex;align-items:center;gap:var(--md-sys-spacing-3);margin-bottom:var(--md-sys-spacing-4)}.decode-select{flex:1;max-width:280px}.decode-output-area{padding:var(--md-sys-spacing-5);background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-medium)}.decode-output-label{font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight);text-transform:uppercase;letter-spacing:.5px;color:var(--md-sys-color-on-surface-variant);margin-bottom:var(--md-sys-spacing-2)}.decode-output{font-size:var(--md-sys-typescale-headline-large-size);font-weight:500;font-family:var(--md-ref-typeface-plain);letter-spacing:normal;color:var(--md-sys-color-primary);word-break:break-word;min-height:var(--md-sys-spacing-12);line-height:1.4;white-space:normal}.decode-output.has-content{font-family:monospace;letter-spacing:2px;word-break:break-all}.decode-hint{margin-top:var(--md-sys-spacing-3);padding:var(--md-sys-spacing-3);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);border-radius:var(--md-sys-shape-corner-small);font-size:var(--md-sys-typescale-body-medium-size)}.reference-section{padding:var(--md-sys-spacing-7);display:grid;gap:var(--md-sys-spacing-6)}.reference-header{display:grid;gap:var(--md-sys-spacing-3)}.reference-title-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--md-sys-spacing-3)}.reference-title-row h2{margin:0;font-family:var(--md-ref-typeface-brand);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight)}.reference-actions{display:flex;gap:var(--md-sys-spacing-2)}.reference-header>p{margin:0;font-size:var(--md-sys-typescale-body-large-size);line-height:1.5;color:var(--md-sys-color-on-surface-variant)}.alphabet-selector-container{display:flex;flex-direction:column;gap:var(--md-sys-spacing-3)}.alphabet-group{display:flex;flex-direction:column;gap:var(--md-sys-spacing-2)}.alphabet-group-label{font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight);color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:.5px}.alphabet-selector{display:flex;gap:var(--md-sys-spacing-2);flex-wrap:wrap}.alphabet-btn{--md-outlined-button-container-height: 48px;min-height:48px}.alphabet-btn.selected{--md-outlined-button-outline-color: var(--md-sys-color-primary);--md-outlined-button-label-text-color: var(--md-sys-color-primary);background:var(--md-sys-color-primary-container)}.reference-grid{display:grid;gap:var(--md-sys-spacing-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.reference-group h3{margin:0 0 var(--md-sys-spacing-3);font-family:var(--md-ref-typeface-plain);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em}.reference-table{display:grid;gap:var(--md-sys-spacing-2)}.reference-row{display:grid;grid-template-columns:var(--md-sys-spacing-8) 1fr;gap:var(--md-sys-spacing-3);padding:var(--md-sys-spacing-2) var(--md-sys-spacing-3);border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-surface-container);align-items:center}.reference-row .char{font-weight:700;font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);color:var(--md-sys-color-primary)}.reference-row .word{font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.reference-note{margin:var(--md-sys-spacing-3) 0 0;font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);color:var(--md-sys-color-on-surface-variant);font-style:italic}.educational-section{padding:var(--md-sys-spacing-7);display:grid;gap:var(--md-sys-spacing-4)}.educational-section h2{margin:0;font-family:var(--md-ref-typeface-brand);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight)}.educational-section h3{margin:var(--md-sys-spacing-4) 0 var(--md-sys-spacing-2);font-family:var(--md-ref-typeface-plain);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight)}.educational-section p{margin:0;font-size:var(--md-sys-typescale-body-large-size);line-height:1.6;color:var(--md-sys-color-on-surface-variant)}.educational-list{margin:var(--md-sys-spacing-2) 0 0;padding-left:var(--md-sys-spacing-5);display:grid;gap:var(--md-sys-spacing-3);color:var(--md-sys-color-on-surface-variant)}.educational-list li{font-size:var(--md-sys-typescale-body-large-size);line-height:1.5}.educational-list strong{color:var(--md-sys-color-on-surface)}.tips-section{padding:var(--md-sys-spacing-7);display:grid;gap:var(--md-sys-spacing-5)}.tips-section h2{margin:0;font-family:var(--md-ref-typeface-brand);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight)}.tips-section>p{margin:0;font-size:var(--md-sys-typescale-body-large-size);line-height:1.5;color:var(--md-sys-color-on-surface-variant)}.tips-section h3{margin:var(--md-sys-spacing-2) 0 var(--md-sys-spacing-3);font-family:var(--md-ref-typeface-plain);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight)}.tips-grid{display:grid;gap:var(--md-sys-spacing-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tip-card{padding:var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container);display:grid;gap:var(--md-sys-spacing-2)}.tip-icon{color:var(--md-sys-color-primary);font-size:var(--md-sys-typescale-headline-medium-size)}.tip-card h3{margin:0;font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--md-sys-typescale-title-medium-weight)}.tip-card p{margin:0;font-size:var(--md-sys-typescale-body-medium-size);line-height:1.5;color:var(--md-sys-color-on-surface-variant)}.confusion-table{display:grid;gap:var(--md-sys-spacing-2)}.confusion-row{display:grid;grid-template-columns:140px 1fr;gap:var(--md-sys-spacing-4);padding:var(--md-sys-spacing-3) var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-surface-container);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.confusion-row.header{background:var(--md-sys-color-surface-container-high);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);text-transform:uppercase;letter-spacing:.03em}.confusion-row span:first-child{font-weight:500;color:var(--md-sys-color-on-surface)}.confusion-row span:last-child{color:var(--md-sys-color-on-surface-variant)}.faq-section{padding:var(--md-sys-spacing-7);display:grid;gap:var(--md-sys-spacing-4)}.faq-section h2{margin:0;font-family:var(--md-ref-typeface-brand);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight)}.faq-item{border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container);overflow:hidden}.faq-item summary{padding:var(--md-sys-spacing-4) var(--md-sys-spacing-4);cursor:pointer;font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);display:flex;align-items:center;gap:var(--md-sys-spacing-3);list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"expand_more";font-family:Material Symbols Outlined;font-size:var(--md-sys-typescale-title-medium-line-height);color:var(--md-sys-color-on-surface-variant);transition:transform var(--md-sys-motion-duration-short4) var(--md-sys-easing-standard)}.faq-item[open] summary:before{transform:rotate(180deg)}.faq-item summary:hover{background:var(--md-sys-color-surface-container-high)}.faq-item summary:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-2px}.faq-item p{margin:0;padding:0 var(--md-sys-spacing-4) var(--md-sys-spacing-4);font-size:var(--md-sys-typescale-body-medium-size);line-height:1.6;color:var(--md-sys-color-on-surface-variant)}.is-hidden{display:none}@media print{body{background:#fff;color:#000}.app-bar,.hero,.content-grid,.ad-slot,.ad-row,.consent-banner,.site-footer,.educational-section,.tips-section,.faq-section,.reference-actions,.alphabet-selector,.alphabet-selector-container,.mode-tabs,.nav-bottom,.practice-section,.speed-section,.decode-section{display:none!important}.page{padding:0;max-width:100%}.reference-section{padding:var(--md-sys-spacing-5);box-shadow:none;background:none;border-radius:0}.reference-header>p{display:block}.reference-section h2{font-size:var(--md-sys-typescale-headline-small-size);margin-bottom:var(--md-sys-spacing-2)}.reference-grid{grid-template-columns:repeat(3,1fr);gap:var(--md-sys-spacing-5)}.reference-row{background:var(--md-sys-color-surface-container-low, #f5f5f5);-webkit-print-color-adjust:exact;print-color-adjust:exact}.reference-row .char{color:var(--md-sys-color-on-surface)}}.breadcrumb{display:flex;align-items:center;gap:var(--md-sys-spacing-2);font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant);margin-bottom:var(--md-sys-spacing-4)}.breadcrumb a{color:var(--md-sys-color-primary);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .separator{color:var(--md-sys-color-outline)}.breadcrumb .current{color:var(--md-sys-color-on-surface)}.learn-card,.terms-card{max-width:800px;margin:0 auto;padding:var(--md-sys-spacing-8);border-radius:var(--md-sys-shape-corner-large)}.learn-header,.terms-header{margin-bottom:var(--md-sys-spacing-8);border-bottom:1px solid var(--md-sys-color-outline-variant, var(--md-sys-color-outline));padding-bottom:var(--md-sys-spacing-6)}.learn-content,.terms-content{line-height:1.7}.learn-content h2,.terms-content h2{font-size:var(--md-sys-typescale-headline-small-size);font-weight:500;margin-top:var(--md-sys-spacing-10);margin-bottom:var(--md-sys-spacing-4);color:var(--md-sys-color-on-surface)}.learn-content h3,.terms-content h3{font-size:var(--md-sys-typescale-title-large-size);font-weight:500;margin-top:var(--md-sys-spacing-7);margin-bottom:var(--md-sys-spacing-3);color:var(--md-sys-color-on-surface)}.learn-content p,.terms-content p{margin-bottom:var(--md-sys-spacing-4);color:var(--md-sys-color-on-surface-variant)}.learn-content ul,.terms-content ul{margin-bottom:var(--md-sys-spacing-4);padding-left:var(--md-sys-spacing-6)}.learn-content li,.terms-content li{margin-bottom:var(--md-sys-spacing-2);color:var(--md-sys-color-on-surface-variant)}.learn-section{margin-bottom:var(--md-sys-spacing-8)}.learn-list{list-style:none;padding-left:0}.learn-list li{position:relative;padding-left:var(--md-sys-spacing-6);margin-bottom:var(--md-sys-spacing-3)}.learn-list li:before{content:"•";position:absolute;left:var(--md-sys-spacing-2);color:var(--md-sys-color-primary);font-weight:700}.example-box{background:var(--md-sys-color-surface-container);border-left:var(--md-sys-spacing-1) solid var(--md-sys-color-primary);padding:var(--md-sys-spacing-4) var(--md-sys-spacing-5);margin:var(--md-sys-spacing-5) 0;border-radius:0 var(--md-sys-shape-corner-small) var(--md-sys-shape-corner-small) 0}.example-box p{margin-bottom:var(--md-sys-spacing-2)}.example-box p:last-child{margin-bottom:0;font-family:monospace;font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface)}.alphabet-showcase{background:var(--md-sys-color-primary-container);padding:var(--md-sys-spacing-6);border-radius:var(--md-sys-shape-corner-medium);margin:var(--md-sys-spacing-6) 0}.alphabet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--md-sys-spacing-2);font-weight:500;color:var(--md-sys-color-on-primary-container)}.alphabet-grid span{text-align:center;padding:var(--md-sys-spacing-2);background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-extra-small);font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface)}.learn-cta{background:var(--md-sys-color-surface-container-high);padding:var(--md-sys-spacing-8);border-radius:var(--md-sys-shape-corner-large);text-align:center;margin-top:var(--md-sys-spacing-12)}.learn-cta h2{margin-top:0}.learn-cta p{max-width:500px;margin:0 auto var(--md-sys-spacing-6)}.cta-buttons{display:flex;gap:var(--md-sys-spacing-4);justify-content:center;flex-wrap:wrap}.cta-primary,.cta-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--md-sys-spacing-3) var(--md-sys-spacing-6);border-radius:var(--md-sys-shape-corner-full);font-weight:500;text-decoration:none;font-size:var(--md-sys-typescale-body-medium-size);transition:background var(--md-sys-motion-duration-short4) var(--md-sys-easing-standard),box-shadow var(--md-sys-motion-duration-short4) var(--md-sys-easing-standard)}.cta-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.cta-primary:hover{box-shadow:var(--md-sys-elevation-level2)}.cta-secondary{background:var(--md-sys-color-surface);color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline)}.cta-secondary:hover{background:var(--md-sys-color-surface-container)}.timeline{position:relative;padding-left:var(--md-sys-spacing-8);margin:var(--md-sys-spacing-6) 0}.timeline:before{content:"";position:absolute;left:var(--md-sys-spacing-2);top:0;bottom:0;width:2px;background:var(--md-sys-color-primary)}.timeline-item{position:relative;margin-bottom:var(--md-sys-spacing-6);padding-left:var(--md-sys-spacing-4)}.timeline-item:before{content:"";position:absolute;left:-28px;top:var(--md-sys-spacing-1);width:var(--md-sys-spacing-3);height:var(--md-sys-spacing-3);background:var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-full);border:2px solid var(--md-sys-color-surface)}.timeline-date{font-weight:500;color:var(--md-sys-color-primary);font-size:var(--md-sys-typescale-body-medium-size);margin-bottom:var(--md-sys-spacing-1)}.timeline-content{color:var(--md-sys-color-on-surface-variant)}.pronunciation-card{display:flex;align-items:center;gap:var(--md-sys-spacing-4);padding:var(--md-sys-spacing-4);background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-medium);margin-bottom:var(--md-sys-spacing-3)}.pronunciation-letter{width:var(--md-sys-spacing-12);height:var(--md-sys-spacing-12);display:flex;align-items:center;justify-content:center;font-size:var(--md-sys-typescale-headline-small-size);font-weight:700;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-radius:var(--md-sys-shape-corner-small)}.pronunciation-word{flex:1;font-size:var(--md-sys-typescale-title-large-size);font-weight:500;color:var(--md-sys-color-on-surface)}.pronunciation-phonetic{font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant);font-style:italic}.pronunciation-list{display:flex;flex-direction:column;gap:var(--md-sys-spacing-2)}.pronunciation-info{flex:1;display:flex;flex-direction:column;gap:var(--md-sys-spacing-1)}.pronunciation-play{width:var(--md-sys-spacing-12);height:var(--md-sys-spacing-12);min-width:var(--md-sys-spacing-12);min-height:var(--md-sys-spacing-12);border:none;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-radius:var(--md-sys-shape-corner-full);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--md-sys-motion-duration-short4) var(--md-sys-easing-standard),transform var(--md-sys-motion-duration-short1) var(--md-sys-easing-standard);flex-shrink:0}.pronunciation-play:hover{background:var(--md-sys-color-primary);filter:brightness(1.1)}.pronunciation-play:active{transform:scale(.95)}.pronunciation-play .material-symbols-outlined{font-size:var(--md-sys-typescale-headline-small-size)}.scenario-card{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-medium);padding:var(--md-sys-spacing-6);margin-bottom:var(--md-sys-spacing-5)}.scenario-card h3{display:flex;align-items:center;gap:var(--md-sys-spacing-3);margin-top:0}.scenario-icon{width:var(--md-sys-spacing-10);height:var(--md-sys-spacing-10);display:flex;align-items:center;justify-content:center;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:var(--md-sys-shape-corner-small)}.scenario-example{background:var(--md-sys-color-surface);padding:var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-small);margin-top:var(--md-sys-spacing-4);font-family:monospace;font-size:var(--md-sys-typescale-body-medium-size)}.scenario-example .label{font-size:var(--md-sys-typescale-label-medium-size);font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--md-sys-color-on-surface-variant);margin-bottom:var(--md-sys-spacing-1);font-family:var(--md-ref-typeface-plain)}@media(prefers-reduced-motion:reduce){.hero,.results-list md-list-item{transition:none;animation:none}}@media(max-width:600px){.consent-actions{justify-content:flex-start}.input-row{flex-direction:column;align-items:stretch}.hero-input-secondary{align-items:stretch}.hero-input-secondary .action-buttons{justify-content:flex-end}.action-buttons{margin-top:0}.confusion-row{grid-template-columns:1fr;gap:var(--md-sys-spacing-1)}.confusion-row.header{display:none}.reference-grid,.tips-grid{grid-template-columns:1fr}}