:root{--primary-color: #07C160;--primary-light: #E6F4EA;--bg-color: #FFFFFF;--bg-light: #F5F5F5;--text-dark: #333333;--text-title: #000000;--text-muted: #666666;--border-color: #E0E0E0;--error-color: #FF4D4F;--success-color: #52C41A;--font-title: 20px;--font-subtitle: 16px;--font-body: 14px;--font-small: 12px;--spacing-large: 24px;--spacing-medium: 16px;--spacing-small: 12px;--spacing-tiny: 8px;--border-radius: 8px;--shadow: 0 2px 8px rgba(0, 0, 0, .1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Microsoft YaHei,sans-serif;font-size:14px;font-size:var(--font-body);color:#333;color:var(--text-dark);background-color:#f5f5f5;background-color:var(--bg-light);line-height:1.5}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea{font-family:inherit;outline:none}a{text-decoration:none;color:inherit}html{--color-snow: 255, 255, 255;--color-snow-always-light: 255, 255, 255;--color-snow-always-dark: 19, 31, 36;--color-polar: 247, 247, 247;--color-swan: 229, 229, 229;--color-swan-always-light: 229, 229, 229;--color-swan-always-dark: 55, 70, 79;--color-hare: 175, 175, 175;--color-hare-always-light: 175, 175, 175;--color-wolf: 119, 119, 119;--color-eel: 75, 75, 75;--color-squid: 235, 227, 227;--color-walking-fish: 255, 223, 224;--color-flamingo: 255, 178, 178;--color-pig: 245, 164, 164;--color-crab: 255, 120, 120;--color-cardinal: 255, 75, 75;--color-fire-ant: 234, 43, 43;--color-canary: 255, 245, 211;--color-duck: 251, 229, 109;--color-bee: 255, 200, 0;--color-bee-always-dark: 255, 199, 0;--color-lion: 255, 177, 0;--color-fox: 255, 150, 0;--color-cheetah: 255, 206, 142;--color-monkey: 229, 162, 89;--color-camel: 231, 166, 1;--color-guinea-pig: 205, 121, 0;--color-grizzly: 187, 113, 73;--color-sea-sponge: 215, 255, 184;--color-turtle: 165, 237, 110;--color-owl: 88, 204, 2;--color-tree-frog: 88, 167, 0;--color-peacock: 0, 205, 156;--color-iguana: 221, 244, 255;--color-anchovy: 210, 228, 232;--color-beluga: 187, 242, 255;--color-moon-jelly: 122, 240, 242;--color-blue-jay: 132, 216, 255;--color-macaw: 28, 176, 246;--color-whale: 24, 153, 214;--color-humpback: 43, 112, 201;--color-narwhal: 20, 83, 163;--color-manta-ray: 4, 44, 96;--color-starfish: 255, 134, 208;--color-beetle: 206, 130, 255;--color-betta: 144, 105, 205;--color-butterfly: 111, 78, 161;--color-dragon: 204, 52, 141;--color-starling: 92, 108, 252;--color-martin: 71, 85, 223;--color-grackle: 167, 160, 255;--color-honeycreeper: 193, 187, 255;--color-deep-starling: 34, 33, 81;--color-deep-martin: 16, 15, 62;--color-legendary-foreground: 140, 65, 3;--color-stardust: 199, 255, 254;--color-cosmos: 60, 77, 255;--color-nebula: 63, 34, 236;--color-nova: 207, 23, 200;--color-gamma: 38, 246, 99;--color-starlight: 38, 138, 255;--color-quasar: 252, 85, 255;--color-celestia: 255, 255, 255;--color-eclipse: 0, 4, 55;--color-black: 0, 0, 0;--color-aqua: 56, 238, 255;--color-aqua-always-light: 56, 238, 255;--color-ocean: 0, 124, 143;--color-seafoam: 158, 224, 233;--color-ice: 225, 253, 255;--color-max-shadow: 20, 208, 225;--color-black-white: 0, 0, 0;--color-diamond-stat: 86, 219, 226;--color-mask-green: 137, 226, 25;--color-pearl-stat: 255, 170, 222;--color-snow-dark-swan: 255, 255, 255;--color-black-text: 60, 60, 60;--color-blue-space: 11, 62, 113;--color-juicy-blue-space: 10, 74, 130;--color-juicy-blue-space-light: 35, 83, 144;--color-gold: 250, 169, 25;--color-gray-text: 153, 153, 153;--color-orange: 255, 157, 0;--color-diamond-highlight: 231, 251, 251;--color-diamond: 56, 208, 208;--color-banana: 255, 176, 32;--color-cloud: 207, 207, 207;--color-cloud-light: 221, 221, 221;--color-cloud-lightest: 240, 240, 240;--color-kiwi: 122, 199, 12;--color-kiwi-dark: 93, 151, 9;--color-kiwi-light: 142, 224, 0;--color-facebook: 59, 89, 152;--color-facebook-dark: 45, 67, 115;--color-google: 66, 133, 244;--color-twitter: 29, 161, 242;--color-hv-light-peach: 241, 218, 179;--color-hv-peach: 219, 186, 131;--color-hv-light-orange: 255, 177, 64;--color-hv-orange: 204, 121, 0;--color-hv-brown: 140, 90, 17;--color-streak-panel-extended-background: 255, 150, 0;--color-streak-panel-friend-background: 255, 95, 0;--color-streak-panel-frozen-background: 221, 244, 255;--color-streak-panel-frozen-flair-background: 132, 216, 255;--color-streak-panel-frozen-subtitle: 28, 176, 246;--color-streak-panel-frozen-text: 132, 216, 255;--color-streak-panel-frozen-topbar-text: 24, 153, 214;--color-streak-panel-streak-society-background: 255, 200, 0;--color-streak-panel-streak-society-background-always-dark: 215, 148, 51;--color-streak-panel-streak-society-text: 205, 121, 0;--color-streak-panel-unextended-heading-text: 235, 195, 127;--color-streak-panel-unextended-heading-background: 255, 245, 211;--color-streak-panel-unextended-topbar-text: 235, 195, 127;--color-streak-panel-milestone-gradient-start: 255, 147, 58;--color-streak-panel-milestone-gradient-end: 255, 200, 0;--color-streak-revival-background: 37, 9, 87;--color-streak-society-dark-orange: 255, 151, 1;--color-streak-society-light-orange: 255, 179, 1;--color-friends-quest-own-incomplete: 175, 175, 175;--color-friends-quest-friend-incomplete: 145, 145, 145;--color-black-text-always-light: 60, 60, 60;--color-cardinal-always-light: 255, 75, 75;--color-cowbird: 174, 104, 2;--color-eel-always-light: 75, 75, 75;--color-fox-always-light: 255, 150, 0;--color-fire-ant-always-light: 234, 43, 43;--color-grizzly-lite: 220, 143, 71;--color-guinea-pig-always-light: 205, 121, 0;--color-iguana-always-light: 221, 244, 255;--color-macaw-always-light: 28, 176, 246;--color-owl-always-light: 88, 204, 2;--color-polar-always-light: 247, 247, 247;--color-sea-sponge-always-light: 215, 255, 184;--color-tree-frog-always-light: 88, 167, 0;--color-turtle-always-light: 165, 237, 110;--color-walking-fish-always-light: 255, 223, 224;--color-wolf-always-light: 119, 119, 119;--color-cardinal-always-dark: 238, 85, 85;--color-eel-always-dark: 241, 247, 251;--color-hare-always-dark: 82, 101, 109;--color-macaw-always-dark: 73, 192, 248;--color-owl-always-dark: 147, 211, 51;--color-polar-always-dark: 32, 47, 54;--color-wolf-always-dark: 220, 230, 236;--color-rookie: 0, 175, 133;--color-explorer: 255, 100, 191;--color-traveler: 255, 145, 83;--color-trailblazer: 154, 143, 232;--color-adventurer: 96, 12, 199;--color-discoverer: 111, 44, 57;--color-daredevil: 46, 83, 138;--color-navigator: 9, 47, 119;--color-champion: 255, 110, 53;--color-daily_refresh: 0, 148, 255;--color-dark-mode-locked-path-section-text-color: 82, 101, 109;--color-rookie-progress-bar: 0, 198, 150;--color-explorer-progress-bar: 255, 138, 207;--color-traveler-progress-bar: 255, 167, 106;--color-trailblazer-progress-bar: 169, 157, 254;--color-adventurer-progress-bar: 122, 13, 199;--color-discoverer-progress-bar: 131, 50, 65;--color-daredevil-progress-bar: 54, 98, 165;--color-navigator-progress-bar: 12, 57, 141;--color-champion-progress-bar: 255, 129, 80;--color-daily_refresh-progress-bar: 28, 160, 255;--color-learning-progress-bar: 0, 148, 255;--color-course-complete-cta: 120, 219, 224;--color-course-complete-cta-border: 94, 201, 204;--color-bea-secondary: 24, 153, 214;--color-eddy-secondary: 234, 43, 43;--color-gilded-secondary: 231, 166, 1;--color-lily-secondary: 165, 104, 204;--color-vikram-secondary: 163, 42, 113;--color-zari-secondary: 204, 107, 166;--color-oscar-secondary: 0, 164, 125;--color-falstaff-secondary: 150, 90, 58;--color-bea-radio: 20, 123, 172;--color-duo-radio: 62, 143, 1;--color-eddy-radio: 179, 53, 53;--color-falstaff-radio: 131, 79, 51;--color-lin-lucy-radio: 179, 105, 0;--color-lily-radio: 144, 91, 179;--color-vikram-radio: 143, 36, 99;--color-zari-radio: 179, 94, 146;--color-oscar-radio: 0, 144, 109;--color-bea-junior-shine: 67, 190, 248;--color-duo-shine: 114, 214, 39;--color-eddy-shine: 255, 105, 105;--color-falstaff-shine: 227, 165, 108;--color-lily-shine: 214, 150, 255;--color-lin-lucy-shine: 255, 168, 44;--color-oscar-shine: 63, 217, 181;--color-vikram-shine: 214, 90, 162;--color-zari-shine: 255, 158, 217;--color-super-background-secondary: 26, 30, 76;--color-super-gradient-background: 12, 47, 113;--color-super-gradient-top-halo: 12, 76, 70;--color-super-gradient-bottom-halo: 76, 29, 115;--color-super-gradient-neutral: 24, 61, 142;--color-super-gradient-neutral-blue: 21, 82, 167;--color-super-gradient-neutral-purple: 95, 60, 172;--color-gold-shine: 255, 231, 0;--color-legendary-dark-background: 24, 24, 24;--color-roseate: 223, 75, 162;--color-rosefinch: 180, 28, 117;--color-bluebird: 3, 144, 211;--color-cotinga: 121, 58, 227;--color-sabrewing: 165, 112, 255;--color-blueberry: 17, 82, 167;--color-ether: 60, 89, 141;--color-diamond-tournament-purple: 161, 161, 238;--color-diamond-tournament-reaction: 118, 163, 231;--color-yir-page0: 221, 244, 255;--color-yir-page1: 227, 255, 235;--color-yir-page1-shadow: 19, 31, 36;--color-yir-page3-shadow: 187, 172, 252;--color-yir-page4-shadow: 143, 219, 255;--color-yir-page5-shadow: 255, 183, 80;--color-super-gradient-green-variant1: 38, 255, 85;--color-super-gradient-blue-variant1: 38, 139, 255;--color-super-gradient-pink-variant1: 252, 85, 255;--color-super-gradient-purple-variant1: 17, 34, 181;--color-nyp-gradient-green: 38, 207, 155;--color-nyp-gradient-blue: 38, 138, 255;--color-nyp-gradient-purple: 201, 98, 255;--color-nyp-gradient-green-header: 38, 203, 160;--color-nyp-gradient-blue-header: 38, 143, 248;--color-nyp-gradient-purple-header: 38, 203, 160;--color-half-branded-background-blue-end: 22, 55, 140;--color-half-branded-background-blue-middle: 6, 27, 75;--color-half-branded-background-purple-end: 140, 61, 186;--color-half-branded-outline-blue: 42, 136, 255;--color-half-branded-outline-green: 38, 206, 155;--color-half-branded-outline-purple: 140, 82, 255;--color-max-dark: 39, 10, 61;--color-max-purple: 66, 2, 106;--color-max-light-purple: 221, 140, 254;--color-max-button-purple: 97, 33, 194;--color-max-button-dark-purple: 58, 27, 123;--color-max-ad82e6: 173, 130, 230;--color-unknown-001e2d: 0, 30, 45;--color-unknown-0047a4: 0, 71, 164;--color-unknown-0087d0: 0, 135, 208;--color-unknown-00aff9: 0, 175, 249;--color-unknown-013047: 1, 48, 71;--color-unknown-048fd1: 4, 143, 209;--color-unknown-0e0f10: 14, 15, 16;--color-unknown-0e3d79: 14, 61, 121;--color-unknown-172071: 23, 32, 113;--color-unknown-280378: 40, 3, 120;--color-unknown-3ebbf6: 62, 187, 246;--color-unknown-655ebb: 101, 94, 187;--color-unknown-696cee: 105, 108, 238;--color-unknown-7c0000: 124, 0, 0;--color-unknown-89e219: 137, 226, 25;--color-unknown-935051: 147, 80, 81;--color-unknown-959595: 149, 149, 149;--color-unknown-a2a2a2: 162, 162, 162;--color-unknown-a3dbeb: 163, 219, 235;--color-unknown-a4dffb: 164, 223, 251;--color-unknown-aaa: 170, 170, 170;--color-unknown-d087ff: 208, 135, 255;--color-unknown-d9d9d9: 217, 217, 217;--color-unknown-ddd: 221, 221, 221;--color-unknown-de8029: 222, 128, 41;--color-unknown-e3e3e3: 227, 227, 227;--color-unknown-e4ffff: 228, 255, 255;--color-unknown-ed8c01: 237, 140, 1;--color-unknown-f3484e: 243, 72, 78;--color-unknown-f4fafe: 244, 250, 254;--color-unknown-fafafa: 250, 250, 250;--color-unknown-fbdec5: 251, 222, 197;--color-unknown-ffc700: 255, 199, 0;--color-unknown-fff2aa: 255, 242, 170;--color-unknown-fffbef: 255, 251, 239;--color-unknown-6e00cf: 110, 0, 207;--color-unknown-cf17c9: 207, 23, 201;--color-unknown-051d3c: 5, 29, 60;--color-unknown-26ff55: 38, 255, 85;--color-unknown-000437: 0, 4, 55;--color-ultra-violet: 97, 33, 194;--color-unknown-030d42: 3, 13, 66;--color-unknown-423a9c: 66, 58, 156;--color-unknown-131757: 19, 23, 87;--color-unknown-262472: 38, 36, 114;--color-unknown-353575: 53, 53, 117;--color-macaw-shadow: 0, 150, 221;--color-fox-shadow: 205, 121, 0;--color-koala: 215, 215, 215;--color-koala-always-light: 215, 215, 215;--color-koala-always-dark: 72, 90, 98;--color-blue-tang: 0, 141, 207;--color-freetail: 85, 85, 85;--color-freetail-always-light: 85, 85, 85;--color-freetail-always-dark: 82, 101, 109;--color-orca: 51, 51, 51;--color-orca-always-light: 51, 51, 51;--color-orca-always-dark: 55, 70, 79;--app-offset: 0px;--viewport-height: 967px}:root{--background: #ffffff;--foreground: #171717;--duolingo-green: #58cc02;--duolingo-green-dark: #58a700;--duolingo-green-light: #89e219;--duolingo-blue: #1cb0f6;--duolingo-red: #ff4b4b;--duolingo-yellow: #ffc800;--duolingo-purple: #ce82ff;--duolingo-gray: #e5e5e5;--duolingo-gray-dark: #afafaf;--text-pageTitle-casing-large: none;--text-pageTitle-letter-spacing-large: 0;--text-pageTitle-line-height-large: 2.75rem;--text-pageTitle-size-large: 2.5rem;--text-pageTitle-weight-large: 700;--text-pageTitle-casing-small: none;--text-pageTitle-letter-spacing-small: 0;--text-pageTitle-line-height-small: 2.25rem;--text-pageTitle-size-small: 2rem;--text-pageTitle-weight-small: 700;--text-heading-casing-large: none;--text-heading-letter-spacing-large: 0;--text-heading-line-height-large: 2rem;--text-heading-size-large: 1.75rem;--text-heading-weight-large: 700;--text-heading-casing-medium: none;--text-heading-letter-spacing-medium: 0;--text-heading-line-height-medium: 2rem;--text-heading-size-medium: 1.5rem;--text-heading-weight-medium: 700;--text-heading-casing-small: none;--text-heading-letter-spacing-small: 0;--text-heading-line-height-small: 1.5rem;--text-heading-size-small: 1.25rem;--text-heading-weight-small: 700;--text-heading-casing-xsmall: none;--text-heading-letter-spacing-xsmall: 0;--text-heading-line-height-xsmall: 1.25rem;--text-heading-size-xsmall: 1rem;--text-heading-weight-xsmall: 700;--text-body-casing: none;--text-body-letter-spacing: 0;--text-body-line-height: 1.75rem;--text-body-size: 1.25rem;--text-body-weight: 500;--text-body-weight-bold: 700;--text-body-casing-spacious: none;--text-body-letter-spacing-spacious: 0;--text-body-line-height-spacious: 2rem;--text-body-size-spacious: 1.25rem;--text-body-weight-spacious: 500;--text-body-weight-spacious-bold: 700;--text-caption-casing: none;--text-caption-letter-spacing: 0;--text-caption-line-height: 1.5rem;--text-caption-size: 1rem;--text-caption-weight: 500;--text-caption-weight-bold: 700;--text-label-casing-large: uppercase;--text-label-letter-spacing-large: .04em;--text-label-line-height-large: 1.5rem;--text-label-size-large: 1.5rem;--text-label-weight-large: 700;--text-label-casing-medium: uppercase;--text-label-letter-spacing-medium: .04em;--text-label-line-height-medium: 1rem;--text-label-size-medium: 1rem;--text-label-weight-medium: 700}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-duolingo-green: var(--duolingo-green); --color-duolingo-green-dark: var(--duolingo-green-dark); --color-duolingo-green-light: var(--duolingo-green-light); --color-duolingo-blue: var(--duolingo-blue); --color-duolingo-red: var(--duolingo-red); --color-duolingo-yellow: var(--duolingo-yellow); --color-duolingo-purple: var(--duolingo-purple); --color-duolingo-gray: var(--duolingo-gray); --color-duolingo-gray-dark: var(--duolingo-gray-dark); --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); }body{background:#fff;background:var(--background);color:#171717;color:var(--foreground);font-family:Nunito,PingFang SC,Microsoft YaHei,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;-webkit-border-radius:4px;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0px);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes float{0%,to{-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}}@-webkit-keyframes pulse-glow{0%,to{-webkit-box-shadow:0 0 0 0 rgba(88,204,2,.4);box-shadow:0 0 #58cc0266}50%{-webkit-box-shadow:0 0 0 15px rgba(88,204,2,0);box-shadow:0 0 0 15px #58cc0200}}@keyframes pulse-glow{0%,to{-webkit-box-shadow:0 0 0 0 rgba(88,204,2,.4);box-shadow:0 0 #58cc0266}50%{-webkit-box-shadow:0 0 0 15px rgba(88,204,2,0);box-shadow:0 0 0 15px #58cc0200}}@-webkit-keyframes bounce-soft{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes bounce-soft{0%,to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}}.animate-float{-webkit-animation:float 3s ease-in-out infinite;animation:float 3s ease-in-out infinite}.animate-pulse-glow{-webkit-animation:pulse-glow 2s ease-in-out infinite;animation:pulse-glow 2s ease-in-out infinite}.animate-bounce-soft{-webkit-animation:bounce-soft 2s ease-in-out infinite;animation:bounce-soft 2s ease-in-out infinite}#cus-botton .bg-circle{width:100px;height:100px;-webkit-border-radius:50%;border-radius:50%;border:10px solid #e5e5e5;position:absolute;left:-10px;top:-17px}#cus-botton{position:relative}#cus-botton #bg-button{height:65px;position:relative;width:70px;-webkit-border-radius:50%;border-radius:50%;cursor:pointer;left:5px}#cus-botton #bg-button:before{content:"";left:0;position:absolute;width:100%;z-index:-2;background:var(--before-color);-webkit-border-radius:50%/50%;border-radius:50%;height:57px;top:8px}#cus-botton #bg-button:after{content:"";background:var(--after-color);-webkit-border-radius:50%/50%;border-radius:50%;position:absolute;left:0;top:0;height:57px;width:100%;z-index:-1}#cus-botton #bg-button .bg-button-icon{position:absolute;left:0;top:0;height:57px;width:100%;z-index:0;width:42px;height:34px;margin:12px 14px;pointer-events:none}#cus-botton #bg-button.pressed:before{content:none}#cus-botton #bg-button.pressed:after{top:8px}#cus-botton #bg-button.pressed .bg-button-icon{top:8px}#cus-botton .shark-card{padding:12px;position:absolute;display:inline-block;background-color:#fff;border:2px solid #e0e0e0;-webkit-border-radius:12px;border-radius:12px;font-family:sans-serif;font-size:17px;color:var(--after-color);cursor:pointer;-ms-word-break:keep-all;word-break:keep-all;width:120px;height:45px;line-height:17px;text-align:center;-webkit-animation:float 1.5s ease-in-out infinite;animation:float 1.5s ease-in-out infinite;top:-48px;left:-18px}@-webkit-keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes float{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px)}to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}#cus-botton .shark-card:after{content:"";position:absolute;bottom:-12px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);border-width:12px 10px 0;border-style:solid;border-color:#ffffff transparent transparent}#cus-botton .shark-card:before{content:"";position:absolute;bottom:-15px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);border-width:14px 12px 0;border-style:solid;border-color:#e0e0e0 transparent transparent;z-index:-1}.lesson-card{position:absolute;background-color:var(--bg-color);-webkit-border-radius:15px;border-radius:15px;padding:16px;width:295px;height:151px;color:#fff;top:90px;left:-107px;z-index:999}.lesson-card:before{content:"";position:absolute;top:-16px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:16px solid var(--bg-color)}.lesson-title{font-size:19px;font-weight:700}.lesson-unit{font-size:17px;margin-bottom:18px;font-weight:300}.start-button{width:100%;background-color:#fff;border:none;-webkit-border-radius:8px;border-radius:8px;height:50px;line-height:50px;font-size:19px;font-weight:700}.start-button:hover{color:#89e219}.title-nav-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color:var(--bgColor);-webkit-border-radius:13px;border-radius:13px;padding:16px;color:#fff;position:fixed;max-width:600px;width:100%;z-index:99999;top:0}.title-nav-left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:8px}.title-nav-back{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:16px;opacity:.7;line-height:24px}.title-nav-back:before{content:"←";margin-right:12px}.title-nav-title{font-size:22px;line-height:28px;font-weight:600}.title-nav-icon-btn{width:54px;height:54px;background-color:#0000001a;-webkit-border-radius:16px;border-radius:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.title-nav-icon{width:24px;height:24px;background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.019043%204.83285C0.019043%204.10489%200.609167%203.51477%201.33712%203.51477H3.09456C3.82251%203.51477%204.41264%204.10489%204.41264%204.83285C4.41264%205.5608%203.82251%206.15093%203.09456%206.15093H1.33712C0.609167%206.15093%200.019043%205.5608%200.019043%204.83285Z'%20fill='white'/%3e%3cpath%20d='M0.019043%2011.8628C0.019043%2011.1348%200.609167%2010.5447%201.33712%2010.5447H3.09456C3.82251%2010.5447%204.41264%2011.1348%204.41264%2011.8628C4.41264%2012.5907%203.82251%2013.1808%203.09456%2013.1808H1.33712C0.609167%2013.1808%200.019043%2012.5907%200.019043%2011.8628Z'%20fill='white'/%3e%3cpath%20d='M0.019043%2018.8923C0.019043%2018.1643%200.609167%2017.5742%201.33712%2017.5742H3.09456C3.82251%2017.5742%204.41264%2018.1643%204.41264%2018.8923C4.41264%2019.6202%203.82251%2020.2104%203.09456%2020.2104H1.33712C0.609167%2020.2104%200.019043%2019.6202%200.019043%2018.8923Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2.65527%203.51493V6.15108H3.09466C3.82261%206.15108%204.41274%205.56096%204.41274%204.83301C4.41274%204.10505%203.82261%203.51493%203.09466%203.51493H2.65527ZM3.09466%201.75749H3.09349C3.68239%200.708669%204.80532%200%206.09377%200H20.4134C22.3125%200%2023.8519%201.53947%2023.8519%203.4385V20.2869C23.8519%2022.1859%2022.3125%2023.7254%2020.4134%2023.7254H6.09377C4.80535%2023.7254%203.68244%2023.0168%203.09353%2021.968H3.09464C4.7932%2021.968%206.17016%2020.591%206.17016%2018.8925C6.17016%2017.1939%204.7932%2015.817%203.09464%2015.817H2.65527V14.9383H3.09464C4.7932%2014.9383%206.17016%2013.5614%206.17016%2011.8628C6.17016%2010.1643%204.7932%208.78731%203.09464%208.78731H2.65527V7.90852H3.09466C4.79322%207.90852%206.17017%206.53157%206.17017%204.83301C6.17017%203.13445%204.79322%201.75749%203.09466%201.75749ZM3.09464%2020.2105H2.65527V17.5744H3.09464C3.8226%2017.5744%204.41272%2018.1645%204.41272%2018.8925C4.41272%2019.6204%203.8226%2020.2105%203.09464%2020.2105ZM3.09464%2013.1809H2.65527V10.5448H3.09464C3.8226%2010.5448%204.41272%2011.1349%204.41272%2011.8628C4.41272%2012.5908%203.8226%2013.1809%203.09464%2013.1809ZM9.90473%203.95423C9.2981%203.95423%208.80633%204.446%208.80633%205.05263C8.80633%205.65926%209.2981%206.15103%209.90473%206.15103H19.1313C19.7379%206.15103%2020.2297%205.65926%2020.2297%205.05263C20.2297%204.446%2019.7379%203.95423%2019.1313%203.95423H9.90473ZM8.80633%2010.3249C8.80633%209.71831%209.2981%209.22654%209.90473%209.22654H19.1313C19.7379%209.22654%2020.2297%209.71831%2020.2297%2010.3249C20.2297%2010.9316%2019.7379%2011.4233%2019.1313%2011.4233H9.90473C9.2981%2011.4233%208.80633%2010.9316%208.80633%2010.3249ZM9.90473%2014.4989C9.2981%2014.4989%208.80633%2014.9906%208.80633%2015.5973C8.80633%2016.2039%209.2981%2016.6957%209.90473%2016.6957H16.4951C17.1017%2016.6957%2017.5935%2016.2039%2017.5935%2015.5973C17.5935%2014.9906%2017.1017%2014.4989%2016.4951%2014.4989H9.90473Z'%20fill='white'/%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;background-position:center}#line-header{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:8px;margin-top:8px;-ms-word-break:keep-all;word-break:keep-all}#line-header h2{color:gray;font-size:19px;line-height:26.6px;margin:0 16px;text-align:center}#line-header hr{width:50%;border:0;border-top:2px solid #ddd;height:0;margin:40px 0}#curve-area .game-path-container{position:relative}#curve-area .skip-prompt{position:relative;margin:40px 0 12px}#curve-area .prompt-text{background:#fff;border:1px solid #e0e0e0;-webkit-border-radius:8px;border-radius:8px;padding:8px 16px;font-size:16px;color:#58c024;margin-bottom:8px;display:inline-block;position:relative}#curve-area .prompt-text:after{content:"";position:absolute;bottom:-8px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #e0e0e0}#curve-area .prompt-text:before{content:"";position:absolute;bottom:-6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #fff;z-index:1}#curve-area .skip-button{width:64px;height:64px;background-color:#58c024;-webkit-border-radius:50%;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;-webkit-box-shadow:0 4px 0 #3e9b18;box-shadow:0 4px #3e9b18}#curve-area .skip-button:after{content:"";width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:20px solid white}#curve-area .level-node{position:relative;margin-top:18px}#curve-area .level-node .icon{width:40px;height:40px;fill:#b3b3b3}#curve-area .node-1{margin-left:-80px}#curve-area .node-2{margin-left:-130px}#curve-area .node-3{margin-left:-80px}#curve-area .node-4{margin-left:0}#curve-area .node-5{margin-left:-80px}#curve-area .node-6{margin-left:-130px}#curve-area .node-7{margin-left:-80px}#curve-area .node-8{margin-left:0}#curve-area .character-owl,#curve-area .character-cat{position:absolute;width:200px;height:260px;display:flex;justify-content:center;align-items:center}#curve-area .character-owl img,#curve-area .character-cat img{width:100%;height:100%}#curve-area .character-owl{top:140px;right:0;z-index:-5}#curve-area .character-cat{top:317px}.lesson-container{min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Microsoft YaHei,sans-serif}.lesson-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:16px 10px;gap:16px}.close-button{width:36px;height:36px;border:none;background:none;font-size:28px;color:#9ca3af;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.progress-container{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:4px}.streak-badge{font-size:12px;color:#84cc16;font-weight:600}.progress-bar{width:100%;height:16px;background-color:#e5e7eb;-webkit-border-radius:8px;border-radius:8px;overflow:hidden}.progress-fill{height:100%;background-color:#84cc16;-webkit-border-radius:8px;border-radius:8px;-webkit-transition:width .3s ease;-o-transition:width .3s ease;transition:width .3s ease}.hearts{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:4px}.heart-icon{font-size:20px}.heart-count{font-size:16px;font-weight:600;color:#ef4444}.lesson-content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:20px 10px;max-width:800px;margin:0 auto;width:100%}.new-word-badge{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px;margin-bottom:16px}.new-word-icon{color:#c084fc;font-size:18px}.new-word-text{color:#c084fc;font-size:16px;font-weight:500}.lesson-question{font-size:28px;font-weight:700;color:#374151;margin-bottom:24px}.character-section{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:12px;margin-bottom:24px}.speech-bubble{background-color:#fff;border:2px solid #e5e7eb;-webkit-border-radius:12px;border-radius:12px;padding:12px 20px;font-size:18px;color:#374151;position:relative;margin-bottom:20px}.speech-bubble:before{content:"";position:absolute;left:-10px;bottom:20px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #e5e7eb}.speech-bubble:after{content:"";position:absolute;left:-7px;bottom:22px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff}.options-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16px}.options-container.image-options{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@media (max-width: 768px){.options-container.image-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.option-card{width:100%;height:180px}.option-image img{width:80px;height:80px}.new-word-badge{margin-bottom:0}.lesson-question{margin-bottom:10px}.lesson-header{padding:0 10px}.lesson-content{padding:8px 10px}}.options-container.text-options{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;max-width:500px;margin:0 auto}.option-card{width:180px;height:220px;border:2px solid #e5e7eb;-webkit-border-radius:16px;border-radius:16px;background-color:#fff;cursor:pointer;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.option-card:hover{border-color:#d1d5db;background-color:#f9fafb}.option-card.selected,.option-card.correct{border-color:#84cc16;background-color:#ecfccb}.option-card.wrong{border-color:#ef4444;background-color:#fee2e2}.option-image{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:20px}.option-image img{width:120px;height:120px;object-fit:contain}.option-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:12px 16px;border-top:1px solid #f3f4f6}.option-name{font-size:16px;font-weight:500;color:#374151;text-transform:lowercase}.option-card.selected .option-name,.option-card.correct .option-name{color:#84cc16}.option-card.wrong .option-name{color:#ef4444}.option-number{width:28px;height:28px;border:2px solid #e5e7eb;-webkit-border-radius:8px;border-radius:8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:14px;font-weight:600;color:#9ca3af}.option-card.selected .option-number,.option-card.correct .option-number{border-color:#84cc16;color:#84cc16}.option-card.wrong .option-number{border-color:#ef4444;color:#ef4444}.text-option{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:16px;padding:16px 20px;border:2px solid #e5e7eb;-webkit-border-radius:12px;border-radius:12px;background-color:#fff;cursor:pointer;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.text-option:hover{border-color:#d1d5db;background-color:#f9fafb}.text-option.selected,.text-option.correct{border-color:#84cc16;background-color:#ecfccb}.text-option.wrong{border-color:#ef4444;background-color:#fee2e2}.text-option-number{width:32px;height:32px;border:2px solid #e5e7eb;-webkit-border-radius:8px;border-radius:8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:14px;font-weight:600;color:#9ca3af;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.text-option.selected .text-option-number,.text-option.correct .text-option-number{border-color:#84cc16;color:#84cc16}.text-option.wrong .text-option-number{border-color:#ef4444;color:#ef4444}.text-option-name{font-size:18px;font-weight:500;color:#374151;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center}.text-option.selected .text-option-name,.text-option.correct .text-option-name{color:#84cc16}.text-option.wrong .text-option-name{color:#ef4444}.lesson-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:20px 40px;border-top:2px solid #e5e7eb;background-color:#fff;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.lesson-footer.correct{background-color:#ecfccb;border-top-color:#84cc16}.lesson-footer.wrong{background-color:#fee2e2;border-top-color:#ef4444}.result-section{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%}.result-left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:16px}.result-icon{width:48px;height:48px;-webkit-border-radius:50%;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:24px;font-weight:700}.result-icon.correct{background-color:#84cc16;color:#fff}.result-icon.wrong{background-color:#ef4444;color:#fff}.result-text{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:4px}.result-title{font-size:18px;font-weight:700}.lesson-footer.correct .result-title{color:#65a30d}.lesson-footer.wrong .result-title{color:#dc2626}.result-answer{font-size:14px;color:#6b7280}.continue-button{padding:12px 48px;border:none;-webkit-border-radius:12px;border-radius:12px;background-color:#84cc16;color:#fff;font-size:16px;font-weight:600;cursor:pointer;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.continue-button:hover{background-color:#65a30d}*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pairing-wrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Microsoft YaHei,sans-serif}.pairing-container{min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Microsoft YaHei,sans-serif}.pairing-content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:40px 20px;max-width:600px;margin:0 auto;width:100%}.pairing-title{font-size:28px;font-weight:700;color:#374151;margin-bottom:40px}.pairing-grid{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:40px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.pairing-column{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:12px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.pairing-option{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:12px;padding:14px 16px;border:2px solid #e5e7eb;-webkit-border-radius:12px;border-radius:12px;background-color:#fff;cursor:pointer;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.pairing-option:hover{border-color:#d1d5db;background-color:#f9fafb}.pairing-option.selected{border-color:#84cc16;background-color:#ecfccb}.pairing-option.matched{border-color:#e5e7eb;background-color:#fff;cursor:default;-webkit-animation:shake .5s ease-in-out;animation:shake .5s ease-in-out;color:#f9fafb}.pairing-option.matched .option-number{border-color:#d1d5db;color:#d1d5db}.pairing-option.matched .option-text{color:#d1d5db}@-webkit-keyframes shake{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}30%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}60%{-webkit-transform:translateY(5px);transform:translateY(5px)}}@keyframes shake{0%,to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}30%{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}60%{-webkit-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px)}}.option-number{width:28px;height:28px;border:2px solid #e5e7eb;-webkit-border-radius:8px;border-radius:8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:14px;font-weight:600;color:#9ca3af;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.pairing-option.selected .option-number{border-color:#84cc16;color:#84cc16}.option-text{font-size:16px;font-weight:500;color:#374151;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center}.pairing-option.selected .option-text{color:#84cc16}.pairing-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:20px 40px;border-top:2px solid #e5e7eb;background-color:#fff;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.pairing-footer.correct{background-color:#ecfccb;border-top-color:#84cc16}.pairing-footer.wrong{background-color:#fee2e2;border-top-color:#ef4444}.skip-button{padding:12px 32px;border:2px solid #e5e7eb;-webkit-border-radius:12px;border-radius:12px;background-color:#fff;color:#9ca3af;font-size:16px;font-weight:600;cursor:pointer;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.skip-button:hover{background-color:#f9fafb}.check-button{padding:12px 48px;border:none;-webkit-border-radius:12px;border-radius:12px;background-color:#e5e7eb;color:#9ca3af;font-size:16px;font-weight:600;cursor:not-allowed;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.check-button.active{background-color:#84cc16;color:#fff;cursor:pointer}.check-button.active:hover{background-color:#65a30d}